@charset "UTF-8";
.integration-app *:focus, .integration-app *:active:focus {
  outline: 0;
}

.asconsole .page-container {
  overflow: auto !important;
  padding: 20px 30px;
}
.asconsole asui-breadcrumbs {
  width: 100%;
}
.asconsole asui-breadcrumbs .breadcrumb {
  font-size: 16px;
  font-weight: 500;
}
.asconsole asui-spinner {
  font-size: 12px;
}
.asconsole ::-ms-clear {
  display: none;
}
.asconsole input::-ms-clear {
  display: none;
}
.asconsole .modal .modal-dialog {
  transform: unset;
}
.asconsole .modal .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole blockquote {
  padding: initial;
  border-left: initial;
}
.asconsole ui-view {
  flex: 1;
  flex-direction: column;
  display: flex;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  width: 100%;
}
.asconsole .ui-view-1024 {
  max-width: 1024px;
  width: 100%;
}
.asconsole .pointer-events-none {
  pointer-events: none;
}
.asconsole a:hover {
  text-decoration: none;
  color: #146fcf;
}
.asconsole .btn-footer {
  order: 1;
  text-align: right;
  position: inherit;
  width: inherit;
}
.asconsole .btn-footer .btn-group {
  margin: 15px;
}
.asconsole .btn-footer .btn-group .btn {
  margin-right: 0px;
  margin-left: 10px;
}
.asconsole .fa-caret-down {
  padding-top: 3px;
}
.asconsole .asui-well-create {
  border: 1px solid #eaedf0;
  border-top: 0;
  position: relative;
  background: white;
  padding: 0px;
  margin: 0px;
}
.asconsole asui-grid .grid-container .grid-item {
  position: relative;
}
.asconsole asui-vertical-navbar {
  margin: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.asconsole .modal-close-top-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  z-index: 9999;
  cursor: pointer;
}
.asconsole .modal-close-top-right i {
  font-size: 180%;
  color: #475369;
}
.asconsole .modal-close-top-right i:hover {
  color: #333F55;
}
.asconsole .asui-context-menu .fa-caret-down {
  padding-left: 2px;
}
.asconsole .asui-context-menu .fa-caret-up {
  padding-left: 0;
}
.asconsole .updated-column {
  width: 170px;
}
.asconsole .divider::before {
  content: " | ";
  margin: 0px 5px;
  color: #8493AE;
}
.asconsole .filter-bar {
  z-index: 2;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-right: 10px;
}
.asconsole .filter-bar .filter-block {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  color: #475369;
}
.asconsole .asui-command-bar {
  z-index: 2;
}
.asconsole .desktop-camera-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.asconsole .desktop-camera-overlay .desktop-camera-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 600px;
  background-color: #eef4f9;
  border: 1px white solid;
  border-radius: 4px;
  overflow: hidden;
}
.asconsole .desktop-camera-overlay .desktop-camera-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .icon-camera {
  margin-right: 5px;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .cancel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 22px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 4px;
  padding: 5px;
  cursor: pointer;
  z-index: 1;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .desktop-camera-overlay .desktop-camera-container .cancel-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.asconsole .desktop-camera-overlay .desktop-camera-container .camera-mirror {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  /* Safari and Chrome */
  -moz-transform: rotateY(180deg);
  /* Firefox */
}
.asconsole .desktop-camera-overlay .desktop-camera-container .countdown-timer {
  position: absolute;
  font-size: 200px;
  color: white;
  z-index: 2;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .button-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 10px;
  z-index: 2;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .capture-button {
  display: flex;
  align-items: center;
  margin-right: 14px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  letter-spacing: 0.02em;
  color: white;
  border: 2px #002169 solid;
  background-color: #002169;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .desktop-camera-overlay .desktop-camera-container .capture-button-inverse {
  display: flex;
  align-items: center;
  margin-right: 14px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  letter-spacing: 0.02em;
  color: #002169;
  border: 2px #002169 solid;
  background-color: white;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .no-content-container {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-basis: auto;
  margin: 2vh;
  text-align: center;
}
.asconsole .no-content-container .icon-container {
  color: #475369;
}
@media all and (max-width: 667px) {
  .asconsole .no-content-container .icon-container {
    width: 80%;
  }
}
.asconsole .no-content-container .icon-container i {
  font-size: 15vh;
  margin-bottom: 3vh;
}
.asconsole .no-content-container .icon-container img {
  width: 50%;
  max-height: 250px;
}
@media all and (max-width: 667px) {
  .asconsole .no-content-container .icon-container img {
    width: 100%;
    max-height: none;
  }
}
.asconsole .no-content-container .icon-container svg {
  width: 50%;
  max-height: 250px;
}
@media all and (max-width: 667px) {
  .asconsole .no-content-container .icon-container svg {
    width: 100%;
    max-height: none;
  }
}
.asconsole .no-content-container p {
  color: #475369;
}
.asconsole .no-content-container h2 {
  color: #333F55;
}
.asconsole .no-content-container h3 {
  color: #333F55;
}
.asconsole .no-content-container .asui-btn {
  line-height: 1;
  margin-top: 15px;
}
.asconsole .no-content-container .asui-btn i {
  font-size: 12px;
}
.asconsole .no-content-container .non-content-text {
  color: #475369;
  font-size: 120%;
}
.asconsole .no-content-container .non-content-text h2,
.asconsole .no-content-container .non-content-text h3 {
  color: #475369;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .no-content-container .non-content-text {
    width: 100%;
  }
}
.asconsole .no-content-container .no-content-action-button {
  margin-top: 15px;
}
.asconsole .no-content-container .no-content-action-button .btn-primary {
  color: white;
}
.asconsole .no-content-container .cta-illustration {
  height: 33vh;
}
.asconsole .ng-hide {
  display: none !important;
}
.asconsole growl-notifications {
  top: 55px;
  right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole growl-notifications {
    right: 0;
  }
  .asconsole growl-notifications .asui-notification {
    width: 100%;
    padding: 14px 15px;
  }
  .asconsole growl-notifications .asui-notification-success {
    background-color: white;
    color: #333F55;
    border: 1px solid #DDE3EE;
    border-left-width: 5px;
    border-left-color: #0A5BEB;
  }
  .asconsole growl-notifications .asui-notification-success .notification-icon {
    color: #0A5BEB;
  }
}
.ex-app.asconsole growl-notifications {
  top: calc(82px + var(--as-safe-area-top, 0px));
}
@media all and (max-width: 667px) {
  .ex-app.asconsole growl-notifications {
    top: calc(55px + var(--as-safe-area-top, 0px));
  }
}
.asconsole .validation-msg {
  color: #CB4848;
  font-size: 90%;
}
.asconsole .asui-table-container thead .as-table-checkbox-header {
  padding-left: 10px !important;
}
.asconsole .asui-table-container tbody .as-checkbox-column {
  padding-left: 10px !important;
}
@media (max-width: 768px) {
  .asconsole .as-drag-sort-column {
    display: none;
  }
}
.asconsole asui-flip .backface {
  max-width: 100%;
}
.asconsole asui-flip .frontface {
  max-width: 100%;
}
@media (max-width: 768px) {
  .asconsole .asui-workflow-navbar .next {
    display: none;
  }
  .asconsole .asui-workflow-navbar .previous {
    display: none;
  }
}

.asconsole .channelgroup-edit {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 448px) {
  .asconsole .channelgroup-edit .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
.asconsole .channelgroup-overviewform .overviewform-default-img {
  font-size: 250%;
  color: #DDE3EE;
}

.slickBoxOverlay {
  background-color: black !important;
}

#ConfirmBox .standardMsgBox {
  float: left;
  min-width: 500px;
  min-height: auto;
  min-height: unset;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 100%;
}
#ConfirmBox .msgHeader {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 20px;
  text-transform: capitalize;
}
#ConfirmBox .msgHeader b {
  font-weight: normal !important;
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
}
#ConfirmBox .msgHeader:first-letter {
  text-transform: uppercase;
}
#ConfirmBox .msgContainer {
  float: left;
  width: 100%;
  padding: 0px 0px;
}
#ConfirmBox #ConfirmBox_label {
  width: 95.4%;
}
#ConfirmBox #ConfirmBox_label .header span {
  margin: 0px;
  float: none;
  padding: 0px;
}
#ConfirmBox .msgContainer span {
  float: left;
  margin: 24px 0px;
}
#ConfirmBox .msgContainer .centerChild {
  border-top: 1px solid #e5e5e5;
  display: block;
  float: left;
  width: 100%;
  text-align: right;
  padding: 15px 0px;
  margin-top: 0px;
  margin-left: -20px;
}
#ConfirmBox div.standardMsgBox input[type=button] {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  margin-right: 10px;
  margin-top: 0px;
  cursor: pointer;
  width: 100px;
  height: 30px;
  margin-left: 0px;
}
#ConfirmBox input[type=button]#btn_Cancel {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  float: right;
  color: #333333;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 6px 10px;
  border-radius: 3px;
}
#ConfirmBox input[type=button]#btn_Cancel:hover {
  background-color: #F4F4F4;
}
#ConfirmBox input[type=button]#btn_OK {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  float: right;
  color: #FFFFFF;
  border: 1px solid #007ACC;
  background-color: #007ACC;
  padding: 6px 10px;
  margin-right: 20px;
  border-radius: 3px;
}
#ConfirmBox input[type=button]#btn_OK:hover {
  background-color: #006BB3;
}

/* END: New UI for #ConfirmBox overlay */
/*---------------------Overlay Box 18 Jun 09-----------------------*/
.OverlayBox {
  /*--------------Load network tree resources from legacy required to point to /app/-------------*/
  /*--------------Multi-layer Overlay Box 17 March 2016-------------*/
  /* IE Lost Focus Styling */
}
.OverlayBox div.standardMsgBox {
  min-width: 500px;
  max-width: 800px;
  background: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
}
.OverlayBox div.standardMsgBox input[type=button] {
  margin-top: 20px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
  color: #FFFFFF;
  border: 1px solid #007ACC;
  background-color: #007ACC;
  padding: 6px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  cursor: pointer;
}
.OverlayBox .jstree-default .jstree-node, .OverlayBox #networkTree.jstree-default .jstree-icon {
  background-image: url("/app/Content/themes/default/32px.png");
}
.OverlayBox #networkTree.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("/app/Content/themes/default/throbber.gif") center center no-repeat;
}
.OverlayBox #uxBtn_OK {
  margin-top: 15px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
  color: #FFFFFF !important;
  border: 1px solid #007ACC !important;
  background-color: #007ACC !important;
  padding: 6px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  cursor: pointer;
}
.OverlayBox #btn_Cancel {
  margin-top: 20px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
  color: #333333 !important;
  border: 1px solid #CCCCCC !important;
  background-color: #FFFFFF !important;
  padding: 6px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  cursor: pointer;
}
.OverlayBox div.standardMsgBox input[type=button]:hover {
  background-color: #006BB3;
}
.OverlayBox div.standardMsgBox .header {
  line-height: 30px;
  width: 100%;
}
.OverlayBox div.standardMsgBox .header b {
  float: left;
  padding-right: 5px;
}
.OverlayBox div.standardMsgBox div.msgHeader {
  padding: 15px 20px;
  font-size: 16px !important;
  border-bottom: 1px solid #CCCCCC;
  text-transform: capitalize;
}
.OverlayBox div.standardMsgBox div.msgHeaderError {
  padding: 15px 20px;
  font-size: 16px !important;
  border-bottom: 1px solid #CCCCCC;
  text-transform: capitalize;
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.msgHeader .center {
  text-align: center;
}
.OverlayBox div.standardMsgBox div.msgContainer {
  padding: 20px 0px 15px 0px;
}
.OverlayBox div.standardMsgBox div.msgContainer span {
  display: block;
  padding: 0px 20px;
}
.OverlayBox div.standardMsgBox div.msgContainer #ConfirmBox_Label {
  padding: 0;
}
.OverlayBox div.standardMsgBox div.msgContainer input[type=text] {
  margin: 0px;
  margin-top: 4px;
  width: 100%;
  border: 1px solid #CCCCCC !important;
  color: #333333;
  padding: 4px 4px;
}
.OverlayBox div.msgContainer div.preloader {
  text-align: center;
  width: 100%;
}
.OverlayBox div.msgContainer h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.OverlayBox div.msgContainer h2 span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.OverlayBox div.msgContainer span.guide {
  color: #999;
}
.OverlayBox div.msgContainer div.centerChild {
  text-align: right;
  border-top: 1px solid #CCCCCC;
  width: 100%;
  position: relative;
  margin-left: -20px;
  right: -20px;
  margin-top: 20px;
}
.OverlayBox div.standardOverlayBox {
  margin: 0 auto;
}
.OverlayBox div.standardOverlayBox input[type=button] {
  margin-top: 10px;
  text-align: center;
  width: 100px;
}
.OverlayBox div.standardOverlayBox div.msgHeader {
  padding: 5px 5px;
  font-size: 16px;
  display: none;
}
.OverlayBox div.standardMsgBox div.msgHeaderError {
  padding: 5px 5px;
  font-size: 16px;
}
.OverlayBox div.standardOverlayBox div.msgHeaderError {
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.standardOverlayBox div.msgContainer {
  line-height: 1px;
  padding: 0px 0px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}
.OverlayBox div.standardOverlayBox div.msgContainer input[type=text] {
  margin-top: 4px;
  width: 100%;
}
.OverlayBox button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.OverlayBox button.overlayButton {
  width: 15px;
  height: 0px;
}
.OverlayBox .close {
  float: right;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
}
.OverlayBox div.overlayMask {
  opacity: 0.3;
  filter: alpha(opacity=20);
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
}
.OverlayBox #ieLostFocusField {
  z-index: -1;
  position: fixed;
  width: 1px;
  height: 1px;
  opacity: 0.1;
  top: -100px;
}
.OverlayBox #uxIframeImportApplication {
  padding: 30px !important;
  min-height: 240px !important;
  height: 350px !important;
}
.OverlayBox .importPopup {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  min-width: 500px !important;
  background-color: white;
  height: 300px !important;
}
.OverlayBox .inputalertmsg {
  margin-bottom: 4px;
}
.OverlayBox .btn-asui-primary {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  width: 100px;
  color: #FFFFFF;
  border: 1px solid #007ACC !important;
  background-color: #007ACC !important;
  padding: 3px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
}
.OverlayBox .btn-asui-primary:hover {
  background-color: #006BB3 !important;
}
.OverlayBox .btn-asui-secondary {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  width: 100px;
  color: #333333 !important;
  border: 1px solid #CCCCCC !important;
  background-color: #FFFFFF !important;
  padding: 3px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  margin-right: 5px !important;
}
.OverlayBox .btn-asui-secondary:hover {
  background-color: #DADADA !important;
}
.OverlayBox .btn-asui-primary {
  margin-right: 20px;
  padding: 6px 10px !important;
}
.OverlayBox .btn-asui-secondary {
  padding: 6px 10px !important;
}
.OverlayBox .msgButtonDiv {
  border-top: 1px solid #CCCCCC;
}
.OverlayBox .btn-asui-small {
  padding: 3px 10px !important;
  margin-right: 2px;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  width: unset;
  width: auto;
  cursor: pointer;
}

#OverlayBox_1 {
  margin: 0 auto !important;
  height: calc(100vh - 80px) !important;
  width: calc(100vw - 80px) !important;
}
#OverlayBox_1 .standardOverlayBox .msgContainerIframe {
  margin: 0 auto !important;
  top: 20px !important;
  bottom: 20px !important;
  left: 20px !important;
  right: 20px !important;
  height: calc(100vh - 80px) !important;
  width: calc(100vw - 80px) !important;
}

.OverlayBox {
  transform: translate(-50%, -50%);
  left: 50% !important;
  top: 50% !important;
  margin: 0px !important;
  height: unset !important;
}
@supports (-ms-ime-align: auto) {
  .OverlayBox {
    width: unset !important;
  }
}
.OverlayBox iframe {
  background-color: white !important;
  border: none;
  height: 100%;
}
.OverlayBox div.standardMsgBox {
  min-width: 500px;
  max-width: 800px;
  background-color: #fff;
  margin: 0 auto;
}
.OverlayBox div.standardMsgBox input[type=button] {
  margin-top: 20px;
  text-align: center;
  width: 100px;
}
.OverlayBox div.standardMsgBox .header {
  line-height: 30px;
  margin: 0 0px 6px;
}
.OverlayBox div.standardMsgBox div.msgHeader, .OverlayBox div.standardMsgBox div.msgHeaderError {
  font-size: 16px;
}
.OverlayBox div.standardMsgBox div.msgHeaderError {
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.msgHeader .center {
  text-align: center;
}
.OverlayBox div.standardMsgBox div.msgContainer {
  padding: 20px 0px;
}
.OverlayBox div.standardMsgBox div.msgContainer input[type=text] {
  margin-top: 4px;
  width: 100%;
}
.OverlayBox div.msgContainer div.preloader {
  text-align: center;
  width: 100%;
}
.OverlayBox div.msgContainer h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.OverlayBox div.msgContainer h2 span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.OverlayBox div.msgContainer span.guide {
  color: #999;
}
.OverlayBox div.msgContainer div.centerChild {
  text-align: right;
}
.OverlayBox div.standardOverlayBox {
  margin: 0 auto;
}
.OverlayBox div.standardOverlayBox input[type=button] {
  margin-top: 10px;
  text-align: center;
  width: 100px;
}
.OverlayBox div.standardOverlayBox div.msgHeader, .OverlayBox div.standardMsgBox div.msgHeaderError {
  padding: 5px 5px;
  font-size: 16px;
}
.OverlayBox div.standardOverlayBox div.msgHeaderError {
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.standardOverlayBox div.msgContainer {
  padding: 0;
}
.OverlayBox div.standardOverlayBox div.msgContainer input[type=text] {
  margin-top: 4px;
  width: 100%;
}
.OverlayBox button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0;
  border: 0;
}
.OverlayBox button.overlayButton {
  width: 15px;
  height: 15px;
}
.OverlayBox .close {
  float: right;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
}
.OverlayBox div.overlayMask {
  opacity: 0.3;
  filter: alpha(opacity=20);
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
}

.OverlayBox .treeview_container {
  background-color: white;
  height: 600px;
  width: 500px;
}
.OverlayBox .parentNetworkheader {
  border-bottom: 1px solid #e6e6e6;
}
.OverlayBox .header_title {
  font-size: 16px;
  padding: 10px 20px;
  line-height: 20px;
}
.OverlayBox .network_title {
  padding: 10px 20px;
}
.OverlayBox .network_search_title {
  padding: 0px;
}
.OverlayBox .network_search_box {
  border: 1px solid #cccccc;
  height: 22px;
  vertical-align: middle;
}
.OverlayBox #networkSelected {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  width: 325px;
  word-wrap: break-all;
  margin-left: 10px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .OverlayBox #networkSelected {
    word-break: break-word;
  }
}
.OverlayBox #main a, .OverlayBox a:hover {
  text-decoration: none !important;
}
.OverlayBox #openSlickBox {
  border: none;
}
.OverlayBox #searchField {
  color: black;
  padding-left: 5px;
}
.OverlayBox #networkTree {
  overflow: auto;
  height: 320px;
}
.OverlayBox .ui-dialog {
  z-index: 1002;
}
.OverlayBox .ui-widget-overlay {
  z-index: 1001;
}
.OverlayBox div.networktreeselector ul.jstree-children:nth-child(1) > li {
  margin-left: 0px;
  margin-top: 10px;
}
.OverlayBox .msgBoxButton {
  background: unset;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  float: none !important;
  font-size: inherit;
  height: 25px;
  text-align: center;
  width: 100px;
}
.OverlayBox hr.netCustom {
  margin: 0 0 10px 0;
}
.OverlayBox a.netlink {
  text-decoration: none;
}
.OverlayBox .network_title span {
  margin: 0px;
}
.OverlayBox .network-title {
  padding-top: 0px;
}
.OverlayBox .network_title {
  padding: 10px 0px !important;
}
.OverlayBox .network_title span b {
  color: #72889C;
}
.OverlayBox .network_title span {
  padding: 0px 0px !important;
}
.OverlayBox .jstree-default .jstree-wholerow-hovered {
  background: #EEF4F9 !important;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked {
  background: #EEF4F9 !important;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked:hover {
  background: #EEF4F9 !important;
}
.OverlayBox hr {
  background: #EEF4F9;
}

.OverlayBox #jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.OverlayBox #jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
.OverlayBox #jstree-dnd .jstree-icon, .OverlayBox #jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
.OverlayBox #jstree-dnd .jstree-ok {
  background: green;
}
.OverlayBox #jstree-dnd .jstree-er {
  background: red;
}
.OverlayBox #jstree-dnd .jstree-copy {
  margin: 0 2px;
}
.OverlayBox .jstree-default .jstree-node, .OverlayBox .jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox .jstree-default .jstree-anchor, .OverlayBox .jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.OverlayBox .jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #ccc;
}
.OverlayBox .jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999;
}
.OverlayBox .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.OverlayBox .jstree-default .jstree-disabled {
  background: 0;
  color: #666;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-hovered {
  background: 0;
  box-shadow: none;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.OverlayBox .jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: 700;
}
.OverlayBox .jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: 0;
  box-shadow: none;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: 0;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.OverlayBox .jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat;
}
.OverlayBox .jstree-default > .jstree-wholerow-ul .jstree-hovered, .OverlayBox .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: 0;
  box-shadow: none;
  border-radius: 0;
}
.OverlayBox .jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.OverlayBox .jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%);
}
.OverlayBox .jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.OverlayBox .jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.OverlayBox .jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox .jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.OverlayBox .jstree-default .jstree-wholerow {
  height: 24px;
}
.OverlayBox .jstree-default .jstree-node, .OverlayBox .jstree-default .jstree-icon {
  background-image: url(32px.png);
}
.OverlayBox .jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.OverlayBox .jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.OverlayBox .jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.OverlayBox .jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.OverlayBox .jstree-default .jstree-disabled {
  background: 0;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-hovered {
  background: 0;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.OverlayBox .jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.OverlayBox .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.OverlayBox .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.OverlayBox .jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.OverlayBox .jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.OverlayBox .jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.OverlayBox .jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.OverlayBox .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(throbber.gif) center center no-repeat;
}
.OverlayBox .jstree-default .jstree-file {
  background: url(32px.png) -100px -68px no-repeat;
}
.OverlayBox .jstree-default .jstree-folder {
  background: url(32px.png) -260px -4px no-repeat;
}
.OverlayBox .jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.OverlayBox #jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
.OverlayBox #jstree-dnd.jstree-default .jstree-ok, .OverlayBox #jstree-dnd.jstree-default .jstree-er {
  background-image: url(32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox #jstree-dnd.jstree-default i {
  background: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox #jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
.OverlayBox #jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
}
.OverlayBox .jstree-default.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.OverlayBox .jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.OverlayBox .jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.OverlayBox .jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.OverlayBox .jstree-default-small .jstree-wholerow {
  height: 18px;
}
.OverlayBox .jstree-default-small .jstree-node, .OverlayBox .jstree-default-small .jstree-icon {
  background-image: url(32px.png);
}
.OverlayBox .jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-small .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.OverlayBox .jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.OverlayBox .jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.OverlayBox .jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.OverlayBox .jstree-default-small > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.OverlayBox .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.OverlayBox .jstree-default-small .jstree-disabled {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-disabled.jstree-hovered {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.OverlayBox .jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.OverlayBox .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.OverlayBox .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.OverlayBox .jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.OverlayBox .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.OverlayBox .jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.OverlayBox .jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.OverlayBox .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(throbber.gif) center center no-repeat;
}
.OverlayBox .jstree-default-small .jstree-file {
  background: url(32px.png) -103px -71px no-repeat;
}
.OverlayBox .jstree-default-small .jstree-folder {
  background: url(32px.png) -263px -7px no-repeat;
}
.OverlayBox .jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.OverlayBox #jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
.OverlayBox #jstree-dnd.jstree-default-small .jstree-ok, .OverlayBox #jstree-dnd.jstree-default-small .jstree-er {
  background-image: url(32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox #jstree-dnd.jstree-default-small i {
  background: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.OverlayBox #jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
.OverlayBox #jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==);
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.OverlayBox .jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.OverlayBox .jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.OverlayBox .jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.OverlayBox .jstree-default-large .jstree-wholerow {
  height: 32px;
}
.OverlayBox .jstree-default-large .jstree-node, .OverlayBox .jstree-default-large .jstree-icon {
  background-image: url(32px.png);
}
.OverlayBox .jstree-default-large .jstree-node {
  background-position: -288px 0;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-large .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}
.OverlayBox .jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}
.OverlayBox .jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}
.OverlayBox .jstree-default-large .jstree-themeicon {
  background-position: -256px 0;
}
.OverlayBox .jstree-default-large > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}
.OverlayBox .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}
.OverlayBox .jstree-default-large .jstree-disabled {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-disabled.jstree-hovered {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}
.OverlayBox .jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.OverlayBox .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0;
}
.OverlayBox .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.OverlayBox .jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}
.OverlayBox .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.OverlayBox .jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}
.OverlayBox .jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.OverlayBox .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(throbber.gif) center center no-repeat;
}
.OverlayBox .jstree-default-large .jstree-file {
  background: url(32px.png) -96px -64px no-repeat;
}
.OverlayBox .jstree-default-large .jstree-folder {
  background: url(32px.png) -256px 0 no-repeat;
}
.OverlayBox .jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.OverlayBox #jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
.OverlayBox #jstree-dnd.jstree-default-large .jstree-ok, .OverlayBox #jstree-dnd.jstree-default-large .jstree-er {
  background-image: url(32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox #jstree-dnd.jstree-default-large i {
  background: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.OverlayBox #jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px;
}
.OverlayBox #jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==);
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-last {
  background: 0;
}
@media (max-width: 768px) {
  .OverlayBox #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: 700;
    font-size: 1.1em;
    text-shadow: 1px 1px #fff;
  }
  .OverlayBox #jstree-dnd.jstree-dnd-responsive > i {
    background: 0;
    width: 40px;
    height: 40px;
  }
  .OverlayBox #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(40px.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  .OverlayBox #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(40px.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  .OverlayBox #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .OverlayBox .jstree-default-responsive .jstree-icon {
    background-image: url(40px.png);
  }
  .OverlayBox .jstree-default-responsive .jstree-node, .OverlayBox .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .OverlayBox .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .OverlayBox .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .OverlayBox .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-ocl, .OverlayBox .jstree-default-responsive .jstree-themeicon, .OverlayBox .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .OverlayBox .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .OverlayBox .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .OverlayBox .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-checkbox {
    background-position: -40px -80px;
  }
  .OverlayBox .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .OverlayBox .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default-responsive .jstree-checked > .jstree-checkbox {
    background-position: 0 -80px;
  }
  .OverlayBox .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor {
    font-weight: 700;
    font-size: 1.1em;
    text-shadow: 1px 1px #fff;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor > .jstree-undetermined {
    background-position: 0 -120px;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .OverlayBox .jstree-default-responsive > .jstree-striped {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .OverlayBox .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .OverlayBox .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666;
  }
  .OverlayBox .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666;
    border-top: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .OverlayBox .jstree-default-responsive .jstree-node, .OverlayBox .jstree-default-responsive .jstree-icon, .OverlayBox .jstree-default-responsive .jstree-node > .jstree-ocl, .OverlayBox .jstree-default-responsive .jstree-themeicon, .OverlayBox .jstree-default-responsive .jstree-checkbox {
    background-image: url(40px.png);
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .OverlayBox .jstree-default-responsive .jstree-last {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .OverlayBox .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .OverlayBox .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-file {
    background: url(40px.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive .jstree-folder {
    background: url(40px.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.OverlayBox a:hover {
  border-bottom: 0;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -40px -4px;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -8px -4px;
}
.OverlayBox .jstree-default .jstree-icon:empty {
  width: 14px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox .jstree-default .jstree-checkbox {
  width: 24px !important;
}
.OverlayBox .jstree-default .jstree-anchor {
  height: 25px;
  line-height: 24px;
}
.OverlayBox .jstree-default .jstree-wholerow {
  height: 25px;
}
.OverlayBox .jstree-default .jstree-node {
  line-height: 24px;
  margin-left: 20px;
  min-height: 24px;
  min-width: 24px;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked {
  background: #f2f2f2 !important;
}
.OverlayBox .jstree-wholerow-hovered {
  background: #f2f2f2 !important;
}
.OverlayBox div.dgl-tree-holder {
  margin: 0 !important;
  min-height: 100%;
  max-height: 100% !important;
  overflow-x: auto;
  overflow-y: hidden;
}

.OverlayBox.is-max-screen {
  margin: 0 auto !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  height: 100vh !important;
  width: 100vw !important;
  transform: none !important;
}

.OverlayBox.is-max-screen .standardOverlayBox .msgContainerIframe {
  margin: 0 auto !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  height: 100vh !important;
  width: 100vw !important;
  transform: none !important;
}

#ConfirmBox .standardMsgBox {
  float: left;
  min-width: 500px;
  min-height: auto;
  min-height: unset;
}
#ConfirmBox .msgHeader {
  border-bottom: 1px solid #CCC;
  padding: 15px 20px;
  text-transform: lowercase;
}
#ConfirmBox .msgHeader:first-letter {
  text-transform: uppercase;
}
#ConfirmBox .msgContainer {
  float: left;
  width: 100%;
  padding: 0;
}
#ConfirmBox #ConfirmBox_label .header span {
  margin: 0;
  float: none;
}
#ConfirmBox #ConfirmBox_label {
  width: 100%;
}
#ConfirmBox .msgContainer span {
  float: left;
  margin: 20px 0px;
}
#ConfirmBox .msgContainer .centerChild {
  border-top: 1px solid #CCC;
  display: block;
  float: left;
  width: 100%;
  text-align: right;
  padding: 15px 0;
  margin-top: 0;
}
#ConfirmBox div.standardMsgBox input[type=button] {
  margin-right: 10px;
  margin-top: 0;
  cursor: pointer;
  width: 100px;
  height: 30px;
  margin-left: 0;
}
#ConfirmBox input[type=button]#btn_Cancel {
  float: right;
  color: #333F55;
  border: 1px solid #CCC;
  background-color: #FFF;
  padding: 6px 10px;
  border-radius: 3px;
}
#ConfirmBox input[type=button]#btn_Cancel:hover {
  background-color: #F4F4F4;
}
#ConfirmBox input[type=button]#btn_OK:hover {
  background-color: #006BB3;
}
#ConfirmBox input[type=button]#btn_OK {
  float: right;
  color: #FFF;
  border: 1px solid #007ACC;
  background-color: #007ACC;
  padding: 6px 10px;
  border-radius: 3px;
}

.asconsole .channelgroup-edit {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 448px) {
  .asconsole .channelgroup-edit .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
.asconsole .channelgroup-overviewform .overviewform-default-img {
  font-size: 250%;
  color: #DDE3EE;
}

.asconsole .page-container {
  overflow: auto !important;
  padding: 20px 30px;
}
.asconsole asui-breadcrumbs {
  width: 100%;
}
.asconsole asui-breadcrumbs .breadcrumb {
  font-size: 16px;
  font-weight: 500;
}
.asconsole asui-spinner {
  font-size: 12px;
}
.asconsole ::-ms-clear {
  display: none;
}
.asconsole input::-ms-clear {
  display: none;
}
.asconsole .modal .modal-dialog {
  transform: unset;
}
.asconsole .modal .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole blockquote {
  padding: initial;
  border-left: initial;
}
.asconsole ui-view {
  flex: 1;
  flex-direction: column;
  display: flex;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  width: 100%;
}
.asconsole .ui-view-1024 {
  max-width: 1024px;
  width: 100%;
}
.asconsole .pointer-events-none {
  pointer-events: none;
}
.asconsole a:hover {
  text-decoration: none;
  color: #146fcf;
}
.asconsole .btn-footer {
  order: 1;
  text-align: right;
  position: inherit;
  width: inherit;
}
.asconsole .btn-footer .btn-group {
  margin: 15px;
}
.asconsole .btn-footer .btn-group .btn {
  margin-right: 0px;
  margin-left: 10px;
}
.asconsole .fa-caret-down {
  padding-top: 3px;
}
.asconsole .asui-well-create {
  border: 1px solid #eaedf0;
  border-top: 0;
  position: relative;
  background: white;
  padding: 0px;
  margin: 0px;
}
.asconsole asui-grid .grid-container .grid-item {
  position: relative;
}
.asconsole asui-vertical-navbar {
  margin: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}
.asconsole .modal-close-top-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  z-index: 9999;
  cursor: pointer;
}
.asconsole .modal-close-top-right i {
  font-size: 180%;
  color: #475369;
}
.asconsole .modal-close-top-right i:hover {
  color: #333F55;
}
.asconsole .asui-context-menu .fa-caret-down {
  padding-left: 2px;
}
.asconsole .asui-context-menu .fa-caret-up {
  padding-left: 0;
}
.asconsole .updated-column {
  width: 170px;
}
.asconsole .divider::before {
  content: " | ";
  margin: 0px 5px;
  color: #8493AE;
}
.asconsole .filter-bar {
  z-index: 2;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-right: 10px;
}
.asconsole .filter-bar .filter-block {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  color: #475369;
}
.asconsole .asui-command-bar {
  z-index: 2;
}
.asconsole .desktop-camera-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.asconsole .desktop-camera-overlay .desktop-camera-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 600px;
  background-color: #eef4f9;
  border: 1px white solid;
  border-radius: 4px;
  overflow: hidden;
}
.asconsole .desktop-camera-overlay .desktop-camera-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .icon-camera {
  margin-right: 5px;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .cancel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 22px;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 4px;
  padding: 5px;
  cursor: pointer;
  z-index: 1;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .desktop-camera-overlay .desktop-camera-container .cancel-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.asconsole .desktop-camera-overlay .desktop-camera-container .camera-mirror {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  /* Safari and Chrome */
  -moz-transform: rotateY(180deg);
  /* Firefox */
}
.asconsole .desktop-camera-overlay .desktop-camera-container .countdown-timer {
  position: absolute;
  font-size: 200px;
  color: white;
  z-index: 2;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .button-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 10px;
  z-index: 2;
}
.asconsole .desktop-camera-overlay .desktop-camera-container .capture-button {
  display: flex;
  align-items: center;
  margin-right: 14px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  letter-spacing: 0.02em;
  color: white;
  border: 2px #002169 solid;
  background-color: #002169;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .desktop-camera-overlay .desktop-camera-container .capture-button-inverse {
  display: flex;
  align-items: center;
  margin-right: 14px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  letter-spacing: 0.02em;
  color: #002169;
  border: 2px #002169 solid;
  background-color: white;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .no-content-container {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-basis: auto;
  margin: 2vh;
  text-align: center;
}
.asconsole .no-content-container .icon-container {
  color: #475369;
}
@media all and (max-width: 667px) {
  .asconsole .no-content-container .icon-container {
    width: 80%;
  }
}
.asconsole .no-content-container .icon-container i {
  font-size: 15vh;
  margin-bottom: 3vh;
}
.asconsole .no-content-container .icon-container img {
  width: 50%;
  max-height: 250px;
}
@media all and (max-width: 667px) {
  .asconsole .no-content-container .icon-container img {
    width: 100%;
    max-height: none;
  }
}
.asconsole .no-content-container .icon-container svg {
  width: 50%;
  max-height: 250px;
}
@media all and (max-width: 667px) {
  .asconsole .no-content-container .icon-container svg {
    width: 100%;
    max-height: none;
  }
}
.asconsole .no-content-container p {
  color: #475369;
}
.asconsole .no-content-container h2 {
  color: #333F55;
}
.asconsole .no-content-container h3 {
  color: #333F55;
}
.asconsole .no-content-container .asui-btn {
  line-height: 1;
  margin-top: 15px;
}
.asconsole .no-content-container .asui-btn i {
  font-size: 12px;
}
.asconsole .no-content-container .non-content-text {
  color: #475369;
  font-size: 120%;
}
.asconsole .no-content-container .non-content-text h2,
.asconsole .no-content-container .non-content-text h3 {
  color: #475369;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .no-content-container .non-content-text {
    width: 100%;
  }
}
.asconsole .no-content-container .no-content-action-button {
  margin-top: 15px;
}
.asconsole .no-content-container .no-content-action-button .btn-primary {
  color: white;
}
.asconsole .no-content-container .cta-illustration {
  height: 33vh;
}
.asconsole .ng-hide {
  display: none !important;
}
.asconsole growl-notifications {
  top: 55px;
  right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole growl-notifications {
    right: 0;
  }
  .asconsole growl-notifications .asui-notification {
    width: 100%;
    padding: 14px 15px;
  }
  .asconsole growl-notifications .asui-notification-success {
    background-color: white;
    color: #333F55;
    border: 1px solid #DDE3EE;
    border-left-width: 5px;
    border-left-color: #0A5BEB;
  }
  .asconsole growl-notifications .asui-notification-success .notification-icon {
    color: #0A5BEB;
  }
}
.ex-app.asconsole growl-notifications {
  top: calc(82px + var(--as-safe-area-top, 0px));
}
@media all and (max-width: 667px) {
  .ex-app.asconsole growl-notifications {
    top: calc(55px + var(--as-safe-area-top, 0px));
  }
}
.asconsole .validation-msg {
  color: #CB4848;
  font-size: 90%;
}
.asconsole .asui-table-container thead .as-table-checkbox-header {
  padding-left: 10px !important;
}
.asconsole .asui-table-container tbody .as-checkbox-column {
  padding-left: 10px !important;
}
@media (max-width: 768px) {
  .asconsole .as-drag-sort-column {
    display: none;
  }
}
.asconsole asui-flip .backface {
  max-width: 100%;
}
.asconsole asui-flip .frontface {
  max-width: 100%;
}
@media (max-width: 768px) {
  .asconsole .asui-workflow-navbar .next {
    display: none;
  }
  .asconsole .asui-workflow-navbar .previous {
    display: none;
  }
}

.slickBoxOverlay {
  background-color: black !important;
}

#ConfirmBox .standardMsgBox {
  float: left;
  min-width: 500px;
  min-height: auto;
  min-height: unset;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 100%;
}
#ConfirmBox .msgHeader {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 20px;
  text-transform: capitalize;
}
#ConfirmBox .msgHeader b {
  font-weight: normal !important;
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
}
#ConfirmBox .msgHeader:first-letter {
  text-transform: uppercase;
}
#ConfirmBox .msgContainer {
  float: left;
  width: 100%;
  padding: 0px 0px;
}
#ConfirmBox #ConfirmBox_label {
  width: 95.4%;
}
#ConfirmBox #ConfirmBox_label .header span {
  margin: 0px;
  float: none;
  padding: 0px;
}
#ConfirmBox .msgContainer span {
  float: left;
  margin: 24px 0px;
}
#ConfirmBox .msgContainer .centerChild {
  border-top: 1px solid #e5e5e5;
  display: block;
  float: left;
  width: 100%;
  text-align: right;
  padding: 15px 0px;
  margin-top: 0px;
  margin-left: -20px;
}
#ConfirmBox div.standardMsgBox input[type=button] {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  margin-right: 10px;
  margin-top: 0px;
  cursor: pointer;
  width: 100px;
  height: 30px;
  margin-left: 0px;
}
#ConfirmBox input[type=button]#btn_Cancel {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  float: right;
  color: #333333;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 6px 10px;
  border-radius: 3px;
}
#ConfirmBox input[type=button]#btn_Cancel:hover {
  background-color: #F4F4F4;
}
#ConfirmBox input[type=button]#btn_OK {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  float: right;
  color: #FFFFFF;
  border: 1px solid #007ACC;
  background-color: #007ACC;
  padding: 6px 10px;
  margin-right: 20px;
  border-radius: 3px;
}
#ConfirmBox input[type=button]#btn_OK:hover {
  background-color: #006BB3;
}

/* END: New UI for #ConfirmBox overlay */
/*---------------------Overlay Box 18 Jun 09-----------------------*/
.OverlayBox {
  /*--------------Load network tree resources from legacy required to point to /app/-------------*/
  /*--------------Multi-layer Overlay Box 17 March 2016-------------*/
  /* IE Lost Focus Styling */
}
.OverlayBox div.standardMsgBox {
  min-width: 500px;
  max-width: 800px;
  background: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
}
.OverlayBox div.standardMsgBox input[type=button] {
  margin-top: 20px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
  color: #FFFFFF;
  border: 1px solid #007ACC;
  background-color: #007ACC;
  padding: 6px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  cursor: pointer;
}
.OverlayBox .jstree-default .jstree-node, .OverlayBox #networkTree.jstree-default .jstree-icon {
  background-image: url("/app/Content/themes/default/32px.png");
}
.OverlayBox #networkTree.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("/app/Content/themes/default/throbber.gif") center center no-repeat;
}
.OverlayBox #uxBtn_OK {
  margin-top: 15px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
  color: #FFFFFF !important;
  border: 1px solid #007ACC !important;
  background-color: #007ACC !important;
  padding: 6px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  cursor: pointer;
}
.OverlayBox #btn_Cancel {
  margin-top: 20px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
  color: #333333 !important;
  border: 1px solid #CCCCCC !important;
  background-color: #FFFFFF !important;
  padding: 6px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  cursor: pointer;
}
.OverlayBox div.standardMsgBox input[type=button]:hover {
  background-color: #006BB3;
}
.OverlayBox div.standardMsgBox .header {
  line-height: 30px;
  width: 100%;
}
.OverlayBox div.standardMsgBox .header b {
  float: left;
  padding-right: 5px;
}
.OverlayBox div.standardMsgBox div.msgHeader {
  padding: 15px 20px;
  font-size: 16px !important;
  border-bottom: 1px solid #CCCCCC;
  text-transform: capitalize;
}
.OverlayBox div.standardMsgBox div.msgHeaderError {
  padding: 15px 20px;
  font-size: 16px !important;
  border-bottom: 1px solid #CCCCCC;
  text-transform: capitalize;
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.msgHeader .center {
  text-align: center;
}
.OverlayBox div.standardMsgBox div.msgContainer {
  padding: 20px 0px 15px 0px;
}
.OverlayBox div.standardMsgBox div.msgContainer span {
  display: block;
  padding: 0px 20px;
}
.OverlayBox div.standardMsgBox div.msgContainer #ConfirmBox_Label {
  padding: 0;
}
.OverlayBox div.standardMsgBox div.msgContainer input[type=text] {
  margin: 0px;
  margin-top: 4px;
  width: 100%;
  border: 1px solid #CCCCCC !important;
  color: #333333;
  padding: 4px 4px;
}
.OverlayBox div.msgContainer div.preloader {
  text-align: center;
  width: 100%;
}
.OverlayBox div.msgContainer h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.OverlayBox div.msgContainer h2 span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.OverlayBox div.msgContainer span.guide {
  color: #999;
}
.OverlayBox div.msgContainer div.centerChild {
  text-align: right;
  border-top: 1px solid #CCCCCC;
  width: 100%;
  position: relative;
  margin-left: -20px;
  right: -20px;
  margin-top: 20px;
}
.OverlayBox div.standardOverlayBox {
  margin: 0 auto;
}
.OverlayBox div.standardOverlayBox input[type=button] {
  margin-top: 10px;
  text-align: center;
  width: 100px;
}
.OverlayBox div.standardOverlayBox div.msgHeader {
  padding: 5px 5px;
  font-size: 16px;
  display: none;
}
.OverlayBox div.standardMsgBox div.msgHeaderError {
  padding: 5px 5px;
  font-size: 16px;
}
.OverlayBox div.standardOverlayBox div.msgHeaderError {
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.standardOverlayBox div.msgContainer {
  line-height: 1px;
  padding: 0px 0px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}
.OverlayBox div.standardOverlayBox div.msgContainer input[type=text] {
  margin-top: 4px;
  width: 100%;
}
.OverlayBox button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.OverlayBox button.overlayButton {
  width: 15px;
  height: 0px;
}
.OverlayBox .close {
  float: right;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
}
.OverlayBox div.overlayMask {
  opacity: 0.3;
  filter: alpha(opacity=20);
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
}
.OverlayBox #ieLostFocusField {
  z-index: -1;
  position: fixed;
  width: 1px;
  height: 1px;
  opacity: 0.1;
  top: -100px;
}
.OverlayBox #uxIframeImportApplication {
  padding: 30px !important;
  min-height: 240px !important;
  height: 350px !important;
}
.OverlayBox .importPopup {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  min-width: 500px !important;
  background-color: white;
  height: 300px !important;
}
.OverlayBox .inputalertmsg {
  margin-bottom: 4px;
}
.OverlayBox .btn-asui-primary {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  width: 100px;
  color: #FFFFFF;
  border: 1px solid #007ACC !important;
  background-color: #007ACC !important;
  padding: 3px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
}
.OverlayBox .btn-asui-primary:hover {
  background-color: #006BB3 !important;
}
.OverlayBox .btn-asui-secondary {
  font-family: "Roboto", "Helvetica Neue LT Std", sans-serif, Arial !important;
  width: 100px;
  color: #333333 !important;
  border: 1px solid #CCCCCC !important;
  background-color: #FFFFFF !important;
  padding: 3px 10px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  margin-right: 5px !important;
}
.OverlayBox .btn-asui-secondary:hover {
  background-color: #DADADA !important;
}
.OverlayBox .btn-asui-primary {
  margin-right: 20px;
  padding: 6px 10px !important;
}
.OverlayBox .btn-asui-secondary {
  padding: 6px 10px !important;
}
.OverlayBox .msgButtonDiv {
  border-top: 1px solid #CCCCCC;
}
.OverlayBox .btn-asui-small {
  padding: 3px 10px !important;
  margin-right: 2px;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  width: unset;
  width: auto;
  cursor: pointer;
}

#OverlayBox_1 {
  margin: 0 auto !important;
  height: calc(100vh - 80px) !important;
  width: calc(100vw - 80px) !important;
}
#OverlayBox_1 .standardOverlayBox .msgContainerIframe {
  margin: 0 auto !important;
  top: 20px !important;
  bottom: 20px !important;
  left: 20px !important;
  right: 20px !important;
  height: calc(100vh - 80px) !important;
  width: calc(100vw - 80px) !important;
}

.OverlayBox {
  transform: translate(-50%, -50%);
  left: 50% !important;
  top: 50% !important;
  margin: 0px !important;
  height: unset !important;
}
@supports (-ms-ime-align: auto) {
  .OverlayBox {
    width: unset !important;
  }
}
.OverlayBox iframe {
  background-color: white !important;
  border: none;
  height: 100%;
}
.OverlayBox div.standardMsgBox {
  min-width: 500px;
  max-width: 800px;
  background-color: #fff;
  margin: 0 auto;
}
.OverlayBox div.standardMsgBox input[type=button] {
  margin-top: 20px;
  text-align: center;
  width: 100px;
}
.OverlayBox div.standardMsgBox .header {
  line-height: 30px;
  margin: 0 0px 6px;
}
.OverlayBox div.standardMsgBox div.msgHeader, .OverlayBox div.standardMsgBox div.msgHeaderError {
  font-size: 16px;
}
.OverlayBox div.standardMsgBox div.msgHeaderError {
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.msgHeader .center {
  text-align: center;
}
.OverlayBox div.standardMsgBox div.msgContainer {
  padding: 20px 0px;
}
.OverlayBox div.standardMsgBox div.msgContainer input[type=text] {
  margin-top: 4px;
  width: 100%;
}
.OverlayBox div.msgContainer div.preloader {
  text-align: center;
  width: 100%;
}
.OverlayBox div.msgContainer h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.OverlayBox div.msgContainer h2 span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.OverlayBox div.msgContainer span.guide {
  color: #999;
}
.OverlayBox div.msgContainer div.centerChild {
  text-align: right;
}
.OverlayBox div.standardOverlayBox {
  margin: 0 auto;
}
.OverlayBox div.standardOverlayBox input[type=button] {
  margin-top: 10px;
  text-align: center;
  width: 100px;
}
.OverlayBox div.standardOverlayBox div.msgHeader, .OverlayBox div.standardMsgBox div.msgHeaderError {
  padding: 5px 5px;
  font-size: 16px;
}
.OverlayBox div.standardOverlayBox div.msgHeaderError {
  background-color: #9e0b0f;
  color: #fff;
}
.OverlayBox div.standardOverlayBox div.msgContainer {
  padding: 0;
}
.OverlayBox div.standardOverlayBox div.msgContainer input[type=text] {
  margin-top: 4px;
  width: 100%;
}
.OverlayBox button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0;
  border: 0;
}
.OverlayBox button.overlayButton {
  width: 15px;
  height: 15px;
}
.OverlayBox .close {
  float: right;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
}
.OverlayBox div.overlayMask {
  opacity: 0.3;
  filter: alpha(opacity=20);
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
}

.OverlayBox .treeview_container {
  background-color: white;
  height: 600px;
  width: 500px;
}
.OverlayBox .parentNetworkheader {
  border-bottom: 1px solid #e6e6e6;
}
.OverlayBox .header_title {
  font-size: 16px;
  padding: 10px 20px;
  line-height: 20px;
}
.OverlayBox .network_title {
  padding: 10px 20px;
}
.OverlayBox .network_search_title {
  padding: 0px;
}
.OverlayBox .network_search_box {
  border: 1px solid #cccccc;
  height: 22px;
  vertical-align: middle;
}
.OverlayBox #networkSelected {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  width: 325px;
  word-wrap: break-all;
  margin-left: 10px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .OverlayBox #networkSelected {
    word-break: break-word;
  }
}
.OverlayBox #main a, .OverlayBox a:hover {
  text-decoration: none !important;
}
.OverlayBox #openSlickBox {
  border: none;
}
.OverlayBox #searchField {
  color: black;
  padding-left: 5px;
}
.OverlayBox #networkTree {
  overflow: auto;
  height: 320px;
}
.OverlayBox .ui-dialog {
  z-index: 1002;
}
.OverlayBox .ui-widget-overlay {
  z-index: 1001;
}
.OverlayBox div.networktreeselector ul.jstree-children:nth-child(1) > li {
  margin-left: 0px;
  margin-top: 10px;
}
.OverlayBox .msgBoxButton {
  background: unset;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  float: none !important;
  font-size: inherit;
  height: 25px;
  text-align: center;
  width: 100px;
}
.OverlayBox hr.netCustom {
  margin: 0 0 10px 0;
}
.OverlayBox a.netlink {
  text-decoration: none;
}
.OverlayBox .network_title span {
  margin: 0px;
}
.OverlayBox .network-title {
  padding-top: 0px;
}
.OverlayBox .network_title {
  padding: 10px 0px !important;
}
.OverlayBox .network_title span b {
  color: #72889C;
}
.OverlayBox .network_title span {
  padding: 0px 0px !important;
}
.OverlayBox .jstree-default .jstree-wholerow-hovered {
  background: #EEF4F9 !important;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked {
  background: #EEF4F9 !important;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked:hover {
  background: #EEF4F9 !important;
}
.OverlayBox hr {
  background: #EEF4F9;
}

.OverlayBox #jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.OverlayBox #jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
.OverlayBox #jstree-dnd .jstree-icon, .OverlayBox #jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
.OverlayBox #jstree-dnd .jstree-ok {
  background: green;
}
.OverlayBox #jstree-dnd .jstree-er {
  background: red;
}
.OverlayBox #jstree-dnd .jstree-copy {
  margin: 0 2px;
}
.OverlayBox .jstree-default .jstree-node, .OverlayBox .jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox .jstree-default .jstree-anchor, .OverlayBox .jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.OverlayBox .jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #ccc;
}
.OverlayBox .jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999;
}
.OverlayBox .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.OverlayBox .jstree-default .jstree-disabled {
  background: 0;
  color: #666;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-hovered {
  background: 0;
  box-shadow: none;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.OverlayBox .jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: 700;
}
.OverlayBox .jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: 0;
  box-shadow: none;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: 0;
}
.OverlayBox .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.OverlayBox .jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat;
}
.OverlayBox .jstree-default > .jstree-wholerow-ul .jstree-hovered, .OverlayBox .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: 0;
  box-shadow: none;
  border-radius: 0;
}
.OverlayBox .jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.OverlayBox .jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%);
}
.OverlayBox .jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.OverlayBox .jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.OverlayBox .jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox .jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.OverlayBox .jstree-default .jstree-wholerow {
  height: 24px;
}
.OverlayBox .jstree-default .jstree-node, .OverlayBox .jstree-default .jstree-icon {
  background-image: url(32px.png);
}
.OverlayBox .jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.OverlayBox .jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.OverlayBox .jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.OverlayBox .jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.OverlayBox .jstree-default .jstree-disabled {
  background: 0;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-hovered {
  background: 0;
}
.OverlayBox .jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.OverlayBox .jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.OverlayBox .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.OverlayBox .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.OverlayBox .jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.OverlayBox .jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.OverlayBox .jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.OverlayBox .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.OverlayBox .jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.OverlayBox .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(throbber.gif) center center no-repeat;
}
.OverlayBox .jstree-default .jstree-file {
  background: url(32px.png) -100px -68px no-repeat;
}
.OverlayBox .jstree-default .jstree-folder {
  background: url(32px.png) -260px -4px no-repeat;
}
.OverlayBox .jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.OverlayBox #jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
.OverlayBox #jstree-dnd.jstree-default .jstree-ok, .OverlayBox #jstree-dnd.jstree-default .jstree-er {
  background-image: url(32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox #jstree-dnd.jstree-default i {
  background: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox #jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
.OverlayBox #jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
.OverlayBox .jstree-default.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
}
.OverlayBox .jstree-default.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.OverlayBox .jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.OverlayBox .jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.OverlayBox .jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.OverlayBox .jstree-default-small .jstree-wholerow {
  height: 18px;
}
.OverlayBox .jstree-default-small .jstree-node, .OverlayBox .jstree-default-small .jstree-icon {
  background-image: url(32px.png);
}
.OverlayBox .jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-small .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.OverlayBox .jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.OverlayBox .jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.OverlayBox .jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.OverlayBox .jstree-default-small > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.OverlayBox .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.OverlayBox .jstree-default-small .jstree-disabled {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-disabled.jstree-hovered {
  background: 0;
}
.OverlayBox .jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.OverlayBox .jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.OverlayBox .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.OverlayBox .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.OverlayBox .jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.OverlayBox .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.OverlayBox .jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.OverlayBox .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.OverlayBox .jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.OverlayBox .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(throbber.gif) center center no-repeat;
}
.OverlayBox .jstree-default-small .jstree-file {
  background: url(32px.png) -103px -71px no-repeat;
}
.OverlayBox .jstree-default-small .jstree-folder {
  background: url(32px.png) -263px -7px no-repeat;
}
.OverlayBox .jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.OverlayBox #jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
.OverlayBox #jstree-dnd.jstree-default-small .jstree-ok, .OverlayBox #jstree-dnd.jstree-default-small .jstree-er {
  background-image: url(32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox #jstree-dnd.jstree-default-small i {
  background: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.OverlayBox #jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
.OverlayBox #jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==);
}
.OverlayBox .jstree-default-small.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.OverlayBox .jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.OverlayBox .jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.OverlayBox .jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.OverlayBox .jstree-default-large .jstree-wholerow {
  height: 32px;
}
.OverlayBox .jstree-default-large .jstree-node, .OverlayBox .jstree-default-large .jstree-icon {
  background-image: url(32px.png);
}
.OverlayBox .jstree-default-large .jstree-node {
  background-position: -288px 0;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-large .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}
.OverlayBox .jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}
.OverlayBox .jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}
.OverlayBox .jstree-default-large .jstree-themeicon {
  background-position: -256px 0;
}
.OverlayBox .jstree-default-large > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}
.OverlayBox .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}
.OverlayBox .jstree-default-large .jstree-disabled {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-disabled.jstree-hovered {
  background: 0;
}
.OverlayBox .jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.OverlayBox .jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}
.OverlayBox .jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.OverlayBox .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0;
}
.OverlayBox .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.OverlayBox .jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}
.OverlayBox .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.OverlayBox .jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-last {
  background: 0;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: 0;
}
.OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.OverlayBox .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}
.OverlayBox .jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.OverlayBox .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(throbber.gif) center center no-repeat;
}
.OverlayBox .jstree-default-large .jstree-file {
  background: url(32px.png) -96px -64px no-repeat;
}
.OverlayBox .jstree-default-large .jstree-folder {
  background: url(32px.png) -256px 0 no-repeat;
}
.OverlayBox .jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
.OverlayBox #jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
.OverlayBox #jstree-dnd.jstree-default-large .jstree-ok, .OverlayBox #jstree-dnd.jstree-default-large .jstree-er {
  background-image: url(32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.OverlayBox #jstree-dnd.jstree-default-large i {
  background: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.OverlayBox #jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px;
}
.OverlayBox #jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==);
}
.OverlayBox .jstree-default-large.jstree-rtl .jstree-last {
  background: 0;
}
@media (max-width: 768px) {
  .OverlayBox #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: 700;
    font-size: 1.1em;
    text-shadow: 1px 1px #fff;
  }
  .OverlayBox #jstree-dnd.jstree-dnd-responsive > i {
    background: 0;
    width: 40px;
    height: 40px;
  }
  .OverlayBox #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(40px.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  .OverlayBox #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(40px.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  .OverlayBox #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .OverlayBox .jstree-default-responsive .jstree-icon {
    background-image: url(40px.png);
  }
  .OverlayBox .jstree-default-responsive .jstree-node, .OverlayBox .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .OverlayBox .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .OverlayBox .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .OverlayBox .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-ocl, .OverlayBox .jstree-default-responsive .jstree-themeicon, .OverlayBox .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .OverlayBox .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .OverlayBox .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .OverlayBox .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-checkbox {
    background-position: -40px -80px;
  }
  .OverlayBox .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .OverlayBox .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .OverlayBox .jstree-default-responsive .jstree-checked > .jstree-checkbox {
    background-position: 0 -80px;
  }
  .OverlayBox .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .OverlayBox .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor {
    font-weight: 700;
    font-size: 1.1em;
    text-shadow: 1px 1px #fff;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor > .jstree-undetermined {
    background-position: 0 -120px;
  }
  .OverlayBox .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .OverlayBox .jstree-default-responsive > .jstree-striped {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .OverlayBox .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .OverlayBox .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .OverlayBox .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666;
  }
  .OverlayBox .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666;
    border-top: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .OverlayBox .jstree-default-responsive .jstree-node, .OverlayBox .jstree-default-responsive .jstree-icon, .OverlayBox .jstree-default-responsive .jstree-node > .jstree-ocl, .OverlayBox .jstree-default-responsive .jstree-themeicon, .OverlayBox .jstree-default-responsive .jstree-checkbox {
    background-image: url(40px.png);
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .OverlayBox .jstree-default-responsive .jstree-last {
    background: 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .OverlayBox .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .OverlayBox .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .OverlayBox .jstree-default-responsive .jstree-file {
    background: url(40px.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive .jstree-folder {
    background: url(40px.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .OverlayBox .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.OverlayBox a:hover {
  border-bottom: 0;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -40px -4px;
}
.OverlayBox .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -8px -4px;
}
.OverlayBox .jstree-default .jstree-icon:empty {
  width: 14px;
  height: 24px;
  line-height: 24px;
}
.OverlayBox .jstree-default .jstree-checkbox {
  width: 24px !important;
}
.OverlayBox .jstree-default .jstree-anchor {
  height: 25px;
  line-height: 24px;
}
.OverlayBox .jstree-default .jstree-wholerow {
  height: 25px;
}
.OverlayBox .jstree-default .jstree-node {
  line-height: 24px;
  margin-left: 20px;
  min-height: 24px;
  min-width: 24px;
}
.OverlayBox .jstree-default .jstree-wholerow-clicked {
  background: #f2f2f2 !important;
}
.OverlayBox .jstree-wholerow-hovered {
  background: #f2f2f2 !important;
}
.OverlayBox div.dgl-tree-holder {
  margin: 0 !important;
  min-height: 100%;
  max-height: 100% !important;
  overflow-x: auto;
  overflow-y: hidden;
}

.OverlayBox.is-max-screen {
  margin: 0 auto !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  height: 100vh !important;
  width: 100vw !important;
  transform: none !important;
}

.OverlayBox.is-max-screen .standardOverlayBox .msgContainerIframe {
  margin: 0 auto !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  height: 100vh !important;
  width: 100vw !important;
  transform: none !important;
}

#ConfirmBox .standardMsgBox {
  float: left;
  min-width: 500px;
  min-height: auto;
  min-height: unset;
}
#ConfirmBox .msgHeader {
  border-bottom: 1px solid #CCC;
  padding: 15px 20px;
  text-transform: lowercase;
}
#ConfirmBox .msgHeader:first-letter {
  text-transform: uppercase;
}
#ConfirmBox .msgContainer {
  float: left;
  width: 100%;
  padding: 0;
}
#ConfirmBox #ConfirmBox_label .header span {
  margin: 0;
  float: none;
}
#ConfirmBox #ConfirmBox_label {
  width: 100%;
}
#ConfirmBox .msgContainer span {
  float: left;
  margin: 20px 0px;
}
#ConfirmBox .msgContainer .centerChild {
  border-top: 1px solid #CCC;
  display: block;
  float: left;
  width: 100%;
  text-align: right;
  padding: 15px 0;
  margin-top: 0;
}
#ConfirmBox div.standardMsgBox input[type=button] {
  margin-right: 10px;
  margin-top: 0;
  cursor: pointer;
  width: 100px;
  height: 30px;
  margin-left: 0;
}
#ConfirmBox input[type=button]#btn_Cancel {
  float: right;
  color: #333F55;
  border: 1px solid #CCC;
  background-color: #FFF;
  padding: 6px 10px;
  border-radius: 3px;
}
#ConfirmBox input[type=button]#btn_Cancel:hover {
  background-color: #F4F4F4;
}
#ConfirmBox input[type=button]#btn_OK:hover {
  background-color: #006BB3;
}
#ConfirmBox input[type=button]#btn_OK {
  float: right;
  color: #FFF;
  border: 1px solid #007ACC;
  background-color: #007ACC;
  padding: 6px 10px;
  border-radius: 3px;
}

.asconsole as-notifications {
  z-index: 10000;
}
.asconsole .console-notification-panes-container {
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 999;
}
.asconsole .console-notification-panes-container console-notification-pane {
  margin-bottom: 5px;
}

.asconsole navbar-change-network {
  display: block;
}
.asconsole navbar-change-network network-tree {
  display: block;
  max-width: 260px;
}
@media all and (max-width: 667px) {
  .asconsole navbar-change-network network-tree {
    width: fit-content;
  }
}

.asconsole as-channel-dropdown asui-dropdown-typeahead .item-container {
  overflow: hidden;
}
.asconsole as-channel-dropdown asui-dropdown-typeahead asui-card-channel {
  padding-right: 10px;
}
.asconsole as-channel-dropdown asui-dropdown-typeahead .channel-name {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole as-channel-dropdown asui-dropdown-typeahead .channel-entry {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asconsole console-active-filters {
  display: flex;
  flex-wrap: wrap;
}
.asconsole console-active-filters .active-filter {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: white;
  background-color: #667AA5;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 14px;
  margin-top: 6px;
  margin-left: 12px;
}
.asconsole console-active-filters .active-filter .icon-remove {
  font-size: 14px;
  margin-left: 4px;
  cursor: pointer;
}
.asconsole console-active-filters .clear-all-filters {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #0A5BEB;
  margin-left: 12px;
  margin-top: 6px;
  padding: 2px 0;
  cursor: pointer;
}

.asconsole console-base {
  flex: 1;
  flex-direction: column;
  display: none;
  position: relative;
  min-width: 0;
  flex-basis: auto;
  z-index: 0;
  background-color: white;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole console-base {
    min-height: 100vh;
  }
}
@media all and (display-mode: standalone) {
  .asconsole console-base {
    min-height: 100vh;
  }
}
.asconsole console-base .app-loading-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole console-base .app-loading-container .loading-spinner {
  margin: auto auto;
  width: 107px;
  position: relative;
}
.asconsole console-base .console-notification-panes-container {
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 999;
}
.asconsole console-base .console-notification-panes-container console-notification-pane {
  margin-bottom: 5px;
}
.asconsole console-base .console-base-reload-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  flex-basis: auto;
}
.asconsole console-base asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}
.asconsole console-base .asui-view-overlay-initializing {
  background-color: #F8F9FC !important;
}
.asconsole console-base .asui-view-overlay-saving {
  background-color: #F8F9FC !important;
}
.asconsole console-base .asui-view-overlay-deleting {
  background-color: #F8F9FC !important;
}
.asconsole console-base .asui-horizontal-navbar-flat {
  font-size: 15px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0;
  height: auto;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  min-height: 55px;
}
.asconsole console-base .asui-horizontal-navbar-flat .nav-pills > li a {
  padding: 10px 15px;
}
.asconsole console-base .navbar-container {
  z-index: 1000;
}
.asconsole console-base .console-base-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  z-index: 999;
  flex-basis: auto;
  min-width: 0;
}
.asconsole console-base .console-base-container .sidebar-container {
  position: relative;
  width: 64px;
  z-index: 2;
  background-color: var(--as-console-brand-color, #1E293B);
  transition: background-color var(--nc-durations__slow, 0.4s) ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole console-base .console-base-container .sidebar-container {
    display: none;
  }
}
.asconsole console-base .console-base-container .sidebar-open {
  display: block;
}
.asconsole console-base .console-base-container .console-content-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  z-index: 1;
  position: relative;
  min-width: 0;
  min-height: 0;
}
.asconsole console-base .console-base-container .console-content-container .route-transition-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--nc-colors__backgroundColor, #f5f5f5);
  pointer-events: none;
}
.asconsole console-base .console-base-container .console-content-container .route-transition-overlay .loading-spinner {
  width: 107px;
}
.asconsole console-base .console-base-container .console-content-container .ext-container {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-basis: auto;
  max-height: 100%;
  background-color: var(--nc-colors__backgroundColor, #f5f5f5);
  /* IE10+ specific styles go here */
}
.asconsole console-base .console-base-container .console-content-container .ext-container ui-view {
  max-height: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole console-base .console-base-container .console-content-container .ext-container {
    min-height: calc(100vh - 80px) !important;
  }
}
.asconsole console-base .console-base-container .console-content-container .content-overlay {
  background-color: #1f3349;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  flex: 1;
  z-index: 99999;
  position: absolute;
}
.asconsole console-base .sidebar-skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 17px 10px 16px;
}
.asconsole console-base .sidebar-skeleton--expanded {
  align-items: stretch;
}
.asconsole console-base .sidebar-skeleton--expanded .sidebar-skeleton__item {
  width: 100%;
}
.asconsole console-base .sidebar-skeleton__item {
  width: 44px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  animation: sidebar-skeleton-pulse 1.5s ease-in-out infinite;
}
@keyframes sidebar-skeleton-pulse {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
}
.asconsole console-base .console-gray-bg {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: #F8F9FC;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole console-base .console-gray-bg {
    padding: 15px 15px;
  }
}

.asconsole .console-filter-btn {
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole .console-filter-btn .icon {
  font-size: 18px;
}
.asconsole .console-filter-btn .filter-count {
  margin-left: 3px;
  background-color: #0A5BEB;
  color: white;
  padding: 0 4px;
  height: 16px;
  border-radius: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
}
.asconsole .modal-console-filters {
  width: 100%;
  max-width: 500px;
  max-height: 618px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-console-filters {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: unset;
  }
}
.asconsole .modal-console-filters .modal-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-bottom: var(--iphone-bottom-margin);
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  box-shadow: none !important;
}
@media all and (max-width: 667px) {
  .asconsole .modal-console-filters .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.asconsole .modal-console-filters .modal-content .console-filters-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  border-bottom: 1px solid #DDE3EE;
  color: #0b1835;
  padding: 0 1px 0 20px;
}
.asconsole .modal-console-filters .modal-content .console-filters-header h3 {
  margin: 0;
}
.asconsole .modal-console-filters .modal-content .console-filters-header .icon-cross {
  font-size: 20px;
  padding: 15px;
  cursor: pointer;
  color: #4f596e;
}
.asconsole .modal-console-filters .modal-content .console-filters-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 30px;
}
.asconsole .modal-console-filters .modal-content .console-filters-content .filter-input {
  margin-bottom: 20px;
}
.asconsole .modal-console-filters .modal-content .console-filters-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  border-top: 1px solid #DDE3EE;
  padding: 16px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .modal-console-filters .modal-content .console-filters-footer .btn-default {
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-console-filters .modal-content .console-filters-footer .btn {
    width: 50%;
  }
}
.asconsole .modal-console-filters .modal-content .loading-mask-container {
  border-radius: 8px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole console-initializing-message {
    display: flex;
  }
}
.asconsole console-initializing-message .container {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  align-items: center;
  background-color: white;
  padding: 20px;
  width: 350px;
  border-radius: 6px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
@media all and (max-width: 667px) {
  .asconsole console-initializing-message .container {
    width: calc(100% - 40px);
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole console-initializing-message .container {
    flex: 1 0 auto;
  }
}
.asconsole console-initializing-message .container .logo {
  width: 70px;
  height: 70px;
  margin-top: -55px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #DDE3EE;
  margin-bottom: 20px;
  padding: 6px;
}
.asconsole console-initializing-message .container .logo img {
  width: 100%;
  height: 100%;
}
.asconsole console-initializing-message .container .message {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole console-initializing-message .container .message {
    width: 310px;
  }
}
.asconsole console-initializing-message .container asui-spinner {
  margin-top: 15px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole console-initializing-message .container asui-spinner {
    flex: 1 0 auto;
    width: 60px;
  }
}

.asconsole as-content-dropdown asui-dropdown-typeahead .item-container {
  overflow: hidden;
}
.asconsole as-content-dropdown asui-dropdown-typeahead .content-name {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole as-content-dropdown asui-dropdown-typeahead asui-card-content {
  padding-right: 10px;
}
.asconsole as-content-dropdown asui-dropdown-typeahead .content-entry {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asconsole as-device-dropdown asui-dropdown-typeahead .item-container {
  overflow: hidden;
}
.asconsole as-device-dropdown asui-dropdown-typeahead .device-name {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole as-device-dropdown asui-dropdown-typeahead asui-card-device {
  padding-right: 10px;
}
.asconsole as-device-dropdown asui-dropdown-typeahead .device-entry {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asconsole as-device-group asui-multiselect .asui-multiselect .bootstrap-select .btn .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  display: flex;
  overflow-x: hidden !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole as-device-group asui-multiselect .asui-multiselect .bootstrap-select .btn .filter-option break-word {
    word-break: break-all;
  }
}

.asconsole as-device-tags asui-multiselect .asui-multiselect .bootstrap-select .btn .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  display: flex;
  overflow-x: hidden !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole as-device-tags asui-multiselect .asui-multiselect .bootstrap-select .btn .filter-option break-word {
    word-break: break-all;
  }
}

.asconsole as-device-type asui-multiselect .asui-multiselect .bootstrap-select .btn .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  display: flex;
  overflow-x: hidden !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole as-device-type asui-multiselect .asui-multiselect .bootstrap-select .btn .filter-option break-word {
    word-break: break-all;
  }
}

.asconsole as-input-dropdown-config {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.asconsole as-feature-disabler {
  display: flex;
}
.asconsole as-feature-disabler .feature-container {
  display: flex;
  flex: 1;
}
.asconsole as-feature-disabler .feature-container ng-transclude {
  flex: 1;
}
.asconsole as-feature-disabler .feature-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.asconsole as-feature-disabler .feature-disabled ng-transclude {
  pointer-events: none;
}

.asconsole as-input-file-upload-config {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 300px;
}
@media all and (max-width: 667px) {
  .asconsole as-input-file-upload-config {
    max-width: initial;
  }
  .asconsole as-input-file-upload-config .as-input-row.toggle-row {
    flex-direction: row;
    margin-bottom: 5px;
  }
  .asconsole as-input-file-upload-config .as-input-row.toggle-row .as-input-label {
    flex: 1;
  }
}
.asconsole as-input-file-upload-config .file-types {
  min-width: 300px;
}
.asconsole as-input-file-upload-config .file-types .checkbox-row {
  display: flex;
}
.asconsole as-input-file-upload-config .file-types .checkbox-row .checkbox-item {
  display: flex;
  align-items: center;
  flex: 1;
}
.asconsole as-input-file-upload-config .file-types .checkbox-row .checkbox-item input {
  margin-right: 10px;
}
.asconsole as-input-file-upload-config .upload-ddl {
  min-width: 100px;
}

.asconsole console-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f7fafc;
  justify-content: center;
  min-height: 30px;
  padding: 6px 10px;
  font-size: 85%;
  color: #475369;
  text-align: center;
}
.asconsole console-footer a {
  text-decoration: none;
  color: #475369;
}

.asconsole as-form-renderer {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole as-form-renderer .input-readonly .asui-radio label {
  opacity: 0.5;
}
.asconsole as-form-renderer .input-hidden {
  display: none !important;
}
.asconsole as-form-renderer .as-input-row {
  display: flex;
  flex-direction: column;
}
.asconsole as-form-renderer .as-input-row .asip-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.asconsole as-form-renderer .as-input-row .asip-label .primary-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole as-form-renderer .as-input-row .asip-label .primary-label .asip-ast {
  color: #CB4848;
  margin-left: 5px;
}
.asconsole as-form-renderer .as-input-row .asip-label .label-right {
  display: flex;
}
.asconsole as-form-renderer .as-input-row .asip-label .label-right .secondary-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #858b9a;
}
.asconsole as-form-renderer .as-input-row .asip-label .label-right .icon-lock {
  font-size: 18px;
  display: none;
  color: #3c465d;
}
.asconsole as-form-renderer .as-input-row .asip-label .label-right .icon-lock.locked {
  display: initial;
  color: #858b9a;
}
.asconsole as-form-renderer .as-input-row .asip-input {
  padding-bottom: 24px;
  position: relative;
}
.asconsole as-form-renderer .as-input-row .asip-input > input[type=text] {
  margin: 0;
  height: 40px;
  border-radius: 4px;
}
.asconsole as-form-renderer .as-input-row .asip-input asui-address input[type=text] {
  height: 40px;
  border-radius: 4px;
}
.asconsole as-form-renderer .as-input-row .asip-input textarea {
  margin: 0;
  margin-bottom: -5px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-dropdown .btn {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-dropdown .dropdown-menu {
  max-width: 100%;
}
.asconsole as-form-renderer .as-input-row .asip-input asui-dropdown-typeahead input {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-multiselect .bootstrap-select .btn {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-multiselect .bootstrap-select .filter-option {
  overflow-x: auto;
}
.asconsole as-form-renderer .as-input-row .asip-input asui-phone-number {
  display: flex;
}
.asconsole as-form-renderer .as-input-row .asip-input asui-phone-number .iti {
  flex: 1;
  width: 100%;
}
.asconsole as-form-renderer .as-input-row .asip-input asui-phone-number .iti input {
  width: 100%;
  height: 40px;
  border-radius: 4px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-radio {
  width: 100%;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-radio input {
  min-width: 14px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-checkbox,
.asconsole as-form-renderer .as-input-row .asip-input asui-radio {
  margin-bottom: 5px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-checkbox input,
.asconsole as-form-renderer .as-input-row .asip-input asui-radio input {
  min-width: 14px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-checkbox label,
.asconsole as-form-renderer .as-input-row .asip-input asui-radio label {
  word-break: break-all;
  word-break: break-word;
  word-break: keep-all;
}
.asconsole as-form-renderer .as-input-row .asip-input user-typeahead input {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input visitor-typeahead input {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input visitor-typeahead .selected-item .user-typeahead-label .email {
  display: none;
}
.asconsole as-form-renderer .as-input-row .asip-input map-location-dropdown {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asui-date-range-picker {
  height: 40px;
}
.asconsole as-form-renderer .as-input-row .asip-input .asip-error {
  position: absolute;
  left: 0;
  bottom: 5px;
  color: #CB4848;
  padding-top: 6px;
  height: 22px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole as-form-renderer .as-input-row .asip-input.asip-input-error > input[type=text],
.asconsole as-form-renderer .as-input-row .asip-input.asip-input-error textarea {
  border-color: #CB4848;
}
.asconsole as-form-renderer .as-input-row .asip-input.asip-input-error .asui-dropdown .dropdown-toggle {
  border-color: #CB4848;
}
.asconsole as-form-renderer .as-input-row .asip-input.asip-input-error asui-phone-number input[type=tel] {
  border-color: #CB4848;
}
.asconsole as-form-renderer .as-input-row .asip-input.asip-input-error as-custom-date-range .asui-dropdown .dropdown-toggle {
  border-color: #DDE3EE;
}
.asconsole as-form-renderer .as-input-row .asip-input.asip-input-error .asui-date-range-picker {
  border-color: #CB4848;
}
.asconsole as-form-renderer .as-input-row:last-child .asip-input {
  margin-bottom: 0;
}
.asconsole as-form-renderer .as-input-row:hover .asip-label .icon-lock {
  color: #3c465d !important;
  display: initial;
}

.asconsole navbar-help {
  cursor: pointer;
  /**Push the popover to the center instead of the edge.**/
}
.asconsole navbar-help .popover {
  max-width: 380px;
}
.asconsole navbar-help .popover.bottom-right {
  margin-left: 9px;
  margin-top: 10px;
}
.asconsole navbar-help .help-summary {
  text-align: justify;
}
.asconsole navbar-help .help-button {
  font-size: 26px;
  display: flex;
  height: 32px;
}
.asconsole navbar-help .help-popover {
  color: #333F55;
}
.asconsole navbar-help .help-popover .help-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 6px;
  display: block;
}
.asconsole navbar-help .help-popover p {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole navbar-help .help-popover .help-links-heading {
  color: #475369;
  margin-bottom: 6px;
  font-size: 90%;
  display: block;
}
.asconsole navbar-help .help-popover .help-link {
  display: block;
  margin: 5px 0px;
}
.asconsole navbar-help .help-popover hr {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: -15px;
  margin-right: -15px;
}

.asconsole .modal-image-url {
  width: auto;
  height: auto;
}
.asconsole .modal-image-url .modal-content {
  min-height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole .modal-image-url .modal-content con-image-url-modal {
  flex: 1;
  display: flex;
}
.asconsole .modal-image-url .modal-content con-image-url-modal img {
  flex: 1;
  object-fit: scale-down;
  cursor: pointer;
}

.asconsole as-input-photo {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
}
.asconsole as-input-photo .photo-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDE3EE;
  border-radius: 6px;
  background-color: #f7f8fb;
  width: 100%;
  height: 280px;
  cursor: pointer;
}
.asconsole as-input-photo .photo-placeholder .icon-camera {
  font-size: 30px;
  color: #4f596e;
}
.asconsole as-input-photo .photo-placeholder .paragraph {
  display: flex;
  margin-top: 10px;
  color: #4f596e;
}
.asconsole as-input-photo .photo-placeholder .upload-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole as-input-photo .photo-placeholder .upload-text-or {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #4f596e;
  margin: 0 5px;
}
.asconsole as-input-photo .retake-photo-btn {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole as-input-photo .photo-placeholder.disabled {
  cursor: default;
}
.asconsole as-input-photo .photo-thumbnail {
  height: 100%;
  width: 100%;
  max-width: 320px;
}
.asconsole as-input-photo .photo-thumbnail .photo-inner {
  position: relative;
  width: 100%;
  padding-top: 75%;
}
.asconsole as-input-photo .photo-thumbnail .photo-inner .delete-btn {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
  color: white;
  font-size: 22px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 1;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
}
.asconsole as-input-photo .photo-thumbnail .photo-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.asconsole as-input-photo .photo-thumbnail:hover .delete-btn {
  display: flex;
}

.asconsole as-input-type-config {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole as-input-type-config .as-input-row {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole as-input-type-config .as-input-row {
    flex-direction: column;
  }
}
.asconsole as-input-type-config .as-input-row .as-input-label {
  margin-top: 0;
  min-width: 240px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole as-input-type-config .as-input-row .as-input-value {
  margin: 0;
  width: 100%;
}
.asconsole as-input-type-config .as-input-row:last-child {
  margin-bottom: 0;
}

.asconsole as-input-type-dropdown {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.as-module-layout {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  background-color: white;
  min-width: 0;
  position: relative;
}
.as-module-layout asui-breadcrumbs {
  padding: 12px 24px;
  margin: 0;
}
@media all and (max-width: 667px) {
  .as-module-layout asui-breadcrumbs {
    padding: 6px 15px;
  }
}
.as-module-layout asui-breadcrumbs .breadcrumb-item {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #858b9a;
}
.as-module-layout asui-breadcrumbs .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #68768d;
  font-weight: 400 !important;
  content: "/";
}
.as-module-layout asui-horizontal-navbar {
  font-size: 15px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0;
  height: auto;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  min-height: 55px;
}
.as-module-layout asui-horizontal-navbar .nav-pills > li a, .as-module-layout asui-horizontal-navbar .nav-pills > li a:hover {
  padding: 10px 15px;
}
.as-module-layout .asui-horizontal-navbar-sub {
  border-top: 0;
  margin-bottom: 0;
  height: auto;
  background-color: white;
}
@media all and (max-width: 667px) {
  .as-module-layout .asui-horizontal-navbar-sub {
    display: none;
  }
}
.as-module-layout .asui-horizontal-navbar-sub .nav-pills li {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  color: #858b9a;
  padding: 0 0px !important;
}
.as-module-layout .asui-horizontal-navbar-sub .nav-pills li a {
  color: #858b9a;
  padding: 14px 24px;
}
.as-module-layout .asui-horizontal-navbar-sub .nav-pills li a:hover {
  color: #858b9a;
  padding: 14px 24px;
}
.as-module-layout .asui-horizontal-navbar-sub .nav-pills > li.active {
  color: #0b1835;
  border-bottom: 4px solid #002169;
}
.as-module-layout .no-content-container .icon-container img {
  max-width: 350px !important;
  max-height: 350px !important;
}
.as-module-layout > ui-view {
  background-color: #F8F9FC;
}
.as-module-layout .content-container {
  display: flex;
  flex: 1;
  background-color: #F8F9FC;
}

.as-layout-sidebar {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.as-layout-sidebar .sidebar-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: white;
  min-width: 340px;
  max-width: 340px;
  padding: 25px 15px 0 20px;
  margin: 0;
}
@media all and (max-width: 667px) {
  .as-layout-sidebar .sidebar-panel {
    padding: 15px 10px 0 10px;
  }
}
.as-layout-sidebar .sidebar-panel .sidebar-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 10px 0;
}
.as-layout-sidebar .sidebar-panel .sidebar-header {
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  margin: 5px 0 5px 5px;
}
.as-layout-sidebar .sidebar-panel .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media all and (max-width: 667px) {
  .as-layout-sidebar .sidebar-panel .header-container {
    margin-bottom: 10px;
  }
}
.as-layout-sidebar .sidebar-panel .header-container .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  line-height: 24px;
  margin-top: 5px;
  margin-left: 5px;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .btn-group > .btn:first-child {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  font-weight: 500;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 12px;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .btn-primary + .btn-primary {
  border-left: 0 !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-right: 12px;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  right: 0;
  left: auto !important;
  padding: 8px;
  margin-bottom: 8px;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .dropdown-menu:last-child {
  margin-bottom: 0;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .dropdown-menu li a {
  border-radius: 8px;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .dropdown-menu li a .icon {
  padding-right: 8px;
}
.as-layout-sidebar .sidebar-panel .header-container .add-btn .dropdown-menu li a:hover {
  background-color: #EDF2F7;
}
.as-layout-sidebar .sidebar-panel network-picker-dropdown {
  margin-bottom: 6px;
}
.as-layout-sidebar .sidebar-panel network-picker-dropdown .nwk-input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
}
.as-layout-sidebar .sidebar-panel .sidebar-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-items-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #6275A3;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 16px;
  cursor: pointer;
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #1E293B;
  border-radius: 8px;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item .item-name {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 0px;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item .item-name .icon {
  margin-right: 10px;
  font-size: 24px;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item .item-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item .item-name span break-word {
    word-break: break-all;
  }
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item .icon-context {
  font-size: 24px;
  color: #6275A3;
  display: none;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item:hover, .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item.hover {
  background-color: #f7f8fb;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item:hover .icon-context, .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item.hover .icon-context {
  display: inline;
  display: flex;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item.active {
  background-color: #F0F6FE;
  color: #0A5BEB;
}
.as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item.active .icon {
  color: #0A5BEB;
}
.as-layout-sidebar .content-container {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  background-color: #F8F9FC;
  min-width: 0;
  padding: 27px 20px 20px 20px;
  position: relative;
}
.as-layout-sidebar .content-container .subheader-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 12px;
  min-width: 0;
}
.as-layout-sidebar .content-container .subheader-container .h3 {
  margin: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0b1835;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .as-layout-sidebar .content-container .subheader-container .h3 break-word {
    word-break: break-all;
  }
}
.as-layout-sidebar .content-container .subheader-container .subheader-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.as-layout-sidebar .content-container .subheader-container .subheader-right .view-mode-icon {
  padding: 7px 0 7px 16px;
  color: #4f596e;
  font-size: 18px;
}
.as-layout-sidebar .content-container .subheader-container .subheader-right .popover-content {
  white-space: nowrap;
  padding: 2px 5px;
}
.as-layout-sidebar .content-container .subheader-container .subheader-right asui-search-autocomplete {
  width: 320px;
}
.as-layout-sidebar .content-container .container-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
@media all and (max-width: 667px) {
  .as-layout-sidebar .content-container .container-scroll {
    position: relative;
    overflow: initial;
  }
}

.asconsole as-input-list-items-config {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole as-input-list-items-config .option-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
  height: 32px;
  align-items: center;
}
.asconsole as-input-list-items-config .option-item .option-ledger {
  margin-right: 10px;
  min-width: 16px;
  min-height: 16px;
}
.asconsole as-input-list-items-config .option-item .option-ledger.radio {
  border-radius: 50%;
  border: 2px solid #DDE3EE;
}
.asconsole as-input-list-items-config .option-item .option-ledger.checkbox {
  border-radius: 2%;
  border: 2px solid #DDE3EE;
}
.asconsole as-input-list-items-config .option-item .text-input {
  margin: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-color: white;
  padding: 0;
}
.asconsole as-input-list-items-config .option-item input[type=text]:disabled {
  background-color: white;
}
.asconsole as-input-list-items-config .option-item .icon-cross {
  font-size: 20px;
  padding: 5px 0 5px 5px;
  cursor: pointer;
  color: #8493AE;
}
.asconsole as-input-list-items-config .option-item .icon-alert {
  color: #CB4848;
  margin: 5px;
}
.asconsole as-input-list-items-config .option-item .icon-cross:hover {
  color: #333F55;
}
.asconsole as-input-list-items-config .option-item .add-option {
  cursor: text;
  color: #475369;
  border-bottom: 1px solid white;
  padding: 3px 0;
}
.asconsole as-input-list-items-config .option-item .add-option:hover {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole as-input-list-items-config .option-item .or {
  padding: 0 3px;
}
.asconsole as-input-list-items-config .option-item .add-other {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole as-input-list-items-config .option-item:hover .text-input {
  border-color: #DDE3EE;
}

.asconsole navbar-logout {
  display: flex;
  flex-direction: row;
}

.asconsole mobile-login {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  justify-content: center;
  padding: 0;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole mobile-login {
    padding: 15px 15px;
  }
}
.asconsole mobile-login .h3 {
  font-size: 16px;
  font-weight: 400;
  color: #2d3851;
}
.asconsole mobile-login .user-container, .asconsole mobile-login .version-container, .asconsole mobile-login .select-account-container, .asconsole mobile-login .error-container {
  display: flex;
  align-items: center;
}
.asconsole mobile-login .user-details-container {
  min-width: 0;
}
.asconsole mobile-login .no-content-base, .asconsole mobile-login .accounts-container {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.asconsole mobile-login .no-content-base::-webkit-scrollbar, .asconsole mobile-login .accounts-container::-webkit-scrollbar {
  display: none; /* Safari */
}
.asconsole mobile-login .form-control {
  border-radius: 6px;
  min-height: 40px;
  border: 1px solid #C2C8D7;
  box-sizing: border-box;
  padding: 0 12px 1px;
}
.asconsole mobile-login .form-group {
  margin: 0 0 17px;
}
.asconsole mobile-login .form-group .help-block {
  margin-bottom: 0;
  color: #4f596e;
  font-size: 14px;
}
.asconsole mobile-login .no-content-base {
  width: 100%;
  max-width: 480px;
  padding-top: 26px;
}
.asconsole mobile-login .no-content-base .button-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 10px;
}
.asconsole mobile-login .no-content-base .button-container input::placeholder {
  color: #7989AD;
}
.asconsole mobile-login .no-content-base .button-container button {
  border-radius: 6px;
  min-height: 50px;
  font-weight: bold;
  font-size: 18px;
  text-transform: none;
}
.asconsole mobile-login .no-content-base .button-container button.btn-dark-blue:disabled {
  color: #C2C8D7;
  border-color: #C2C8D7;
  opacity: 1;
}
.asconsole mobile-login .login-container h2 {
  margin: 30px 0 0;
}
.asconsole mobile-login .login-container h3 {
  margin: 15px 0 17px 0;
}
.asconsole mobile-login .login-container input.form-control {
  font-size: 16px;
}
.asconsole mobile-login .login-container .cta-illustration {
  width: 100%;
}
.asconsole mobile-login .login-container.has-user-select {
  margin-bottom: 40px;
}
.asconsole mobile-login .users-container {
  background: #fff;
  border: 1px solid #EEF1F6;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 15px;
}
.asconsole mobile-login .users-container .icon-container.logo {
  text-align: center;
  margin-top: -33px;
}
.asconsole mobile-login .users-container .cta-illustration {
  width: 60px;
}
.asconsole mobile-login .users-container .accounts-container {
  max-height: calc(100vh - 340px);
  min-height: 105px;
  padding: 6px;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container {
  position: relative;
  border: 1px solid rgba(194, 200, 215, 0.5);
  box-sizing: border-box;
  box-shadow: 0 -1px 5px rgba(65, 81, 117, 0.05);
  border-radius: 8px;
  margin: 0;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container + .user-account-container {
  margin-top: 10px;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .select-account-container {
  padding: 14px;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .select-account-container asui-card-user {
  margin: 0 12px 0 0;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .select-account-container div.user-details {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -3px;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .select-account-container div.user-details.name {
  font-weight: bold;
  font-size: 16px;
  height: 24px;
  letter-spacing: 0.02em;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .select-account-container div.user-details.email {
  font-size: 14px;
  height: 20px;
  letter-spacing: 0.01em;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .select-account-container div.user-details.server {
  color: #7989AD;
  font-size: 12px;
  height: 16px;
  letter-spacing: 0.02em;
}
.asconsole mobile-login .users-container .accounts-container .user-account-container .cta-illustration.remove {
  position: absolute;
  width: 24px;
  top: -7px;
  right: -7px;
  z-index: 99;
}
@media only screen and (max-width: 350px) {
  .asconsole mobile-login .users-container .accounts-container {
    max-height: calc(100vh - 349px);
  }
}
@media only screen and (max-width: 285px) {
  .asconsole mobile-login .users-container .accounts-container {
    max-height: calc(100vh - 405px);
  }
}
.asconsole mobile-login .users-container .button-container {
  padding: 12px 6px 6px;
}
.asconsole mobile-login .users-container::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.asconsole mobile-login .login-subtitle {
  color: #475369;
}
.asconsole mobile-login .login-error-message {
  color: #CB4848;
}
.asconsole mobile-login .login-divider {
  display: flex;
  align-items: center;
  margin: 5px 0 11px 0;
  text-transform: uppercase;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #7989AD;
  --text-divider-gap: rem(10);
}
.asconsole mobile-login .login-divider::before, .asconsole mobile-login .login-divider::after {
  content: "";
  height: 1px;
  background-color: #E4E8EF;
  flex-grow: 1;
}
.asconsole mobile-login .login-divider::before {
  margin-right: var(--text-divider-gap);
}
.asconsole mobile-login .login-divider::after {
  margin-left: var(--text-divider-gap);
}
.asconsole mobile-login .splash-icon-container {
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  position: absolute;
}
.asconsole mobile-login .error-container, .asconsole mobile-login .footer-container {
  right: 0;
  position: absolute;
  width: 100vw;
  font-size: 16px;
}
.asconsole mobile-login .error-container, .asconsole mobile-login .user-container, .asconsole mobile-login .version-container {
  justify-content: center;
}
.asconsole mobile-login .error-container p, .asconsole mobile-login .user-container p, .asconsole mobile-login .version-container p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 2px;
}
.asconsole mobile-login .error-container {
  background: #D86969;
  top: 0;
  min-height: 40px;
  position: fixed;
  z-index: 99;
}
.asconsole mobile-login .error-container p {
  color: #FFF;
}
.asconsole mobile-login .error-container .cta-illustration {
  position: absolute;
  right: 11px;
}
.asconsole mobile-login .footer-container {
  bottom: 0;
  padding: 0 15px;
  position: fixed;
  background-color: #FCFDFE;
}
.asconsole mobile-login .footer-container .user-container p, .asconsole mobile-login .footer-container .version-container p {
  max-width: calc(100vw - 70px);
}
.asconsole mobile-login .footer-container .user-container {
  height: 50px;
}
.asconsole mobile-login .footer-container .user-container asui-card-user {
  margin: 0 6px 0 0;
}
.asconsole mobile-login .footer-container .version-container {
  padding-bottom: 2px;
  height: 40px;
  border-top: 1px solid #e4e8ef;
  color: #3c465d;
}
@media only screen and (max-height: 580px) {
  .asconsole mobile-login .no-content-base {
    height: 90vh;
  }
}
@media only screen and (max-height: 445px) {
  .asconsole mobile-login .no-content-base {
    height: 95vh;
    margin-top: -20px;
  }
}
.asconsole mobile-login.initial {
  background-color: #FFF;
}
.asconsole mobile-login.initial .no-content-base {
  padding: 3px;
}
.asconsole mobile-login.initial .no-content-base .footer-container {
  background-color: #FFF;
}
.asconsole mobile-login.initial .no-content-base .footer-container .version-container {
  color: #4f596e;
}
@media only screen and (max-height: 695px) {
  .asconsole mobile-login.initial .no-content-base.has-user-select {
    margin-top: -25px;
  }
}
@media only screen and (max-height: 670px) {
  .asconsole mobile-login.initial .no-content-base.has-user-select {
    height: 92vh;
    margin-top: -35px;
  }
}
@media only screen and (max-height: 640px) {
  .asconsole mobile-login.initial .no-content-base {
    margin-top: -35px;
  }
  .asconsole mobile-login.initial .no-content-base.has-user-select {
    margin-top: -40px;
  }
}
@media only screen and (max-height: 605px) {
  .asconsole mobile-login.initial .no-content-base {
    height: 94vh;
  }
}

.asconsole mobile-login-react {
  position: relative;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  justify-content: center;
  padding: 0;
}

@keyframes console-logo-shimmer {
  100% {
    transform: translateX(100%);
  }
}
.asconsole console-navbar {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.asconsole console-navbar .sidebar-open {
  width: 253px;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .sidebar-open {
    width: 220px;
  }
}
.asconsole console-navbar .sidebar-open .console-navbar-left .sidebar-layer {
  width: 253px !important;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .sidebar-open .console-navbar-left .sidebar-layer {
    width: 220px !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .sidebar-closed .console-navbar-left .sidebar-layer {
    background-color: transparent !important;
  }
  .asconsole console-navbar .sidebar-closed .console-navbar-left .icon-menu {
    color: #002169 !important;
  }
}
.asconsole console-navbar .viewer-navbar {
  background-color: white !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #DDE3EE;
  padding: 0 10px 0px 20px;
}
.asconsole console-navbar .viewer-navbar .logo-container img {
  filter: invert(1) grayscale(100%);
}
.asconsole console-navbar .viewer-navbar .search-icon {
  color: #333F55;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .viewer-navbar {
    height: 50px;
    padding: 0 5px 0px 15px;
  }
}
.asconsole console-navbar .console-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 0;
  width: 100%;
  height: 60px;
  z-index: 1000;
  padding: 0 24px 0px 0px;
  background-color: #fff;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar {
    height: 50px;
    padding: 0 16px 0px 0px;
  }
  .asconsole console-navbar .console-navbar .asui-search input {
    height: 32px;
    font-size: 15px;
  }
  .asconsole console-navbar .console-navbar .card-icon-xs .card-thumbnail-image-circle {
    width: 32px !important;
    height: 32px !important;
  }
}
.asconsole console-navbar .console-navbar .navbar-icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole console-navbar .console-navbar .console-navbar-btn {
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-btn {
    width: 32px;
    height: 32px !important;
    min-width: 50px;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-btn span {
  font-weight: 700;
}
.asconsole console-navbar .console-navbar .console-navbar-btn i {
  font-weight: 700;
}
.asconsole console-navbar .console-navbar .sidebar-layer-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: 100%;
  background-color: #1f3349;
  opacity: 0.5;
  z-index: 100;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .sidebar-layer-mask {
    height: 50px;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-left {
  height: 100%;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 101;
  min-width: 253px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-left {
    min-width: 0;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-left .sidebar-layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 64px;
  background-color: var(--as-console-brand-color, #1E293B);
  z-index: 1;
  transition: width var(--nc-durations__fast, 0.2s) ease-in-out, background-color 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .asconsole console-navbar .console-navbar .console-navbar-left .sidebar-layer {
    transition: background-color 0.4s ease-in-out;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-left .icon-menu {
  z-index: 2;
  cursor: pointer;
  margin: 0 0 0 0px;
  width: 64px;
  font-size: 23px;
  color: white;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-left .icon-menu {
    font-size: 25px;
    padding: 0 15px;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-left .logo-container {
  cursor: pointer;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-left .logo-container {
    display: none;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-left .logo-container img {
  height: 32px;
  width: auto;
  max-width: 155px;
  object-fit: contain;
  object-position: left center;
}
.asconsole console-navbar .console-navbar .console-navbar-left .logo-container .logo-skeleton {
  width: 120px;
  height: 20px;
  border-radius: 4px;
  background-color: var(--as-console-brand-color, #e2e8f0);
  position: relative;
  overflow: hidden;
}
.asconsole console-navbar .console-navbar .console-navbar-left .logo-container .logo-skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: translateX(-100%);
  animation: console-logo-shimmer 1.5s ease-in-out infinite;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-left .search-focus {
    display: none !important;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-middle {
  flex: 1;
  display: flex;
  position: relative;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  margin-right: 8px;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-middle {
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 100%;
  transition: color 0.4s ease-in-out;
  color: #1E293B;
  gap: 15px;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-right {
    padding-right: 0;
  }
}
.asconsole console-navbar .console-navbar .console-navbar-right .asui-badge-count-group {
  box-shadow: none !important;
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-right navbar-help {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole console-navbar .console-navbar .console-navbar-right react-component[name=notifications] {
    display: none;
  }
}

.asconsole console-notification-pane {
  display: flex;
  flex-direction: column;
  width: 450px;
  border-radius: 4px;
  z-index: 999;
}
.asconsole console-notification-pane .popover {
  color: #333F55;
}
.asconsole console-notification-pane .np-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 50px;
  background-color: #002169;
  color: white;
  align-items: center;
  padding-left: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
}
.asconsole console-notification-pane .np-header .np-subtitle {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.asconsole console-notification-pane .np-header .np-buttons {
  display: flex;
  color: #fff;
  font-size: 130%;
  padding-right: 8px;
}
.asconsole console-notification-pane .np-header .np-buttons i {
  padding: 7px;
  cursor: pointer;
}
.asconsole console-notification-pane .np-header .np-buttons i:hover {
  color: white;
}
.asconsole console-notification-pane .np-header .np-buttons .transclude-btns {
  display: flex;
  align-items: center;
}
.asconsole console-notification-pane .np-body {
  max-height: 2000px;
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: auto;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole console-notification-pane .np-body-collapsed {
  max-height: 0;
  padding: 0 !important;
}
.asconsole console-notification-pane:has(.np-body.ng-hide) .np-header {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.asconsole as-preset-date-range {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole as-preset-date-range .filter-option, .asconsole as-preset-date-range .dropdown-menu .text {
  text-transform: capitalize;
}
.asconsole as-preset-date-range .asui-date-range-picker {
  margin-top: 10px;
}
.asconsole as-preset-date-range .asui-date-range-picker.disabled {
  background: #eef4f9;
}
.asconsole as-preset-date-range .custom-container .custom-label {
  margin: 10px 0 3px 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole as-preset-date-range .custom-container .custom-textbox {
  height: 40px;
  margin: 0 5px;
}
.asconsole as-preset-date-range .custom-container .custom-inputs {
  display: flex;
  align-items: center;
}
.asconsole as-preset-date-range .custom-container .custom-inputs .dropdown-toggle {
  width: 110px;
}

.asconsole qrcode-reader-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole qrcode-reader-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole qrcode-reader-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole qrcode-reader-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 50px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole qrcode-reader-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole qrcode-reader-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 0px;
  background-color: black;
}
.asconsole .modal-qrcode-reader {
  width: 90vw;
  max-width: 800px;
  max-height: 90vh;
  border: none;
}
.asconsole .modal-qrcode-reader .modal-content {
  width: 100%;
  height: 100%;
}
.asconsole .modal-qrcode-reader .modal-content asui-qrcode-scanner {
  width: 100%;
}

.asconsole as-rename-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 205px;
}
.asconsole as-rename-modal .modal-header, .asconsole as-rename-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole as-rename-modal .modal-body {
  padding: 25px 25px 15px 25px;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole as-rename-modal .modal-body .error {
  color: #CB4848;
}
.asconsole as-rename-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole as-rename-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-rename {
  width: 450px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-rename {
    width: calc(100vw - 7px);
  }
}

.asconsole as-resource-checkpoint input[type=text] {
  height: 40px;
}

.asconsole as-resource-menu asui-dropdown-typeahead input[type=text] {
  height: 40px;
}
.asconsole as-resource-menu asui-dropdown-typeahead .content-name {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole as-resource-menu asui-dropdown-typeahead .content-entry {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asconsole as-resource-service input[type=text] {
  height: 40px;
}

layout-samples-controler {
  display: flex;
  flex: 1;
}
layout-samples-controler > ui-view {
  display: flex;
  flex: 1;
}

layout-samples-controler1 {
  display: flex;
  flex: 1;
}
layout-samples-controler1 > ui-view {
  display: flex;
  flex: 1;
}
layout-samples-controler1 layout-samples-controler1-edit {
  display: flex;
  flex: 1;
}
layout-samples-controler1 layout-samples-controler1-edit > ui-view {
  display: flex;
  flex: 1;
}
layout-samples-controler1 layout-samples-controler1-preview {
  display: flex;
  flex: 1;
}
layout-samples-controler1 layout-samples-controler1-preview > ui-view {
  display: flex;
  flex: 1;
}

layout-samples-controler2 {
  display: flex;
  flex: 1;
}
layout-samples-controler2 > ui-view {
  display: flex;
  flex: 1;
}

.asconsole navbar-search {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  max-width: 450px;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 992px) {
  .asconsole navbar-search {
    width: 100%;
  }
}
.asconsole navbar-search .search-icon {
  font-size: 19px;
  cursor: pointer;
  display: none;
  height: 100%;
  color: white;
}
@media all and (max-width: 992px) {
  .asconsole navbar-search .search-icon {
    display: flex;
    align-items: center;
  }
}
.asconsole navbar-search .search-icon:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.asconsole navbar-search .search-filter-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  height: 21px;
  border: none;
  padding: 4px 6px;
  z-index: 10;
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole navbar-search .search-filter-btn {
    display: none;
  }
}
.asconsole navbar-search .search-filter-btn .fa-caret-down {
  padding: 0;
  font-size: 15px;
  color: #6275A3;
}
.asconsole navbar-search .search-filter-btn:hover {
  background-color: #eef4f9;
}
.asconsole navbar-search .search-filter-btn:hover .fa-caret-down {
  color: #6275A3;
}
@media all and (max-width: 992px) {
  .asconsole navbar-search asui-search-autocomplete {
    display: none;
  }
}
.asconsole navbar-search .filter-enabled input {
  padding-right: 45px;
}
.asconsole navbar-search .filter-enabled asui-search-autocomplete .icon-cross {
  margin-right: 24px;
}
@media all and (max-width: 992px) {
  .asconsole navbar-search .search-focus {
    display: inline;
    display: initial;
  }
  .asconsole navbar-search .search-focus asui-search-autocomplete {
    display: inline;
    display: initial;
  }
}
@media all and (max-width: 667px) {
  .asconsole navbar-search asui-search-autocomplete .icon-cross {
    display: inline !important;
    display: initial !important;
  }
}
.asconsole navbar-search asui-search-autocomplete asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole navbar-search asui-search-autocomplete .search-group-block .search-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole navbar-search asui-search-autocomplete .search-group-block .search-item .search-icon-item {
  margin-right: 15px;
}
.asconsole navbar-search asui-search-autocomplete .search-group-block .search-item .search-item-name {
  margin-left: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 42px;
}
.asconsole navbar-search asui-search-autocomplete .search-group-block .search-item asui-card-channel .card-icon-xs {
  min-width: 25px !important;
  min-height: 33px !important;
  font-size: 13px !important;
}
.asconsole navbar-search asui-search-autocomplete .search-group-block .search-item asui-card-content .card-icon-sm {
  width: 59px !important;
  height: 33px !important;
  font-size: 13px !important;
}
.asconsole navbar-search asui-search-autocomplete .search-group-block .search-item asui-card-content .card-icon-sm .video-duration {
  font-size: 0.5rem;
}
.asconsole navbar-search .navbar-search-filter {
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: 100;
  width: 100%;
  min-height: 150px;
  max-height: 80vh;
  background: #fff;
  border-top: none;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole navbar-search .navbar-search-filter {
    display: inline;
  }
}
.asconsole navbar-search .navbar-search-filter .filter-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.asconsole navbar-search .navbar-search-filter .filter-header .filter-title {
  color: #6275A3;
  padding-left: 15px;
  font-size: 90%;
}
.asconsole navbar-search .navbar-search-filter .filter-header .icon-cross {
  color: #4f596e;
  padding: 15px;
  cursor: pointer;
  font-size: 150%;
}
.asconsole navbar-search .navbar-search-filter .filter-body {
  padding: 0 15px;
  margin-top: 4px;
  border: 1px solid #DDE3EE;
}
.asconsole navbar-search .navbar-search-filter .filter-body .filter-row {
  display: flex;
  margin-bottom: 10px;
}
.asconsole navbar-search .navbar-search-filter .filter-body .filter-row .filter-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  width: 150px;
}

.asconsole navbar-search-filter {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: 100;
  width: 100%;
  min-height: 150px;
  max-height: 400px;
  min-width: 280px;
  background: #fff;
  border: 1px solid #DDE3EE;
  border-top: none;
}
@media all and (max-width: 667px) {
  .asconsole navbar-search-filter {
    top: 40px;
  }
}
.asconsole navbar-search-filter .filter-body {
  padding: 15px 15px 0 15px;
  flex: 1;
  margin-top: 4px;
  border-top: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole navbar-search-filter .filter-body {
    padding: 10px 10px 0 10px;
  }
}
.asconsole navbar-search-filter .filter-body .filter-row {
  display: flex;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole navbar-search-filter .filter-body .filter-row {
    flex-direction: column;
  }
}
.asconsole navbar-search-filter .filter-body .filter-row .filter-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 8px;
  color: #475369;
  width: 25%;
  max-width: 200px;
  min-width: 80px;
}
@media all and (max-width: 667px) {
  .asconsole navbar-search-filter .filter-body .filter-row .filter-label {
    padding-bottom: 3px;
  }
}
.asconsole navbar-search-filter .filter-body .filter-row .filter-input {
  flex: 1;
  min-width: 0;
}
.asconsole navbar-search-filter .filter-body .filter-row .filter-input .asui-dropdown {
  width: 100%;
}
.asconsole navbar-search-filter .filter-body .filter-row:last-child {
  margin-bottom: 0;
}
.asconsole navbar-search-filter .filter-footer {
  display: flex;
  padding: 15px;
  justify-content: flex-end;
}
.asconsole navbar-search-filter .filter-footer .btn {
  width: 70px;
  height: 28px;
  padding: 4px 12px;
}
.asconsole navbar-search-filter .filter-footer .btn-default {
  margin-right: 10px;
}

.asconsole searchable-grid {
  flex: 1;
  width: 100%;
  flex-basis: auto;
  display: flex;
}
.asconsole searchable-grid .s-grid-base {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole searchable-grid .s-grid-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-bottom: 20px;
}
.asconsole searchable-grid .s-grid-container .s-grid-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole searchable-grid .s-grid-container .item-count {
  position: absolute;
  top: 32px;
  right: 40px;
  color: #475369;
}
.asconsole searchable-grid .s-grid-container .grid-container {
  margin: 0;
  min-height: auto;
  min-height: unset;
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item {
  flex: 0 0 100%;
  border: 1px solid #DDE3EE;
  border-bottom: none;
  padding: 0;
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 20px;
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item asui-input {
  margin-right: 15px;
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-tn {
  margin-right: 20px;
  cursor: pointer;
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-name {
  margin-right: 20px;
  flex: 1;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-name break-word {
    word-break: break-all;
  }
}
.asconsole searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-date {
  color: #475369;
  padding-right: 30px;
}
.asconsole searchable-grid .s-grid-container .cta-container {
  flex: 1;
}
.asconsole searchable-grid .s-grid-container .cta-container .no-content-container {
  margin-top: 10vh;
}
.asconsole searchable-grid .filter-container {
  position: relative;
  margin-bottom: 10px;
  display: flex;
}
.asconsole searchable-grid .filter-container .group-actions-block {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.asconsole searchable-grid .filter-container .group-actions-block .group-actions {
  padding: 5px 0px 5px 10px;
  cursor: pointer;
}
.asconsole searchable-grid .filter-container .asui-search {
  width: 100%;
  margin: 0;
}
.asconsole searchable-grid .filter-container .asui-search input {
  border-radius: 1px;
  box-shadow: none;
  height: 38px;
  padding-left: 15px;
  padding-right: 170px;
  font-size: 13px;
  margin: 0;
}
.asconsole searchable-grid .filter-container .asui-search .icon-search, .asconsole searchable-grid .filter-container .asui-search .icon-cross {
  display: none;
}
.asconsole searchable-grid .filter-container .search-no-filter input {
  padding-right: 150px;
}
.asconsole searchable-grid .filter-container .search-no-sort input {
  padding-right: 88px;
}
.asconsole searchable-grid .filter-container .search-no-sort-filter input {
  padding-right: 64px;
}
.asconsole searchable-grid .filter-container .filter-block {
  color: #475369;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.asconsole searchable-grid .filter-container .filter-block .icon-filter {
  cursor: pointer;
  margin-left: 10px;
}
.asconsole searchable-grid .filter-container .filter-block .fa-caret-down {
  padding-left: 6px;
}
@media all and (max-width: 667px) {
  .asconsole searchable-grid .filter-container .filter-block .fa-caret-down {
    padding-left: 3px;
  }
}
.asconsole searchable-grid .filter-container .filter-block .divider {
  margin: 0 6px;
}
@media all and (max-width: 667px) {
  .asconsole searchable-grid .filter-container .filter-block .divider {
    margin: 0 2px;
  }
}
.asconsole searchable-grid .asui-command-bar {
  margin: 0 0 -1px 0;
}
.asconsole searchable-grid .asui-command-bar .content {
  background-color: #eef4f9;
}
.asconsole searchable-grid .asui-command-bar .fa-caret-down {
  padding-left: 6px;
}
.asconsole searchable-grid .asui-command-bar .filter-by {
  color: #475369;
  margin-right: 10px;
}
.asconsole searchable-grid .clear-filters {
  padding: 10px 30px;
  text-align: center;
}
.asconsole searchable-grid .clear-filters a {
  cursor: pointer;
}
.asconsole searchable-grid .clear-filters-link {
  cursor: pointer;
  margin-left: 2px;
}
.asconsole searchable-grid .cta-container .no-content-container {
  margin-top: 20px;
}
.asconsole searchable-grid .cta-container .no-content-container img {
  width: 45%;
}
.asconsole searchable-grid .cta-container .no-content-container .icon-container i {
  font-size: 10vh !important;
}
.asconsole searchable-grid .cta-container .no-content-container .non-content-text {
  margin-bottom: 15px;
}
.asconsole searchable-grid .s-grid-no-content {
  display: flex;
  flex: 1;
}
.asconsole searchable-grid .s-grid-no-content ng-transclude {
  display: flex;
  flex: 1;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container {
  border-bottom: none;
  flex-direction: column;
  gap: 8px;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item {
  border-bottom: 1px solid #DDE3EE;
  border-radius: 8px;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row {
  gap: 16px;
  height: unset;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row asui-input {
  margin-left: 0;
  padding: 20px 0 20px 20px;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row .poi-name + .icon {
  margin-right: 0;
  padding: 20px 20px 20px 0;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row .poi-item.poi-tn {
  height: unset;
  margin-left: 0;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row .poi-item.poi-name {
  height: 88px;
  padding: 20px 0;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row .poi-item.poi-name .poi-name-container {
  padding: 0;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row .poi-item.poi-name .poi-name-container .poi-name-txt {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: #1E293B;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item .poi-row .poi-item.poi-name .poi-name-container .poi-type {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #475369;
}
.asconsole searchable-grid.searchable-resource-grid .s-grid-container .row-view .grid-container .grid-item.linked-resource {
  margin-left: 28px;
}

.asconsole searchable-table {
  display: flex;
  flex: 1;
  width: 100%;
  flex-basis: auto;
}
.asconsole searchable-table .searchable-table-base {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole searchable-table .table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  min-height: 80px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole searchable-table .table-container asui-table {
    flex: none;
  }
}
.asconsole searchable-table .table-container asui-table .asui-table-container {
  margin: 0 0 10px 0;
}
.asconsole searchable-table .table-container asui-table .asui-table-container .name-link {
  word-break: break-all;
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole searchable-table .table-container .cta-container {
  flex: 1;
}
.asconsole searchable-table .table-container .cta-container .no-content-container {
  margin-top: 10vh;
}
.asconsole searchable-table .filter-container {
  position: relative;
  margin-bottom: 10px;
  display: flex;
}
.asconsole searchable-table .filter-container .asui-search {
  width: 100%;
  margin: 0;
}
.asconsole searchable-table .filter-container .asui-search input {
  border-radius: 1px;
  box-shadow: none;
  height: 38px;
  padding-left: 15px;
  padding-right: 170px;
  font-size: 13px;
  margin: 0;
}
.asconsole searchable-table .filter-container .asui-search .icon-search {
  display: none;
}
.asconsole searchable-table .filter-container .asui-search .icon-cross {
  position: absolute;
  right: 194px;
  top: 11px;
}
.asconsole searchable-table .filter-container .search-no-filter input {
  padding-right: 150px;
}
.asconsole searchable-table .filter-container .search-no-sort input {
  padding-right: 88px;
}
.asconsole searchable-table .filter-container .search-no-sort-filter input {
  padding-right: 64px;
}
.asconsole searchable-table .filter-container .filter-block {
  color: #475369;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.asconsole searchable-table .filter-container .filter-block .icon-filter {
  cursor: pointer;
  margin-left: 10px;
}
.asconsole searchable-table .filter-container .filter-block .fa-caret-down {
  padding-left: 6px;
}
@media all and (max-width: 667px) {
  .asconsole searchable-table .filter-container .filter-block .fa-caret-down {
    padding-left: 3px;
  }
}
.asconsole searchable-table .filter-container .filter-block .divider {
  margin: 0 6px;
}
@media all and (max-width: 667px) {
  .asconsole searchable-table .filter-container .filter-block .divider {
    margin: 0 2px;
  }
}
.asconsole searchable-table .asui-command-bar {
  margin: 0 0 -1px 0;
  background-color: #F8F9FC;
}
.asconsole searchable-table .asui-command-bar .content {
  background-color: #F8F9FC;
}
.asconsole searchable-table .asui-command-bar .fa-caret-down {
  padding-left: 6px;
}
.asconsole searchable-table .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole searchable-table .asui-command-bar .up-arrow_box:after {
  border-bottom-color: #F8F9FC;
}
.asconsole searchable-table .clear-filters {
  padding: 0 30px;
  margin-bottom: 10px;
  text-align: center;
}
.asconsole searchable-table .clear-filters a {
  cursor: pointer;
}
.asconsole searchable-table .clear-filters-link {
  cursor: pointer;
  margin-left: 2px;
}
.asconsole searchable-table .cta-container .no-content-container {
  margin-top: 20px;
}
.asconsole searchable-table .cta-container .no-content-container img {
  width: 45%;
}
.asconsole searchable-table .cta-container .no-content-container .icon-container i {
  font-size: 10vh !important;
}
.asconsole searchable-table .cta-container .no-content-container .non-content-text {
  margin-bottom: 15px;
}
.asconsole searchable-table .asui-table .hyperlink {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole searchable-table .asui-table .disabled-cell {
  color: #8493AE;
}
.asconsole searchable-table .asui-table .disabled-cell .asui-card {
  opacity: 0.5;
}
.asconsole searchable-table .asui-table .user-thumbnail {
  width: 50px;
}
.asconsole searchable-table .asui-table .user-name {
  word-break: break-all;
}
.asconsole searchable-table .asui-table .user-desc {
  color: #475369;
}
.asconsole searchable-table .asui-table .device-thumbnail {
  width: 50px;
}
.asconsole searchable-table .asui-table .circle-icon {
  width: 24px !important;
  height: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
  color: white;
  border: none;
  cursor: pointer;
}
.asconsole searchable-table .asui-table .circle-icon i {
  font-size: 130%;
}
.asconsole searchable-table .asui-table .circle-icon .icon-network {
  font-size: 140% !important;
}
.asconsole searchable-table .asui-table .circle-icon .icon-users {
  font-size: 100% !important;
}
.asconsole searchable-table .asui-table .device-name {
  word-break: break-all;
}
.asconsole searchable-table .asui-table .device-group {
  min-width: 70px;
}
.asconsole searchable-table .asui-table .device-desc {
  color: #475369;
}
.asconsole searchable-table .asui-table .channel-thumbnail {
  width: 50px;
  min-width: 50px;
}
.asconsole searchable-table .asui-table .channel-name {
  word-break: break-all;
}
.asconsole searchable-table .asui-table .channel-type {
  color: #475369;
  text-transform: capitalize;
}
.asconsole searchable-table .asui-table .channel-group-thumbnail {
  width: 50px;
}
.asconsole searchable-table .asui-table .channel-group-name {
  word-break: break-all;
}
.asconsole searchable-table .asui-table .channel-count {
  color: #475369;
}
.asconsole searchable-table .asui-table .content-thumbnail {
  width: 50px;
}
.asconsole searchable-table .asui-table .content-name {
  word-break: break-all;
}
.asconsole searchable-table .asui-table .content-type {
  text-transform: capitalize;
}
.asconsole searchable-table .transclude-cta {
  flex: 1;
}

.asconsole console-sidebar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.8);
  height: 100%;
}
.asconsole console-sidebar .sidebar-background {
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 64px;
  background-color: var(--as-console-brand-color, #1E293B);
  transition: background-color var(--nc-durations__slow, 0.4s) ease-in-out;
}
.asconsole console-sidebar .sidebar-background-open {
  width: 253px !important;
}
@media all and (max-width: 667px) {
  .asconsole console-sidebar .sidebar-background-open {
    width: 220px !important;
  }
}
.asconsole console-sidebar .sidebar-open {
  width: 100vw !important;
  max-height: calc(100vh - 60px);
  overflow: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.asconsole console-sidebar .sidebar-open ::-webkit-scrollbar {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole console-sidebar .sidebar-open {
    max-height: calc(100vh - 50px);
  }
}
.asconsole console-sidebar .sidebar-open .launchbar-container {
  width: 253px !important;
}
@media all and (max-width: 667px) {
  .asconsole console-sidebar .sidebar-open .launchbar-container {
    width: 220px !important;
  }
}
.asconsole console-sidebar .sidebar-open .launchbar-container .launchbar-container {
  max-height: calc(100vh - 45px);
}
.asconsole console-sidebar .sidebar-closed .launchbar-container .popover {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 6px !important;
  background-color: white !important;
  min-width: 0 !important;
}
.asconsole console-sidebar .sidebar-closed .launchbar-container .popover .popover-content {
  padding: 5px 8px !important;
  color: #333F55;
}
.asconsole console-sidebar .sidebar-closed .launchbar-container .popover .arrow {
  display: inline !important;
  display: initial !important;
}
.asconsole console-sidebar .sidebar-base {
  width: 64px;
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.asconsole console-sidebar .sidebar-base ::-webkit-scrollbar {
  display: none;
}
.asconsole console-sidebar .sidebar-base .launchbar-container-expanded {
  width: 253px !important;
}
@media all and (max-width: 667px) {
  .asconsole console-sidebar .sidebar-base .launchbar-container-expanded {
    width: 220px !important;
  }
}
.asconsole console-sidebar .sidebar-base .launchbar-container {
  min-height: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-bottom: 20px;
}
.asconsole console-sidebar .sidebar-base .launchbar-container a {
  color: rgba(255, 255, 255, 0.8);
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover {
  border-radius: 0;
  margin-left: -1px;
  min-width: 120px;
  padding: 0;
  border: none;
  background-color: #eef4fa;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content {
  padding: 0;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content .subnav-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 175px;
  padding: 0;
  margin: 0;
  background-color: var(--as-console-brand-color, #1E293B);
  transition: background-color var(--nc-durations__slow, 0.4s) ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content .subnav-container {
    min-width: 156px;
  }
  .asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content .subnav-container .subnav-item {
    padding: 7px 10px !important;
  }
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content .subnav-container .subnav-item {
  padding: 7px 20px;
  cursor: pointer;
  flex: 1;
  color: var(--dark-ui-palette-title, #E7E7E8);
  /* Paragraph/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content .subnav-container .subnav-item:focus-visible {
  outline-offset: -2px;
}
@media all and (min-width: 667px) {
  .asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content .subnav-container .subnav-item:hover {
    background-color: rgba(0, 0, 0, 0.25);
    color: white;
  }
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .arrow {
  display: none;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-category {
  color: var(--dark-ui-palette-title, #E7E7E8);
  /* Caption/Small */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 8px 20px;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item-path {
  cursor: default !important;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item {
  display: flex;
  position: relative;
  align-items: center;
  padding: 6px 0px;
  margin: 10px 0px;
  height: 38px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item:focus {
  outline: none;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item:focus-visible {
  outline: 2px solid #77B0EE;
  outline-offset: -3px;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item .icon-menu-library-line {
  margin-top: 1px;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item .launchbar-icon {
  width: 64px;
  font-size: 24px;
  margin-top: -2px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item .extension-name {
  flex: 1;
  color: var(--dark-ui-palette-title, #E7E7E8);
  /* Paragraph/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.16px;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item .subnavopen {
  color: white;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover {
  background-color: var(--as-console-brand-color, #1E293B);
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .popover-content {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #333F55;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .popover .arrow {
  left: -16px;
  margin-top: -8px;
  border-width: 8px;
}
@media all and (min-width: 667px) {
  .asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item:hover {
    background-color: rgba(0, 0, 0, 0.25);
    color: white;
  }
  .asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item:hover .launchbar-icon {
    color: white;
  }
}
@media all and (min-width: 667px) {
  .asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item.subnav-open {
    background-color: rgba(0, 0, 0, 0.25);
    color: white;
  }
  .asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item.subnav-open .launchbar-icon {
    color: white;
  }
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item.selected {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-item.selected .launchbar-icon {
  color: white;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .launchbar-hr {
  width: 100%;
  border: 0.5px solid #dee6ef;
}
.asconsole console-sidebar .sidebar-base .launchbar-container .icon-chevron-right {
  margin: 0 20px;
  color: rgba(255, 255, 255, 0.8);
}
.asconsole console-sidebar .sidebar-base .console-switch-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: white;
}
.asconsole console-sidebar .sidebar-base .console-switch-container .console-switch-btn {
  width: 213px;
  margin: 10px 20px;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid white;
}
@media all and (max-width: 667px) {
  .asconsole console-sidebar .sidebar-base .console-switch-container {
    padding-bottom: 21vh;
  }
}

.asconsole console-sidebar-layout {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  max-width: 100%;
}
.asconsole console-sidebar-layout .asui-view-overlay-initializing {
  background-color: white !important;
}
.asconsole console-sidebar-layout .asui-view-overlay-saving {
  background-color: white !important;
}
.asconsole console-sidebar-layout .asui-view-overlay-deleting {
  background-color: white !important;
}
.asconsole console-sidebar-layout asui-vertical-navbar {
  min-width: 230px;
  text-align: center;
  padding: 0;
  background-color: #fff;
  padding-top: 18px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole console-sidebar-layout asui-vertical-navbar .vertical-navbar-container li .navitem {
  padding: 10px 20px;
  flex: 1;
  color: #858b9a;
}
.asconsole console-sidebar-layout asui-vertical-navbar .vertical-navbar-container li .active {
  border-left: 0;
  border-right: 4px solid #475369;
  background-color: #EDF2F7;
  color: #475369;
  font-weight: 700;
}
.asconsole console-sidebar-layout ng-transclude {
  max-width: 100%;
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
}
@media (max-width: 912px) {
  .asconsole console-sidebar-layout ng-transclude {
    max-width: 100%;
    flex-direction: column;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar {
    margin: 5px 0px;
    border: none;
    border-bottom: 1px solid #DDE3EE;
    background-color: #fff;
    overflow-x: auto;
    max-width: 100%;
    padding: 0;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar .vertical-navbar-container {
    margin: 0px;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar .navitem {
    height: 100%;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: stretch;
    flex-wrap: wrap;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar ul li .navitem {
    width: 100%;
    padding: 8px 12px !important;
    border-right: 0;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar ul li .navitem i {
    display: none;
  }
  .asconsole console-sidebar-layout ng-transclude asui-vertical-navbar ul li .active {
    background-color: inherit !important;
    border: none !important;
    border-bottom: 3px solid #8da0b2 !important;
  }
}

.asconsole as-input-textbox-config {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole as-input-textbox-config .input-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole as-input-textbox-config .error {
  color: #CB4848;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}

.asconsole .as-upgrade-tooltip-popover .popover-content {
  max-height: initial !important;
}
.asconsole .as-upgrade-tooltip-popover .as-upgrade-tooltip-popover-content {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  color: #333F55;
  padding: 5px 0;
}
.asconsole .as-upgrade-tooltip-popover .as-upgrade-tooltip-popover-content .upgrade-actions-container {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.asconsole .as-upgrade-tooltip-popover .as-upgrade-tooltip-popover-content .upgrade-actions-container button {
  margin-right: 10px;
}
.asconsole as-upgrade-tooltip {
  display: inline-block;
}
.asconsole as-upgrade-tooltip ng-transclude {
  display: flex;
  align-items: center;
}
.asconsole as-upgrade-tooltip ng-transclude .upgrade-tooltip-icon {
  font-size: 15px;
  align-self: center;
  cursor: pointer;
  display: none;
  height: 15px;
  color: #0A5BEB;
}
.asconsole as-upgrade-tooltip .feature-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.asconsole reservation-workspace-action-button {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-workspace-action-button .direction-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 500;
  margin-top: 2px;
  height: 40px;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.asconsole browse-all-channels {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
}
.asconsole browse-all-channels .browse-outer .no-content-container {
  margin: 0 2vh;
}
.asconsole browse-all-channels .browse-outer .no-content-container .icon-container img {
  width: 100%;
  max-width: 350px;
}
@media all and (max-width: 667px) {
  .asconsole browse-all-channels .browse-outer .no-content-container .icon-container img {
    width: 80%;
  }
}
.asconsole browse-all-channels .browse-outer .no-content-container .non-content-text {
  font-size: 100%;
}
.asconsole browse-all-channels .browse-outer browse-channel-group-grid {
  height: 85px;
  flex: unset;
}
.asconsole browse-all-channels .browse-outer browse-channel-grid asui-grid .grid-container {
  margin: -24px 0 0 -25px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-all-channels .browse-outer browse-channel-grid asui-grid .grid-container {
    margin: 0 !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-all-channels .browse-outer .browse-inner .browse-header .name {
    margin-bottom: 10px !important;
  }
}
.asconsole browse-all-channels .browse-outer .browse-inner .section-title:first-child {
  margin-top: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-all-channels .browse-outer .browse-inner .section-title:first-child {
    margin-top: 16px !important;
  }
}
.asconsole browse-all-channels .browse-outer .browse-inner .section-title {
  margin: 24px 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-all-channels .browse-outer .browse-inner .section-title {
    margin-top: 24px !important;
    margin-bottom: 20px;
  }
}
.asconsole browse-all-channels .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding-bottom: 0;
  flex-basis: auto;
  padding-bottom: 24px;
}
@media all and (max-width: 667px) {
  .asconsole browse-all-channels .browse-outer .browse-inner .content-container {
    flex-direction: column-reverse;
    margin: 0;
  }
}
.asconsole browse-all-channels .browse-outer .browse-empty-cta {
  flex: 1;
}

.asconsole .container-widget browse-home-app-links-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-app-links-widget .home-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-app-links-widget .home-widget browse-home-my-app-links {
  width: 100%;
}
.asconsole .container-widget browse-home-app-links-widget .home-widget browse-home-my-app-links ea-card-app-link .app-container .app-icon {
  background-color: var(--nc-colors__neutral100);
  padding: 2px;
}
.asconsole .container-widget browse-home-app-links-widget .home-widget browse-home-my-app-links ea-card-app-link .app-container .app-icon img {
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole .container-widget browse-home-app-links-widget .home-widget browse-home-my-app-links ea-card-app-link .app-container .app-text .app-name {
  color: var(--neutral-900, --nc-colors__neutral900);
  /* Body S/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 18.9px */
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile {
  /* For Webkit browsers like Chrome, Safari */
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile browse-home-my-app-links .app-links-container {
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 12px;
  margin: 0 -24px -16px -24px !important;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  width: calc(100% + 48px);
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile browse-home-my-app-links .app-links-container ea-card-app-link {
  min-width: 288px;
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
  padding: 16px;
  margin: 0;
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile browse-home-my-app-links .app-links-container ea-card-app-link .favorite-button {
  margin-top: -12px;
  margin-right: -12px;
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile browse-home-my-app-links::-webkit-scrollbar {
  display: none;
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile browse-home-my-app-links-loading {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: -16px;
  gap: 12px;
  margin-right: -12px;
}
.asconsole .container-widget browse-home-app-links-widget .size-mobile browse-home-my-app-links-loading .link-skeleton {
  min-width: 288px;
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
  padding: 16px;
  margin: 0;
}
.asconsole .container-widget browse-home-app-links-widget .size-small browse-home-my-app-links ea-card-app-link .app-container .app-text .app-name {
  font-size: 14px;
  line-height: 135%; /* 18.9px */
}
.asconsole .container-widget browse-home-app-links-widget .size-small browse-home-my-app-links ea-card-app-link .app-container .app-text .app-category {
  font-size: 14px;
  line-height: 135%; /* 18.9px */
}
.asconsole .container-widget browse-home-app-links-widget .size-large browse-home-my-app-links .app-links-container {
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 16px;
  margin-right: -16px;
}
.asconsole .container-widget browse-home-app-links-widget .size-large browse-home-my-app-links .app-links-container ea-card-app-link {
  flex: 0 0 calc(50% - 8px);
  max-width: 330px;
  min-width: 0;
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
  display: flex;
  padding: 16px;
  margin: 0;
}
.asconsole .container-widget browse-home-app-links-widget .size-large browse-home-my-app-links .app-links-container ea-card-app-link .favorite-button {
  margin-top: -12px;
  margin-right: -12px;
}
.asconsole .container-widget browse-home-app-links-widget .size-large browse-home-my-app-links-loading {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 16px;
  margin-right: -16px;
}
.asconsole .container-widget browse-home-app-links-widget .size-large browse-home-my-app-links-loading .link-skeleton {
  flex: 0 0 calc(50% - 8px);
  max-width: 330px;
  min-width: 0;
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
  display: flex;
  padding: 16px;
  margin: 0;
}

.asconsole ea-app-link-inline {
  display: flex;
  flex: 1;
}
.asconsole ea-app-link-inline iframe {
  background-color: white;
  border: 0;
  outline: 0;
  width: 100%;
  height: 100%;
}

.asconsole ea-concierge-approvals {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: white;
}
.asconsole ea-concierge-approvals react-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole ea-concierge-approvals react-component .browse-inner {
  margin-top: 0 !important;
}

.asconsole browse ea-places-at-the-office .browse-top-container {
  padding-bottom: 0;
}

.asconsole visitors-invite-attendee-details {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.asconsole visitors-invite-attendee-details asui-infield-input-container {
  width: 100%;
}
.asconsole visitors-invite-attendee-details .visitor-type {
  margin-bottom: 13px !important;
}
.asconsole visitors-invite-attendee-details visitor-types-dropdown {
  width: 100%;
}
.asconsole visitors-invite-attendee-details visitor-types-dropdown .asui-dropdown .bootstrap-select {
  max-width: 340px;
}
.asconsole visitors-invite-attendee-details visitor-types-dropdown .asui-dropdown .bootstrap-select .btn {
  display: flex !important;
  overflow: hidden;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}
.asconsole visitors-invite-attendee-details visitor-types-dropdown .asui-dropdown .bootstrap-select .btn span {
  display: block !important;
}
.asconsole visitors-invite-attendee-details visitor-types-dropdown .asui-dropdown .bootstrap-select .btn span:first-child {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invite-attendee-details visitor-types-dropdown .asui-dropdown .bootstrap-select .btn span:first-child break-word {
    word-break: break-all;
  }
}
.asconsole visitors-invite-attendee-details visitor-typeahead {
  width: 100%;
}
.asconsole visitors-invite-attendee-details visitor-typeahead input {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole visitors-invite-attendee-details visitor-typeahead .selected-item .user-typeahead-label .name {
  display: none;
}
.asconsole visitors-invite-attendee-details visitor-typeahead .dropdown-container .user-typeahead-label {
  min-width: 0;
}
.asconsole visitors-invite-attendee-details visitor-typeahead .dropdown-container .user-typeahead-label .name, .asconsole visitors-invite-attendee-details visitor-typeahead .dropdown-container .user-typeahead-label .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invite-attendee-details visitor-typeahead .dropdown-container .user-typeahead-label .name break-word, .asconsole visitors-invite-attendee-details visitor-typeahead .dropdown-container .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}

.asconsole reservation-event-attendee-list {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-event-attendee-list .header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole reservation-event-attendee-list .header .header-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-event-attendee-list .header .header-main .icon-users {
  color: #4f596e;
  margin-right: 8px;
}
.asconsole reservation-event-attendee-list .header .header-main .icon-context {
  color: #4f596e;
  font-size: 24px;
  padding: 2px 10px;
  cursor: pointer;
}
.asconsole reservation-event-attendee-list .header .subtext {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee:first-child {
  margin-top: 10px;
}
.asconsole reservation-event-attendee-list .attendee-list .no-attendee-edit .user-container {
  cursor: default;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee-panel-disabled {
  pointer-events: none;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee-panel-disabled .icon-chevron-right {
  display: none;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #DDE3EE;
  font-size: 16px;
  color: #2d3851;
  cursor: pointer;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-icon-container {
  display: flex;
  position: relative;
  height: 32px;
  width: 32px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-icon-container .attendee-icon {
  margin-top: 1px;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-icon-container .icon-help-circled {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-details .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-details .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .attendee-details .attendance-label {
  font-size: 14px;
  color: #3c465d;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .status-container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding-right: 12px;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .status-container .status-code {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .status-container .accepted {
  background-color: #0C817B;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .status-container .declined {
  background-color: #CB4848;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .status-container .maybe {
  background-color: #EBBE36;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .status-container .pending {
  background-color: #EBBE36;
}
.asconsole reservation-event-attendee-list .attendee-list .attendee .icon-chevron-right {
  font-size: 18px;
  color: #4f596e;
  padding-right: 5px;
  padding-left: 10px;
}
.asconsole reservation-event-attendee-list .view-more {
  cursor: pointer;
  color: #0A5BEB;
  margin-top: 10px;
  margin-left: 23px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole reservation-attendee-status-card {
  display: flex;
  min-width: 0;
}
.asconsole reservation-attendee-status-card .attendee-status {
  display: flex;
  flex-direction: row;
  height: 52px;
  width: 100%;
  align-items: center;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-attendee-status-card .attendee-status break-word {
    word-break: break-all;
  }
}
.asconsole reservation-attendee-status-card .attendee-status .left-bar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 5px;
  height: 100%;
  background-color: #68768D;
}
.asconsole reservation-attendee-status-card .attendee-status .icon {
  padding: 0 10px 0 6px;
  color: #68768D;
  font-size: 20px;
}
.asconsole reservation-attendee-status-card .attendee-status .status-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole reservation-attendee-status-card .attendee-status .status-text .primary-label {
  font-weight: 600;
}
.asconsole reservation-attendee-status-card .attendee-status.green .left-bar {
  background-color: #0C817B;
}
.asconsole reservation-attendee-status-card .attendee-status.green .icon, .asconsole reservation-attendee-status-card .attendee-status.green .primary-label {
  color: #0C817B;
}
.asconsole reservation-attendee-status-card .attendee-status.yellow .left-bar {
  background-color: #EBBE36;
}
.asconsole reservation-attendee-status-card .attendee-status.yellow .icon, .asconsole reservation-attendee-status-card .attendee-status.yellow .primary-label {
  color: #EBBE36;
}
.asconsole reservation-attendee-status-card .attendee-status.red .left-bar {
  background-color: #CB4848;
}
.asconsole reservation-attendee-status-card .attendee-status.red .icon, .asconsole reservation-attendee-status-card .attendee-status.red .primary-label {
  color: #CB4848;
}

.asconsole attendee-typeahead {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole attendee-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .textbox {
  height: 44px;
  padding-right: 12px;
  border-radius: 4px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .fa-caret-down {
  display: none;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
  display: flex;
  align-items: center;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .visitor-item-thumbnail {
  position: relative;
  flex-shrink: 0;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .visitor-item-thumbnail .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 8px;
  line-height: 1.2;
  min-width: 0;
  flex: 1;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name-container {
  display: flex;
  min-width: 0;
  font-size: 15px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name-container .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name-container .name break-word {
    word-break: break-all;
  }
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability {
  display: flex;
  align-items: center;
  gap: 0;
  color: #3c465d;
  font-size: 14px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status {
  display: flex;
  align-items: center;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-skeleton {
  display: flex;
  align-items: center;
  gap: 6px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-skeleton .skeleton-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-skeleton .skeleton-text {
  width: 60px;
  height: 12px;
  border-radius: 8px;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator {
  display: flex;
  align-items: center;
  gap: 4px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .icon-calendar {
  font-size: 16px;
  color: #6B7280;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.available {
  background: #0B875B;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.available .icon-ok {
  font-size: 9px;
  color: white;
  line-height: 1;
  font-weight: bold;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.available::after {
  content: "✓";
  color: white;
  font-size: 8px;
  font-weight: bold;
  position: absolute;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.busy {
  background: #CB2B38;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .status-text {
  font-size: 13px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .status-text.status-available {
  color: #6B7280;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .availability-status .availability-indicator .status-text.status-busy {
  color: #6B7280;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .email-separator {
  margin: 0 4px;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email-with-availability .email break-word {
    word-break: break-all;
  }
}
.asconsole attendee-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .unverified-visitor {
  color: #B25300;
}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.asconsole attendee-typeahead asui-dropdown-typeahead .selected-item {
  display: none;
}
.asconsole attendee-typeahead asui-dropdown-typeahead .selected-item asui-card-user {
  display: none;
}
.asconsole attendee-typeahead asui-dropdown-typeahead.invalid-email .selected-item {
  display: flex;
}
.asconsole attendee-typeahead .attendees-container:first-child {
  margin-top: 0;
}
.asconsole attendee-typeahead .attendees-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: var(--ds-brand-radii__pageComponent, 4px);
  padding: 16px 0 16px 16px;
  margin-top: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole attendee-typeahead .attendees-container .header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole attendee-typeahead .attendees-container .header .header-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.asconsole attendee-typeahead .attendees-container .header .header-main .icon-users {
  color: #4f596e;
  margin-right: 11px;
}
.asconsole attendee-typeahead .attendees-container .header .header-main .icon-context {
  color: #4f596e;
  font-size: 24px;
  padding: 2px 10px;
  cursor: pointer;
}
.asconsole attendee-typeahead .attendees-container .header .subtext {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee:first-child {
  margin-top: 16px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .no-attendee-edit .user-container {
  cursor: default;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container {
  display: flex;
  min-width: 0;
  flex: 1;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-icon-container {
  position: relative;
  flex-shrink: 0;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-icon-container .user-icon {
  margin-top: 1px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-icon-container .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: 6px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label {
  margin-left: 8px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .name {
  font-size: 16px;
  margin-bottom: 1px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .name break-word {
    word-break: break-all;
  }
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details {
  color: #3c465d;
  font-size: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline {
  display: inline-flex;
  align-items: center;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .availability-skeleton-small {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .availability-skeleton-small-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .availability-skeleton-small-wrapper .availability-skeleton-small-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .availability-skeleton-small-wrapper .availability-skeleton-small-text {
  display: inline-block;
  width: 50px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small .icon-calendar {
  font-size: 14px;
  color: #6B7280;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small .availability-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small .availability-badge.available {
  background: #0B875B;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small .availability-badge.available .icon-ok {
  font-size: 8px;
  color: white;
  line-height: 1;
  font-weight: bold;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small .availability-badge.available::after {
  content: "✓";
  color: white;
  font-size: 7px;
  font-weight: bold;
  position: absolute;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .calendar-icon-wrapper-small .availability-badge.busy {
  background: #CB2B38;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .separator {
  margin: 0 4px 0 2px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .status-text-small {
  font-size: 12px;
  margin-left: 4px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .status-text-small.status-available {
  color: #3c465d;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .details .attendee-availability-inline .status-text-small.status-busy {
  color: #3c465d;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .unregistered-email-label {
  color: #B25300;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .watchlist-match-container {
  display: flex;
  width: 100%;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .watchlist-match-container .error-icon {
  color: #CB4848;
  margin-right: 4px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .user-container .user-label .watchlist-match-container .watchlist-match-label {
  color: #CB4848;
  font-size: 12px;
}
.asconsole attendee-typeahead .attendees-container .attendee-list .attendee .icon-context {
  color: #4f596e;
  cursor: pointer;
  padding: 6px 10px 6px 6px;
  flex-shrink: 0;
}
.asconsole attendee-typeahead .max-attendee {
  text-align: right;
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: 5px;
  color: #475369;
}
.asconsole attendee-typeahead .max-attendee-error {
  color: #CB4848;
}
.asconsole .attendee-typeahead-mobile-modal .selected-item asui-card-user, .asconsole .attendee-typeahead-mobile-modal .selected-item .user-typeahead-label .email, .asconsole .attendee-typeahead-mobile-modal .selected-item .icon-help-circled {
  display: none;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label {
  margin-left: 8px;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .unverified-visitor {
  color: #B25300;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability {
  display: flex;
  align-items: center;
  color: #3c465d;
  font-size: 14px;
  gap: 0;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-skeleton {
  display: flex;
  align-items: center;
  gap: 6px;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-skeleton .skeleton-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-skeleton .skeleton-text {
  width: 60px;
  height: 12px;
  border-radius: 8px;
  background: linear-gradient(90deg, #E0E0E0 25%, #F0F0F0 50%, #E0E0E0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator {
  display: flex;
  align-items: center;
  gap: 4px;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .icon-calendar {
  font-size: 16px;
  color: #6B7280;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.available {
  background: #0B875B;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.available::after {
  content: "✓";
  color: white;
  font-size: 8px;
  font-weight: bold;
  position: absolute;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .calendar-icon-wrapper .availability-badge.busy {
  background: #CB2B38;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .availability-status .availability-indicator .status-text {
  font-size: 13px;
  color: #6B7280;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .email-separator {
  flex-shrink: 0;
  margin: 0 4px;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .user-typeahead-label .email-with-availability .email {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .visitor-item-thumbnail {
  position: relative;
}
.asconsole .attendee-typeahead-mobile-modal .dropdown-container .visitor-item-thumbnail .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}

.asconsole .container-widget browse-home-audio-digest-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-audio-digest-widget {
    margin-top: 15px;
  }
}

.asconsole .container-widget browse-home-banner-widget {
  position: relative;
  z-index: 0;
  width: 100%;
  cursor: initial;
}
.asconsole .container-widget browse-home-banner-widget browse-hero-banner {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  z-index: 1;
}
.asconsole .container-widget browse-home-banner-widget browse-hero-banner asui-carousel {
  max-width: initial;
}
.asconsole .container-widget browse-home-banner-widget .home-widget {
  width: 100%;
  height: 100%;
}
.asconsole .container-widget browse-home-banner-widget .banner-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.asconsole .container-widget browse-home-banner-widget .banner-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.asconsole .container-widget browse-home-bookmarks-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .home-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .widget-content {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .widget-content asui-grid {
  flex: 1;
}
.asconsole .container-widget browse-home-bookmarks-widget .widget-content asui-grid .feed-type-label {
  text-transform: capitalize;
}
.asconsole .container-widget browse-home-bookmarks-widget browse-home-bookmarks-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  padding: 16px;
}
.asconsole .container-widget browse-home-bookmarks-widget browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton .text-block {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.asconsole .container-widget browse-home-bookmarks-widget browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton:last-child {
  margin-bottom: 0;
}
.asconsole .container-widget browse-home-bookmarks-widget browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton .icon {
  min-width: 64px;
  min-height: 64px;
  width: 64px;
  height: 64px;
}
.asconsole .container-widget browse-home-bookmarks-widget browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton .text {
  margin-bottom: 8px;
  margin-left: 14px;
  width: 56%;
  font-size: 16px;
}
.asconsole .container-widget browse-home-bookmarks-widget asui-grid .grid-container .grid-item {
  padding: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  border-radius: 16px;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-small browse-home-bookmarks-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-small browse-home-bookmarks-widget-loading .skeleton-container {
  margin-bottom: -24px;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-small browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton {
  margin: 0 0 24px 0;
  border: none;
  padding: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-small asui-grid .grid-container {
  flex-direction: row;
  margin: 0 0 -24px 0 !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-small asui-grid .grid-container .grid-item {
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 0 0 24px 0 !important;
  flex: 0 0 100% !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .two-column asui-grid .grid-container {
  margin: 0 -16px 0 0 !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .two-column asui-grid .grid-container .grid-item {
  margin: 0 16px 16px 0 !important;
  flex: 0 0 calc(50% - 16px) !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .two-column browse-home-bookmarks-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .two-column browse-home-bookmarks-widget-loading .skeleton-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .two-column browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton {
  margin: 0 16px 16px 0;
  width: calc(50% - 16px);
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .three-column asui-grid .grid-container {
  margin: 0 -16px 0 0 !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .three-column asui-grid .grid-container .grid-item {
  margin: 0 16px 16px 0 !important;
  flex: 0 0 calc(33.33333333% - 16px) !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .three-column browse-home-bookmarks-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .three-column browse-home-bookmarks-widget-loading .skeleton-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-large .three-column browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton {
  margin: 0 16px 16px 0;
  width: calc(33.33333333% - 16px);
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile browse-home-bookmarks-widget-loading .skeleton-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  margin: 0 0 -18px 0 !important;
  padding-bottom: 18px;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile browse-home-bookmarks-widget-loading .skeleton-container .link-skeleton {
  width: 288px;
  min-width: 288px;
  margin-right: 18px;
  margin-bottom: 0;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile browse-home-bookmarks-widget-loading asui-grid .grid-container {
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile asui-grid {
  /* For Webkit browsers like Chrome, Safari */
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile asui-grid .grid-container {
  flex-wrap: nowrap;
  flex-direction: row;
  overflow-x: auto;
  margin: 0 -24px 0 -24px !important;
  padding-left: 24px;
  padding-right: 24px;
  width: calc(100% + 48px);
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile asui-grid .grid-container .grid-item {
  margin-right: 18px;
  flex: 0 0 288px !important;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile asui-grid .grid-container .grid-item:last-child {
  margin-right: 0;
}
.asconsole .container-widget browse-home-bookmarks-widget .size-mobile asui-grid .grid-container::-webkit-scrollbar {
  display: none;
}

.asconsole browse-broadcast {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 20px 0 20px;
}

.asconsole broadcast-banner-notification asui-skeleton {
  height: 46px;
}
.asconsole broadcast-banner-notification .bnc-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  background-color: white;
  border-radius: var(--ds-brand-radii__pageComponent);
  border: 1px solid #DDE3EE;
  min-width: 0;
  width: 100%;
  cursor: pointer;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-item-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-item-container .circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0, 0, 0);
  color: white;
  border-radius: 50%;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-item-container .circle-container .icon {
  font-size: 24px;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-item-container .circle-container.critical {
  background-color: #fa1249 !important;
}
.asconsole broadcast-banner-notification .bnc-container broadcast-thumbnail {
  align-items: center;
  width: 54px;
  min-width: 54px;
  height: 32px;
  border-radius: var(--ds-brand-radii__pageComponent, 4px);
  position: relative;
  margin-left: 8px;
}
.asconsole broadcast-banner-notification .bnc-container broadcast-thumbnail .card-icon-only,
.asconsole broadcast-banner-notification .bnc-container broadcast-thumbnail .card-thumbnail-image {
  font-size: 14px !important;
  border-radius: var(--ds-brand-radii__pageComponent, 4px);
}
.asconsole broadcast-banner-notification .bnc-container .bnc-info {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-width: 0;
  overflow: hidden;
  color: #2d3851;
  padding-left: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-info .bnc-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
  margin-right: 8px;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-chevrons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #475369;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  font-size: 12px;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .circle:hover {
  background-color: #F8F9FC;
}
.asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .left-btn {
  padding: 12px 4px 12px 8px;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .left-btn {
    display: none;
  }
}
.asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .right-btn {
  padding: 12px 12px 12px 4px;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .right-btn {
    display: none;
  }
}
.asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .mobile-total {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 18px;
  border-radius: 6px;
  background-color: #0A5BEB;
  color: white;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  margin-right: 12px;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-banner-notification .bnc-container .bnc-chevrons .mobile-total {
    display: flex;
  }
}

.asconsole broadcast-notification-modal {
  display: flex;
  flex-direction: row;
  height: 772px;
  max-height: 772px;
  padding-bottom: var(--iphone-bottom-margin);
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal {
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
    flex-direction: column;
  }
}
.asconsole broadcast-notification-modal .bn-modal-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--colors-neutral-200, #EDF2F7);
  width: 60%;
  padding-top: 67px;
  position: relative;
  transition: width 0.5s;
  overflow: hidden;
  justify-content: space-between;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left {
    transition: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left {
    width: 100%;
    padding: 0 0 0 0;
    overflow: visible;
  }
}
.asconsole broadcast-notification-modal .bn-modal-left .clm-preview-container {
  border-radius: var(--ds-brand-radii__button, 8px);
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left .clm-preview-container {
    background-color: var(--colors-neutral-100, #f7f8fb);
  }
}
.asconsole broadcast-notification-modal .bn-modal-left clm-card-preview img {
  object-fit: contain;
}
.asconsole broadcast-notification-modal .bn-modal-left clm-content-preview {
  height: calc(100% - 67px);
  padding: 0 50px 0 50px;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left clm-content-preview {
    height: 30vh;
    width: 100%;
    padding: 16px;
  }
}
.asconsole broadcast-notification-modal .bn-modal-left clm-content-preview .content-image-preview {
  object-fit: contain;
}
.asconsole broadcast-notification-modal .bn-modal-left clm-content-preview asui-loading-mask .loading-mask-container {
  background-color: var(--colors-neutral-200, #EDF2F7);
}
.asconsole broadcast-notification-modal .bn-modal-left .app-preview-container {
  padding: 0 30px 0 50px;
  max-width: calc(100% - 80px);
  display: flex;
  flex: 1;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left .app-preview-container {
    max-width: initial;
    width: 100%;
    padding: 0;
    position: relative;
  }
  .asconsole broadcast-notification-modal .bn-modal-left .app-preview-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .asconsole broadcast-notification-modal .bn-modal-left .app-preview-container > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .asconsole broadcast-notification-modal .bn-modal-left .app-preview-container app-preview {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .asconsole broadcast-notification-modal .bn-modal-left .app-preview-container app-preview .app-preview-iframe-container iframe {
    border: none;
    box-shadow: none;
  }
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container {
  display: flex;
  flex-direction: row;
  padding: 25px 20px;
  width: 100%;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left .carousel-container {
    padding: 0 16px 16px 16px;
  }
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview {
  min-height: initial;
  cursor: pointer;
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview .asui-card {
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: var(--ds-brand-radii__button, 8px);
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview .asui-card .card-thumbnail {
  padding: 0;
  height: 64px;
  width: 64px;
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview + .content-preview {
  margin-left: 15px;
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview.active .asui-card {
  border: 2px solid var(--nc-colors__brand1, #0A5BEB);
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview:first-child {
  margin-left: auto;
}
.asconsole broadcast-notification-modal .bn-modal-left .carousel-container .content-preview:last-child {
  margin-right: auto;
}
.asconsole broadcast-notification-modal .bn-modal-right {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 40%;
  position: relative;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-right {
    width: 100%;
  }
  .asconsole broadcast-notification-modal .bn-modal-right .broadcast-header {
    margin-top: -52px;
    pointer-events: none;
  }
}
.asconsole broadcast-notification-modal .bn-modal-right .icon-cross {
  display: flex;
  justify-content: flex-end;
  color: #4f596e;
  font-size: 20px;
  padding: 20px;
  cursor: pointer;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 30px;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-header .circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002169;
  color: white;
  margin-right: 14px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-header .circle-container .icon {
  font-size: 30px;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-header .circle-container .icon-pinned {
  font-size: 28px;
  margin-top: -1px;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-header .circle-container.critical {
  background-color: #fa1249 !important;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-info {
  padding: 30px;
  min-width: 0;
  overflow-y: auto;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-info .broadcast-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 22px;
  color: #0b1835;
  margin-bottom: 15px;
  overflow: hidden;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-info .broadcast-message {
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole broadcast-notification-modal .bn-modal-right .broadcast-info .broadcast-message img {
  max-width: 100%;
}
.asconsole broadcast-notification-modal .bn-modal-left.text-content {
  width: 0;
  padding: 0;
  transition: width 0.5s;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-left.text-content {
    transition: none;
  }
}
.asconsole broadcast-notification-modal .bn-modal-right.text-content {
  width: 100%;
  transition: width 0.5s;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-notification-modal .bn-modal-right.text-content {
    transition: none;
  }
}
.asconsole broadcast-notification-modal .chevron-circle-container {
  width: 33px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  background-color: #e4e8ef;
  color: #4f596e;
  cursor: pointer;
  position: absolute;
  z-index: 999;
  top: calc(50% - 25px);
}
.asconsole broadcast-notification-modal .chevron-circle-container.chevron-left {
  left: 0x;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.asconsole broadcast-notification-modal .chevron-circle-container.chevron-right {
  right: 0px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.asconsole .modal-broadcast-notification {
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  border-radius: var(--ds-brand-radii__pageComponent, 18px);
  border: none;
}
@media all and (max-width: 1266px) {
  .asconsole .modal-broadcast-notification {
    max-width: 95vw;
  }
}
@media all and (max-width: 667px) {
  .asconsole .modal-broadcast-notification {
    max-width: 100%;
    border-radius: 0;
  }
  .asconsole .modal-broadcast-notification .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
  }
}

.asconsole .container-widget browse-home-broadcast-notifications-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-broadcast-notifications-widget broadcast-banner-notification {
  width: 100%;
}

.asconsole broadcast-pinned-card {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 12px;
  border: 1px solid #DDE3EE;
  width: 287px;
  max-height: 370px;
  min-width: 287px;
  min-height: 370px;
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 1600px) {
  .asconsole broadcast-pinned-card {
    width: 322px;
  }
}
.asconsole broadcast-pinned-card broadcast-thumbnail .broadcast-thumbnail {
  border-radius: 0;
}
.asconsole broadcast-pinned-card broadcast-thumbnail .broadcast-thumbnail .card-icon-only {
  border-radius: 0 !important;
}
.asconsole broadcast-pinned-card broadcast-thumbnail .broadcast-thumbnail .asui-card {
  box-shadow: none;
}
.asconsole broadcast-pinned-card:focus {
  outline: none;
}
.asconsole broadcast-pinned-card:focus-visible {
  outline: 2px solid #77B0EE;
}
.asconsole broadcast-pinned-card .circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 50%;
  width: 40px;
  min-width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}
.asconsole broadcast-pinned-card .circle-container .icon {
  font-size: 26px;
  margin-top: -2px;
}
.asconsole broadcast-pinned-card .circle-container.critical {
  background-color: #fa1249 !important;
}
.asconsole broadcast-pinned-card .bpc-thumbnail {
  align-items: center;
  width: 100%;
  height: 161px;
}
@media all and (min-width: 1600px) {
  .asconsole broadcast-pinned-card .bpc-thumbnail {
    height: 185px;
  }
}
.asconsole broadcast-pinned-card .bpc-thumbnail.text-only {
  height: 49px !important;
}
.asconsole broadcast-pinned-card .bpc-thumbnail .card-icon-only {
  border-radius: 12px 12px 0 0 !important;
}
.asconsole broadcast-pinned-card .bpc-thumbnail .card-icon-only .card-icon-xs,
.asconsole broadcast-pinned-card .bpc-thumbnail .card-icon-only .card-thumbnail-image {
  font-size: 70px;
}
.asconsole broadcast-pinned-card .bpc-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-width: 0;
  padding: 14px 18px 18px 18px;
  overflow: hidden;
}
.asconsole broadcast-pinned-card .bpc-info .bpc-info-top {
  display: flex;
  flex-direction: column;
}
.asconsole broadcast-pinned-card .bpc-info .bpc-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  font-size: 18px;
  line-height: 22px;
  color: #0b1835;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole broadcast-pinned-card .bpc-info .bpc-message {
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.asconsole broadcast-pinned-card .bpc-info .bpc-footer {
  color: #2d3851;
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcast-pinned-card .bpc-info .bpc-footer break-word {
    word-break: break-all;
  }
}
.asconsole broadcast-pinned-card .bpc-info.text-only {
  padding-top: 0;
}
.asconsole broadcast-pinned-card .bpc-info.text-only .bpc-info-top {
  flex: 1;
  justify-content: flex-end;
  max-height: 273px;
}
.asconsole broadcast-pinned-card .bpc-info.text-only .bpc-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 5px;
}
.asconsole broadcast-pinned-card .bpc-info.text-only .bpc-message {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

.asconsole broadcast-pinned-content {
  display: flex;
  position: relative;
  min-width: 0;
  width: 100%;
}
.asconsole broadcast-pinned-content .page-containers {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  right: 0;
  top: -50px;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-pinned-content .page-containers {
    display: none;
  }
}
.asconsole broadcast-pinned-content .page-containers .page-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #DDE3EE;
  cursor: pointer;
  color: #68768D;
}
.asconsole broadcast-pinned-content .page-containers .page-button .icon-chevron-left {
  margin-right: 2px;
}
.asconsole broadcast-pinned-content .page-containers .page-button .icon-chevron-right {
  margin-left: 2px;
}
.asconsole broadcast-pinned-content .page-containers .page-button-disabled {
  pointer-events: none;
  color: #DDE3EE;
}
.asconsole broadcast-pinned-content .page-containers .page-button:first-child {
  margin-right: 8px;
}
.asconsole broadcast-pinned-content asui-grid {
  flex: 1;
}
.asconsole broadcast-pinned-content asui-grid .grid-container::-webkit-scrollbar {
  display: none !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 0 !important;
}
.asconsole broadcast-pinned-content asui-grid .grid-container {
  margin: 0 0 -16px 0 !important;
  padding: 2px 2px 16px;
}
.asconsole broadcast-pinned-content asui-grid .grid-container .grid-item {
  padding: 0;
  margin-right: 16px;
  flex: 0 0 287px;
}
.asconsole broadcast-pinned-content asui-grid .grid-container .grid-item broadcast-pinned-card {
  cursor: pointer;
}
@media all and (min-width: 1600px) {
  .asconsole broadcast-pinned-content asui-grid .grid-container .grid-item {
    flex: 0 0 322px;
    margin-right: 30px;
  }
}
.asconsole broadcast-pinned-content asui-grid .grid-container .grid-item:last-child {
  margin-right: 0;
}

@media all and (max-width: 667px) {
  .asconsole .device-ios-iphone-notch browse .sidebar-view-container {
    margin-bottom: 70px;
  }
}
.asconsole browse {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
  position: relative;
  background-color: inherit;
}
.asconsole browse ui-view {
  background-color: inherit;
}
.asconsole browse asui-spinner {
  font-size: 12px;
}
@media all and (max-width: 992px) {
  .asconsole browse {
    padding: 0;
  }
  .asconsole browse h1 {
    font-size: 200%;
  }
}
.asconsole browse .btn {
  min-height: 40px;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole browse .btn .btn-icon {
  font-size: 16px;
  margin-right: 6.5px;
}
.asconsole browse .btn-section-action {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 20px;
}
.asconsole browse .btn-primary {
  text-transform: none;
}
.asconsole browse .browse-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse .root-section-header {
  color: #0b1835;
  margin-top: 24px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse .root-section-header {
    margin-top: 16px !important;
  }
}
.asconsole browse .hide-menu-bar {
  margin-bottom: 0px !important;
}
.asconsole browse .full-height {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.asconsole browse .sidebar-view-container {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: row;
  min-width: 0;
  margin-top: calc(74px + var(--as-safe-area-top, 0px));
  z-index: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse .sidebar-view-container {
    margin-top: calc(56px + var(--as-safe-area-top, 0px));
    margin-bottom: 57px;
  }
}
.asconsole browse .sidebar-view-container .ui-view-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  background-color: var(--nc-colors__backgroundColor, #fff);
  min-width: 0;
  overflow-x: hidden;
}
.asconsole browse .sidebar-view-container browse-sidebar {
  margin-top: 56px;
}
.asconsole browse .browse-page-container-full {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  overflow-x: hidden;
  padding: 25px 60px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media all and (max-width: 992px) {
  .asconsole browse .browse-page-container-full {
    padding: 25px 40px;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse .browse-page-container-full {
    padding: 25px 22px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-page-container-full {
    padding: 0;
    padding-bottom: 10px;
  }
}
.asconsole browse .browse-page-container-large {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.asconsole browse .browse-page-container-large.explore-page-container, .asconsole browse .browse-page-container-large.channel-page-container, .asconsole browse .browse-page-container-large.app-page-container, .asconsole browse .browse-page-container-large.event-page-container, .asconsole browse .browse-page-container-large.topic-page-container, .asconsole browse .browse-page-container-large.video-page-container, .asconsole browse .browse-page-container-large.communities-page-container, .asconsole browse .browse-page-container-large.places-page-container, .asconsole browse .browse-page-container-large.visitors-page-container, .asconsole browse .browse-page-container-large.my-reservations-page-container, .asconsole browse .browse-page-container-large.my-approvals-page-container, .asconsole browse .browse-page-container-large.people-page-container {
  background-color: var(--nc-colors__backgroundColor, #fff);
}
.asconsole browse .browse-page-container-large .reservations-header-bg {
  background-color: var(--nc-colors__backgroundColor, #fff);
}
.asconsole browse .browse-page-container-large .browse-outer {
  max-width: 1680px;
}
.asconsole browse .browse-page-container-large ui-view {
  min-height: 100%;
}
.asconsole browse .browse-page-container-medium {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  overflow-x: hidden;
  max-width: 1024px;
  padding: 23px 60px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media all and (max-width: 992px) {
  .asconsole browse .browse-page-container-medium {
    padding: 30px 40px;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse .browse-page-container-medium {
    padding: 30px 22px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-page-container-medium {
    padding: 0;
    padding-bottom: 10px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole browse .browse-page-container-medium {
    position: relative;
    overflow-y: hidden;
  }
}
.asconsole browse .browse-outer {
  display: flex;
  flex: 1;
  margin: 0 auto;
  flex-direction: column;
  flex-basis: auto;
  width: 100%;
  min-height: 100%;
  max-width: 1680px;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer {
    flex-direction: column;
    margin: 0;
  }
}
.asconsole browse .browse-outer .browse-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  flex-basis: auto;
  padding: 0 64px;
}
@media all and (max-width: 1200px) {
  .asconsole browse .browse-outer .browse-inner {
    padding: 0 24px;
  }
}
@media all and (max-width: 1140px) {
  .asconsole browse .browse-outer .browse-inner {
    padding: 0 22px 22px 22px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer .browse-inner {
    flex-direction: column;
    padding: 0 12px 24px 12px;
  }
}
.asconsole browse .browse-outer .browse-inner .browse-header {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer .browse-inner .browse-header {
    margin: 0 15px 0px 15px;
    display: none;
  }
}
.asconsole browse .browse-outer .browse-inner .browse-header .name {
  color: #333F55;
  margin: 0 0 20px 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse .browse-outer .browse-inner .browse-header .name break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer .browse-inner .browse-header .name {
    height: auto;
  }
}
.asconsole browse .browse-outer .browse-inner .browse-header asui-breadcrumbs {
  margin-bottom: 0px;
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer .browse-inner .browse-header asui-breadcrumbs .breadcrumb {
    display: none;
  }
}
.asconsole browse .browse-outer .browse-inner .browse-header asui-breadcrumbs .breadcrumb-item {
  font-size: 90%;
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer .browse-inner .browse-content-grid .grid-container {
    margin: 0 !important;
  }
  .asconsole browse .browse-outer .browse-inner .browse-content-grid .grid-container .grid-item {
    padding: 0 0 16px 0 !important;
    border: none;
    background-color: white;
  }
  .asconsole browse .browse-outer .browse-inner .browse-content-grid .grid-container .grid-item:last-child {
    margin-bottom: 0;
  }
}
.asconsole browse .browse-outer.browse-outer-medium {
  width: 100%;
  max-width: 1280px;
  min-height: 0;
}
.asconsole browse .browse-outer.browse-outer-medium .browse-inner {
  margin-top: 24px;
  padding: 0;
}
.asconsole browse .browse-outer.browse-outer-medium .browse-inner .section-header {
  color: var(--neutral-900, #1E293B);
  /* Heading 3 */
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 40px */
  letter-spacing: -0.8px;
  margin: 0;
}
@media all and (max-width: 1328px) {
  .asconsole browse .browse-outer.browse-outer-medium .browse-inner {
    padding: 0 24px;
  }
}
@media all and (max-width: 1140px) {
  .asconsole browse .browse-outer.browse-outer-medium .browse-inner {
    padding: 0 24px 24px 24px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-outer.browse-outer-medium .browse-inner {
    flex-direction: column;
    margin-top: 0;
    padding: 0 24px 24px 24px;
  }
  .asconsole browse .browse-outer.browse-outer-medium .browse-inner .section-header {
    display: none;
  }
}
.asconsole browse .browse-top-container {
  width: 100%;
  background-color: #fff;
  padding: 64px 0 48px 0;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole browse .browse-top-container {
    padding: 0;
    background-color: white;
    padding-bottom: 20px;
  }
}
.asconsole browse .browse-top-container .browse-outer .browse-inner {
  margin-top: 0;
  padding-bottom: 0;
}
.asconsole browse .asui-selectable-item-selected .asui-selectable-item .asui-selectable-item-inner .asui-selectable-item-check {
  background-color: #0A5BEB;
}
.asconsole browse .asui-selectable-item-selected .asui-selectable-item .asui-selectable-item-inner .asui-selectable-item-check .icon-check-circle {
  color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse browse-media-player {
    z-index: 9999;
  }
}
@media all and (max-width: 667px) {
  .asconsole .modal-employeeapp-md {
    height: calc(var(--vh, 1vh) * 100);
    border-radius: 0;
    box-shadow: none;
  }
}
.asconsole .modal-employeeapp-md,
.asconsole .modal-employeeapp-sm {
  width: 100%;
  max-width: 770px;
  border: none;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
}
.asconsole .modal-employeeapp-md .modal-content,
.asconsole .modal-employeeapp-sm .modal-content {
  border-radius: 18px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-employeeapp-md,
  .asconsole .modal-employeeapp-sm {
    max-width: 100%;
    border-radius: 0;
  }
  .asconsole .modal-employeeapp-md .modal-content,
  .asconsole .modal-employeeapp-sm .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
  }
}
.asconsole .modal-employeeapp-sm {
  max-width: 560px;
}

.asconsole browse-content-post-preview {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 100px;
  min-width: 0;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole browse-content-post-preview {
    min-height: initial;
  }
}
.asconsole browse-content-post-preview .post-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.asconsole browse-content-post-preview .post-container .single-media-container {
  width: 100%;
}
.asconsole browse-content-post-preview .post-container .single-media-container img {
  width: 100%;
  max-height: 640px;
  object-fit: contain;
}
.asconsole browse-content-post-preview .post-container .single-media-container video {
  width: 100%;
  max-height: 640px;
  object-fit: contain;
}
.asconsole browse-content-post-preview .post-container asui-carousel {
  min-width: 0;
  flex: 1;
}
.asconsole browse-content-post-preview .post-container asui-carousel .asui-carousel-item {
  height: initial;
  max-height: 640px;
}
.asconsole browse-content-post-preview .post-container asui-carousel .asui-carousel-item .aspect-uniform {
  max-height: 640px;
}
.asconsole browse-content-post-preview .post-container asui-carousel .owl-dots {
  z-index: 999;
  bottom: 13px;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.asconsole browse-content-post-preview .post-container asui-carousel .owl-dots .owl-dot.active span {
  background: white;
  width: 18px;
  height: 18px;
  border: 1px solid #DDE3EE;
  opacity: 1;
}
.asconsole browse-content-post-preview .post-container asui-carousel .owl-dots .owl-dot span {
  pointer-events: initial;
  width: 14px;
  height: 14px;
  background: rgba(219, 224, 234, 0.7);
  border: 1px solid #DDE3EE;
  opacity: 0.6;
}

.asconsole browse-search-autocomplete {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  max-width: 340px;
}
@media all and (max-width: 992px) {
  .asconsole browse-search-autocomplete {
    width: initial;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-search-autocomplete {
    max-width: initial;
  }
}
.asconsole browse-search-autocomplete .search-icon {
  font-size: 17px;
  cursor: pointer;
  display: none;
  height: 100%;
  color: #1E293B;
  padding: 15px 15px 15px 15px;
}
@media all and (max-width: 992px) {
  .asconsole browse-search-autocomplete .search-icon {
    display: flex;
    padding-left: 0;
  }
}
.asconsole browse-search-autocomplete .search-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 6px;
  transition: background-color 0.2s ease-in-out;
}
.asconsole browse-search-autocomplete .search-icon-container .icon-search {
  margin: 1px 0 0 1px;
}
.asconsole browse-search-autocomplete .search-icon-container:hover {
  background-color: #EDF2F7;
}
.asconsole browse-search-autocomplete .search-icon-container:hover .icon-search {
  color: black;
}
.asconsole browse-search-autocomplete asui-search-autocomplete {
  width: 100%;
}
@media all and (max-width: 992px) {
  .asconsole browse-search-autocomplete asui-search-autocomplete {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-search-autocomplete asui-search-autocomplete .icon-cross {
    display: inline !important;
    display: initial !important;
  }
}
.asconsole browse-search-autocomplete asui-search-autocomplete asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-search-autocomplete asui-search-autocomplete input {
  height: 40px;
  font-size: 16px;
}
.asconsole browse-search-autocomplete asui-search-autocomplete .icon-search {
  font-size: 14px;
}
.asconsole browse-search-autocomplete asui-search-autocomplete .search-item .item-icon {
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #002169;
  border-radius: 50%;
  color: white;
  font-size: 9px;
}
.asconsole browse-search-autocomplete asui-search-autocomplete .search-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-search-autocomplete asui-search-autocomplete .search-item .name break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse-search-autocomplete .search-focus {
    display: inline;
    display: initial;
  }
  .asconsole browse-search-autocomplete .search-focus asui-search-autocomplete {
    display: inline;
    display: initial;
  }
}
.asconsole browse-search-autocomplete browse-search-recent-keyword {
  background: #fff;
  padding: 0;
  position: absolute;
  top: 100%;
  left: -40px;
  right: -8px;
  padding: 16px 8px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 10px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 0px 2px 10px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 0px 2px 10px -6px rgba(0, 6, 100, 0.3);
}

.asconsole reservation-building-finder-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content {
  padding: 20px;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .form-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .asui-search {
  height: 44px;
  min-height: 44px;
  margin-bottom: 0;
  border-radius: 4px;
  padding: 0 16px;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .asui-search .icon-search {
  font-size: 22px;
  color: #4f596e;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .asui-search input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100px;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-header {
  display: flex;
  margin-top: 18px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 28px;
  margin-bottom: 12px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-header .icon {
  color: #4f596e;
  cursor: pointer;
  font-size: 24px;
  padding: 0 2px;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid ea-places-recent-workspaces-grid {
  margin-top: 10px;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-container {
  margin: 0;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 0 0 12px 0;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-container .asui-selectable-item {
  width: 100%;
  height: 100%;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-container .asui-selectable-item .asui-selectable-item-inner {
  width: 100%;
  height: 100%;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .grid-container .asui-selectable-item .asui-selectable-item-inner .asui-selectable-item-overlay {
  display: initial;
  cursor: pointer;
}
.asconsole reservation-building-finder-sidebar .rsv-sidebar-content .buildings-grid .recent-grid .h3 {
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole ea-places-building-panel {
  display: flex;
  flex-direction: column;
  width: 270px;
  height: fit-content;
  height: -moz-max-content;
  border-radius: 6px;
  border: 1px solid #DDE3EE;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel {
    margin-top: 15px;
  }
}
.asconsole ea-places-building-panel .bdg-thumbnail {
  width: 100%;
  height: 109px;
  border: 0;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-thumbnail {
    display: none;
  }
}
.asconsole ea-places-building-panel .bdg-thumbnail-mobile {
  display: none;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  border: 0;
  object-fit: cover;
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-thumbnail-mobile {
    display: inline;
  }
}
.asconsole ea-places-building-panel .negative-margin {
  margin-top: -6px;
}
.asconsole ea-places-building-panel .bdg-panel-content {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content {
    border-radius: 6px;
    margin-top: 0px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .info-panel:first-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .info-panel:last-child {
    padding-top: 5px;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel {
  display: flex;
  flex-direction: column;
  padding: 15px 16px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .info-panel {
    flex-direction: row;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 6px;
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #2d3851;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc break-word {
    word-break: break-all;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc .icon {
  font-size: 16px;
  margin-right: 10px;
  color: #4f596e;
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc-fact {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #2d3851;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc-fact {
    display: none;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc-fact break-word {
    word-break: break-all;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc-fact .icon {
  font-size: 16px;
  margin-right: 10px;
  color: #4f596e;
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel .info-text .desc-fact:last-child {
  margin-bottom: 0;
}
.asconsole ea-places-building-panel .bdg-panel-content .info-panel:last-child {
  border: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel {
    flex-direction: row;
  }
}
@media all and (max-width: 300px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel {
    display: block;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn {
  height: 40px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn {
    flex: 1;
    white-space: break-spaces;
  }
}
@media all and (max-width: 300px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn {
    width: 100%;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map {
    margin-left: 9px;
    margin-top: 0;
  }
}
@media all and (max-width: 300px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map {
    margin-left: 0px;
    margin-top: 5px;
  }
}
.asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map .icon-map-filled {
  padding-right: 6px;
  font-size: 13px;
}
.asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map-mobile {
  display: none;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 107px;
  right: 16px;
  border-radius: 50%;
  height: 56px;
  width: 56px;
  font-size: 20px;
  min-width: 0;
  z-index: 3;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map-mobile {
    display: flex;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map-mobile-show {
    opacity: 1;
  }
}

.asconsole ea-places-building-pass {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-places-building-pass {
    display: inline;
  }
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building {
  margin-right: 10px;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building reservation-building-typeahead {
  background-color: white;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building reservation-building-typeahead asui-dropdown-typeahead .textbox {
  height: 30px;
  font-size: 16px;
  padding-left: 40px !important;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building reservation-building-typeahead asui-dropdown-typeahead .selected-item {
  padding-left: 40px !important;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building reservation-building-typeahead .fa-caret-down {
  color: #4f596e;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#building-pass-building reservation-building-typeahead > .icon {
  top: unset;
  bottom: 8px;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker asui-infield-input-container {
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker asui-infield-input-container {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker .datepicker-block .time-container {
  margin-left: 0px;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container {
  display: flex;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration {
  flex: 1;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .asui-dropdown .btn {
  padding-left: 35px;
  height: 30px;
  min-height: unset;
  font-size: 16px;
  border-radius: 4px;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .asui-dropdown .dropdown-container {
  top: 44px;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .duration {
  margin: 0;
  width: 160px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .duration {
    width: 100%;
  }
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .duration .btn {
  height: 30px;
  padding-left: 40px;
  font-size: 16px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .duration .btn {
    font-size: 14px;
    padding-left: 40px;
  }
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .duration .btn .caret {
  color: #4f596e;
}
.asconsole ea-places-building-pass .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#building-pass-duration .icon-duration {
  position: absolute;
  bottom: 9px;
  left: 14px;
  color: #4f596e;
  z-index: 2;
  font-size: 19px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole ea-places-building-pass .ea-places-content {
  position: relative;
  padding: 0 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-pass .ea-places-content {
    margin-top: 24px;
    padding: 0;
  }
}
.asconsole ea-places-building-pass .cta-container {
  display: flex;
  flex: 1;
}
.asconsole ea-places-building-pass .cta-container .clear-filters {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole reservation-building-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
.asconsole reservation-building-sidebar .rsv-sidebar-content {
  overflow-y: initial !important;
  padding-bottom: var(--iphone-bottom-margin);
}
.asconsole reservation-building-sidebar .section-container .info {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-building-sidebar .section-container .info .icon {
  margin-right: 10px;
  color: #4f596e;
}
.asconsole reservation-building-sidebar .section-container .info:last-child {
  margin-bottom: 0;
}
.asconsole reservation-building-sidebar .section-description {
  color: #2d3851;
}
.asconsole reservation-building-sidebar .view-ws-btn {
  font-size: 14px;
}
.asconsole reservation-building-sidebar .reserve-bdg-btn + .section-status {
  margin-top: 6px;
}

.asconsole reservation-building-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole reservation-building-typeahead > .icon {
  position: absolute;
  top: 11px;
  left: 14px;
  color: #4f596e;
  z-index: 2;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead .item-container, .asconsole reservation-building-typeahead asui-dropdown-typeahead input {
  padding-left: 45px !important;
  padding-right: 30px !important;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead :-moz-placeholder {
  color: #8493AE;
  opacity: 0.55; /* Firefox */
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead ::-moz-placeholder {
  color: #8493AE;
  opacity: 0.55; /* Firefox */
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-building-typeahead asui-dropdown-typeahead .item-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-building-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}

.asconsole ea-places-building-workspaces {
  display: flex;
  flex: 1;
  flex-direction: row;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  padding: 0 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-workspaces {
    padding: 0;
    flex-direction: column;
    width: 100%;
  }
}
.asconsole ea-places-building-workspaces .building-panel {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-workspaces .building-panel {
    padding: 0 0px 13px 0px;
  }
  .asconsole ea-places-building-workspaces .building-panel ea-places-building-panel, .asconsole ea-places-building-workspaces .building-panel .building-panel-react {
    width: 100%;
  }
  .asconsole ea-places-building-workspaces .building-panel .building-panel-react {
    margin-top: 20px;
  }
}
.asconsole ea-places-building-workspaces .workspace-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding-left: 35px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-workspaces .workspace-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places-building-workspaces .workspace-container ea-places-reservable-workspaces-grid .workspace-filter-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding: 10px 20px;
    margin: -10px -20px 0 -20px;
    z-index: 2;
    background-color: #f7f8fb;
  }
}

.asconsole .modal-calendar-filters {
  width: 100%;
  max-width: 500px;
  max-height: calc(100vh - 10px);
}
@media all and (max-width: 992px) {
  .asconsole .modal-calendar-filters {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: unset;
  }
}
.asconsole .modal-calendar-filters .modal-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-bottom: var(--iphone-bottom-margin);
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none !important;
}
@media all and (max-width: 992px) {
  .asconsole .modal-calendar-filters .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.asconsole .modal-calendar-filters .modal-content .calendar-filters-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
}
@media all and (max-width: 992px) {
  .asconsole .modal-calendar-filters .modal-content .calendar-filters-content {
    max-height: 90vh;
    overflow-y: auto;
    padding-bottom: 80px;
  }
}
.asconsole .modal-calendar-filters .modal-content .calendar-filters-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 2;
  align-items: center;
  border-top: 1px solid #DDE3EE;
  padding: 16px;
}
.asconsole .modal-calendar-filters .modal-content .calendar-filters-footer .btn {
  height: 44px;
}
.asconsole .modal-calendar-filters .modal-content .loading-mask-container {
  border-radius: 8px;
}

.asconsole ea-card-app-link {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  cursor: pointer;
}
.asconsole ea-card-app-link .showCatAndDesc {
  min-height: 106px;
}
.asconsole ea-card-app-link .app-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-basis: auto;
  justify-content: space-between;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-card-app-link .app-container {
    overflow: hidden;
  }
}
.asconsole ea-card-app-link .app-container .left-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}
.asconsole ea-card-app-link .app-container .favorite-button {
  margin-left: 12px;
  border: none;
  min-height: 32px;
  min-width: 32px;
  height: 32px;
  width: 32px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole ea-card-app-link .app-container .favorite-button .icon-star {
  color: #EBBE36;
  font-size: 20px;
}
.asconsole ea-card-app-link .app-container .favorite-button .icon-star-line {
  color: #68768D;
  font-size: 20px;
}
.asconsole ea-card-app-link .app-container .app-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole ea-card-app-link .app-container .app-text .app-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #0b1835;
}
.asconsole ea-card-app-link .app-container .app-text .app-desc {
  margin-top: 4px;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole ea-card-app-link .app-container .app-text .app-category {
  color: var(--Light-UI-Palette-Footnote, #3C465D);
  /* Footnote/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-card-app-link .app-container .app-text .app-category break-word {
    word-break: break-all;
  }
}
.asconsole ea-card-app-link .app-container .app-icon-bg {
  background-color: #F8F9FC;
}
.asconsole ea-card-app-link .app-container .app-icon {
  height: 56px;
  width: 56px;
  min-height: 56px;
  min-width: 56px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  margin-right: 16px;
  padding: 2px;
  overflow: hidden;
}
.asconsole ea-card-app-link .app-container .app-icon img {
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.asconsole ea-card-app-link .app-container .app-icon .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}

.asconsole reservation-card-building {
  display: flex;
  flex-direction: column;
  border: 1px solid #edf2f7;
  border-radius: var(--ds-brand-radii__pageComponent, 16px);
  background-color: white;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.asconsole reservation-card-building .home-icon {
  z-index: 1;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole reservation-card-building .home-icon i {
  color: white;
  margin-bottom: 1px;
}
.asconsole reservation-card-building .building-thumbnail {
  padding-top: 56%;
  border-radius: 4px;
  position: relative;
}
.asconsole reservation-card-building .building-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
.asconsole reservation-card-building .generic-thumbnail {
  padding-top: 56%;
  background-color: #6275A3;
  color: white;
  position: relative;
}
.asconsole reservation-card-building .generic-thumbnail .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
}
.asconsole reservation-card-building .building-details {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.asconsole reservation-card-building .building-details .building-title {
  margin-bottom: 8px;
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-building .building-details .building-title break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-building .building-details .building-desc {
  color: #3c465d;
  display: flex;
  align-items: center;
}
.asconsole reservation-card-building .building-details .building-desc .icon-geo {
  min-width: 20px;
  font-size: 16px;
}
.asconsole reservation-card-building .building-details .building-desc .building-location {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-building .building-details .building-desc .building-location break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-building .building-status {
  position: absolute;
  top: 13px;
  right: 13px;
  padding: 2px 5px;
  color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  letter-spacing: 0.1em;
}

.asconsole reservation-card-building-pass {
  display: flex;
  flex-direction: column;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  padding: 7px;
  background-color: white;
  position: relative;
  cursor: pointer;
}
.asconsole reservation-card-building-pass .building-thumbnail {
  padding-top: 40%;
  border-radius: 4px;
  position: relative;
}
.asconsole reservation-card-building-pass .building-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  border-radius: 8px;
}
.asconsole reservation-card-building-pass .generic-thumbnail {
  padding-top: 40%;
  border-radius: 4px;
  background-color: #6275A3;
  color: white;
  position: relative;
}
.asconsole reservation-card-building-pass .generic-thumbnail .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
}
.asconsole reservation-card-building-pass .building-details {
  display: flex;
  flex-direction: column;
  padding: 10px 5px 0 5px;
}
.asconsole reservation-card-building-pass .building-details .building-desc {
  color: #475369;
  display: flex;
  align-items: center;
}
.asconsole reservation-card-building-pass .building-details .building-desc .icon {
  color: #6275A3;
  margin-right: 5px;
  font-size: 11px;
}
.asconsole reservation-card-building-pass .building-details .building-name {
  color: #333F55;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
.asconsole reservation-card-building-pass .building-details .building-name .icon {
  color: #475369;
}
.asconsole reservation-card-building-pass .building-details .building-name .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-building-pass .building-details .building-name .name break-word {
    word-break: break-all;
  }
}

.asconsole browse-card-channel {
  display: flex;
  flex-direction: row;
  background-color: white;
}
.asconsole browse-card-channel asui-card-channel {
  cursor: pointer;
}
.asconsole browse-card-channel asui-card-channel .card-icon-only {
  border-radius: 0;
  border: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.asconsole browse-card-channel asui-card-channel .card-thumbnail {
  min-width: 85px;
  min-height: 128px;
  font-size: 36px;
}
.asconsole browse-card-channel .channel-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 16px;
  overflow: hidden;
  border: 1px solid #DDE3EE;
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole browse-card-channel .channel-details .name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  color: #0b1835;
  cursor: pointer;
}
.asconsole browse-card-channel .channel-details .desc {
  display: flex;
  flex-direction: column;
  color: #2d3851;
}
.asconsole browse-card-channel .channel-details .desc .updated {
  margin-bottom: 8px;
}
.asconsole browse-card-channel-group {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.asconsole browse-card-channel-group .cg-container {
  color: white;
  border-radius: 6px;
  position: relative;
  background-color: #002169;
  width: 150px;
  height: 75px;
  overflow: hidden;
  margin-bottom: 10px;
  cursor: pointer;
}
.asconsole browse-card-channel-group .cg-container:focus-visible {
  outline: none;
}
.asconsole browse-card-channel-group .cg-container:focus-visible > div {
  border: 2px solid #77B0EE;
  border-radius: 6px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-channel-group .cg-container {
    margin-bottom: 0px;
    padding: 12px 15px;
  }
}
.asconsole browse-card-channel-group .cg-container .cg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  background-size: cover;
}
.asconsole browse-card-channel-group .cg-container .cg-name {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 10px;
}

.asconsole browse-card-channel-horizontal {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
  background-color: white;
  padding: 12px;
}
.asconsole browse-card-channel-horizontal .channel-base-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.asconsole browse-card-channel-horizontal .channel-base-container .channel-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
}
.asconsole browse-card-channel-horizontal .channel-base-container .channel-container .asui-card {
  box-shadow: none;
  border: none;
}
.asconsole browse-card-channel-horizontal .channel-base-container .channel-container .card-icon-only .card-icon-xs {
  min-width: 33px;
  min-height: 44px;
}
.asconsole browse-card-channel-horizontal .channel-base-container .channel-container .channel-desc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 8px;
  min-width: 0;
}
.asconsole browse-card-channel-horizontal .channel-base-container .channel-container .channel-desc .channel-name {
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
  margin-bottom: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-channel-horizontal .channel-base-container .channel-container .channel-desc .channel-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-card-channel-horizontal .channel-base-container .channel-container .channel-desc .secondary-desc {
  color: #2d3851;
}
.asconsole browse-card-channel-horizontal .icon-chevron-right {
  font-size: 18px;
  color: #4f596e;
}

.asconsole browse-card-channel-landscape {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
}
.asconsole browse-card-channel-landscape .channel-name {
  align-items: center;
  margin: 0 0 0 10px;
  color: #333F55;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-channel-landscape .channel-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-card-channel-landscape .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-card-channel-landscape asui-card-channel {
  width: 56px;
  min-width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 8px;
}
.asconsole browse-card-channel-landscape asui-card-channel .card-icon-only {
  overflow: hidden;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}
.asconsole browse-card-channel-landscape asui-card-channel .card-icon-only .card-icon-xs {
  min-width: 56px !important;
  min-height: 56px !important;
  font-size: 13px !important;
}

.asconsole browse-card-content {
  display: flex;
  flex-direction: column;
  max-width: none;
}
.asconsole browse-card-content asui-card-content .card-icon-only {
  overflow: hidden;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.asconsole browse-card-content asui-card-content .card-icon-only .card-icon-md {
  width: 100% !important;
  padding-top: 56%;
}
.asconsole browse-card-content asui-card-content .card-icon-only .card-icon-md .card-thumbnail-image {
  position: absolute;
  top: 0;
}
.asconsole browse-card-content .bc-content-details {
  display: flex;
  flex-direction: column;
  padding: 16px;
  min-width: 0;
  height: 129px;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-top: 0;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole browse-card-content .bc-content-details .bc-content-channel {
  display: flex;
  align-items: center;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  text-decoration: none;
  text-transform: uppercase;
  color: #3c465d;
  margin-bottom: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-content .bc-content-details .bc-content-channel break-word {
    word-break: break-all;
  }
}
.asconsole browse-card-content .bc-content-details .bc-content-title {
  color: #0b1835;
  max-height: 44px;
  overflow: hidden;
  word-break: break-all;
  word-break: break-word;
  margin-bottom: 8px;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole browse-card-content .bc-content-details .bc-content-desc {
  color: #3c465d;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.asconsole browse-card-content .bc-content-details .bc-content-desc .bc-content-date {
  white-space: nowrap;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-content .bc-content-details .bc-content-desc .bc-content-date break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content .bc-content-channel.caption {
    display: unset;
  }
  .asconsole browse-card-content .bc-content-title {
    max-height: initial !important;
  }
  .asconsole browse-card-content .bc-content-desc {
    text-align: justify;
  }
}

.asconsole browse-card-content-event {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  padding: 16px;
  border-radius: 6px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event {
    padding: 10px 8px;
  }
}
.asconsole browse-card-content-event .bc-content-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 30px 0 10px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-date {
    margin: 0 5px 0 4px;
    flex-direction: column-reverse;
  }
}
.asconsole browse-card-content-event .bc-content-date .h1 {
  margin-top: 0;
  margin-bottom: 3px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-date .h1 {
    font-size: 24px;
    margin-bottom: 0;
  }
}
.asconsole browse-card-content-event .bc-content-date .title {
  text-transform: uppercase;
  font-size: 18px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-date .title {
    font-size: 12px;
  }
}
.asconsole browse-card-content-event .bc-content-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 20px;
  min-width: 0;
}
.asconsole browse-card-content-event .bc-content-details .bc-content-title {
  color: #0b1835;
  margin: 4px 0;
  overflow: hidden;
  max-height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-details .bc-content-title {
    margin: 0px 0;
  }
}
.asconsole browse-card-content-event .bc-content-details .bc-content-desc {
  color: #2d3851;
  margin: 4px 0;
  overflow: hidden;
  max-height: 53px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-details .bc-content-desc {
    margin: 0px 0;
  }
}
.asconsole browse-card-content-event .bc-content-details .bc-content-footnote {
  color: #3c465d;
  margin: 4px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.asconsole browse-card-content-event .bc-content-details .bc-content-footnote i {
  font-size: 30%;
  margin: 0 5px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-details .bc-content-footnote {
    margin: 0px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.asconsole browse-card-content-event asui-card-content .asui-card {
  border: none;
}
.asconsole browse-card-content-event asui-card-content .asui-card .card-thumbnail {
  background-color: transparent;
}
.asconsole browse-card-content-event asui-card-content .card-icon-only {
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
}
.asconsole browse-card-content-event asui-card-content .card-icon-only .card-icon-md {
  width: 240px;
  min-height: 135px;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event asui-card-content .card-icon-only .card-icon-md {
    width: 117.33335px !important;
    min-height: 66px !important;
  }
}
.asconsole browse-card-content-event asui-card-content .card-icon-only .card-icon-md img {
  border-radius: 5px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event asui-card-content .card-icon-only .card-icon-md img {
    border-radius: 3px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-event .bc-content-details {
    padding-left: 8px !important;
    width: 100%;
  }
  .asconsole browse-card-content-event .bc-content-details .bc-content-title {
    margin-bottom: 4px;
  }
  .asconsole browse-card-content-event .bc-content-details .bc-content-desc {
    display: none;
  }
}

.asconsole browse-card-content-landscape {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 1px solid #DDE3EE;
  padding: 16px;
  border-radius: 6px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape {
    padding: 14px;
  }
}
.asconsole browse-card-content-landscape asui-card-content .asui-card {
  border: none;
}
.asconsole browse-card-content-landscape asui-card-content .asui-card .card-thumbnail {
  background-color: transparent;
}
.asconsole browse-card-content-landscape asui-card-content .card-icon-only {
  display: flex;
  justify-content: center;
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
}
.asconsole browse-card-content-landscape asui-card-content .card-icon-only .card-icon-md {
  width: 240px;
  min-height: 135px;
  max-height: 135px;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape asui-card-content .card-icon-only .card-icon-md {
    width: 117.33335px !important;
    min-height: 66px !important;
  }
}
.asconsole browse-card-content-landscape asui-card-content .card-icon-only .card-icon-md img {
  border-radius: 5px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape asui-card-content .card-icon-only .card-icon-md img {
    border-radius: 3px;
  }
}
.asconsole browse-card-content-landscape .bc-content-details {
  display: flex;
  flex-direction: column;
  padding: 0px 0 0px 20px;
  min-width: 0;
  overflow: hidden;
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-channel {
  margin: 0 0 4px 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #3c465d;
  text-transform: uppercase;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-channel break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-channel {
    margin: 0 0 0px 0;
  }
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-channel.has-link {
  cursor: pointer;
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-channel.has-link:hover {
  color: #0A5BEB;
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-title {
  color: #0b1835;
  margin: 4px 0;
  overflow: hidden;
  max-height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-title {
    margin: 0px 0;
  }
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-desc {
  color: #2d3851;
  margin: 4px 0;
  overflow: hidden;
  max-height: 53px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-desc {
    margin: 0px 0;
  }
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-date {
  color: #3c465d;
  margin: 4px 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.asconsole browse-card-content-landscape .bc-content-details .bc-content-date i {
  font-size: 30%;
  margin: 0 5px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-date {
    margin: 0px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-landscape .bc-content-details {
    padding-left: 8px !important;
    width: 100%;
  }
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-channel {
    display: none;
  }
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-title {
    margin-bottom: 4px;
  }
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-desc {
    display: none;
  }
  .asconsole browse-card-content-landscape .bc-content-details .bc-content-date {
    margin-top: 0;
    font-size: 13px;
  }
}

.asconsole browse-card-content-productivity {
  display: flex;
  flex-direction: column;
  max-width: none;
}
.asconsole browse-card-content-productivity .card-icon-md {
  width: 100% !important;
  padding-top: 56%;
}
.asconsole browse-card-content-productivity .card-icon-md .card-thumbnail-image {
  position: absolute;
  top: 0;
}
.asconsole browse-card-content-productivity asui-card-content .card-icon-only {
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0px 0px 16px -2px rgba(165, 182, 212, 0.3);
  -webkit-box-shadow: 0px 0px 16px -2px rgba(165, 182, 212, 0.3);
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-productivity asui-card-content .card-icon-only {
    border-radius: 0;
  }
}
.asconsole browse-card-content-productivity .bc-productivity-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 10px;
  align-items: center;
}
.asconsole browse-card-content-productivity .bc-productivity-header .bc-productivity-title {
  font-weight: 500;
  color: #333F55;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-content-productivity .bc-productivity-header .bc-productivity-title break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-card-content-productivity .bc-productivity-header .bc-productivity-title {
    font-size: 130% !important;
  }
}
.asconsole browse-card-content-productivity .bc-productivity-header .fa-ellipsis-v {
  color: #475369;
  padding-left: 10px;
  padding-right: 5px;
}

.asconsole reservation-card-event {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: var(--ds-brand-radii__pageComponent, 6px);
  min-height: 65px;
  cursor: pointer;
  padding: 10px 0;
  position: relative;
}
.asconsole reservation-card-event .rsv-status {
  border-top-left-radius: var(--ds-brand-radii__pageComponent, 6px);
  border-bottom-left-radius: var(--ds-brand-radii__pageComponent, 6px);
  width: 4px;
  height: 100%;
  background-color: #fff;
  top: 0px;
  position: absolute;
}
.asconsole reservation-card-event .rsv-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 16px;
  width: 56px;
  height: 56px;
  border: 1px solid #DDE3EE;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole reservation-card-event .rsv-date .date {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #1E293B;
  margin: 0;
  line-height: 24px;
  letter-spacing: initial;
}
.asconsole reservation-card-event .rsv-date .month {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #ED0039;
}
.asconsole reservation-card-event .rsv-date.month-first .date {
  order: 2;
}
.asconsole reservation-card-event .rsv-date.month-first .month {
  order: 1;
}
.asconsole reservation-card-event .rsv-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F4F8;
  width: 87px;
  min-width: 87px;
  height: 56px;
  border-radius: var(--ds-brand-radii__pageComponent, 5px);
  margin-right: 40px;
  position: relative;
}
.asconsole reservation-card-event .rsv-thumbnail img {
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.asconsole reservation-card-event .rsv-thumbnail .icon {
  color: #333F55;
  font-size: 20px;
}
.asconsole reservation-card-event .rsv-event {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
  color: #475369;
  flex: 1;
}
.asconsole reservation-card-event .rsv-event .name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #0b1835;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  word-break: break-all;
  word-break: break-word;
}
.asconsole reservation-card-event .rsv-event .name.cancelled-title {
  text-decoration: line-through;
}
.asconsole reservation-card-event .rsv-event .name .multiday-progress {
  margin-left: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
}
.asconsole reservation-card-event .rsv-event .icon {
  min-width: 20px;
  font-size: 12px;
  color: #4f596e;
}
.asconsole reservation-card-event .rsv-event .location,
.asconsole reservation-card-event .rsv-event .time,
.asconsole reservation-card-event .rsv-event .recurrence {
  color: #2d3851;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole reservation-card-event .rsv-event .recurrence {
  margin-top: 3px;
}
.asconsole reservation-card-event .rsv-resource {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
  color: #2d3851;
  flex: 1;
}
.asconsole reservation-card-event .rsv-resource .name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.asconsole reservation-card-event .rsv-resource .location {
  align-items: center;
  display: flex;
}
.asconsole reservation-card-event .rsv-resource .icon {
  min-width: 20px;
  font-size: 12px;
  color: #4f596e;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content {
  padding: 8px 12px;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .linked-resource-item, .asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  gap: 8px;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name, .asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name break-word, .asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name:hover, .asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name:hover {
  text-decoration: underline;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .linked-resource-item {
  display: flex;
  align-items: center;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-card-event .connected-resource-popover .popover-content .resource-container .connected-resource-item .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole reservation-card-event reservation-event-attendees {
  margin-right: 40px;
  min-width: 70px;
}
.asconsole reservation-card-event reservation-event-attendees asui-card-user .card-icon-xs .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole reservation-card-event reservation-event-attendees asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole reservation-card-event reservation-event-attendees .extra-attendees {
  width: 40px !important;
  height: 40px !important;
  margin-left: -8px;
}
.asconsole reservation-card-event reservation-event-attendees .extra-attendees .extra-attendees-text {
  font-size: 16px !important;
}
.asconsole reservation-card-event .rsv-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-right: 30px;
  min-width: 155px;
}
.asconsole reservation-card-event .rsv-actions .rsv-conflict-status {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole reservation-card-event .rsv-actions .rsv-conflict-status .conflict-dot {
  font-size: 10px;
  color: #D2733D;
}
.asconsole reservation-card-event .rsv-actions .rsv-conflict-status .conflict-label {
  color: #2d3851;
  white-space: nowrap;
}
.asconsole reservation-card-event .rsv-actions .rsv-buttons-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asconsole reservation-card-event .rsv-actions .rsv-btn.rsv-btn-mr {
  padding: 0;
  min-width: 74px;
}
.asconsole reservation-card-event .rsv-actions .rsv-btn.rsv-btn-mr react-component {
  display: block;
}
.asconsole reservation-card-event .rsv-actions .rsv-btn.rsv-btn-mr react-component button {
  border-radius: 4px;
}
.asconsole reservation-card-event .rsv-actions .btn-default {
  border-radius: 4px;
  border-color: #333F55;
  padding: 5px 12px;
  min-width: 74px;
}
.asconsole reservation-card-event .rsv-actions .not-confirmed {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event .rsv-actions .not-confirmed:hover {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event .rsv-actions .cancelled {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event .rsv-actions .cancelled:hover {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event .rsv-actions .rsv-action-status {
  display: flex;
  align-items: center;
}
.asconsole reservation-card-event .rsv-actions .rsv-action-status .icon {
  font-size: 10px;
  margin-right: 4px;
}
.asconsole reservation-card-event .rsv-services {
  margin-right: 16px;
}
.asconsole reservation-card-event .rsv-services .rsv-services-icon {
  padding: 10px 12px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole reservation-card-event .rsv-services .rsv-services-icon:hover {
  background-color: #DDE3EE;
  transition: background-color 0.2s ease-in-out;
}
.asconsole reservation-card-event .rsv-services .rsv-services-icon img {
  width: 16px;
  height: 16px;
}

.asconsole reservation-card-event-mobile {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 6px;
  cursor: pointer;
  padding: 16px;
}
.asconsole reservation-card-event-mobile .event-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: white;
}
.asconsole reservation-card-event-mobile .event-container .event-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  border-right: 1.5px solid #eef4f9;
}
.asconsole reservation-card-event-mobile .event-container .event-date .date {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #1E293B;
  margin: 0;
  line-height: 24px;
  letter-spacing: initial;
}
.asconsole reservation-card-event-mobile .event-container .event-date .month {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #ED0039;
}
.asconsole reservation-card-event-mobile .event-container .event-date.month-first .date {
  order: 2;
}
.asconsole reservation-card-event-mobile .event-container .event-date.month-first .month {
  order: 1;
}
.asconsole reservation-card-event-mobile .event-container .event-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 12px;
  min-width: 0;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-header .event-title {
  color: #0b1835;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-header .event-title.cancelled-title {
  text-decoration: line-through;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-header .event-title .multiday-progress {
  margin-left: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-header .single-attendee asui-card-user {
  left: initial !important;
  right: 0;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions {
  display: flex;
  flex-direction: column;
  color: #2d3851;
  flex: 1;
  padding-left: 3px;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc .icon {
  font-size: 16px;
  width: 18px;
  color: #4f596e;
  margin-right: 12px;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc .icon img {
  margin: 0 2px;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc .icon-circle {
  font-size: 10px;
  text-align: center;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc .conflict-dot {
  color: #D2733D;
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc span break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-event-mobile .event-container .event-details .event-descriptions .desc:last-child {
  margin-bottom: 0;
}
.asconsole reservation-card-event-mobile .rsv-actions {
  width: 100%;
}
.asconsole reservation-card-event-mobile .rsv-actions button {
  margin-bottom: 5px;
}
.asconsole reservation-card-event-mobile .rsv-actions button:first-child {
  margin-top: 12px;
}
.asconsole reservation-card-event-mobile .rsv-actions button:last-child {
  margin-bottom: 0;
}
.asconsole reservation-card-event-mobile .rsv-actions .btn-default {
  border-radius: 5px;
  border-color: #333F55;
  padding: 6px 12px;
  width: 100%;
}
.asconsole reservation-card-event-mobile .rsv-actions .rsv-btn.rsv-btn-mr {
  padding: 0;
  margin: 0;
  min-width: 74px;
  width: 100%;
}
.asconsole reservation-card-event-mobile .rsv-actions .rsv-btn.rsv-btn-mr react-component {
  display: block;
  margin: 0;
}
.asconsole reservation-card-event-mobile .rsv-actions .rsv-btn.rsv-btn-mr react-component button {
  margin-top: 0;
}
.asconsole reservation-card-event-mobile .rsv-actions .not-confirmed {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event-mobile .rsv-actions .not-confirmed:hover {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event-mobile .rsv-actions .cancelled {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole reservation-card-event-mobile .rsv-actions .cancelled:hover {
  border-color: #CB4848;
  color: #CB4848;
}

.asconsole browse-card-event-post {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  background-color: white;
  padding-top: 24px;
}
.asconsole browse-card-event-post:hover .event-editor-menu {
  opacity: 1 !important;
}
.asconsole browse-card-event-post .featued-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole browse-card-event-post .event-card {
  display: flex;
  flex-direction: column;
}
.asconsole browse-card-event-post .event-card-header {
  border-radius: 6px;
  margin: 16px 24px;
  overflow: hidden;
}
.asconsole browse-card-event-post .event-card-header .event-cover-image {
  transition: transform 0.3s ease-in-out;
  width: 100%;
  height: 130px;
  max-height: 370px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
}
.asconsole browse-card-event-post .event-card-header .event-cover-image:hover {
  transform: scale(1.2);
}
.asconsole browse-card-event-post .event-card-body {
  display: flex;
  padding: 0 24px;
  margin-bottom: 16px;
}
.asconsole browse-card-event-post .event-card-body .event-card-calendar-wrapper .event-calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px 6px 10px;
  margin: 0 16px 0px 0;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
}
.asconsole browse-card-event-post .event-card-body .event-card-calendar-wrapper .event-calendar .calendar-day {
  display: flex;
  justify-content: center;
  font-size: 24px;
  color: #001034;
  line-height: 24px;
  font-weight: 300;
}
.asconsole browse-card-event-post .event-card-body .event-card-calendar-wrapper .event-calendar .calendar-month {
  display: flex;
  justify-content: center;
  color: #CB4848;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.1em;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 0;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details {
  display: flex;
  flex-direction: column;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-post-info {
  display: flex;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-post-info .event-title {
  margin-right: 5px;
  color: #0b1835;
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 2px;
  flex: 1;
  cursor: pointer;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-post-info .event-editor-menu {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-post-info .event-editor-menu {
    opacity: 1;
  }
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-post-info .event-editor-menu i {
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  color: #475369;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-post-info .event-editor-menu i:hover {
  background-color: #EDF2F7;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-feed {
  margin-bottom: 12px;
  margin-right: 15px;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-feed .channel-name {
  cursor: pointer;
  color: inherit;
  word-break: break-all;
  word-break: break-word;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-details .event-feed .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper browse-card-event-info {
  margin-right: 15px;
}
.asconsole browse-card-event-post .event-card-body .event-details-wrapper .event-descriptions {
  margin-top: 12px;
  margin-right: 15px;
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  white-space: pre-line;
  color: #3c465d;
}
.asconsole browse-card-event-post .attachments-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px 16px 24px;
}
.asconsole browse-card-event-post .attachments-container .file-attachment {
  margin-top: 8px;
}

.asconsole browse-card-event-post-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  overflow: hidden;
}
.asconsole browse-card-event-post-item .event-card-cover {
  height: 155px;
  width: 100%;
  border-radius: 6px 6px 0 0;
  min-height: 155px;
}
.asconsole browse-card-event-post-item .event-card-cover svg {
  border-radius: 6px 6px 0 0;
}
.asconsole browse-card-event-post-item .event-card-cover .event-cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
}
.asconsole browse-card-event-post-item .event-card-body {
  display: flex;
  padding: 16px;
  margin-bottom: 4px;
}
.asconsole browse-card-event-post-item .event-card-body .event-card-calendar-wrapper .event-calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px 6px 10px;
  margin: 0 16px 0px 0;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
}
.asconsole browse-card-event-post-item .event-card-body .event-card-calendar-wrapper .event-calendar .calendar-day {
  display: flex;
  justify-content: center;
  font-size: 24px;
  color: #001034;
  line-height: 24px;
  font-weight: 300;
}
.asconsole browse-card-event-post-item .event-card-body .event-card-calendar-wrapper .event-calendar .calendar-month {
  display: flex;
  justify-content: center;
  color: #CB4848;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.1em;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 0;
  flex-wrap: wrap;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-details {
  display: flex;
  flex-direction: column;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-details .event-post-info {
  display: flex;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-details .event-post-info .event-title {
  margin-right: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 700;
  font-size: 17px;
  color: #0b1835;
  flex: 1;
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-details .event-post-info .event-editor-menu i {
  color: #4f596e;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-details .event-descriptions {
  margin: 5px 15px 8px 0;
  color: #2d3851;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-break: break-word;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info {
  display: flex;
  padding: 1px 2px;
  width: 100%;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info .icon {
  margin: 2px 10px 0 0;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info .date-separator {
  padding: 0 2px;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info .event-day {
  margin-right: 15px;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info .event-location {
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info .author {
  padding-top: 2px;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info.event-organizer .card-thumbnail {
  margin-top: 2px;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info.event-organizer .card-thumbnail .card-thumbnail-image-circle {
  width: 16px !important;
  height: 16px !important;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info.event-organizer .card-thumbnail .card-thumbnail-image-circle span {
  font-size: 10px;
  line-height: 16px;
}
.asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info.event-organizer .event-organizer-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-left: 10px;
  word-break: break-all;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-event-post-item .event-card-body .event-details-wrapper .event-info.event-organizer .event-organizer-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-card-event-post-item .event-rsvp {
  display: flex;
  justify-content: stretch;
  gap: 8px;
  flex-basis: 100%;
  padding: 0 16px 16px;
  align-items: flex-end;
}
.asconsole browse-card-event-post-item .event-rsvp button {
  flex: 1;
}
.asconsole browse-card-event-post-item .event-rsvp button .icon {
  margin-right: 4px;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-event-post-item {
    margin-bottom: 24px;
  }
}

.asconsole browse-card-event-rsvp-post {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  background-color: white;
}
.asconsole browse-card-event-rsvp-post:hover .editor-menu {
  opacity: 1 !important;
}
.asconsole browse-card-event-rsvp-post .rsvp-actions button,
.asconsole browse-card-event-rsvp-post .rsvp-actions a {
  flex: 1 1 0;
}
.asconsole browse-card-event-rsvp-post .event-post-details {
  display: flex;
  flex-direction: row;
}
.asconsole browse-card-event-rsvp-post .cover-image-available .image-post {
  display: block !important;
  height: 108px;
}
.asconsole browse-card-event-rsvp-post .post-content-container {
  display: flex;
  position: relative;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 16px;
  background-color: white;
  margin: 0 24px 12px 24px;
  overflow: hidden;
}
.asconsole browse-card-event-rsvp-post .post-content-container:hover .image-post-preview {
  transform: scale(1.2);
}
.asconsole browse-card-event-rsvp-post .post-content-container img {
  max-width: 100%;
}
.asconsole browse-card-event-rsvp-post .post-content-container .image-post {
  display: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 108px;
}
.asconsole browse-card-event-rsvp-post .post-content-container .image-post .image-post-preview {
  transition: transform 0.3s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  cursor: pointer;
  z-index: 0;
}
.asconsole browse-card-event-rsvp-post .post-content-container .image-post i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: white;
  font-size: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}
.asconsole browse-card-event-rsvp-post .attachments-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  margin-bottom: 16px;
}
.asconsole browse-card-event-rsvp-post .attachments-container .file-attachment {
  margin-bottom: 8px;
}
.asconsole browse-card-event-rsvp-post .attachments-container .file-attachment:last-child {
  margin-bottom: 0;
}
.asconsole browse-card-event-rsvp-post .featued-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole browse-card-event-rsvp-post .header-section {
  display: flex;
  flex-direction: row;
  margin: 24px 24px 16px 24px;
}
.asconsole browse-card-event-rsvp-post .header-section asui-card-user {
  margin-right: 8px;
}
.asconsole browse-card-event-rsvp-post .header-section asui-card-user .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole browse-card-event-rsvp-post .header-section asui-card-user .card-thumbnail-image-circle span {
  font-size: 18px !important;
}
.asconsole browse-card-event-rsvp-post .header-section asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-card-event-rsvp-post .header-section .editor-menu {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.asconsole browse-card-event-rsvp-post .header-section .editor-menu i {
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  color: #475369;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole browse-card-event-rsvp-post .header-section .editor-menu i:hover {
  background-color: #EDF2F7;
}
.asconsole browse-card-event-rsvp-post .header-section .author-location-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole browse-card-event-rsvp-post .header-section .author {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  word-break: break-all;
  word-break: break-word;
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-event-rsvp-post .header-section .author:hover {
  color: #0A5BEB;
}
.asconsole browse-card-event-rsvp-post .header-section .channel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-card-event-rsvp-post .header-section .channels-count {
  cursor: pointer;
}
.asconsole browse-card-event-rsvp-post .header-section .channel-name {
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-event-rsvp-post .header-section .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-card-event-rsvp-post .bc-content-details {
  display: flex;
  width: 100%;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  padding: 16px;
  min-width: 0;
  cursor: pointer;
  gap: 8px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  min-width: 64px;
  width: 64px;
  height: 64px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-date .calendar-day {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
  font-size: 18px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-date .calendar-month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #EA777D;
  text-transform: uppercase;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-details {
  padding-top: 1px;
  width: 100%;
  min-width: 0;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-details .bc-content-title {
  color: #1E293B;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 600;
  font-size: 14px;
  line-height: 18.9px;
  margin-bottom: 4px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-details .bc-content-desc,
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-details .bc-content-location {
  color: #3c465d;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  white-space: pre-line;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .calendar-details .bc-content-location {
  white-space: nowrap;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-event-rsvp-post .bc-content-details .calendar-details .bc-content-location break-word {
    word-break: break-all;
  }
}
.asconsole browse-card-event-rsvp-post .bc-content-details browse-widget-avatar-stack {
  margin-top: 8px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions {
  display: flex;
  width: 100%;
  margin-top: 8px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions .not-going {
  color: #1E293B;
  background-color: #C4CEDE;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions button {
  flex: 1;
  margin-right: 8px;
  min-width: 0;
  border: none;
  font-weight: 500;
  background-color: #EDF2F7;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions button:hover {
  background-color: #DDE3EE;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions button .icon-check {
  font-size: 16px;
  margin-right: 4px;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions button:hover {
  border: none;
}
.asconsole browse-card-event-rsvp-post .bc-content-details .rsvp-actions button:last-child {
  margin-right: 0px;
}
.asconsole browse-card-event-rsvp-post .text-post .bc-content-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-event-rsvp-post .bc-content-channel.caption {
    display: unset;
  }
  .asconsole browse-card-event-rsvp-post .bc-content-title {
    max-height: initial !important;
  }
}

.asconsole browse-card-feed-thumbnail {
  display: flex;
}
.asconsole browse-card-feed-thumbnail .thumbnail-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-card-feed-thumbnail .thumbnail-container .image-thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  z-index: 0;
}
.asconsole browse-card-feed-thumbnail spaces-space-icon {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
}
.asconsole browse-card-feed-thumbnail spaces-space-icon .space-icon .icon-content-svg {
  width: 75%;
  height: 75%;
}

.asconsole browse-card-file-attachment {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 10px;
  width: 100%;
  border: 1px solid var(--light-ui-palette-border, #DBE0EA);
  border-radius: 6px;
  min-width: 0;
}
.asconsole browse-card-file-attachment img {
  max-width: 48px;
  max-height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 8px;
  margin-right: 14px;
  object-fit: cover;
}
.asconsole browse-card-file-attachment .file-details {
  flex: 1;
  min-width: 0;
  width: 200px;
}
.asconsole browse-card-file-attachment .file-details .filename {
  color: var(--light-ui-palette-paragraph, #2D3851);
  /* Paragraph/Bold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-card-file-attachment .file-details .filename break-word {
    word-break: break-all;
  }
}
.asconsole browse-card-file-attachment .file-details .size {
  color: var(--light-ui-palette-footnote, #3C465D);
  /* Small Text/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.24px;
  margin-top: 4px;
}
.asconsole browse-card-file-attachment .icon-context {
  color: #4f596e;
  font-size: 28px;
  padding: 1px;
  cursor: pointer;
  margin-left: 10px;
}
.asconsole browse-card-file-attachment .circle-div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #CB4848;
  color: #CB4848;
  width: 27px;
  height: 27px;
  cursor: pointer;
  margin-right: 8px;
}
.asconsole browse-card-file-attachment .circle-div .icon-cross {
  font-size: 14px;
}

.asconsole browse-card-page-post {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  background-color: white;
}
.asconsole browse-card-page-post:hover .editor-menu {
  opacity: 1 !important;
}
.asconsole browse-card-page-post .page-content-container {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 16px;
  background-color: white;
  margin: 0 24px 12px 24px;
  overflow: hidden;
}
.asconsole browse-card-page-post .page-content-container img {
  max-width: 100%;
  transition: transform 0.3s ease-in-out;
}
.asconsole browse-card-page-post .page-content-container:hover img {
  transform: scale(1.2);
}
.asconsole browse-card-page-post .page-content-container .image-post {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  position: relative;
  position: relative;
  background-color: var(--nc-colors__brand1, #0A5BEB);
  overflow: hidden;
}
.asconsole browse-card-page-post .page-content-container .image-post:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.asconsole browse-card-page-post .page-content-container .image-post > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-page-post .page-content-container .image-post .image-post-placeholder {
  opacity: 0.1;
}
.asconsole browse-card-page-post .page-content-container .image-post .image-post-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  cursor: pointer;
  z-index: 0;
}
.asconsole browse-card-page-post .page-content-container .image-post i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: white;
  font-size: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}
.asconsole browse-card-page-post .attachments-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  margin-bottom: 16px;
}
.asconsole browse-card-page-post .attachments-container .file-attachment {
  margin-bottom: 8px;
}
.asconsole browse-card-page-post .attachments-container .file-attachment:last-child {
  margin-bottom: 0;
}
.asconsole browse-card-page-post .featued-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole browse-card-page-post .header-section {
  display: flex;
  flex-direction: row;
  margin: 24px 24px 16px 24px;
}
.asconsole browse-card-page-post .header-section asui-card-user {
  margin-right: 8px;
}
.asconsole browse-card-page-post .header-section asui-card-user .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole browse-card-page-post .header-section asui-card-user .card-thumbnail-image-circle span {
  font-size: 18px !important;
}
.asconsole browse-card-page-post .header-section asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-card-page-post .header-section .editor-menu {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-page-post .header-section .editor-menu {
    opacity: 1;
  }
}
.asconsole browse-card-page-post .header-section .editor-menu i {
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  color: #475369;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole browse-card-page-post .header-section .editor-menu i:hover {
  background-color: #EDF2F7;
}
.asconsole browse-card-page-post .header-section .author-location-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole browse-card-page-post .header-section .author {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  word-break: break-all;
  word-break: break-word;
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-page-post .header-section .author:hover {
  color: #0A5BEB;
}
.asconsole browse-card-page-post .header-section .channel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-card-page-post .header-section .channels-count {
  cursor: pointer;
}
.asconsole browse-card-page-post .header-section .channel-name {
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-page-post .header-section .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-card-page-post .bc-content-details {
  display: flex;
  flex-direction: column;
  margin: 24px 24px;
  min-width: 0;
  cursor: pointer;
}
.asconsole browse-card-page-post .bc-content-details .bc-content-title {
  color: #0b1835;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 8px;
}
.asconsole browse-card-page-post .bc-content-details .bc-content-desc {
  color: #3c465d;
  display: flex;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  white-space: pre-line;
}
.asconsole browse-card-page-post .text-post .bc-content-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-page-post .bc-content-channel.caption {
    display: unset;
  }
  .asconsole browse-card-page-post .bc-content-title {
    max-height: initial !important;
  }
}

.asconsole browse-card-post {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  background-color: white;
}
.asconsole browse-card-post:hover .editor-menu {
  opacity: 1 !important;
}
.asconsole browse-card-post .featued-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole browse-card-post .attachments-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  margin-bottom: 16px;
}
.asconsole browse-card-post .attachments-container .image-post {
  border-radius: 16px;
  display: block;
  overflow: hidden;
}
.asconsole browse-card-post .attachments-container .image-post .image-post-preview {
  transition: transform 0.3s ease-in-out;
  width: 100%;
  max-height: 370px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 16px;
}
.asconsole browse-card-post .attachments-container .file-attachment {
  margin-bottom: 8px;
}
.asconsole browse-card-post .attachments-container .file-attachment:last-child {
  margin-bottom: 0;
}
.asconsole browse-card-post asui-card-content .asui-card {
  border-radius: 16px;
  border: none;
}
.asconsole browse-card-post:hover asui-card-content .thumbnail-img {
  transform: scale(1.2);
}
.asconsole browse-card-post:hover .image-post-preview {
  transform: scale(1.2);
}
.asconsole browse-card-post asui-card-content {
  border: none;
}
.asconsole browse-card-post asui-card-content .asui-card {
  box-shadow: none;
}
.asconsole browse-card-post asui-card-content .card-icon-only .card-icon-md {
  width: 100%;
  padding-top: 56%;
}
.asconsole browse-card-post asui-card-content .card-icon-only .card-icon-md .card-thumbnail-image {
  position: absolute;
  top: 0;
}
.asconsole browse-card-post asui-card-content .card-icon-only .card-icon-md .card-thumbnail-image .thumbnail-img {
  transition: transform 0.3s ease-in-out;
}
.asconsole browse-card-post .header-section {
  display: flex;
  flex-direction: row;
  margin: 24px 24px 16px 24px;
}
.asconsole browse-card-post .header-section asui-card-user {
  margin-right: 8px;
}
.asconsole browse-card-post .header-section asui-card-user .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole browse-card-post .header-section asui-card-user .card-thumbnail-image-circle span {
  font-size: 18px !important;
}
.asconsole browse-card-post .header-section asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-card-post .header-section .editor-menu {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-post .header-section .editor-menu {
    opacity: 1;
  }
}
.asconsole browse-card-post .header-section .editor-menu i {
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  color: #475369;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole browse-card-post .header-section .editor-menu i:hover {
  background-color: #EDF2F7;
}
.asconsole browse-card-post .header-section .author-location-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole browse-card-post .header-section .author {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  word-break: break-all;
  word-break: break-word;
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-post .header-section .author:hover {
  color: #0A5BEB;
}
.asconsole browse-card-post .header-section .channel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-card-post .header-section .channels-count {
  cursor: pointer;
}
.asconsole browse-card-post .header-section .channel-name {
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-post .header-section .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-card-post .bc-content-details {
  display: flex;
  flex-direction: column;
  margin: 0 24px 16px;
  min-width: 0;
  cursor: pointer;
}
.asconsole browse-card-post .bc-content-details .bc-content-title {
  color: #0b1835;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 4px;
}
.asconsole browse-card-post .bc-content-details .bc-content-desc {
  color: #3c465d;
  display: flex;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  white-space: pre-line;
}
.asconsole browse-card-post .text-post .bc-content-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-post .bc-content-channel.caption {
    display: unset;
  }
  .asconsole browse-card-post .bc-content-title {
    max-height: initial !important;
  }
}

.asconsole browse-card-post-skeleton {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #EDF2F7;
  background-color: #FFFFFF;
  border-radius: var(--ds-brand-radii__pageComponent, 12px);
  padding: 24px;
}
.asconsole browse-card-post-skeleton .header {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.asconsole browse-card-post-skeleton .header .icon {
  width: 40px;
  height: 40px;
}
.asconsole browse-card-post-skeleton .header .text {
  margin-left: 8px;
  font-size: 16px;
  width: 56%;
}
.asconsole browse-card-post-skeleton .title {
  margin-bottom: 6px;
  font-size: 16px;
}
.asconsole browse-card-post-skeleton .desc {
  font-size: 14px;
  margin-bottom: 16px;
}
.asconsole browse-card-post-skeleton .cover {
  width: 100%;
  height: 257px;
}

.asconsole browse-card-story-post {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  background-color: white;
}
.asconsole browse-card-story-post:hover .editor-menu {
  opacity: 1 !important;
}
.asconsole browse-card-story-post .page-content-container {
  display: flex;
  flex-direction: column;
  max-width: none;
  border: 1px solid #DDE3EE;
  border-radius: 16px;
  background-color: white;
  margin: 0 24px 12px 24px;
  overflow: hidden;
}
.asconsole browse-card-story-post .page-content-container img {
  max-width: 100%;
  transition: transform 0.3s ease-in-out;
}
.asconsole browse-card-story-post .page-content-container:hover img {
  transform: scale(1.2);
}
.asconsole browse-card-story-post .page-content-container .image-post {
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  position: relative;
  position: relative;
  background-color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-card-story-post .page-content-container .image-post:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.asconsole browse-card-story-post .page-content-container .image-post > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-story-post .page-content-container .image-post .image-post-placeholder {
  opacity: 0.1;
}
.asconsole browse-card-story-post .page-content-container .image-post .image-post-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  cursor: pointer;
  z-index: 0;
}
.asconsole browse-card-story-post .page-content-container .image-post i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: white;
  font-size: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}
.asconsole browse-card-story-post .attachments-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 24px;
  margin-bottom: 16px;
}
.asconsole browse-card-story-post .attachments-container .file-attachment {
  margin-bottom: 8px;
}
.asconsole browse-card-story-post .attachments-container .file-attachment:last-child {
  margin-bottom: 0;
}
.asconsole browse-card-story-post .featued-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole browse-card-story-post .header-section {
  display: flex;
  flex-direction: row;
  margin: 24px 24px 16px 24px;
}
.asconsole browse-card-story-post .header-section asui-card-user {
  margin-right: 8px;
}
.asconsole browse-card-story-post .header-section asui-card-user .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole browse-card-story-post .header-section asui-card-user .card-thumbnail-image-circle span {
  font-size: 18px !important;
}
.asconsole browse-card-story-post .header-section asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-card-story-post .header-section .editor-menu {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-story-post .header-section .editor-menu {
    opacity: 1;
  }
}
.asconsole browse-card-story-post .header-section .editor-menu i {
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  color: #475369;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole browse-card-story-post .header-section .editor-menu i:hover {
  background-color: #EDF2F7;
}
.asconsole browse-card-story-post .header-section .author-location-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole browse-card-story-post .header-section .author {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  word-break: break-all;
  word-break: break-word;
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-story-post .header-section .author:hover {
  color: #0A5BEB;
}
.asconsole browse-card-story-post .header-section .channel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-card-story-post .header-section .channels-count {
  cursor: pointer;
}
.asconsole browse-card-story-post .header-section .channel-name {
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-story-post .header-section .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-card-story-post .bc-content-details {
  display: flex;
  flex-direction: column;
  margin: 24px 24px;
  min-width: 0;
  cursor: pointer;
}
.asconsole browse-card-story-post .bc-content-details .bc-content-title {
  color: #0b1835;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 8px;
}
.asconsole browse-card-story-post .bc-content-details .bc-content-desc {
  color: #3c465d;
  display: flex;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  white-space: pre-line;
}
.asconsole browse-card-story-post .text-post .bc-content-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-story-post .bc-content-channel.caption {
    display: unset;
  }
  .asconsole browse-card-story-post .bc-content-title {
    max-height: initial !important;
  }
}

.asconsole card-visitor-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 284px;
  height: 180px;
  border-radius: 12px;
  background-color: white;
}
.asconsole card-visitor-badge .visitor-badge-header {
  display: flex;
  align-items: row;
  align-items: center;
  justify-content: space-between;
  background-color: #002169;
  height: 44px;
  color: white;
  padding: 0 19px;
  border-radius: 12px 12px 0 0;
  width: 100%;
}
.asconsole card-visitor-badge .visitor-badge-header img {
  border: 0;
  height: 24px;
  margin-right: 10px;
}
.asconsole card-visitor-badge .visitor-badge-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 18px 19px;
}
.asconsole card-visitor-badge .visitor-badge-content .visitor-thumbnail .card-thumbnail-image-circle {
  width: 58px !important;
  height: 58px !important;
  border-radius: 6px;
}
.asconsole card-visitor-badge .visitor-badge-content .visitor-thumbnail img {
  border-radius: 6px;
}
.asconsole card-visitor-badge .visitor-badge-content .visitor-details {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  min-width: 0;
}
.asconsole card-visitor-badge .visitor-badge-content .visitor-details .visitor-name {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #0b1835;
  padding-bottom: 3px;
}
.asconsole card-visitor-badge .visitor-badge-content .visitor-details .visitor-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole card-visitor-badge .visitor-badge-content .visitor-details .visitor-desc break-word {
    word-break: break-all;
  }
}
.asconsole card-visitor-badge .visitor-badge-footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 19px 13px 19px;
}
.asconsole card-visitor-badge .visitor-badge-footer .badge-info {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
  justify-content: center;
}
.asconsole card-visitor-badge .visitor-badge-footer .badge-info .icon {
  color: #858b9a;
  font-size: 18px;
}
.asconsole card-visitor-badge .visitor-badge-footer .badge-info .info-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  font-size: 5px;
  line-height: 10px;
  text-transform: uppercase;
}
.asconsole card-visitor-badge .visitor-badge-footer .badge-info .info-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  font-size: 8px;
  line-height: 10px;
}

.asconsole card-party-status {
  flex-wrap: wrap;
}
.asconsole card-party-status .vs-status {
  margin-right: 20px;
  padding: 2px;
}
.asconsole card-party-status .vs-status:last-child {
  margin-right: 0;
}
@media all and (max-width: 667px) {
  .asconsole card-party-status .count-label {
    display: none;
  }
}
.asconsole card-visitor-status-bar {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  height: 44px;
}
.asconsole card-visitor-status-bar .vs-status .vs-status-bar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 5px;
  height: 100%;
}
.asconsole card-visitor-status-bar .vs-status .icon {
  margin: 0 10px !important;
  font-size: 18px !important;
}
.asconsole card-visitor-status-bar .vs-status .group-info {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  background: none;
  border: 0;
  padding: 0;
  color: #333F55;
  text-decoration: underline;
  cursor: pointer;
  /*
   * $dark-blue, not the $light-blue other focus rings in app/ use: #77B0EE on this
   * white bar is 2.3:1 and 1.4.11 needs 3:1 for a focus indicator. #002169 is 14.8:1.
   */
}
.asconsole card-visitor-status-bar .vs-status .group-info:focus-visible {
  outline: 2px solid #002169;
  outline-offset: 2px;
}
.asconsole .visitor-checkin-group-popover {
  /*
   * The padding lives on the scrollable list, not on .popover-content: the mouseenter that
   * keeps the popover open is bound to the list, so any padding ring around it would be a
   * dead band where the close timer runs with nothing to cancel it.
   */
}
.asconsole .visitor-checkin-group-popover .popover-content {
  padding: 0;
}
.asconsole .visitor-checkin-group-popover .checkin-group-names {
  max-width: 240px;
  max-height: 200px;
  padding: 9px 14px;
  overflow-y: auto;
  text-align: left;
}
.asconsole .visitor-checkin-group-popover .checkin-group-names:focus-visible {
  outline: 2px solid #002169;
  outline-offset: -2px;
}
.asconsole .visitor-checkin-group-popover .checkin-group-names ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.asconsole .visitor-checkin-group-popover .checkin-group-names ul .checkin-group-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .visitor-checkin-group-popover .checkin-group-names ul .checkin-group-name break-word {
    word-break: break-all;
  }
}
.asconsole card-visitor-status, .asconsole card-party-status, .asconsole card-visitor-status-bar {
  display: flex;
  flex-direction: row;
}
.asconsole card-visitor-status .vs-status, .asconsole card-party-status .vs-status, .asconsole card-visitor-status-bar .vs-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #333F55;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole card-visitor-status .vs-status .vs-label, .asconsole card-party-status .vs-status .vs-label, .asconsole card-visitor-status-bar .vs-status .vs-label {
  font-weight: bold;
}
.asconsole card-visitor-status .vs-status .icon, .asconsole card-party-status .vs-status .icon, .asconsole card-visitor-status-bar .vs-status .icon {
  margin-right: 6px;
  font-size: 12px;
}
.asconsole card-visitor-status .vs-status .party-icon, .asconsole card-party-status .vs-status .party-icon, .asconsole card-visitor-status-bar .vs-status .party-icon {
  font-size: 19px;
}
.asconsole card-visitor-status .vs-checkedin .icon, .asconsole card-visitor-status .vs-checkedin .vs-label, .asconsole card-party-status .vs-checkedin .icon, .asconsole card-party-status .vs-checkedin .vs-label, .asconsole card-visitor-status-bar .vs-checkedin .icon, .asconsole card-visitor-status-bar .vs-checkedin .vs-label {
  color: #0C817B;
}
.asconsole card-visitor-status .vs-checkedin .vs-status-bar, .asconsole card-party-status .vs-checkedin .vs-status-bar, .asconsole card-visitor-status-bar .vs-checkedin .vs-status-bar {
  background-color: #0C817B;
}
.asconsole card-visitor-status .vs-expected .icon, .asconsole card-visitor-status .vs-expected .vs-label, .asconsole card-party-status .vs-expected .icon, .asconsole card-party-status .vs-expected .vs-label, .asconsole card-visitor-status-bar .vs-expected .icon, .asconsole card-visitor-status-bar .vs-expected .vs-label {
  color: #EBBE36;
}
.asconsole card-visitor-status .vs-expected .vs-status-bar, .asconsole card-party-status .vs-expected .vs-status-bar, .asconsole card-visitor-status-bar .vs-expected .vs-status-bar {
  background-color: #EBBE36;
}
.asconsole card-visitor-status .vs-checkedout .icon, .asconsole card-visitor-status .vs-checkedout .vs-label, .asconsole card-visitor-status .vs-noshow .icon, .asconsole card-visitor-status .vs-noshow .vs-label, .asconsole card-visitor-status .vs-not-checkedout .icon, .asconsole card-visitor-status .vs-not-checkedout .vs-label, .asconsole card-party-status .vs-checkedout .icon, .asconsole card-party-status .vs-checkedout .vs-label, .asconsole card-party-status .vs-noshow .icon, .asconsole card-party-status .vs-noshow .vs-label, .asconsole card-party-status .vs-not-checkedout .icon, .asconsole card-party-status .vs-not-checkedout .vs-label, .asconsole card-visitor-status-bar .vs-checkedout .icon, .asconsole card-visitor-status-bar .vs-checkedout .vs-label, .asconsole card-visitor-status-bar .vs-noshow .icon, .asconsole card-visitor-status-bar .vs-noshow .vs-label, .asconsole card-visitor-status-bar .vs-not-checkedout .icon, .asconsole card-visitor-status-bar .vs-not-checkedout .vs-label {
  color: #6275A3;
}
.asconsole card-visitor-status .vs-checkedout .vs-status-bar, .asconsole card-visitor-status .vs-noshow .vs-status-bar, .asconsole card-visitor-status .vs-not-checkedout .vs-status-bar, .asconsole card-party-status .vs-checkedout .vs-status-bar, .asconsole card-party-status .vs-noshow .vs-status-bar, .asconsole card-party-status .vs-not-checkedout .vs-status-bar, .asconsole card-visitor-status-bar .vs-checkedout .vs-status-bar, .asconsole card-visitor-status-bar .vs-noshow .vs-status-bar, .asconsole card-visitor-status-bar .vs-not-checkedout .vs-status-bar {
  background-color: #6275A3;
}
.asconsole card-visitor-status .vs-not-confirmed .icon, .asconsole card-visitor-status .vs-not-confirmed .vs-label, .asconsole card-visitor-status .vs-canceled .icon, .asconsole card-visitor-status .vs-canceled .vs-label, .asconsole card-visitor-status .vs-pending .icon, .asconsole card-visitor-status .vs-pending .vs-label, .asconsole card-party-status .vs-not-confirmed .icon, .asconsole card-party-status .vs-not-confirmed .vs-label, .asconsole card-party-status .vs-canceled .icon, .asconsole card-party-status .vs-canceled .vs-label, .asconsole card-party-status .vs-pending .icon, .asconsole card-party-status .vs-pending .vs-label, .asconsole card-visitor-status-bar .vs-not-confirmed .icon, .asconsole card-visitor-status-bar .vs-not-confirmed .vs-label, .asconsole card-visitor-status-bar .vs-canceled .icon, .asconsole card-visitor-status-bar .vs-canceled .vs-label, .asconsole card-visitor-status-bar .vs-pending .icon, .asconsole card-visitor-status-bar .vs-pending .vs-label {
  color: #CB4848;
}
.asconsole card-visitor-status .vs-not-confirmed .vs-status-bar, .asconsole card-visitor-status .vs-canceled .vs-status-bar, .asconsole card-visitor-status .vs-pending .vs-status-bar, .asconsole card-party-status .vs-not-confirmed .vs-status-bar, .asconsole card-party-status .vs-canceled .vs-status-bar, .asconsole card-party-status .vs-pending .vs-status-bar, .asconsole card-visitor-status-bar .vs-not-confirmed .vs-status-bar, .asconsole card-visitor-status-bar .vs-canceled .vs-status-bar, .asconsole card-visitor-status-bar .vs-pending .vs-status-bar {
  background-color: #CB4848;
}
.asconsole card-visitor-status .vs-total .icon, .asconsole card-party-status .vs-total .icon, .asconsole card-visitor-status-bar .vs-total .icon {
  color: #002169;
}

.asconsole card-visitor-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .visitor-thumbnail {
  position: relative;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .visitor-thumbnail asui-card-user .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .visitor-thumbnail asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .visitor-thumbnail .vc-thumbnail-circle {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .visitor-thumbnail .vc-thumbnail-circle .icon {
  font-size: 16px;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .party-thumbnail {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #002169;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail .party-thumbnail .party-thumbnail-text {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  font-size: 18px;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail.card-visitor-md .visitor-thumbnail asui-card-user .card-thumbnail-image-circle {
  width: 58px !important;
  height: 58px !important;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail.card-visitor-md .visitor-thumbnail asui-card-user .card-thumbnail-image-circle span {
  font-size: 26px !important;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail.card-visitor-md .visitor-thumbnail asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail.card-visitor-md .party-thumbnail {
  width: 58px;
  height: 58px;
}
.asconsole card-visitor-thumbnail .card-visitor-thumbnail.card-visitor-md .party-thumbnail .party-thumbnail-text {
  font-size: 32px;
}

.asconsole reservation-card-workspace {
  display: flex;
  flex-direction: row;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  min-height: 128px;
  cursor: pointer;
  overflow: hidden;
}
.asconsole reservation-card-workspace .ws-status {
  width: 4px;
  margin-right: 14px;
}
.asconsole reservation-card-workspace .ws-thumbnail {
  width: 74px;
  min-width: 74px;
  max-height: 88px;
  min-height: 88px;
  border: 0;
  object-fit: cover;
  margin: 14px 0px;
  border-radius: 8px;
}
.asconsole reservation-card-workspace .ws-details-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 14px 0px 14px;
  min-width: 0;
  width: 100%;
}
.asconsole reservation-card-workspace .ws-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 82px;
  min-width: 0;
}
.asconsole reservation-card-workspace .ws-details .name-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 3px;
}
.asconsole reservation-card-workspace .ws-details .name-container .name {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  position: relative;
  color: #0b1835;
}
.asconsole reservation-card-workspace .ws-details .name-container .name .resource-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 19px;
  word-break: break-all;
}
.asconsole reservation-card-workspace .ws-details .name-container .name .resource-type {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #3c465d;
}
.asconsole reservation-card-workspace .ws-details .name-container .connected-resource {
  display: flex;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  align-items: center;
  padding: 4px;
  height: 24px;
  border-radius: 999px;
  background: var(--colors-neutral-100, #F8F9FC);
}
.asconsole reservation-card-workspace .ws-details .name-container .connected-resource.show-count {
  padding: 4px 8px;
}
.asconsole reservation-card-workspace .ws-details .name-container .connected-resource:hover {
  border-radius: 999px;
  background: var(--colors-neutral-200, #EDF2F7);
}
.asconsole reservation-card-workspace .ws-details .name-container .connected-resource .count {
  margin-left: 4px;
}
.asconsole reservation-card-workspace .ws-details .name-container .capacity {
  display: flex;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #2d3851;
  white-space: nowrap;
  padding: 4px 8px;
  height: 24px;
  align-items: center;
  border-radius: 999px;
  background: var(--colors-neutral-100, #F8F9FC);
}
.asconsole reservation-card-workspace .ws-details .name-container .capacity .icon {
  color: #4f596e;
  min-width: 20px;
}
.asconsole reservation-card-workspace .ws-details .location {
  display: flex;
  align-items: center;
  color: #475369;
  margin-bottom: 3px;
  height: 20px;
  font-size: 14px;
  position: relative;
}
.asconsole reservation-card-workspace .ws-details .location .location-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  position: absolute;
  left: 22px;
  top: 0;
  width: calc(100% - 22px);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-workspace .ws-details .location .location-label break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content {
  padding: 8px 12px;
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .linked-resource-item, .asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  gap: 8px;
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name, .asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name break-word, .asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name:hover, .asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name:hover {
  text-decoration: underline;
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .linked-resource-item {
  display: flex;
  align-items: center;
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-card-workspace .ws-details .connected-resource-popover .popover-content .resource-container .connected-resource-item .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole reservation-card-workspace .ws-details reservation-card-workspace-status .status-container .status .truncate-label {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole reservation-card-workspace .ws-details reservation-card-workspace-status .status-container .status .icon-circle {
  margin-left: 3px;
  margin-right: 9px;
}

.asconsole reservation-card-workspace-status {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-card-workspace-status .no-status-tooltip .status {
  cursor: inherit !important;
}
.asconsole reservation-card-workspace-status .status-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}
.asconsole reservation-card-workspace-status .status-container .status-error-container {
  display: flex;
}
.asconsole reservation-card-workspace-status .status-container .status {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  cursor: default;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-card-workspace-status .status-container .status .icon-circle {
  font-size: 10px;
  margin-right: 4px;
  color: #0C817B;
}
.asconsole reservation-card-workspace-status .status-container .status .truncate-label {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.asconsole reservation-card-workspace-status .status-container .status-error {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-card-workspace-status .status-container .status-error .icon-circle {
  color: #CB4848;
}
.asconsole reservation-card-workspace-status .status-container .status-checkin {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-card-workspace-status .status-container .status-checkin .icon-circle {
  color: #EBBE36;
}
.asconsole reservation-card-workspace-status .status-approval {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  cursor: default;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 2px;
}
.asconsole reservation-card-workspace-status .status-approval .icon-info {
  margin-right: 4px;
}
@media all and (max-width: 667px) {
  .asconsole .popover.card-workspace-status-popover {
    max-width: calc(100vw - 100px);
  }
}

.asconsole browse-cg-channel-listing {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  min-height: 100px;
  padding: 0;
}
.asconsole browse-cg-channel-listing asui-loading-mask {
  left: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-cg-channel-listing asui-loading-mask .loading-mask-container {
    background-color: transparent;
  }
}
.asconsole browse-cg-channel-listing asui-grid {
  max-width: 100%;
}
.asconsole browse-cg-channel-listing asui-grid .grid-container {
  margin: 0;
}
.asconsole browse-cg-channel-listing asui-grid .grid-item {
  flex: 0 0 100% !important;
  padding: 0 0 5px 0 !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-cg-channel-listing asui-grid .grid-item {
    flex: none !important;
    padding: 0 7px !important;
    background-color: transparent;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel-landscape {
    display: none;
  }
}
.asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel-landscape .channel-name {
  color: #475369;
  font-weight: 500;
  letter-spacing: initial;
  font-size: 16px;
}
.asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel {
    display: initial;
    max-width: 85px;
  }
}
.asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel asui-card-channel .card-icon-only {
  border-radius: 0;
}
.asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel .channel-details {
  max-width: 85px;
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel .channel-details .desc {
  display: none;
}
.asconsole browse-cg-channel-listing asui-grid .grid-item browse-card-channel .channel-details .name {
  font-size: 14px;
  font-weight: 200;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 7px 0 0 0;
  text-align: center;
}
.asconsole browse-cg-channel-listing .no-content-container .icon-container {
  margin-top: 0;
}
.asconsole browse-cg-channel-listing .no-content-container img {
  width: 50%;
}

.asconsole browse-cg-content-grid {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
}
.asconsole browse-cg-content-grid asui-loading-mask {
  left: 0;
}
.asconsole browse-cg-content-grid asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-cg-content-grid .no-content-container {
  background-color: white;
  margin: 0;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole browse-cg-content-grid .content-listing-grid .asui-grid .grid-item {
  padding: 18px 0 0 18px;
  flex: 0 0 33.33%;
}
.asconsole browse-cg-content-grid .content-listing-grid .asui-grid .grid-item browse-card-content {
  display: none;
}
@media (max-width: 1200px) {
  .asconsole browse-cg-content-grid .content-listing-grid .asui-grid .grid-item {
    flex: 0 0 50%;
    padding-top: 12px;
  }
}
@media (max-width: 667px) {
  .asconsole browse-cg-content-grid .content-listing-grid .asui-grid .grid-item {
    flex: 0 0 100%;
    padding-top: 12px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-cg-content-grid .content-listing-grid .asui-grid {
    margin: 0 !important;
  }
  .asconsole browse-cg-content-grid .content-listing-grid .grid-item {
    margin-bottom: 8px !important;
  }
}

.asconsole browse-channel {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: white;
  align-items: center;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole browse-channel {
    align-items: flex-start;
  }
  .asconsole browse-channel .browse-page-container-large {
    overflow-y: auto;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse-channel {
    min-width: 100%;
  }
}
.asconsole browse-channel .browse-outer {
  align-items: center;
  max-width: 1032px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel .browse-outer .channel-carousel {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .asconsole browse-channel .browse-outer .channel-carousel chm-playlist-preview {
    flex: 1;
  }
  .asconsole browse-channel .browse-outer .channel-carousel chm-playlist-preview .as-preview-base .as-preview-container .as-preview-article {
    border: none;
    box-shadow: none;
  }
}
.asconsole browse-channel .browse-outer .browse-inner .browse-header {
  margin: 24px 0 24px 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel .browse-outer .browse-inner .browse-header {
    margin: 0 24px 10px 24px;
  }
}
.asconsole browse-channel .browse-outer .browse-inner .browse-header .channel-name-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.asconsole browse-channel .browse-outer .browse-inner .browse-header .channel-name-container .channel-name {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #333F55;
}
.asconsole browse-channel .browse-outer .browse-inner .browse-header .channel-name-container .editor-actions {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel .browse-outer .browse-inner .browse-header .channel-name-container .editor-actions {
    display: none;
  }
}
.asconsole browse-channel .browse-outer .browse-inner .browse-header .channel-name-container .editor-actions .btn-dark-blue {
  margin-left: 5px;
}
.asconsole browse-channel .browse-outer .browse-inner .browse-quick-post-container {
  margin-bottom: 26px;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel .browse-outer .browse-inner .browse-quick-post-container {
    margin-top: 24px;
  }
}
.asconsole browse-channel .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  flex-basis: auto;
}
.asconsole browse-channel .browse-outer .browse-inner .content-container .bc-content-date .bc-content-channel {
  display: none;
}
.asconsole browse-channel .browse-outer .browse-inner .content-container .bc-content-date .fa-circle {
  display: none;
}
.asconsole browse-channel .browse-outer .browse-inner .content-container .no-content-container .non-content-text {
  font-size: 100%;
}

.asconsole browse-channel-carousel {
  display: flex;
  flex: 1;
  flex-basis: auto;
}
.asconsole browse-channel-carousel chm-playlist-preview {
  width: 100%;
}

.asconsole browse-channel-feed {
  display: flex;
  flex: 1;
}
.asconsole browse-channel-feed .content-listing-grid .grid-item {
  padding: 18px 0 0 18px;
  flex: 0 0 50%;
}
@media (max-width: 667px) {
  .asconsole browse-channel-feed .content-listing-grid .grid-item {
    flex: 0 0 100%;
    padding-top: 12px;
  }
}

.asconsole browse-channel-grid {
  display: flex;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-grid {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.asconsole browse-channel-grid browse-card-channel {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-grid browse-card-channel {
    display: none;
  }
}
.asconsole browse-channel-grid browse-card-channel-horizontal {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-grid browse-card-channel-horizontal {
    display: flex;
  }
}
.asconsole browse-channel-grid asui-grid {
  overflow: hidden;
}
.asconsole browse-channel-grid asui-grid .grid-container {
  margin: 0px 0 0 -25px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-grid asui-grid .grid-container {
    padding: 0;
    margin: 0px !important;
  }
}
.asconsole browse-channel-grid asui-grid .grid-container .grid-item {
  padding: 25px 0 0 25px;
}
@media (max-width: 1600px) {
  .asconsole browse-channel-grid asui-grid .grid-container .grid-item {
    flex: 0 0 25% !important;
  }
}
@media (max-width: 1280px) {
  .asconsole browse-channel-grid asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1000px) {
  .asconsole browse-channel-grid asui-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-grid asui-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
    padding: 0;
    border-bottom: 1px solid #eef4f9;
  }
}

.asconsole browse-channel-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: white;
  align-items: center;
  width: 100%;
}
.asconsole browse-channel-group .cg-banner {
  display: flex;
  justify-content: center;
  height: 254px;
  min-height: 254px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  margin-top: 27px;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .cg-banner {
    margin-top: 16px;
    height: 164px;
    min-height: 164px;
  }
}
.asconsole browse-channel-group .cg-banner .cg-banner-image {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .cg-banner .cg-banner-image {
    border-radius: 0;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner .root-section-header {
  color: #333F55;
  width: 100%;
  margin-top: 37px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .root-section-header {
    display: none;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner browse-quick-post {
  margin-top: 26px;
}
.asconsole browse-channel-group .browse-outer .browse-inner react-component {
  display: flex;
  flex-direction: column;
  margin-top: 26px;
}
.asconsole browse-channel-group .browse-outer .browse-inner browse-cg-content-grid {
  margin-top: 48px;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner browse-cg-content-grid {
    margin-top: 24px;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner browse-cg-content-grid asui-grid {
  flex: 1;
}
.asconsole browse-channel-group .browse-outer .browse-inner browse-cg-content-grid asui-grid .grid-container {
  margin: 0 !important;
}
.asconsole browse-channel-group .browse-outer .browse-inner browse-cg-content-grid asui-grid .grid-container .grid-item {
  padding: 18px 0 0 18px;
  flex: 0 0 50%;
}
@media (max-width: 1032px) {
  .asconsole browse-channel-group .browse-outer .browse-inner browse-cg-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 100%;
    padding-top: 12px;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page {
    flex-direction: column;
    flex-direction: column-reverse;
    margin: 0;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page .left-panel {
  max-width: 1032px;
  flex: 1;
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page .left-panel .channel-listing {
  margin-top: 27px;
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel {
  margin-left: auto;
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing {
  margin-left: 40px;
  margin-top: 22px;
  width: 100%;
  max-width: 350px;
  min-width: 350px;
}
@media all and (max-width: 1600px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing {
    width: initial;
    max-width: 330px;
    min-width: 330px;
  }
}
@media all and (max-width: 1200px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing {
    max-width: 250px;
    min-width: 250px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing {
    border-top: none;
    max-width: 100%;
    min-width: 100%;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .channel-listing-title {
  margin-bottom: 10px;
  color: #0b1835;
  margin-top: 0;
}
.asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .channels-title {
  font-size: 120%;
  font-weight: 500;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .channels-title {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing {
    max-width: initial;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin-left: -25px;
    margin-bottom: 10px;
    min-height: 163px;
    padding-left: 15px;
    width: calc(100vw + 15px);
  }
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .grid-container-horizontal::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    display: none;
  }
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .channel-listing-title {
    font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-left: 15px;
    margin-top: 19px;
    margin-bottom: 15px;
    color: #0b1835;
  }
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .grid-item:first-child {
    padding-left: 15px !important;
  }
  .asconsole browse-channel-group .browse-outer .browse-inner .split-page .right-panel .channel-listing .grid-item:last-child {
    padding-right: 15px !important;
  }
}
.asconsole browse-channel-group .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding-bottom: 0;
  flex-basis: auto;
  justify-content: center;
  margin-top: 48px;
}
.asconsole browse-channel-group .browse-outer .browse-inner .content-container browse-cg-content-grid {
  max-width: 1145px;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group .browse-outer .browse-inner .content-container {
    flex-direction: column-reverse;
    margin: 0;
  }
}
.asconsole browse-channel-group .browse-outer .browse-empty-cta {
  flex: 1;
}

.asconsole browse-channel-group-grid {
  display: flex;
  flex: 1;
}
.asconsole browse-channel-group-grid asui-grid {
  overflow: hidden;
}
.asconsole browse-channel-group-grid asui-grid .grid-container {
  margin: 0 0 0 -25px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group-grid asui-grid .grid-container {
    margin: 0 -8px 0 4px !important;
    min-height: 80px;
  }
}
.asconsole browse-channel-group-grid asui-grid .grid-container .grid-item {
  padding: 20px 0 0 25px;
  flex: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-channel-group-grid asui-grid .grid-container .grid-item {
    padding: 12px 12px 0 0;
  }
}
.asconsole browse-channel-group-grid asui-grid .grid-container .grid-item browse-card-channel-group .cg-container {
  width: 300.75px;
  height: 85px;
}

.asconsole browse-channel-tags-input {
  display: flex;
  width: 100%;
}
.asconsole browse-channel-tags-input asui-tags-input {
  width: 100%;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input {
  min-height: 57px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  border-radius: 4px;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input .tags .input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 39px;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input .tags .tag-item {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  height: 39px;
  border-radius: 4px;
  background: #EDF2F7;
  color: #002169;
  border: 0;
  text-transform: none;
  padding: 6px 38px 6px 12px !important;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input .tags .tag-item .tag-text {
  color: #002169;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input .tags .tag-item .remove-button {
  color: #475369 !important;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input .tags .tag-item .card-icon-only {
  border-radius: 4px;
  border: 0;
  height: 27px;
  width: 20px;
}
.asconsole browse-channel-tags-input asui-tags-input .asui-tags-input .tags .tag-item .card-icon-only .card-icon-xs {
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding-left: 1px;
}

.asconsole browse-channel-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole browse-channel-typeahead > .icon {
  position: absolute;
  top: 15px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead {
  width: 100%;
  font-size: 14px;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 28px !important;
  padding-right: 30px !important;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .item-container .channel-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-left: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-channel-typeahead asui-dropdown-typeahead .item-container .channel-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead input {
  padding-left: 35px !important;
  padding-right: 30px !important;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .fa-caret-down {
  color: #68768D;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .disabled .channel-name {
  opacity: 1;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead input[type=text]:disabled {
  background-color: white !important;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .channel-name {
  margin-left: 8px;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .dropdown-container-inner .channel-name {
  white-space: initial !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole browse-channel-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole .channel-typeahead-mobile-modal .selected-item asui-card-channel {
  display: none;
}
.asconsole .channel-typeahead-mobile-modal .dropdown-container .channel-name {
  margin-left: 8px;
}

.asconsole reservation-checkpoint-card {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-checkpoint-card .checkpoint-item {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.asconsole reservation-checkpoint-card .checkpoint-item .menu-item-wrapper {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-checkpoint-card .checkpoint-item .menu-item-wrapper .requires-approval-label {
  display: block;
  font-size: 12px;
  color: #68768D;
}
.asconsole reservation-checkpoint-card .checkpoint-item .icon-container {
  position: relative;
  height: 32px;
  width: 32px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border-radius: 50%;
  background-color: #002169;
  color: white;
}
.asconsole reservation-checkpoint-card .checkpoint-item .icon-container .icon {
  font-size: 22px;
}
.asconsole reservation-checkpoint-card .checkpoint-item .icon-container .status-circle {
  position: absolute;
  width: 8px;
  height: 8px;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
}
.asconsole reservation-checkpoint-card .checkpoint-item .icon-container .status-circle.success {
  background-color: #0C817B;
}
.asconsole reservation-checkpoint-card .checkpoint-item .icon-container .status-circle.warning {
  background-color: #EBBE36;
}
.asconsole reservation-checkpoint-card .checkpoint-item .icon-container .status-circle.danger {
  background-color: #CB4848;
}
.asconsole reservation-checkpoint-card .checkpoint-item .checkpoint-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-right: 12px;
}
.asconsole reservation-checkpoint-card .checkpoint-item .checkpoint-details .checkpoint-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #1E293B;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-checkpoint-card .checkpoint-item .checkpoint-details .checkpoint-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-checkpoint-card .checkpoint-item .checkpoint-details .checkpoint-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-top: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-checkpoint-card .checkpoint-item .checkpoint-details .checkpoint-desc break-word {
    word-break: break-all;
  }
}
.asconsole reservation-checkpoint-card .checkpoint-item asui-context-menu {
  flex-shrink: 0;
}

.asconsole reservation-checkpoint-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  position: relative;
}
.asconsole reservation-checkpoint-content clm-content-preview {
  width: 100%;
  height: 100%;
  padding: 32px 0px 0px 0px;
}
.asconsole reservation-checkpoint-content clm-content-preview .clm-preview-container img {
  object-fit: contain;
}
.asconsole reservation-checkpoint-content clm-content-preview .clm-preview-container img,
.asconsole reservation-checkpoint-content clm-content-preview .clm-preview-container video,
.asconsole reservation-checkpoint-content clm-content-preview .clm-preview-container .preview-iframe {
  object-fit: contain;
}
.asconsole reservation-checkpoint-content clm-content-preview .clm-preview-container video {
  object-fit: contain;
}

.asconsole reservation-checkpoint-failed {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-top: 32px;
  padding-bottom: 40px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-checkpoint-failed {
    padding-bottom: 32px;
  }
}
.asconsole reservation-checkpoint-failed .non-content-text {
  max-width: 550px;
  padding-top: 20px;
}

.asconsole reservation-checkpoint-html {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
}
.asconsole reservation-checkpoint-html .richtext {
  flex: 1;
  overflow-y: auto;
  text-align: left;
  text-align: initial;
  margin-top: 32px;
  padding-bottom: 40px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-checkpoint-html .richtext {
    padding-bottom: 32px;
  }
}
.asconsole reservation-checkpoint-html .read-only {
  pointer-events: none;
}

.asconsole .modal-reservation-checkpoint.gcal {
  max-width: 100%;
  height: 100vh;
  width: 100%;
  border-radius: 0;
}
.asconsole .modal-reservation-checkpoint.gcal .modal-content {
  border: none;
  border-radius: 0;
}
.asconsole .modal-reservation-checkpoint {
  height: calc(100vh - 80px);
  width: calc(100% - 80px);
  max-width: 960px;
  border: none;
  border-radius: 18px;
  overflow: hidden;
}
.asconsole .modal-reservation-checkpoint .modal-content {
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-checkpoint {
    max-width: 100%;
    height: 100vh;
    width: 100%;
    border-radius: 0;
  }
  .asconsole .modal-reservation-checkpoint .modal-content {
    border: none;
    border-radius: 0;
  }
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal, .asconsole .modal-reservation-checkpoint checkpoint-preview, .asconsole .modal-reservation-checkpoint checkpoint-preview-all {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  padding-bottom: var(--iphone-bottom-margin);
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-checkpoint reservation-checkpoint-modal, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal, .asconsole .modal-reservation-checkpoint checkpoint-preview, .asconsole .modal-reservation-checkpoint checkpoint-preview-all {
    height: 100%;
  }
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header {
  position: relative;
  height: 200px;
  padding: 0;
  flex-shrink: 0;
  background-color: #0A5BEB;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-banner, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-banner, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-banner, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-banner {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header img.modal-header-banner, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header img.modal-header-banner, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header img.modal-header-banner, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header img.modal-header-banner {
  object-fit: cover;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content {
  position: absolute;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 0 20px;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content .modal-header-progress, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content .modal-header-progress, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content .modal-header-progress, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content .modal-header-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: rgba(0, 0, 0, 0.42);
  border-radius: 100px;
  margin-right: 10px;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content .modal-header-progress .icon, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content .modal-header-progress .icon, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content .modal-header-progress .icon, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content .modal-header-progress .icon {
  color: white;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content .modal-header-progress span, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content .modal-header-progress span, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content .modal-header-progress span, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content .modal-header-progress span {
  color: #fff;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content .modal-header-progress span.progress-counter, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content .modal-header-progress span.progress-counter, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content .modal-header-progress span.progress-counter, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content .modal-header-progress span.progress-counter {
  text-transform: uppercase;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content .modal-header-progress.with-avatar, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content .modal-header-progress.with-avatar, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content .modal-header-progress.with-avatar, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content .modal-header-progress.with-avatar {
  padding: 6px 16px 6px 10px;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content i.icon-cross, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content i.icon-cross, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content i.icon-cross, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content i.icon-cross {
  margin-left: auto;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.42);
  border-radius: 8px;
  color: #fff;
  transition: 200ms background-color ease-in-out;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-header .modal-header-content i.icon-cross:hover, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-header .modal-header-content i.icon-cross:hover, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-header .modal-header-content i.icon-cross:hover, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-header .modal-header-content i.icon-cross:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body {
  height: 100%;
  overflow: hidden;
  margin-top: -120px;
  padding: 0 20px;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper {
  height: 100%;
  overflow: hidden;
  margin: auto;
  width: 100%;
  max-width: 800px;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-bottom: 0px;
  border-radius: 24px 24px 0 0;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper {
    max-width: 100%;
  }
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper .modal-body-content, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper .modal-body-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 40px 40px 0px 40px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper .modal-body-content, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper .modal-body-content {
    padding: 32px 20px 0px 20px;
  }
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content .modal-title, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content .modal-title, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper .modal-body-content .modal-title, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper .modal-body-content .modal-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content .modal-title, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content .modal-title, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper .modal-body-content .modal-title, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper .modal-body-content .modal-title {
    font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.02em;
    font-weight: 700;
    letter-spacing: -0.02em;
  }
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content .modal-description, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-body .modal-body-wrapper .modal-body-content .modal-description, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-body .modal-body-wrapper .modal-body-content .modal-description, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-body .modal-body-wrapper .modal-body-content .modal-description {
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #858b9a;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer {
  display: flex;
  padding: 0px;
  flex-shrink: 0;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-actions button.btn, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-actions button.btn, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-actions button.btn, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-actions button.btn {
  height: 44px;
  max-width: 200px;
  margin: 0;
  flex: 1 1 50%;
  font-weight: 200;
  font-size: 16px;
  border-radius: 12px;
  border: 0px;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-default, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-default, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-actions button.btn.btn-default, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-actions button.btn.btn-default {
  background-color: #edf2f7;
  transition: 200ms background-color ease-in-out;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-default:hover, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-default:hover, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-actions button.btn.btn-default:hover, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-actions button.btn.btn-default:hover {
  background-color: #dde3ee;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-primary, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-primary, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-actions button.btn.btn-primary, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-actions button.btn.btn-primary {
  background-color: #0A5BEB;
  transition: 200ms background-color ease-in-out;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-primary:hover, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-actions button.btn.btn-primary:hover, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-actions button.btn.btn-primary:hover, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-actions button.btn.btn-primary:hover {
  background-color: #25508f;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status {
  justify-content: flex-start;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status {
  padding: 4px 8px;
  border-radius: 100px;
  background-color: #F8F9FC;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status.success, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status.success, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status.success, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status.success {
  color: #0C7E78;
  background-color: #F3F8F8;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status.warning, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status.warning, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status.warning, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status.warning {
  color: #B25300;
  background-color: #FBF6F2;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status.danger, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status.danger, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status.danger, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status.danger {
  color: #c94040;
  background-color: #fcf6f6;
}
.asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status span, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status span, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status span, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status span break-word, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status span break-word, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status span break-word, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status span break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-checkpoint reservation-checkpoint-modal .modal-footer .btn-container.with-status .status span, .asconsole .modal-reservation-checkpoint visitor-checkpoint-modal .modal-footer .btn-container.with-status .status span, .asconsole .modal-reservation-checkpoint checkpoint-preview .modal-footer .btn-container.with-status .status span, .asconsole .modal-reservation-checkpoint checkpoint-preview-all .modal-footer .btn-container.with-status .status span {
    font-size: 14px;
  }
}

.asconsole checkpoint-preview-all asui-dropdown-typeahead {
  width: 100%;
  max-width: 330px;
  margin-right: 20px;
  border-radius: 8px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .textbox {
  border-radius: 8px;
  border: 0;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .textbox:focus {
  border: 0;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container {
  margin-top: 4px;
  overflow: hidden;
  border-radius: 8px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-container-inner-scroll {
  padding: 8px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item {
  padding: 4px 8px !important;
  border-radius: 8px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item.active {
  background-color: transparent;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item:hover {
  background-color: #EDF2F7;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-icon .card-thumbnail-image-circle {
  height: 24px;
  width: 24px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label span.name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label span.name break-word {
    word-break: break-all;
  }
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label span.status {
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 12px;
  background-color: #F8F9FC;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label span.status.success {
  color: #0C7E78;
  background-color: #F3F8F8;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label span.status.warning {
  color: #B25300;
  background-color: #FBF6F2;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .dropdown-container .dropdown-item .attendee-typeahead-label span.status.danger {
  color: #c94040;
  background-color: #fcf6f6;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .selected-item {
  padding: 12px 16px;
  border-radius: 8px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .selected-item .attendee-icon {
  margin-right: 10px;
}
.asconsole checkpoint-preview-all asui-dropdown-typeahead .selected-item .attendee-typeahead-label .status {
  display: none;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .selected-item {
  padding: 12px 16px;
  border-radius: 8px;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .selected-item .attendee-icon {
  margin-right: 10px;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .selected-item .attendee-typeahead-label .status {
  display: none;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-icon {
  margin-right: 10px;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-typeahead-label span.name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-typeahead-label span.name break-word {
    word-break: break-all;
  }
}
.asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-typeahead-label span.status {
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 12px;
  background-color: #F8F9FC;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-typeahead-label span.status.success {
  color: #0C7E78;
  background-color: #F3F8F8;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-typeahead-label span.status.warning {
  color: #B25300;
  background-color: #FBF6F2;
}
.asconsole asui-dropdown-typeahead-mobile-dialog .dropdown-item .attendee-typeahead-label span.status.danger {
  color: #c94040;
  background-color: #fcf6f6;
}

.asconsole reservation-checkpoint-url {
  position: relative;
  flex: 1;
}
.asconsole reservation-checkpoint-url .checkpoint-form-iframe {
  background-color: white;
  border: 0;
  outline: 0;
  width: 100%;
  height: 99%;
  padding-top: 32px;
}

.asconsole collab-post {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}

.asconsole ea-comment-badge .comment-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: white;
  color: #1E293B;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 11px;
  z-index: 10;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.asconsole ea-comment-badge .comment-badge svg {
  stroke: #475369;
}
.asconsole ea-comment-badge .comment-badge.has-new {
  background-color: #1668E3;
  color: white;
}
.asconsole ea-comment-badge .comment-badge.has-new svg {
  stroke: white;
}

.asconsole reservation-event-completed-checkpoints {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-event-completed-checkpoints .checkpoint-item {
  display: flex;
  align-items: center;
  border: 1px solid #DDE3EE;
  padding: 9px 12px;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 10px;
}
.asconsole reservation-event-completed-checkpoints .checkpoint-item .icon {
  min-width: 28px;
  color: #4f596e;
  font-size: 18px;
}
.asconsole reservation-event-completed-checkpoints .checkpoint-item .checkpoint-title {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-completed-checkpoints .checkpoint-item .checkpoint-title break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-completed-checkpoints .checkpoint-item:last-child {
  margin-bottom: 0;
}

.asconsole concierge-location-typeahead {
  display: flex;
  flex-basis: auto;
  position: relative;
  border-radius: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole concierge-location-typeahead > .icon {
  position: absolute;
  top: 14px;
  left: 12px;
  color: #4f596e;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead .item-container, .asconsole concierge-location-typeahead asui-dropdown-typeahead input {
  padding-left: 38px !important;
  padding-right: 30px !important;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 44px;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
  height: 44px;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead :-moz-placeholder {
  color: #8493AE;
  opacity: 0.55; /* Firefox */
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead ::-moz-placeholder {
  color: #8493AE;
  opacity: 0.55; /* Firefox */
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole concierge-location-typeahead asui-dropdown-typeahead .item-name break-word {
    word-break: break-all;
  }
}
.asconsole concierge-location-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}

.asconsole .modal-concierge-checkpoint-filters {
  width: 100%;
  max-width: 500px;
  max-height: 618px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-concierge-checkpoint-filters {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: unset;
  }
}
.asconsole .modal-concierge-checkpoint-filters .modal-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-bottom: var(--iphone-bottom-margin);
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none !important;
}
@media all and (max-width: 667px) {
  .asconsole .modal-concierge-checkpoint-filters .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.asconsole .modal-concierge-checkpoint-filters .modal-content ea-concierge-checkpoint-filter-modal {
  display: flex;
  flex-direction: column;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .loading-container {
  position: relative;
  min-height: 340px;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .btn {
  height: 40px;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  height: 52px;
  border-bottom: 1px solid #DDE3EE;
  color: #0b1835;
  padding: 0 10px 0 20px;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-header .icon-cross {
  font-size: 20px;
  padding: 10px;
  color: #4f596e;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  min-height: 340px;
  overflow-y: auto;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item {
  margin-bottom: 12px;
  position: relative;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item asui-infield-input-container label {
  white-space: nowrap;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item asui-multiselect {
  width: 100%;
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item asui-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item asui-multiselect .asui-multiselect .bootstrap-select .btn {
    line-height: 30px;
  }
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item .asui-dropdown,
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item .asui-multiselect {
  width: 100%;
  margin: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item .asui-dropdown .btn,
  .asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-content .filter-item .asui-multiselect .btn {
    line-height: 30px;
  }
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  border-top: 1px solid #DDE3EE;
  padding: 16px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-concierge-checkpoint-filters .modal-content .checkpoint-filters-footer .btn {
    width: 50%;
  }
}
.asconsole .modal-concierge-checkpoint-filters .modal-content .loading-mask-container {
  border-radius: 8px;
}

.asconsole browse-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: white;
  align-items: center;
  width: 100%;
  position: relative;
}
.asconsole browse-content .content-not-found-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.asconsole browse-content .browse-outer {
  align-items: center;
  max-width: 1168px !important;
}
.asconsole browse-content .browse-outer .browse-inner {
  position: relative;
}
.asconsole browse-content .browse-outer .browse-inner .event-post-container {
  padding-top: 40px;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .event-post-container {
    margin: 0 -12px;
    padding-top: 0;
  }
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  font-size: 20px;
  color: var(--nc-colors__neutral900, #1E293B);
  cursor: pointer;
  background-color: var(--nc-colors__neutral200, #DDE3EE);
  border: none;
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button:hover {
  background: var(--nc-colors__neutral300, #DDE3EE);
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button:focus-visible {
  background: #fff;
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button:active {
  background: var(--nc-colors__neutral400, #C4CEDE);
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button.is-overlay {
  color: #fff;
  background-color: rgba(11, 24, 53, 0.3);
  border-color: transparent;
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button.is-overlay:hover {
  background-color: rgba(11, 24, 53, 0.5);
  border-color: transparent;
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-button.is-overlay:focus, .asconsole browse-content .browse-outer .browse-inner .editor-action-button.is-overlay:active {
  background-color: rgba(11, 24, 53, 0.5);
  border-color: rgba(119, 176, 238, 0.5);
}
.asconsole browse-content .browse-outer .browse-inner .context-button {
  background-color: white;
}
.asconsole browse-content .browse-outer .browse-inner .back-padding {
  margin-left: 40px;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .back-button {
    display: none;
  }
  .asconsole browse-content .browse-outer .browse-inner .back-padding {
    display: none;
  }
}
.asconsole browse-content .browse-outer .browse-inner .header-block {
  position: relative;
}
.asconsole browse-content .browse-outer .browse-inner .author-section {
  display: flex;
  flex-direction: row;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .author-section {
    margin-top: 16px;
  }
}
.asconsole browse-content .browse-outer .browse-inner .author-section asui-card-user {
  margin-right: 16px;
}
.asconsole browse-content .browse-outer .browse-inner .author-section asui-card-user .card-thumbnail-image-circle {
  width: 68px !important;
  height: 68px !important;
}
.asconsole browse-content .browse-outer .browse-inner .author-section asui-card-user .card-thumbnail-image-circle span {
  font-size: 18px !important;
}
.asconsole browse-content .browse-outer .browse-inner .author-section asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .author-location-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter);
}
.asconsole browse-content .browse-outer .browse-inner .author-section .author-location-container .location {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--nc-colors__neutral600, #68768D);
  /* Body S/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole browse-content .browse-outer .browse-inner .author-section .author-location-container .location i {
  margin-right: 4px;
  margin-top: 1px;
  color: #68768D;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .author-location-container .seperator-dot {
  margin: 0 4px;
  font-size: 20px;
  line-height: 1;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .author {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: var(--nc-colors__neutral900, #1E293B);
  /* Body L/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
  cursor: pointer;
  color: inherit;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .author:hover {
  color: #0A5BEB;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .channel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .channel-name {
  cursor: pointer;
}
.asconsole browse-content .browse-outer .browse-inner .author-section .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-content .browse-outer .browse-inner .header-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 66px;
}
.asconsole browse-content .browse-outer .browse-inner .editor-action-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
  margin-top: -54px;
}
@media all and (max-width: 768px) {
  .asconsole browse-content .browse-outer .browse-inner .editor-action-container {
    margin-top: 40px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .editor-action-container {
    margin-top: 20px;
  }
}
.asconsole browse-content .browse-outer .browse-inner .editor-actions {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .editor-actions {
    display: none;
  }
}
.asconsole browse-content .browse-outer .browse-inner .editor-actions .editor-action-btn {
  margin-top: 38px;
  margin-left: 5px;
  height: 32px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex-basis: auto;
  position: relative;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-preview {
  max-width: none;
  border-radius: 12px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .post-analytic-view-observer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .postDetailContent-container {
  width: 100%;
  max-width: 770px;
  margin: 32px auto;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .content-container .postDetailContent-container .post-detail-content {
    margin-left: 0;
  }
}
.asconsole browse-content .browse-outer .browse-inner .content-container .postDetailContent-container::after {
  content: "";
  display: table;
  clear: both;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .contentFooter-container {
  margin-top: 40px;
  margin-bottom: 120px;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .content-container .contentFooter-container {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}
.asconsole browse-content .browse-outer .browse-inner .content-container .content-button-container {
  padding: 0;
  min-height: 0;
  max-width: 770px;
  margin: 0 auto;
  margin-top: 28px;
  width: 100%;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .content-button-container button .icon-calendar-line {
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .content-title {
  color: #333F55;
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .content-title h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.15;
  word-break: break-all;
  word-break: break-word;
  margin-bottom: 0;
  letter-spacing: -0.03125rem;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .content-container .content-title {
    font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.02em;
    margin-bottom: 0;
  }
}
.asconsole browse-content .browse-outer .browse-inner .content-container .content-date {
  color: #3c465d;
  margin-bottom: 16px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .content-container .content-date {
    font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.asconsole browse-content .browse-outer .browse-inner .content-container browse-content-post-preview {
  max-width: 770px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 14px;
  max-width: 100%;
  overflow: hidden;
}
.asconsole browse-content .browse-outer .browse-inner .content-container browse-content-post-preview video {
  border-radius: 14px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container browse-content-post-preview img {
  border-radius: 14px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-preview {
  max-width: 770px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}
.asconsole browse-content .browse-outer .browse-inner .content-container browse-card-channel-landscape .channel-name {
  text-transform: uppercase;
  color: #475369;
  margin-left: 9px;
  font-size: 14px;
  font-weight: 200;
}
.asconsole browse-content .browse-outer .browse-inner .content-container browse-card-channel-landscape asui-card-channel {
  width: 18px;
  min-width: 18px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container browse-card-channel-landscape asui-card-channel .asui-card .card-icon-xs {
  min-width: 18px !important;
  min-height: 22px !important;
  font-size: 9px !important;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article {
  padding: 0;
  min-height: 0;
  max-width: 770px;
  margin: 0 auto;
  margin-top: 28px;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article {
    padding: 0px;
  }
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article > *:first-child {
  margin-top: 0px !important;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article {
  background-color: transparent;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-weight: 400;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
  color: #1E293B;
  overflow-y: hidden;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article p {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-weight: 400;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article h1 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article h2 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article h3 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article h4 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article h5 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article h6 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article :first-child {
  margin-top: 0;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-article .connect-content-article :last-child {
  margin-bottom: 0;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .referral-link-container {
  display: flex;
  flex-direction: column;
  max-width: 770px;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 12px;
  width: 100%;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .referral-link-container .referral-link-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-weight: 600;
  color: #68768D;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .referral-link-container .referral-link-url {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .attachments-container {
  display: flex;
  flex-direction: column;
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
}
.asconsole browse-content .browse-outer .browse-inner .content-container .attachments-container .file-attachment {
  margin-top: 20px;
}
.asconsole browse-content .browse-outer .browse-inner .content-container clm-content-tags {
  max-width: 770px;
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
}
.asconsole browse-content .browse-outer .browse-inner .content-container asui-loading-mask {
  left: 0;
}
.asconsole browse-content .browse-outer .browse-inner .content-container asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-content .browse-outer .browse-inner .divider-line {
  margin: 24px 0px;
  background-color: #DDE3EE;
  height: 1px;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .divider-line {
    margin: 16px 0px;
  }
}
.asconsole browse-content .browse-outer .browse-inner .nav-container {
  display: flex;
  flex-direction: row;
  margin: 0px 0px 22px 0;
  color: #3c465d;
}
@media all and (max-width: 667px) {
  .asconsole browse-content .browse-outer .browse-inner .nav-container {
    margin: 0px 0px 8px 0;
  }
}
.asconsole browse-content .browse-outer .browse-inner .nav-container asui-card-content {
  border-radius: 3px;
  overflow: hidden;
}
.asconsole browse-content .browse-outer .browse-inner .nav-container asui-card-content .card-icon-only {
  border: 0 none;
}
.asconsole browse-content .browse-outer .browse-inner .nav-container asui-card-content .card-icon-only .card-icon-xs {
  width: 71.11112px;
  height: 40px;
}
.asconsole browse-content .browse-outer .browse-inner .nav-container clm-content-next .content-nav-container .content-thumbnail,
.asconsole browse-content .browse-outer .browse-inner .nav-container clm-content-previous .content-nav-container .content-thumbnail {
  flex: 1;
}

.asconsole browse-content-tags-autocomplete {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole browse-content-tags-autocomplete asui-tags-input {
  width: 100%;
}
.asconsole browse-content-tags-autocomplete asui-tags-input .asui-tags-input {
  min-height: 88px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  border-radius: 4px;
}
.asconsole browse-content-tags-autocomplete asui-tags-input .asui-tags-input .tags .input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 39px;
}
.asconsole browse-content-tags-autocomplete asui-tags-input .asui-tags-input .tags .tag-item {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  height: 39px;
  border-radius: 4px;
  background: #EDF2F7;
  color: #002169;
  border: 0;
  text-transform: none;
  padding: 6px 38px 6px 12px !important;
}
.asconsole browse-content-tags-autocomplete asui-tags-input .asui-tags-input .tags .tag-item .tag-text {
  color: #002169;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole browse-content-tags-autocomplete asui-tags-input .asui-tags-input .tags .tag-item .remove-button {
  color: #002169 !important;
}

.asconsole browse-home-conversational-ai-widget {
  width: 100%;
}

.asconsole browse-broadcast-crosslaunch {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 20px 0 20px;
}

.asconsole reservation-date-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole reservation-date-picker .schedule-viewer-block {
  display: flex;
  width: 100%;
  margin: 16px 0;
}
.asconsole reservation-date-picker .schedule-viewer-block .schedule-viewer {
  display: flex;
  gap: 4px;
  align-items: center;
  border-radius: 4px;
  background-color: #EDF2F7;
  height: 28px;
  padding: 6px 14px;
  cursor: pointer;
}
.asconsole reservation-date-picker .schedule-viewer-block .schedule-viewer span {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole reservation-date-picker .suggestion-block {
  display: flex;
  width: calc(100% + 32px);
  flex-direction: column;
  margin: 16px 0;
  padding: 12px 16px 0 16px;
  background: #f7f8fb;
  color: black;
  border-top: 1px solid #EDF2F7;
  border-bottom: 1px solid #EDF2F7;
}
.asconsole reservation-date-picker .suggestion-block .suggestion-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole reservation-date-picker .suggestion-block .suggestion-label img {
  width: 16px;
  height: 16px;
}
.asconsole reservation-date-picker .suggestion-block .suggestion-label span {
  margin-left: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole reservation-date-picker .suggestion-block .suggestion-items {
  display: flex;
  flex-direction: row;
  margin: 0 -16px;
  padding: 10px 16px 12px 16px;
  overflow-x: auto;
  gap: 8px;
}
.asconsole reservation-date-picker .suggestion-block .suggestion-items .suggestion-item {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  flex-shrink: 0;
  padding: 6px 8px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #EDF2F7;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.0705882353);
  cursor: pointer;
}
.asconsole reservation-date-picker .suggestion-block .suggestion-items .suggestion-item:hover, .asconsole reservation-date-picker .suggestion-block .suggestion-items .suggestion-item:focus {
  border: 1px solid #DDE3EE;
}
.asconsole reservation-date-picker .timezone-block {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-date-picker .timezone-block .timezone-match-container {
  font-size: 12px;
  margin-top: 5px;
  width: 100%;
}
.asconsole reservation-date-picker .timezone-block .timezone-match-container a {
  cursor: pointer;
}
.asconsole reservation-date-picker .duration-block {
  flex-direction: column;
  align-items: start !important;
}
.asconsole reservation-date-picker .duration-block .duration-item-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  margin-top: 14px;
  color: #3c465d;
}
.asconsole reservation-date-picker .duration-block .duration-item-label.has-error {
  color: #CB4848;
}
.asconsole reservation-date-picker .more-options-block {
  padding-left: 8px;
  cursor: pointer;
}
.asconsole reservation-date-picker .more-options-block .no-repeat {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole reservation-date-picker .more-options-block .timezone {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  margin-right: 5px;
}
.asconsole reservation-date-picker .more-options-block .more-options {
  flex: none;
  border-radius: 4px;
  background-color: #EDF2F7;
  height: 28px;
  padding: 6px 14px;
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole reservation-date-picker .datepicker-block {
  display: flex;
  flex: 1;
  width: 100%;
  align-items: center;
}
.asconsole reservation-date-picker .datepicker-block .start-date, .asconsole reservation-date-picker .datepicker-block .end-date {
  margin-right: 8px;
}
.asconsole reservation-date-picker .datepicker-block .date-clear {
  display: none;
}
.asconsole reservation-date-picker .datepicker-block asui-infield-input-container {
  width: 100%;
}
.asconsole reservation-date-picker .datepicker-block .dropdown-container-inner-scroll {
  max-height: 200px;
}
.asconsole reservation-date-picker .datepicker-block .allday-toggle {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.asconsole reservation-date-picker .datepicker-block .allday-toggle .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  flex: 1;
  color: #1E293B;
  font-weight: 500;
  margin-right: 5px;
}
.asconsole reservation-date-picker .datepicker-block .allday-toggle .toggle {
  width: 5px !important;
  min-width: 66px !important;
  font-weight: 700;
}
.asconsole reservation-date-picker .datepicker-block .allday-toggle .toggle .toggle-on.btn-sm {
  padding-left: 10px;
}
.asconsole reservation-date-picker .datepicker-block .allday-toggle .toggle .toggle-off {
  background-color: #858b9a;
  border-color: #858b9a !important;
  color: #fff;
}
.asconsole reservation-date-picker .datepicker-block .allday-toggle .toggle .toggle-off.btn-sm {
  padding-right: 10px;
}
.asconsole reservation-date-picker .datepicker-block reservation-recurrence-pattern .recurrence-label {
  min-height: 20px;
  margin-top: 18px;
  margin-bottom: 5px;
}
.asconsole reservation-date-picker .datepicker-block reservation-recurrence-pattern .recurrence-label input[type=checkbox] {
  margin-left: 5px;
}
.asconsole reservation-date-picker .datepicker-block reservation-recurrence-pattern .checkbox-block {
  margin-top: 0;
  margin-bottom: 0;
}
.asconsole reservation-date-picker .datepicker-block + .datepicker-block {
  margin-top: 18px;
}

.asconsole reservation-date-range-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.asconsole reservation-date-range-picker .timezone-label-desktop {
  z-index: 2;
  position: absolute;
  right: 54px;
  bottom: 9px;
  color: var(--nc-colors__neutral600);
  /* Caption/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}
@media all and (max-width: 667px) {
  .asconsole reservation-date-range-picker .timezone-label-desktop {
    display: none;
  }
}
.asconsole reservation-date-range-picker .timezone-label-mobile {
  z-index: 2;
  margin: 2px 0 12px 0;
  width: 100%;
  color: var(--nc-colors__neutral600);
  /* Body S/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole reservation-date-range-picker .timezone-label-mobile {
    display: initial;
  }
}
.asconsole reservation-date-range-picker .block-disable {
  pointer-events: none;
}
.asconsole reservation-date-range-picker .block-disable .asui-date-picker {
  background-color: #eef4f9;
}
.asconsole reservation-date-range-picker .block-disable asui-dropdown-typeahead {
  background-color: #eef4f9;
  color: #475369;
}
.asconsole reservation-date-range-picker .block-disable input {
  pointer-events: none;
  color: #475369;
}
.asconsole reservation-date-range-picker .datepicker-block {
  display: flex;
  flex: 1;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 240px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-date-range-picker .datepicker-block .date-container {
    min-width: unset;
  }
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .asui-date-picker {
  flex: 1;
  width: 100px;
  background-color: white;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .asui-date-picker input {
  width: 98px;
  cursor: pointer;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .asui-date-picker .bootstrap-datetimepicker-widget {
  font-size: 12px;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .asui-date-picker .date-clear {
  display: none !important;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .asui-date-picker .date-clear .icon-cross {
  display: none;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .asui-date-picker .icon-calendar {
  top: 13px !important;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container .icon-caret-down {
  right: 10px;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container asui-infield-input-container {
  width: 100%;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container asui-infield-input-container .asui-date-picker input[type=text] {
  padding: 0 16px 6px 40px;
  height: 30px !important;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container asui-infield-input-container .asui-date-picker .icon-calendar {
  top: unset !important;
  bottom: 8px;
  left: 14px;
  color: #4f596e;
}
.asconsole reservation-date-range-picker .datepicker-block .date-container asui-infield-input-container .icon-caret-down {
  bottom: 7px;
  top: unset !important;
  right: 12px;
  font-size: 16px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container {
  position: relative;
  display: flex;
  flex: 1;
  margin-left: 5px;
  min-width: 240px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-date-range-picker .datepicker-block .time-container {
    min-width: unset;
  }
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-infield-input-container {
  width: 100%;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-dropdown-typeahead {
  flex: 1;
  background-color: white;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-dropdown-typeahead .item-container {
  padding: 6px 12px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-dropdown-typeahead .textbox {
  height: 30px;
  border-radius: 4px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-dropdown-typeahead .fa-caret-down {
  display: none;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-dropdown-typeahead .dropdown-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-dropdown-typeahead .dropdown-container .dropdown-container-inner .dropdown-item {
  padding: 8px 0px 8px 12px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container .show-clock .item-container,
.asconsole reservation-date-range-picker .datepicker-block .time-container .show-clock input {
  padding-left: 35px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container .icon-clock {
  position: absolute;
  color: #4f596e;
  left: 12px;
  top: 12px;
  pointer-events: none;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container .icon-caret-down {
  right: 10px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-infield-input-container asui-dropdown-typeahead.show-clock .item-container, .asconsole reservation-date-range-picker .datepicker-block .time-container asui-infield-input-container asui-dropdown-typeahead.show-clock input {
  padding: 2px 16px 6px 40px;
  height: 30px !important;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-infield-input-container .icon-clock {
  top: unset !important;
  bottom: 8px;
  left: 14px;
}
.asconsole reservation-date-range-picker .datepicker-block .time-container asui-infield-input-container .icon-caret-down {
  bottom: 7px;
  top: unset !important;
  right: 12px;
  font-size: 16px;
}
.asconsole reservation-date-range-picker .datepicker-block .icon-caret-down {
  position: absolute;
  color: #4f596e;
  top: 13px;
  pointer-events: none;
}
.asconsole reservation-date-range-picker .to {
  margin: 0 4px;
  font-size: 12px;
}

.asconsole reservation-delete-appspace-event-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 16px;
}
.asconsole reservation-delete-appspace-event-modal .modal-body {
  padding-left: 30px;
}
.asconsole reservation-delete-appspace-event-modal asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole reservation-delete-event-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 16px;
}
.asconsole reservation-delete-event-modal .modal-body {
  padding-left: 30px;
}
.asconsole reservation-delete-event-modal asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole ea-app-links {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole ea-app-links .browse-top-container {
    display: none;
  }
}
.asconsole ea-app-links .browse-outer {
  align-items: center;
}
.asconsole ea-app-links .apps-grid .grid-container {
  margin: -14px -10px 20px -30px;
}
@media all and (max-width: 667px) {
  .asconsole ea-app-links .apps-grid .grid-container {
    margin: 12px 0px 20px -30px;
  }
}
.asconsole ea-app-links .apps-grid .grid-container .grid-item {
  min-width: 0;
  padding: 15px 0 0 30px;
  flex: 0 0 33%;
}
@media (max-width: 1200px) {
  .asconsole ea-app-links .apps-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-app-links .apps-grid .grid-container .grid-item {
    flex: 0 0 40%;
  }
}
@media (max-width: 667px) {
  .asconsole ea-app-links .apps-grid .grid-container .grid-item {
    flex: 0 0 100%;
    padding-top: 12px;
  }
}
.asconsole ea-app-links .apps-grid .grid-container .grid-item ea-card-app-link {
  padding: 14px 18px;
  min-height: 86px;
  border: 1px solid #DDE3EE;
  background-color: white;
  border-radius: 8px;
}
.asconsole ea-app-links .apps-grid .grid-container .grid-item ea-card-app-link .app-icon {
  min-height: 44px;
  min-width: 44px;
  max-height: 44px;
  max-width: 44px;
  margin-right: 14px;
}
.asconsole ea-app-links .apps-grid .grid-container .grid-item ea-card-app-link .app-icon .icon {
  font-size: 40px;
}

.asconsole ea-concierge {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-basis: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: white;
}
.asconsole ea-concierge .ea-concierge-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.asconsole ea-concierge .ea-concierge-container .ea-concierge-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
}
.asconsole ea-concierge .ea-concierge-container .ea-concierge-content .ea-concierge-left {
  width: 355px;
  height: 100%;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1);
  padding: 19px 23px;
  position: relative;
}
@media all and (max-width: 992px) {
  .asconsole ea-concierge .ea-concierge-container .ea-concierge-content .ea-concierge-left {
    display: none;
  }
}
.asconsole ea-concierge .ea-concierge-container .ea-concierge-content .ea-concierge-left ea-concierge-filters {
  position: absolute;
  padding: 19px 23px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole ea-concierge .ea-concierge-container .ea-concierge-content .ea-concierge-right {
  display: flex;
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
}

.asconsole ea-concierge-filters {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
@media all and (max-width: 992px) {
  .asconsole ea-concierge-filters {
    padding-bottom: 20px;
  }
}
.asconsole ea-concierge-filters .dashboard-ddl {
  margin-bottom: 15px;
}
.asconsole ea-concierge-filters .dashboard-ddl .dropdown-container,
.asconsole ea-concierge-filters .dashboard-ddl .dropdown-container .dropdown-container-inner-scroll {
  max-height: 332px;
}
.asconsole ea-concierge-filters .dashboard-ddl .dropdown-container .dropdown-container-inner-scroll > div:empty {
  min-height: 8px;
}
.asconsole ea-concierge-filters asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole ea-concierge-filters asui-dropdown-typeahead input {
  height: 44px;
}
.asconsole ea-concierge-filters .calendar {
  width: 100%;
  height: 170px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole ea-concierge-filters .filter-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 18px;
  margin-bottom: 4px;
}
.asconsole ea-concierge-filters .filter-label.dashboard {
  margin-top: 0;
}
.asconsole ea-concierge-filters .biline {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
.asconsole ea-concierge-filters .asui-tags-input {
  border-radius: 4px;
}
.asconsole ea-concierge-filters asui-date-picker-inline {
  height: initial;
}
.asconsole ea-concierge-filters .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole ea-concierge-filters .asui-dropdown .dropdown-toggle {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole ea-concierge-filters .asui-dropdown .bootstrap-select .btn {
  height: 44px;
  border-radius: 4px;
}
.asconsole ea-concierge-filters reservation-event-status-dropdown {
  display: block;
  width: 100%;
  position: relative;
}
.asconsole ea-concierge-filters reservation-event-status-dropdown .dropdown-toggle {
  padding-left: 40px;
  min-height: 44px;
  height: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.asconsole ea-concierge-filters reservation-event-status-dropdown .dropdown-toggle .caret {
  top: 22px !important;
}
.asconsole ea-concierge-filters reservation-event-status-dropdown asui-multiselect .bootstrap-select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
.asconsole ea-concierge-filters reservation-event-status-dropdown asui-multiselect .bootstrap-select .dropdown-toggle {
  width: 100% !important;
}
.asconsole ea-concierge-filters .checkpoint-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin-top: 8px;
}
.asconsole ea-concierge-filters .checkpoint-list .invalid-checkpoint {
  border: 1px solid #CB4848;
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item {
  display: flex;
  background-color: #F8F9FC;
  width: 100%;
  padding: 8px 14px;
  margin-bottom: 8px;
  border-radius: 4px;
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item .checkpoint-icon {
  margin-right: 8px;
  color: #4f596e;
  margin-top: 2px;
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item .details {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-right: 4px;
  min-width: 0;
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item .details .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #333F55;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-concierge-filters .checkpoint-list .checkpoint-item .details .name break-word {
    word-break: break-all;
  }
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item .details .filters {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item .icon-context {
  cursor: pointer;
  color: #1E293B;
  padding: 1px 0;
}
.asconsole ea-concierge-filters .checkpoint-list .checkpoint-item:last-child {
  margin-bottom: 0;
}
.asconsole ea-concierge-filters .btn-container {
  display: flex;
  flex: 1;
  margin-top: 18px;
}
@media all and (max-width: 992px) {
  .asconsole ea-concierge-filters .btn-container {
    display: none;
  }
}
.asconsole ea-concierge-filters .btn-container .btn {
  flex: 1;
}
.asconsole ea-concierge-filters .btn-container .action-btn {
  margin-right: 10px;
  max-width: 50%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole ea-concierge-filters .btn-container .action-btn:last-child {
  margin-right: 0;
}
.asconsole ea-concierge-filters .btn-container .asui-context-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.asconsole ea-concierge-filters .btn-container .asui-context-menu .cm-button {
  line-height: 2.2;
  flex: 1;
}
.asconsole ea-concierge-filters .btn-container .asui-context-menu .asui-context-menu-popover {
  border: 1px solid #DDE3EE;
  border-radius: 6px;
}
.asconsole ea-concierge-filters .btn-container .asui-context-menu .asui-context-menu-popover .popover-content {
  min-width: 147px;
}
.asconsole ea-concierge-filters .btn-container .asui-context-menu .asui-context-menu-popover .popover-content .item-icon {
  color: #4f596e;
}
.asconsole ea-concierge-filters asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole ea-my-approvals {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
}
.asconsole ea-my-approvals .manager-submenu {
  padding-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-approvals .manager-submenu {
    padding: 0;
  }
}
.asconsole ea-my-approvals .browse-top-container .ea-reservations-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole ea-my-approvals .browse-top-container .ea-reservations-topbar {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-approvals .browse-top-container .ea-reservations-topbar {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0 -16px;
    display: block;
  }
}
.asconsole ea-my-approvals .content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole ea-my-approvals .content-container .loading-mask-container {
  background-color: transparent;
}
.asconsole ea-my-approvals .content-container .grid-container {
  margin: 0 0 20px 0;
  min-height: 50px;
}
.asconsole ea-my-approvals .content-container .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 10px 0 0 0;
}
.asconsole ea-my-approvals .content-container .grid-container .grid-item .date-section-header {
  margin: 14px 0 14px 0;
}
.asconsole ea-my-approvals .content-container .grid-container .grid-item reservation-card-event {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-approvals .content-container .grid-container .grid-item reservation-card-event {
    display: none;
  }
}
.asconsole ea-my-approvals .content-container .grid-container .grid-item reservation-card-event-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-approvals .content-container .grid-container .grid-item reservation-card-event-mobile {
    display: flex;
  }
}
.asconsole ea-my-approvals .content-container .grid-container .grid-item:nth-child(2) {
  padding: 0;
}
.asconsole ea-my-approvals .content-container .grid-container .grid-item:nth-child(2) .date-section-header {
  margin-top: 10px;
}
.asconsole ea-my-approvals .content-container .clear-filters-container {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.asconsole ea-my-approvals .content-container .clear-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole ea-my-approvals .content-container .cta-container {
  display: flex;
  flex: 1;
}
.asconsole ea-my-approvals .content-container .cta-container .h3 {
  margin-top: 55px;
}

.asconsole ea-my-delegators {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: white;
}
.asconsole ea-my-delegators .browse-top-container {
  padding-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-delegators .browse-top-container {
    padding: 0;
  }
}
.asconsole ea-my-delegators .browse-top-container .ea-reservations-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole ea-my-delegators .browse-top-container .ea-reservations-header .create-btn .icon-plus {
  margin-right: 6px;
  font-size: 13px;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-delegators .browse-top-container .ea-reservations-header .create-btn {
    display: none;
  }
}
.asconsole ea-my-delegators .browse-top-container .ea-reservations-header .create-btn-mobile {
  display: none;
  margin-bottom: var(--device-iphone-notch-size);
}
@media all and (max-width: 992px) {
  .asconsole ea-my-delegators .browse-top-container .ea-reservations-header .create-btn-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 16px;
    right: 16px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    z-index: 2;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-my-delegators .browse-top-container .ea-reservations-header .create-btn-mobile {
    bottom: 95px;
  }
}
.asconsole ea-my-delegators .browse-top-container .ea-reservations-topbar {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 992px) {
  .asconsole ea-my-delegators .browse-top-container .ea-reservations-topbar {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0 -16px;
    display: block;
  }
}
.asconsole ea-my-delegators react-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}

.asconsole ea-my-reservations {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
}
.asconsole ea-my-reservations .browse-top-container {
  padding-bottom: 0;
}
.asconsole ea-my-reservations .browse-top-container.manager-submenu {
  padding-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .browse-top-container.manager-submenu {
    padding: 0;
  }
}
.asconsole ea-my-reservations .browse-top-container.no-manager-menu {
  padding-bottom: 48px;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .browse-top-container.no-manager-menu {
    padding: 0;
    border-bottom: 0;
  }
}
.asconsole ea-my-reservations .browse-top-container .ea-reservations-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole ea-my-reservations .browse-top-container .ea-reservations-topbar {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .browse-top-container .ea-reservations-topbar {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0 -16px;
    display: block;
    position: relative;
    bottom: unset;
  }
}
.asconsole ea-my-reservations .my-reservations-filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .my-reservations-filter-bar {
    padding: 24px 0 0 0;
  }
}
.asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-right reservation-event-filters-btn .ea-filter-modal-btn {
  height: 56px;
}
.asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left {
  display: flex;
  flex: 1;
  padding-right: 8px;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left {
    padding-right: 0;
  }
}
.asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left asui-infield-input-container {
  width: 300px;
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left asui-infield-input-container {
    width: initial;
    flex: 1;
  }
}
.asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left asui-search-autocomplete .search-item .item-icon {
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #002169;
  border-radius: 50%;
  color: white;
  font-size: 9px;
}
.asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left asui-search-autocomplete .search-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-my-reservations .my-reservations-filter-bar .filter-bar-left asui-search-autocomplete .search-item .name break-word {
    word-break: break-all;
  }
}
.asconsole ea-my-reservations .reserve-now-container {
  margin: 10px 0 24px 0;
}
.asconsole ea-my-reservations .reserve-now-container .reserve-now-title {
  font-size: 20px;
  margin: 10px 0 24px 0;
}
.asconsole ea-my-reservations .content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole ea-my-reservations .content-container .loading-mask-container {
  background-color: transparent;
}
.asconsole ea-my-reservations .content-container .grid-container {
  margin: 0 0 20px 0;
  min-height: 50px;
}
.asconsole ea-my-reservations .content-container .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 10px 0 0 0;
}
.asconsole ea-my-reservations .content-container .grid-container .grid-item .date-section-header {
  margin: 14px 0 14px 0;
}
.asconsole ea-my-reservations .content-container .grid-container .grid-item reservation-card-event {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .content-container .grid-container .grid-item reservation-card-event {
    display: none;
  }
}
.asconsole ea-my-reservations .content-container .grid-container .grid-item reservation-card-event-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-reservations .content-container .grid-container .grid-item reservation-card-event-mobile {
    display: flex;
  }
}
.asconsole ea-my-reservations .content-container .grid-container .grid-item:nth-child(2) {
  padding: 0;
}
.asconsole ea-my-reservations .content-container .grid-container .grid-item:nth-child(2) .date-section-header {
  margin-top: 10px;
}
.asconsole ea-my-reservations .content-container .clear-filters-container {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.asconsole ea-my-reservations .content-container .clear-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole ea-my-reservations .content-container .cta-container {
  display: flex;
  flex: 1;
}
.asconsole ea-my-reservations .content-container .cta-container .h3 {
  margin-top: 55px;
}

.asconsole ea-my-team {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: white;
}
.asconsole ea-my-team .browse-top-container {
  padding-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-my-team .browse-top-container {
    padding: 0;
  }
}
.asconsole ea-my-team .browse-top-container .ea-reservations-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole ea-my-team .browse-top-container .ea-reservations-topbar {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 992px) {
  .asconsole ea-my-team .browse-top-container .ea-reservations-topbar {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0 -16px;
    display: block;
  }
}
.asconsole ea-my-team .ea-my-team-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-basis: auto;
  align-items: center;
  width: 100%;
  height: 100%;
}
.asconsole ea-my-team .ea-my-team-content .ea-my-team-left {
  width: 355px;
  height: 100%;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.1);
  padding: 19px 23px;
  position: relative;
}
@media all and (max-width: 992px) {
  .asconsole ea-my-team .ea-my-team-content .ea-my-team-left {
    display: none;
  }
}
.asconsole ea-my-team .ea-my-team-content .ea-my-team-left ea-my-team-filters {
  position: absolute;
  padding: 19px 23px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole ea-my-team .ea-my-team-content .ea-my-team-right {
  display: flex;
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.asconsole ea-my-team .ea-my-team-content .ea-my-team-right ea-reservations-calendar {
  position: absolute;
  width: 100%;
  height: 100%;
}

.asconsole ea-my-team-filters {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
@media all and (max-width: 992px) {
  .asconsole ea-my-team-filters {
    padding-bottom: 20px;
  }
}
.asconsole ea-my-team-filters .dashboard-ddl {
  margin-bottom: 15px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole ea-my-team-filters .dashboard-ddl input {
  height: 44px;
}
.asconsole ea-my-team-filters .calendar {
  width: 100%;
  height: 170px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole ea-my-team-filters .filter-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 18px;
  margin-bottom: 4px;
}
.asconsole ea-my-team-filters .filter-label.dashboard {
  margin-top: 0;
}
.asconsole ea-my-team-filters .biline {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
.asconsole ea-my-team-filters asui-tags-input {
  margin-bottom: 0 !important;
}
.asconsole ea-my-team-filters asui-tags-input .asui-tags-input {
  border-radius: 4px;
}
.asconsole ea-my-team-filters asui-date-picker-inline {
  height: initial;
}
.asconsole ea-my-team-filters asui-date-picker-inline td.active {
  background-color: #002169 !important;
}
.asconsole ea-my-team-filters .people-container {
  margin-top: 10px;
}
.asconsole ea-my-team-filters .btn-container {
  display: flex;
  flex: 1;
  margin-top: 18px;
}
@media all and (max-width: 992px) {
  .asconsole ea-my-team-filters .btn-container {
    display: none;
  }
}
.asconsole ea-my-team-filters .btn-container .btn {
  flex: 1;
}
.asconsole ea-my-team-filters .btn-container .action-btn {
  margin-right: 10px;
  max-width: 50%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole ea-my-team-filters .btn-container .action-btn:last-child {
  margin-right: 0;
}
.asconsole ea-my-team-filters .btn-container .asui-context-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.asconsole ea-my-team-filters .btn-container .asui-context-menu .cm-button {
  line-height: 2.2;
  flex: 1;
}
.asconsole ea-my-team-filters .btn-container .asui-context-menu .asui-context-menu-popover {
  border: 1px solid #DDE3EE;
  border-radius: 6px;
}
.asconsole ea-my-team-filters .btn-container .asui-context-menu .asui-context-menu-popover .popover-content {
  min-width: 147px;
}
.asconsole ea-my-team-filters .btn-container .asui-context-menu .asui-context-menu-popover .popover-content .item-icon {
  color: #4f596e;
}
.asconsole ea-my-team-filters .mask-loading .loading-mask-container {
  opacity: 0.5;
}

.asconsole ea-places {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
}
.asconsole ea-places .browse-top-container {
  border-bottom: 0;
  background-color: transparent;
}
.asconsole ea-places .ea-places-topbar {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-module-tabs {
    margin: 0 !important;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .asconsole ea-places .ea-places-topbar .ea-module-tabs::-webkit-scrollbar {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-module-tabs .navbar-item {
    white-space: nowrap;
    margin-right: 24px !important;
  }
}
.asconsole ea-places .ea-places-topbar .ea-places-navbar {
  display: flex;
  border-bottom: 1px solid #DDE3EE;
  padding: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-places-navbar {
    padding: 0;
    margin: 0 -16px;
    background-color: white;
  }
}
.asconsole ea-places .ea-places-topbar .ea-places-navbar .navbar-item {
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
  padding: 15px 20px;
  color: #1E293B;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-places-navbar .navbar-item {
    padding: 12px 10px;
    justify-content: center;
    flex: 1;
  }
}
.asconsole ea-places .ea-places-topbar .ea-places-navbar .navbar-item .icon {
  margin-right: 10px;
  font-size: 16px;
}
.asconsole ea-places .ea-places-topbar .ea-places-navbar .navbar-item.selected {
  border-color: #002169;
  color: #002169;
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar {
  display: flex;
  width: 100%;
  padding: 24px 0 0 0;
  position: relative;
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar .loading-mask-container {
  background-color: var(--nc-colors__backgroundColor, #f5f5f5);
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar {
    flex-direction: column;
    margin-top: 0;
    padding: 20px 0px 0 0px;
  }
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar .loading-mask-container {
    background-color: white;
  }
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item {
  position: relative;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item reservation-date-range-picker {
    min-width: 300px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item reservation-date-range-picker .datepicker-block {
    flex-direction: row;
  }
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item reservation-date-range-picker .date-container .start-date {
    width: 100%;
  }
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item reservation-date-range-picker .time-container {
    margin-bottom: 0;
    width: 50%;
  }
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item > .icon {
  position: absolute;
  top: 16px;
  color: #4f596e;
  z-index: 2;
  font-size: 16px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item .icon-duration {
  left: 12px;
  font-size: 18px;
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item .duration {
  margin: 0;
  width: 160px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places .ea-places-topbar .ea-places-filter-bar .filter-item .duration {
    width: 100%;
  }
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar asui-dropdown-typeahead .item-container {
  font-size: 16px;
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar asui-dropdown-typeahead .dropdown-container {
  top: 44px;
  font-size: 16px;
}
.asconsole ea-places .ea-places-topbar .ea-places-filter-bar asui-dropdown-typeahead input {
  border-radius: 6px !important;
}
.asconsole ea-places .ea-places-content {
  display: flex;
  flex: 1;
}
.asconsole ea-places .ea-places-content .grid-container .grid-item {
  min-width: 0;
  padding: 24px 0 0 24px;
  flex: 0 0 25%;
}
@media (max-width: 1160px) {
  .asconsole ea-places .ea-places-content .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 900px) {
  .asconsole ea-places .ea-places-content .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 650px) {
  .asconsole ea-places .ea-places-content .grid-container .grid-item {
    flex: 0 0 100%;
  }
}

.asconsole ea-visitors {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
}
.asconsole ea-visitors .browse-page-container-large {
  background-color: transparent;
}
.asconsole ea-visitors .browse-outer.browse-outer-medium {
  max-width: 1284px;
}
.asconsole ea-visitors .browse-outer.browse-outer-medium .browse-inner {
  margin-top: 16px;
}
.asconsole ea-visitors .visitors-header-wrapper {
  width: 100%;
  background-color: transparent;
  padding: 0 24px;
}
.asconsole ea-visitors .ea-visitors-topbar {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar {
    margin: 0;
    padding: 15px 0px 5px 0px;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar {
  display: flex;
  width: 100%;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar {
    flex-direction: column;
    padding-bottom: 10px;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar asui-infield-input-container {
  display: block;
  flex: 1;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar asui-infield-input-container visitors-building-typeahead {
  background-color: white;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar asui-infield-input-container visitors-building-typeahead asui-dropdown-typeahead .textbox {
  height: 30px;
  font-size: 16px;
  padding-left: 40px !important;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar asui-infield-input-container visitors-building-typeahead asui-dropdown-typeahead .selected-item {
  padding-left: 40px !important;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar asui-infield-input-container visitors-building-typeahead asui-dropdown-typeahead .fa-caret-down {
  color: #4f596e;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar asui-infield-input-container visitors-building-typeahead > .icon {
  top: unset;
  bottom: 8px;
  color: #4f596e;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item {
  display: flex;
  flex-basis: auto;
  position: relative;
  margin-right: 8px;
  background-color: white;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item {
    margin-right: 0;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item asui-infield-input-container .asui-date-range-picker {
  height: 30px;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item asui-infield-input-container .asui-date-range-picker .icon-calendar {
  top: unset;
  bottom: 8px;
  color: #4f596e;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item asui-infield-input-container .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item asui-infield-input-container .asui-date-range-picker .date-input {
  cursor: pointer;
  padding-left: 40px;
  margin: 0;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-item asui-infield-input-container .icon-caret-down {
  position: absolute;
  right: 14px;
  bottom: 7px;
  font-size: 16px;
  color: #4f596e;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .ea-filter-modal-btn {
  height: 44px;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .desktop-filter-btn {
  margin-right: 13px;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .desktop-filter-btn {
    display: none;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-row {
  flex: 1;
  margin-right: 8px;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-row {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-row .mobile-filter-btn {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .filter-row .mobile-filter-btn {
    display: inline;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .export-btn {
  height: 58px;
  width: 58px;
  margin-right: 8px;
  color: #4f596e;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .export-btn {
    display: none;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-btn {
  height: 58px;
  min-width: 100px;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-btn {
    display: none;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-btn .icon-plus {
  font-size: 13px;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-btn-mobile {
  display: none;
  margin-bottom: var(--device-iphone-notch-size);
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-btn-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 95px;
    right: 16px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    z-index: 2;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-import-btn {
    display: none;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-import-btn .btn {
  height: 58px;
  padding: 12px 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-filter-bar .invite-import-btn .btn.main-btn {
  min-width: 100px;
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-summary-bar {
  display: flex;
  flex: 1;
  flex-direction: row;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-summary-bar card-party-status {
  margin-top: 10px;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-summary-bar card-party-status {
    margin-top: 0;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-summary-bar card-party-status .vs-status {
  padding: 4px 6px;
}
@media all and (max-width: 667px) {
  .asconsole ea-visitors .ea-visitors-topbar .ea-visitors-summary-bar card-party-status .vs-status {
    min-width: 50px;
    margin-right: 0;
  }
}
.asconsole ea-visitors .ea-visitors-topbar .ea-visitors-summary-bar card-party-status .status-selected {
  border-radius: 2px;
  background-color: #E0EAF5;
}
.asconsole ea-visitors .content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-bottom: 0;
  flex-basis: auto;
}
.asconsole .invite-import-btn .btn .icon {
  font-size: 13px;
}
.asconsole .invite-import-btn .dropdown-toggle {
  width: auto;
  padding: 0 10px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.asconsole .invite-import-btn .dropdown-menu {
  margin-top: 0;
  left: 0px !important;
  border: 1px solid #DDE3EE;
  padding: 6px 0;
}
.asconsole .invite-import-btn .dropdown-menu.dropdown-menu-right {
  left: auto !important;
}
.asconsole .invite-import-btn .dropdown-menu .divider {
  margin: 6px 0;
}
.asconsole .invite-import-btn .dropdown-menu li a {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  padding: 8px 15px;
  line-height: 1;
  clear: both;
}
.asconsole .invite-import-btn .dropdown-menu li a .icon {
  width: 20px;
  margin-right: 4px;
}

.asconsole ea-places-workspaces {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-places-workspaces {
    display: inline;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .browse-top-container {
    background-color: white;
    padding-bottom: 20px;
  }
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building {
  margin-right: 10px;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building reservation-building-typeahead {
  background-color: white;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building reservation-building-typeahead asui-dropdown-typeahead .textbox {
  height: 30px;
  font-size: 16px;
  padding-left: 40px !important;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building reservation-building-typeahead asui-dropdown-typeahead .selected-item {
  padding-left: 40px !important;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building reservation-building-typeahead .fa-caret-down {
  color: #4f596e;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar asui-infield-input-container#workspaces-building reservation-building-typeahead > .icon {
  top: unset;
  bottom: 8px;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker {
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker {
    margin-right: 0px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker asui-infield-input-container {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar reservation-date-range-picker .datepicker-block .date-container {
  margin-right: 5px;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container {
  display: flex;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration {
  flex: 1;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .asui-dropdown .btn {
  padding-left: 35px;
  height: 30px;
  min-height: unset;
  font-size: 16px;
  border-radius: 4px;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .asui-dropdown .dropdown-container {
  top: 44px;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .duration {
  margin: 0;
  width: 160px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .duration {
    width: 100%;
  }
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .duration .btn {
  height: 30px;
  padding-left: 40px;
  font-size: 16px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .duration .btn {
    font-size: 14px;
    padding-left: 40px;
  }
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .duration .btn .caret {
  color: #4f596e;
}
.asconsole ea-places-workspaces .ea-places-topbar .ea-places-filter-bar .duration-container asui-infield-input-container#workspaces-duration .icon-duration {
  position: absolute;
  bottom: 9px;
  left: 14px;
  color: #4f596e;
  z-index: 2;
  font-size: 19px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole ea-places-workspaces .ea-places-topbar .filter-pills {
  margin-top: 24px;
  margin-bottom: -14px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-workspaces .ea-places-topbar .filter-pills {
    margin: 14px -20px -10px -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.asconsole ea-edit-attendee-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole ea-edit-attendee-modal .modal-header {
  padding: 0;
  display: flex;
  border-bottom: 0;
}
.asconsole ea-edit-attendee-modal .modal-header .user-container {
  display: flex;
  flex: 1;
  min-width: 0;
  padding: 18px 0 14px 18px;
}
.asconsole ea-edit-attendee-modal .modal-header .user-container .card-thumbnail-image-circle {
  width: 40px;
  height: 40px;
}
.asconsole ea-edit-attendee-modal .modal-header .user-container .card-thumbnail-image-circle span {
  font-size: 16px;
}
.asconsole ea-edit-attendee-modal .modal-header .user-container .user-label {
  margin-left: 8px;
  line-height: 1.2;
  min-width: 0;
  color: #2d3851;
}
.asconsole ea-edit-attendee-modal .modal-header .user-container .user-label .name {
  font-size: 16px;
  margin-bottom: 1px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-edit-attendee-modal .modal-header .user-container .user-label .name break-word {
    word-break: break-all;
  }
}
.asconsole ea-edit-attendee-modal .modal-header .user-container .user-label .details {
  font-size: 14px;
}
.asconsole ea-edit-attendee-modal .modal-header .icon-cross {
  font-size: 20px;
  color: #4f596e;
  padding: 15px;
  cursor: pointer;
}
.asconsole ea-edit-attendee-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole ea-edit-attendee-modal .hr-header {
  margin: 0 18px;
  border-color: #DDE3EE;
}
.asconsole ea-edit-attendee-modal .modal-footer {
  padding: 15px 18px;
  display: flex;
  justify-content: flex-end;
}
.asconsole ea-edit-attendee-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 18px 30px 18px;
}
@media all and (max-width: 667px) {
  .asconsole ea-edit-attendee-modal .modal-body {
    padding: 18px;
  }
}
.asconsole ea-edit-attendee-modal .modal-body .form-input {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.asconsole ea-edit-attendee-modal .modal-body .form-input:first-child {
  margin-top: 0;
}
.asconsole ea-edit-attendee-modal .modal-body .form-input .asui-dropdown {
  margin: 0;
}
.asconsole ea-edit-attendee-modal .modal-body .form-input .asui-dropdown .btn {
  height: 44px;
}
.asconsole ea-edit-attendee-modal .modal-body .form-input .asui-dropdown .btn, .asconsole ea-edit-attendee-modal .modal-body .form-input .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole ea-edit-attendee-modal .modal-body .form-input .key {
  margin-bottom: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole ea-edit-attendee-modal .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole ea-edit-attendee-modal .modal-footer .btn-remove {
  color: #CB4848;
  border-color: #CB4848;
}
.asconsole ea-edit-attendee-modal .modal-footer .btn-remove i {
  margin-top: 1px;
  margin-right: 4px;
}
.asconsole .modal-ea-edit-attendee .modal-dialog {
  width: 430px;
  margin-right: 10px;
  height: 354px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-ea-edit-attendee .modal-dialog {
    width: calc(100% - 20px);
  }
}
.asconsole .modal-ea-edit-attendee .modal-content {
  border-radius: 8px;
}

.asconsole reservation-edit-recurring-event-confirmation {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 16px;
}
.asconsole reservation-edit-recurring-event-confirmation .modal-body {
  padding-left: 30px;
}
.asconsole reservation-edit-recurring-event-confirmation asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole browse-event .browse-page-container-large {
  overflow: hidden;
}

reservation-event-approval {
  display: flex;
  flex-direction: column;
}
reservation-event-approval .reservation-approval-input label {
  margin-bottom: 8px;
}
reservation-event-approval .reservation-approval-input textarea {
  resize: vertical;
  margin: 0;
  height: 124px;
}
reservation-event-approval .reservation-approval-actions {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
reservation-event-approval .reservation-approval-actions button {
  flex: 1;
}
reservation-event-approval .reservation-approval-actions button + button {
  margin-left: 16px;
}
reservation-event-approval .reservation-approval-actions button.btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-height: 44px;
  border-radius: 8px;
  padding: 10px;
}
reservation-event-approval .reservation-approval-actions button.btn-success {
  background-color: #0C817B;
  border-color: #0C817B;
}
reservation-event-approval .reservation-approval-actions button.btn-success:hover {
  background-color: #0a6a65;
  border-color: #0a6a65;
}

.asconsole browse-event-attendee-list-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole browse-event-attendee-list-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole browse-event-attendee-list-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole browse-event-attendee-list-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole browse-event-attendee-list-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole browse-event-attendee-list-modal .modal-header .event-attendee-count {
  padding-right: 6px;
}
.asconsole browse-event-attendee-list-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 20px 25px;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-event-attendee-list-modal .modal-body {
    padding: 20px;
  }
}
.asconsole browse-event-attendee-list-modal react-component > section {
  padding: 0 !important;
}
.asconsole browse-event-attendee-list-modal react-component > section > section {
  padding: 0 !important;
}

.asconsole reservation-event-attendees {
  display: flex;
  cursor: pointer;
}
.asconsole reservation-event-attendees .rsv-attendees {
  display: flex;
  min-width: 75px;
  justify-content: flex-end;
}
.asconsole reservation-event-attendees .rsv-attendees:focus-visible {
  outline: none;
}
.asconsole reservation-event-attendees .rsv-attendees:focus-visible > *:first-child {
  outline: 2px solid #77B0EE;
}
.asconsole reservation-event-attendees .rsv-attendees .user-container {
  position: relative;
}
.asconsole reservation-event-attendees .rsv-attendees asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole reservation-event-attendees .rsv-attendees .extra-attendees {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-left: -5px;
  background-color: #E4E8EF;
}
.asconsole reservation-event-attendees .rsv-attendees .extra-attendees .extra-attendees-text {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Lato);
  font-style: normal;
  font-weight: 900;
  font-size: 10px;
  line-height: 16px;
}

.asconsole reservation-event-conference {
  display: flex;
}
.asconsole reservation-event-conference .conference {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-width: 0;
}
.asconsole reservation-event-conference .conference .conference-label {
  display: flex;
  justify-content: space-between;
}
.asconsole reservation-event-conference .conference .conference-url {
  margin: 4px 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-conference .conference .conference-url break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-conference .conference .conference-url a {
  color: #3c465d;
}
.asconsole .reservation-conference-link-popover {
  word-break: break-all;
}

.asconsole browse-card-event-info .event-info {
  display: flex;
  padding: 2px;
}
.asconsole browse-card-event-info .event-info .icon {
  margin: 2px 10px 0 0;
}
.asconsole browse-card-event-info .event-info asui-card-user {
  margin: 2px 9px 0 0px;
}
.asconsole browse-card-event-info .event-info asui-card-user .card-thumbnail-image-circle {
  width: 17px !important;
  height: 17px !important;
  border: 1px solid #DDE3EE;
}
.asconsole browse-card-event-info .event-info asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-card-event-info .event-info .date-separator {
  padding: 0 2px;
}
.asconsole browse-card-event-info .event-info .event-location {
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole browse-card-event-info .event-info .author {
  word-break: break-all;
  word-break: break-word;
  cursor: pointer;
  color: inherit;
}
.asconsole browse-card-event-info .event-info .author:hover {
  color: #0A5BEB;
}

.asconsole browse-content-event-post .event-post .event-cover-wrapper {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  max-height: 328px;
  margin-top: 40px;
  margin-bottom: 25px;
}
.asconsole browse-content-event-post .event-post .event-cover-wrapper .event-card-calendar-wrapper {
  display: none;
}
.asconsole browse-content-event-post .event-post .event-cover-wrapper .event-cover-image {
  width: 100%;
  max-height: 328px;
  object-fit: cover;
  border-radius: 12px;
}
.asconsole browse-content-event-post .event-post .event-cover-wrapper .editor-action-button {
  position: absolute;
  left: 18px;
  top: 18px;
}
.asconsole browse-content-event-post .event-post .event-cover-wrapper .editor-action-button.is-last {
  left: auto;
  right: 18px;
}
.asconsole browse-content-event-post .event-post .header-navigation .event-card-calendar-wrapper {
  display: none;
}
.asconsole browse-content-event-post .event-post .event-details {
  padding: 0;
  min-height: 0;
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body {
  display: flex;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
  position: relative;
  color: #333F55;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.15;
  word-break: break-all;
  word-break: break-word;
  margin-bottom: 0;
  letter-spacing: -0.03125rem;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-feed {
  margin-bottom: 12px;
  margin-top: 8px;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-feed .channel-name {
  cursor: pointer;
  color: inherit;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-feed .channel-name:hover {
  color: #0A5BEB;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info {
  display: flex;
  padding: 2px;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info .icon {
  margin: 2px 10px 0 0;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info asui-card-user {
  margin: 1px 9px 0 0px;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info asui-card-user .card-thumbnail-image-circle {
  width: 17px !important;
  height: 17px !important;
  border: 1px solid #DDE3EE;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info .date-separator {
  padding: 0 2px;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info:first-child {
  margin-top: 12px;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info .event-location,
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info .author {
  word-break: break-all;
  word-break: break-word;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info .author {
  cursor: pointer;
  color: inherit;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-info .author:hover {
  color: #0A5BEB;
}
.asconsole browse-content-event-post .event-post .event-details .event-card-body .event-details-wrapper .event-descriptions {
  margin-top: 12px;
  word-break: break-all;
  word-break: break-word;
  color: #3c465d;
}
.asconsole browse-content-event-post .event-card-calendar-wrapper {
  position: relative;
}
.asconsole browse-content-event-post .event-card-calendar-wrapper .event-calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px 6px 10px;
  margin: 8px 24px 0px 0;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  background: #fff;
}
.asconsole browse-content-event-post .event-card-calendar-wrapper .event-calendar .calendar-day {
  display: flex;
  justify-content: center;
  font-size: 24px;
  color: #001034;
  line-height: 24px;
  font-weight: 300;
}
.asconsole browse-content-event-post .event-card-calendar-wrapper .event-calendar .calendar-month {
  display: flex;
  justify-content: center;
  color: #CB4848;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.1em;
}
@media all and (max-width: 667px) {
  .asconsole browse-content-event-post .event-post {
    flex-direction: column;
    margin-top: 20px;
  }
  .asconsole browse-content-event-post .event-post .event-card-calendar-wrapper {
    display: none;
  }
  .asconsole browse-content-event-post .event-post .event-cover-wrapper {
    margin-top: 20px;
  }
  .asconsole browse-content-event-post .event-post .event-cover-wrapper .event-cover-image {
    max-height: 232px;
  }
  .asconsole browse-content-event-post .event-post .event-cover-wrapper .event-card-calendar-wrapper {
    display: block;
    position: absolute;
    bottom: 0;
    margin: 0 0 13px 13px;
  }
  .asconsole browse-content-event-post .event-post .header-navigation {
    margin-top: 18px !important;
  }
  .asconsole browse-content-event-post .event-post .header-navigation .event-card-calendar-wrapper {
    display: block;
    position: relative;
  }
  .asconsole browse-content-event-post .event-post .header-navigation .event-card-calendar-wrapper .event-calendar {
    margin: 0;
  }
  .asconsole browse-content-event-post .event-post .event-details .event-card-body {
    margin-top: 5px;
  }
}

.asconsole event-post-timepicker .timepicker-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead {
  border-radius: unset;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead input.textbox {
  border: none;
  padding: 0;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead input.textbox:focus {
  border: none;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead input.textbox:focus-visible {
  border-radius: unset;
  border-bottom: 1px solid #0A5BEB;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead .item-container {
  padding: 0;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead .fa.fa-caret-down {
  display: none;
}
.asconsole event-post-timepicker .timepicker-wrapper asui-dropdown-typeahead .dropdown-container {
  margin-top: 1px;
  border-radius: 8px;
  width: 130px !important;
}
.asconsole event-post-timepicker .timepicker-wrapper .separator {
  margin-right: 10px;
}

.asconsole reservation-event-qrcode {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole reservation-event-qrcode .qrcode-container {
  padding: 10px;
  border-radius: 10px;
  background-color: #f7fafc;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.asconsole reservation-event-qrcode .qrcode-container .qrcode {
  background-color: white;
  margin-bottom: 10px;
  padding: 12px;
  width: 180px;
  max-width: 60vw;
}
@media all and (max-width: 667px) {
  .asconsole reservation-event-qrcode .qrcode-container .qrcode {
    width: 100%;
    max-width: 60vw;
  }
}
.asconsole reservation-event-qrcode .qrcode-container .qrcode img {
  width: 100%;
}
.asconsole reservation-event-qrcode .qrcode-container .qrcode canvas {
  width: 100%;
}
.asconsole reservation-event-qrcode .qrcode-container .qrcode-text {
  color: #2d3851;
  text-align: center;
}
.asconsole reservation-event-qrcode .qrcode-container.not-accepted {
  flex-direction: row;
  padding: 20px 30px;
}
.asconsole reservation-event-qrcode .qrcode-container.not-accepted .icon-scan {
  font-size: 30px;
  color: #4f596e;
  margin-right: 20px;
}
.asconsole reservation-event-qrcode .qrcode-max {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100;
  border-radius: 0px;
}
.asconsole reservation-event-qrcode .qrcode-max .qrcode {
  background-color: white;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
@media all and (max-width: 945px) {
  .asconsole reservation-event-qrcode .qrcode-max .qrcode {
    max-width: 100%;
  }
}
.asconsole reservation-event-qrcode .qrcode-max .qrcode-clone img {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
.asconsole reservation-event-qrcode .qrcode-max .qrcode-clone-close {
  color: #fff;
  font-size: 18px;
  margin-top: 5%;
}

.asconsole reservation-event-resource-list {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-event-resource-list .total {
  color: #2d3851;
  margin-bottom: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-event-resource-list .resource-list {
  border-left: 2px solid #DDE3EE;
}
.asconsole reservation-event-resource-list .resource-list .resource {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon {
  font-size: 18px;
  color: #4f596e;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack {
  position: relative;
  margin-top: 2px;
  margin-left: 16px;
  margin-right: 16px;
  min-width: 20px;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack > .icon {
  font-size: 20px;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack .round-icon-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: -2px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100%;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack .round-icon-container .icon-check-filled {
  font-size: 10.5px;
  color: #0A8940;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack .round-icon-container.cancelled-icon-container {
  box-sizing: border-box;
  border: 0.75px solid #fff;
  background-color: #C94040;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack .round-icon-container.cancelled-icon-container .icon-cross {
  font-size: 8px;
  color: #fff;
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack .round-icon-container.conflicted-icon-container {
  box-sizing: border-box;
  border: 0.75px solid #fff;
  background-color: var(--nc-colors__warning, #b25300);
}
.asconsole reservation-event-resource-list .resource-list .resource .icon-stack .round-icon-container.conflicted-icon-container .conflicted-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: url("../console/images/reservations/resource-status-conflicted-glyph.svg") center/12px 12px no-repeat;
}
.asconsole reservation-event-resource-list .resource-list .resource .name {
  flex-grow: 1;
  color: #2d3851;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole reservation-event-resource-list .resource-list .resource .name.cancelled-title {
  text-decoration: line-through;
}
.asconsole reservation-event-resource-list .resource-list .resource .circle-container {
  padding: 4px 8px;
  background-color: #EDF2F7;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.asconsole reservation-event-resource-list .resource-list .resource .circle-container .icon {
  font-size: 14px;
}
.asconsole reservation-event-resource-list .resource-list .resource .circle-container-attendees {
  margin-left: auto;
  display: flex;
}
.asconsole reservation-event-resource-list .resource-list .resource .circle-container .icon {
  margin-right: 4px;
}
.asconsole reservation-event-resource-list .resource-list .resource .resourceInfo {
  display: flex;
  align-items: start;
  gap: 4px;
  white-space: nowrap;
}
.asconsole reservation-event-resource-list .resource-list .resource:first-child {
  margin-top: 0px;
}
.asconsole reservation-event-resource-list .view-more {
  cursor: pointer;
  color: #0A5BEB;
  margin-top: 10px;
  margin-left: 23px;
  color: var(--ds-brand-colors__link, var(--nc-colors__brand1));
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-event-resource-list .view-more:hover {
  color: var(--ds-brand-colors__linkHover, var(--nc-colors__brand1));
}
.asconsole reservation-event-resource-list .info {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-event-resource-list .info .icon {
  font-size: 18px;
  color: #4f596e;
}
.asconsole reservation-event-resource-list .info .icon-stack {
  position: relative;
  margin-top: 2px;
  margin-left: 16px;
  margin-right: 16px;
  width: 20px;
}
.asconsole reservation-event-resource-list .info .icon-stack > .icon {
  font-size: 20px;
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 11px;
  right: -2px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100%;
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container .icon {
  min-width: 0;
  margin: 0;
  align-self: center;
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container .icon-check-filled {
  font-size: 10.5px;
  color: #0A8940;
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container.conflicted-icon-container {
  box-sizing: border-box;
  border: 0.75px solid #fff;
  background-color: var(--nc-colors__warning, #b25300);
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container.conflicted-icon-container .conflicted-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: url("../console/images/reservations/resource-status-conflicted-glyph.svg") center/12px 12px no-repeat;
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container .cancelled-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.5px;
  height: 10.5px;
  background-color: #C94040;
  border-radius: 100%;
}
.asconsole reservation-event-resource-list .info .icon-stack .round-icon-container .cancelled-icon-container .icon-cross {
  font-size: 8px;
  color: #fff;
}
.asconsole reservation-event-resource-list .info .name {
  flex-grow: 1;
  color: #2d3851;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole reservation-event-resource-list .info .name.cancelled-title {
  text-decoration: line-through;
}

.asconsole reservation-event-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  min-height: 0;
  overflow-y: auto;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner .rsv-banner-actions {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  color: white;
  z-index: 5;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner .rsv-banner-actions .icon {
  padding: 12px;
  font-size: 20px;
  cursor: pointer;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner .rsv-banner-actions .icon-cross {
  font-size: 26px;
  margin-right: 8px;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner .rsv-banner-actions .icon-cross:focus-visible {
  outline-offset: -3px;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner .rsv-banner-actions .action-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner .banner-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-break: break-word;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner.multiresource-banner {
  background-color: #fff;
  color: #0b1835;
  height: initial;
  padding-top: 50px;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner.multiresource-banner .rsv-banner-actions {
  color: #4f596e;
}
.asconsole reservation-event-sidebar .rsv-sidebar-banner.multiresource-banner .event-title {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 4px;
}
.asconsole reservation-event-sidebar .rsv-banner-actions {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  color: white;
  z-index: 5;
}
.asconsole reservation-event-sidebar .rsv-banner-actions .icon {
  padding: 12px;
  font-size: 20px;
  cursor: pointer;
}
.asconsole reservation-event-sidebar .rsv-banner-actions .icon-cross {
  font-size: 26px;
  margin-right: 8px;
}
.asconsole reservation-event-sidebar .rsv-banner-actions .icon-cross:focus-visible {
  outline-offset: -3px;
}
.asconsole reservation-event-sidebar .rsv-banner-actions .action-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content {
  overflow-y: initial !important;
  padding-bottom: var(--iphone-bottom-margin);
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container asui-split-button {
  width: 100%;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container asui-split-button .asui-split-btn {
  width: 100%;
  display: inline-flex;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container asui-split-button .asui-split-btn button {
  margin-top: 0;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container asui-split-button .asui-split-btn .btn.dropdown-toggle {
  width: auto;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container asui-split-button ul.dropdown-menu {
  width: 100%;
  font-weight: 400;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-mr {
  padding: 0;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-mr react-component {
  width: 100%;
  display: block;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-primary, .asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-outline-primary {
  min-width: 0;
  width: 100%;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-primary span.resource-label, .asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-outline-primary span.resource-label {
  margin-left: 5px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-primary span.resource-label break-word, .asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn.rsv-btn-outline-primary span.resource-label break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn-outline-primary {
  background-color: transparent;
  border: 1px solid #0A5BEB;
  color: #0A5BEB;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content .button-container .rsv-btn-outline-primary.dropdown-toggle {
  border-left: none;
}
.asconsole reservation-event-sidebar .rsv-sidebar-content reservation-checkpoint-card {
  margin-bottom: 9px;
}
.asconsole reservation-event-sidebar .auto-cancelled, .asconsole reservation-event-sidebar .deleted-status-container {
  color: #CB4848;
  display: flex;
  align-items: center;
}
.asconsole reservation-event-sidebar .auto-cancelled i, .asconsole reservation-event-sidebar .deleted-status-container i {
  margin-top: 2px;
  margin-right: 10px;
}
.asconsole reservation-event-sidebar .deleted-status-container {
  color: var(--nc-colors__neutral700);
}
.asconsole reservation-event-sidebar .no-bottom-border {
  border-bottom: 0 !important;
}
.asconsole reservation-event-sidebar .cancel-rsv-btn {
  font-size: 14px;
}
.asconsole reservation-event-sidebar .rsv-btn-disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.asconsole reservation-event-sidebar .add-services-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: var(--nc-colors__brand1, #0A5BEB) !important;
}
.asconsole reservation-event-sidebar .add-services-btn i {
  font-size: 100%;
}
.asconsole reservation-event-sidebar .reservation-notifications {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  margin-bottom: 15px;
}
.asconsole reservation-event-sidebar .reservation-notifications .left-bar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 5px;
  padding: 2.5px;
  background-color: #CB4848;
}
.asconsole reservation-event-sidebar .reservation-notifications .left-bar.green-bar {
  background-color: #0C817B;
}
.asconsole reservation-event-sidebar .reservation-notifications .left-bar.yellow-bar {
  background-color: #EBBE36;
}
.asconsole reservation-event-sidebar .reservation-notifications .left-bar.warning-bar {
  background-color: #EBBE36;
}
.asconsole reservation-event-sidebar .reservation-notifications .icon-warning {
  padding: 15px;
  color: #CB4848;
  font-size: 16px;
}
.asconsole reservation-event-sidebar .reservation-notifications .icon-warning.yellow {
  padding: 15px;
  color: #EBBE36;
  font-size: 16px;
}
.asconsole reservation-event-sidebar .reservation-notifications .footnote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 11px 10px 11px 0;
}
.asconsole reservation-event-sidebar .reservation-notifications .footnote .checkpoint-header {
  font-weight: 700;
}
.asconsole reservation-event-sidebar .reservation-notifications .footnote .resource-conflict-error-list {
  padding-left: 18px;
}
.asconsole reservation-event-sidebar .reservation-notifications .icon-check-circle {
  padding: 15px;
  color: #0C817B;
  font-size: 16px;
}
.asconsole reservation-event-sidebar .reservation-notes {
  color: #2d3851;
  font-size: 14px;
  min-width: 0;
  word-break: break-word;
}
.asconsole reservation-event-sidebar reservation-label-dropdown {
  display: block;
  width: 100%;
}
.asconsole reservation-event-sidebar reservation-label-dropdown .label-dropdown {
  width: 100%;
}
.asconsole reservation-event-sidebar .info {
  position: relative;
  display: flex;
  color: #2d3851;
  margin-top: 10px;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-event-sidebar .info .icon, .asconsole reservation-event-sidebar .info .attendee-icon {
  color: #4f596e;
  margin-right: 10px;
  min-width: 24px;
  font-size: 18px;
  display: flex;
  align-self: flex-start;
  margin-top: 1px;
}
.asconsole reservation-event-sidebar .info .author {
  cursor: pointer;
  color: inherit;
}
.asconsole reservation-event-sidebar .info .author:hover {
  color: #0A5BEB;
}
.asconsole reservation-event-sidebar .info .cancelled-title {
  text-decoration: line-through;
}
.asconsole reservation-event-sidebar .timezone {
  margin-top: 0;
}
.asconsole reservation-event-sidebar .info:first-child {
  margin-top: 0;
}
.asconsole reservation-event-sidebar reservation-resource-photos {
  height: 178px;
  min-height: 178px;
  max-height: 178px;
}
.asconsole reservation-event-sidebar .attendance {
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 15px;
}
.asconsole reservation-event-sidebar .attendance .btn-attendence {
  min-width: 60px;
  text-align: center;
  color: #858b9a;
  font-weight: 600;
  padding: 5px 15px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
}
.asconsole reservation-event-sidebar .attendance .btn-attendence.active {
  cursor: default;
  border: 1px solid #002169;
  color: #002169;
}
.asconsole reservation-event-sidebar .organizer {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  margin-bottom: 7px;
  color: #2d3851;
}
.asconsole reservation-event-sidebar .organizer .attendee-icon {
  margin-right: 10px;
}
.asconsole reservation-event-sidebar .show-more {
  color: #0A5BEB;
  cursor: pointer;
  font-size: 90%;
  padding: 2px 2px;
}
.asconsole reservation-event-sidebar asui-loading-mask .loading-mask-container {
  opacity: 0.6;
}
.asconsole reservation-event-sidebar .circle-container {
  background-color: #EDF2F7;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.asconsole reservation-event-sidebar .circle-container span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content {
  padding: 8px 12px;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .linked-resource-item, .asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  gap: 8px;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name, .asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name break-word, .asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name:hover, .asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name:hover {
  text-decoration: underline;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .linked-resource-item {
  display: flex;
  align-items: center;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-event-sidebar .connected-resource-popover .popover-content .resource-container .connected-resource-item .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole reservation-event-sidebar .restriction-container {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #EBBE36;
  background-color: white;
  padding: 7px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 5px;
}
.asconsole reservation-event-sidebar .restriction-container .icon {
  min-width: 17px;
}
.asconsole reservation-event-sidebar .restriction-container .icon-info-full {
  color: #EBBE36;
  margin-right: 5px;
  margin-top: 2px;
}

.asconsole reservation-event-status-dropdown {
  display: block;
  width: 100%;
  min-width: 0;
  position: relative;
}
.asconsole reservation-event-status-dropdown .status-icon-container {
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 2;
}
.asconsole reservation-event-status-dropdown .icon-all-statuses {
  width: 19px;
  height: 12px;
}
.asconsole reservation-event-status-dropdown .status-icon-dots {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 7px;
}
.asconsole reservation-event-status-dropdown .status-icon-dots .status-dot {
  font-size: 10px;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  display: block;
  margin-left: -6px;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  box-shadow: inset 0 0 0px 1px #FFFFFF;
}
.asconsole reservation-event-status-dropdown .status-icon-dots .status-dot:first-child {
  margin-left: 0;
  z-index: 1;
}
.asconsole reservation-event-status-dropdown .status-icon-dots .status-dot:nth-child(2) {
  z-index: 2;
}
.asconsole reservation-event-status-dropdown .status-icon-dots .status-dot:nth-child(3) {
  z-index: 3;
}
.asconsole reservation-event-status-dropdown asui-multiselect {
  display: block;
  width: 100%;
  min-width: 0;
}
.asconsole reservation-event-status-dropdown asui-multiselect .bootstrap-select {
  display: block !important;
  width: 100% !important;
  min-width: min-content !important;
}
.asconsole reservation-event-status-dropdown asui-multiselect .bootstrap-select .dropdown-toggle {
  width: 100% !important;
  min-width: min-content;
  min-height: 30px;
  height: auto !important;
  box-sizing: border-box;
  overflow: visible;
}
.asconsole reservation-event-status-dropdown asui-multiselect .bootstrap-select .dropdown-toggle .filter-option {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.asconsole ea-events .browse-top-container {
  padding-bottom: 32px;
}
@media all and (max-width: 667px) {
  .asconsole ea-events .browse-top-container {
    padding-bottom: 20px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-events .browse-top-container .event-header {
    display: none;
  }
}
.asconsole ea-events .browse-top-container asui-horizontal-navbar.navbar-pills {
  border: 0 none;
  height: auto;
  margin: 48px 0 0 0;
  gap: 4px;
}
@media all and (max-width: 667px) {
  .asconsole ea-events .browse-top-container asui-horizontal-navbar.navbar-pills {
    margin: 20px 0 0 0;
  }
}
.asconsole ea-events .browse-top-container asui-horizontal-navbar.navbar-pills .nav-pills .hnb-link a {
  border-radius: 2.5rem;
  padding: 12px 20px;
  color: #475369;
  height: 2.75rem;
  line-height: 20px;
  font-size: 16px;
}
.asconsole ea-events .browse-top-container asui-horizontal-navbar.navbar-pills .nav-pills .hnb-link a:hover {
  color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole ea-events .browse-top-container asui-horizontal-navbar.navbar-pills .nav-pills .hnb-link.active {
  border-bottom: 0 none;
}
.asconsole ea-events .browse-top-container asui-horizontal-navbar.navbar-pills .nav-pills .hnb-link.active a {
  background-color: var(--nc-colors__brandPale, #F0F6FE);
  color: var(--nc-colors__brand1, #0A5BEB);
  font-weight: 600;
}
.asconsole ea-events .event-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole ea-events .event-header .create-btn {
    display: none;
  }
}
.asconsole ea-events .event-header .create-btn .icon-plus {
  margin-right: 6px;
  font-size: 13px;
}
.asconsole ea-events asui-grid {
  overflow: hidden;
}
.asconsole ea-events asui-grid.is-loading {
  flex: 1;
}
.asconsole ea-events asui-grid.is-empty .grid-container {
  height: 0 !important;
}
@media all and (max-width: 667px) {
  .asconsole ea-events asui-grid .grid-container {
    padding: 0;
    margin: 0px !important;
  }
}
.asconsole ea-events asui-grid .grid-container .grid-item {
  flex: 0 0 33.33333% !important;
  padding: 25px 0 0 25px;
}
@media (max-width: 1600px) {
  .asconsole ea-events asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1280px) {
  .asconsole ea-events asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1000px) {
  .asconsole ea-events asui-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-events asui-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
    padding: 0;
    border-bottom: 1px solid #eef4f9;
  }
}
.asconsole ea-events asui-grid .grid-container .loading-mask {
  background-color: transparent;
}
.asconsole ea-events .non-content-text .cta-create-event {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.asconsole ea-events .create-btn-mobile {
  display: none;
  margin-bottom: var(--device-iphone-notch-size);
}
@media all and (max-width: 667px) {
  .asconsole ea-events .create-btn-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 95px;
    right: 16px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    z-index: 2;
  }
}

.asconsole reservation-facilities-multiselect {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole reservation-facilities-multiselect > .icon {
  position: absolute;
  top: 11px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole reservation-facilities-multiselect asui-multiselect {
  flex: 1;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-facilities-multiselect asui-multiselect .asui-multiselect {
    flex: 1 0 100%;
  }
}
.asconsole reservation-facilities-multiselect asui-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
  min-width: 0;
}
.asconsole reservation-facilities-multiselect asui-multiselect .asui-multiselect .btn {
  padding-left: 45px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-facilities-multiselect asui-multiselect .asui-multiselect .btn {
    line-height: 30px;
  }
}
.asconsole reservation-facilities-multiselect asui-multiselect .asui-multiselect .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-facilities-multiselect asui-multiselect .asui-multiselect .filter-option break-word {
    word-break: break-all;
  }
}
.asconsole reservation-facilities-multiselect .load-overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}
.asconsole reservation-facilities-multiselect .loading-overlay {
  position: absolute;
  z-index: 2;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  height: 50px;
  cursor: pointer;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asconsole ea-featured {
  display: flex;
  flex: 1;
  flex-direction: column;
  z-index: 0;
  background-color: white;
}
.asconsole ea-featured react-component {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.asconsole browse-home-featured-content {
  display: flex;
  position: relative;
  min-width: 0;
  width: 100%;
}
.asconsole browse-home-featured-content .loading-container-skeletons {
  display: flex;
  overflow: hidden;
}
.asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load {
  display: flex;
  flex-direction: column;
  width: 287px;
  height: 258px;
  margin-right: 22px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load {
    width: 294px;
    height: 338px;
  }
}
@media all and (min-width: 1600px) {
  .asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load {
    width: 322px;
    margin-right: 30px;
  }
}
.asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load .cover {
  height: 176px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load .cover {
    height: 258px;
  }
}
.asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load .date {
  margin-top: 16px;
}
.asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load .title {
  margin-top: 6px;
}
.asconsole browse-home-featured-content .loading-container-skeletons .loading-feature .skeleton-load asui-skeleton {
  width: 100%;
}
.asconsole browse-home-featured-content .page-containers {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  right: 0;
  top: -44px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-featured-content .page-containers {
    top: -40px;
  }
}
.asconsole browse-home-featured-content .page-containers .view-all-link {
  color: #0A5BEB;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-right: 32px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-featured-content .page-containers .view-all-link {
    margin-right: 0;
  }
}
.asconsole browse-home-featured-content .page-containers .page-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  color: #475369;
  transition: background-color 0.2s ease-in-out;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-featured-content .page-containers .page-button {
    display: none;
  }
}
.asconsole browse-home-featured-content .page-containers .page-button .icon-chevron-left {
  margin-right: 2px;
}
.asconsole browse-home-featured-content .page-containers .page-button .icon-chevron-right {
  margin-left: 2px;
}
.asconsole browse-home-featured-content .page-containers .page-button:hover {
  color: #475369;
  background-color: #F8F9FC;
}
.asconsole browse-home-featured-content .page-containers .page-button-disabled {
  pointer-events: none;
  color: #DDE3EE;
}
.asconsole browse-home-featured-content .page-containers .page-button:first-child {
  margin-right: 8px;
}
.asconsole browse-home-featured-content asui-grid {
  flex: 1;
}
.asconsole browse-home-featured-content asui-grid .grid-container::-webkit-scrollbar {
  display: none !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 0 !important;
}
.asconsole browse-home-featured-content asui-grid .grid-container {
  margin: 0 0 -16px 0 !important;
  padding: 2px 0px 16px;
  scroll-behavior: smooth;
}
.asconsole browse-home-featured-content asui-grid .grid-container .grid-item {
  padding: 0;
  margin-right: 22px;
  flex: 0 0 287px;
}
.asconsole browse-home-featured-content asui-grid .grid-container .grid-item broadcast-pinned-card {
  cursor: pointer;
}
.asconsole browse-home-featured-content asui-grid .grid-container .grid-item .view-all-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px #DDE3EE solid;
  border-radius: 12px;
  color: #475369;
  height: 100%;
  cursor: pointer;
}
.asconsole browse-home-featured-content asui-grid .grid-container .grid-item .view-all-tile i {
  background-color: #F8F9FC;
  border-radius: 16px;
  padding: 8px;
  font-size: 38px;
}
.asconsole browse-home-featured-content asui-grid .grid-container .grid-item .view-all-tile span {
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-size: 16px;
}
@media all and (min-width: 1600px) {
  .asconsole browse-home-featured-content asui-grid .grid-container .grid-item {
    flex: 0 0 320px;
    margin-right: 30px;
  }
}
.asconsole browse-home-featured-content asui-grid .grid-container .grid-item:last-child {
  margin-right: 0;
}

.asconsole featured-content-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  background-color: var(--nc-colors__neutral0);
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, 12px);
}
@media all and (max-width: 667px) {
  .asconsole featured-content-card {
    min-width: 294px;
    width: 294px;
  }
}
.asconsole featured-content-card .thumbnail-container {
  width: 100%;
  overflow: hidden;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  position: relative;
  background-color: var(--nc-colors__brand1, #0A5BEB);
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, 12px);
}
.asconsole featured-content-card .thumbnail-container .thumbnail-placeholder {
  opacity: 0.35;
  mix-blend-mode: overlay;
}
.asconsole featured-content-card .thumbnail-container:hover img {
  transform: scale(1.2);
}
.asconsole featured-content-card .thumbnail-container .post-thumbnail {
  width: 100%;
  height: 176px;
  background-color: #F8F9FC;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole featured-content-card .thumbnail-container .post-thumbnail {
    height: 258px;
  }
}
.asconsole featured-content-card .thumbnail-container .post-icon {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 48px;
  z-index: 1;
}
.asconsole featured-content-card .thumbnail-container .broadcast-badge {
  z-index: 2;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  left: 12px;
  top: 12px;
  background-color: #1E293B;
  padding: 3px 9px 3px 8px;
  color: white;
  font-size: 12px;
}
.asconsole featured-content-card .thumbnail-container .broadcast-badge i {
  margin-right: 4px;
}
.asconsole featured-content-card .thumbnail-container .critical-broadcast {
  background-color: #C94040;
}
.asconsole featured-content-card .text-block {
  padding: 0 20px 20px 20px;
}
.asconsole featured-content-card .text-block .post-title {
  margin-top: 16px;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 20px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole featured-content-card .text-block .post-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  color: #475369;
  color: var(--neutral-600, #68768D);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
  margin-top: 8px;
}
.asconsole featured-content-card .text-block .post-info .authorname {
  min-width: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole featured-content-card .text-block .post-info .authorname break-word {
    word-break: break-all;
  }
}
.asconsole featured-content-card .text-block .post-info .dot-seperator {
  margin: 0 6px;
}
.asconsole featured-content-card .text-block .post-info .spotlight-label {
  flex-shrink: 0;
  cursor: default;
}

.asconsole .container-widget browse-featured-posts-widget {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--ds-brand-radii__pageComponent);
}
.asconsole .container-widget browse-featured-posts-widget browse-home-featured-content {
  width: 100%;
}
.asconsole .container-widget browse-featured-posts-widget .placeholder-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  width: 100%;
  flex: 1;
}
.asconsole .container-widget browse-featured-posts-widget .placeholder-container asui-skeleton {
  flex: 0 0 287px;
  margin-right: 22px;
}
@media all and (min-width: 1600px) {
  .asconsole .container-widget browse-featured-posts-widget .placeholder-container asui-skeleton {
    flex: 0 0 322px;
    margin-right: 30px;
  }
}
.asconsole .container-widget browse-featured-posts-widget .size-mobile .grid-container {
  margin-left: -24px !important;
  margin-right: -24px !important;
  padding-left: 24px;
  padding-right: 24px;
  width: calc(100% + 48px);
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}
.asconsole .container-widget browse-featured-posts-widget .size-mobile .grid-container .grid-item {
  flex: 1 0 294px;
}
.asconsole .container-widget browse-featured-posts-widget .size-mobile .grid-container-horizontal::-webkit-scrollbar {
  display: none;
}

.asconsole browse-feed-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole browse-feed-typeahead > .icon {
  position: absolute;
  top: 15px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead {
  width: 100%;
  font-size: 14px;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 28px !important;
  padding-right: 30px !important;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .item-container .channel-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-left: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-feed-typeahead asui-dropdown-typeahead .item-container .channel-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead input {
  padding-left: 35px !important;
  padding-right: 30px !important;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .fa-caret-down {
  color: #68768D;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .disabled .channel-name {
  opacity: 1;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead input[type=text]:disabled {
  background-color: white !important;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .channel-name {
  margin-left: 8px;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .dropdown-container-inner .channel-name {
  white-space: initial !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .thumbnail-container {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead .thumbnail-container .image-thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  z-index: 0;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead spaces-space-icon {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
}
.asconsole browse-feed-typeahead asui-dropdown-typeahead spaces-space-icon .space-icon .icon-content-svg {
  width: 75%;
  height: 75%;
}
.asconsole .feed-typeahead-mobile-modal .selected-item asui-card-channel {
  display: none;
}
.asconsole .feed-typeahead-mobile-modal .dropdown-container .channel-name {
  margin-left: 8px;
}

.asconsole reservation-places-search {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole reservation-places-search asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole reservation-places-search .cta-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole reservation-places-search .cta-container .reset-filters {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole reservation-places-search .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1024px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  .asconsole reservation-places-search .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole reservation-places-search .grid-container .grid-item .ws-grid-item {
  width: 100%;
  height: 100%;
}
.asconsole reservation-places-search .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole reservation-places-search .grid-container .grid-item reservation-card-event-mobile {
  height: 100%;
}
.asconsole reservation-places-search .grid-container .grid-item reservation-card-event-mobile .rsv-actions {
  display: none;
}
.asconsole reservation-places-search .grid-container .bdg-grid-item {
  position: relative;
  flex: 1;
  cursor: pointer;
}

.asconsole reservation-floor-Selector {
  display: block;
}
.asconsole reservation-floor-Selector .floor-selector-container,
.asconsole reservation-floor-Selector .floor-selector-container-mobile {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floor-Selector .floor-selector-container,
  .asconsole reservation-floor-Selector .floor-selector-container-mobile {
    display: none;
  }
}
.asconsole reservation-floor-Selector .floor-selector-container .floor-selector-floors,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .floor-selector-floors {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 150px;
  margin-top: 4px;
}
.asconsole reservation-floor-Selector .floor-selector-container .floor-selector-floors .btn,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .floor-selector-floors .btn {
  border-radius: 0;
}
.asconsole reservation-floor-Selector .floor-selector-container .floor-selector-floors .btn.btn-default,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .floor-selector-floors .btn.btn-default {
  border-bottom-width: 0;
}
.asconsole reservation-floor-Selector .floor-selector-container .floor-selector-floors .btn:first-child,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .floor-selector-floors .btn:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.asconsole reservation-floor-Selector .floor-selector-container .floor-selector-floors .btn:last-child,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .floor-selector-floors .btn:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-width: 1px;
}
.asconsole reservation-floor-Selector .floor-selector-container .floor-selector-floors .btn.btn-primary,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .floor-selector-floors .btn.btn-primary {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-weight: 600;
}
.asconsole reservation-floor-Selector .floor-selector-container .btn,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
  height: 34px;
  min-width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 8px;
}
.asconsole reservation-floor-Selector .floor-selector-container .btn .floor-name,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn .floor-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-floor-Selector .floor-selector-container .btn .floor-name break-word,
  .asconsole reservation-floor-Selector .floor-selector-container-mobile .btn .floor-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-floor-Selector .floor-selector-container .btn.btn-default,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn.btn-default {
  border: 1px solid #DDE3EE;
}
.asconsole reservation-floor-Selector .floor-selector-container .btn.btn-default:hover,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn.btn-default:hover {
  border: 1px solid #DDE3EE;
  background: #f2f2f2;
}
.asconsole reservation-floor-Selector .floor-selector-container .btn.btn-primary:hover, .asconsole reservation-floor-Selector .floor-selector-container .btn.btn-primary:focus, .asconsole reservation-floor-Selector .floor-selector-container .btn.btn-primary:active,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn.btn-primary:hover,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn.btn-primary:focus,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn.btn-primary:active {
  color: #FFFFFF;
}
.asconsole reservation-floor-Selector .floor-selector-container .btn.btn-primary:hover,
.asconsole reservation-floor-Selector .floor-selector-container-mobile .btn.btn-primary:hover {
  background-color: #0A5BEB;
}
.asconsole reservation-floor-Selector .floor-selector-container-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floor-Selector .floor-selector-container-mobile {
    display: flex;
  }
}

.asconsole floor-selector-mobile-modal {
  display: flex;
  flex-direction: column;
}
.asconsole floor-selector-mobile-modal .modal-header {
  margin-bottom: 16px;
}
.asconsole floor-selector-mobile-modal .modal-body {
  display: flex;
}
.asconsole floor-selector-mobile-modal .floor-selector-container {
  width: 100%;
  overflow-y: auto;
  padding-bottom: 16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.asconsole floor-selector-mobile-modal .floor-selector-container::-webkit-scrollbar {
  display: none;
}
.asconsole floor-selector-mobile-modal .floor-selector-container .floor-item {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 8px;
  line-height: 24px;
  min-width: 0;
}
.asconsole floor-selector-mobile-modal .floor-selector-container .floor-item .floor-item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-right: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole floor-selector-mobile-modal .floor-selector-container .floor-item .floor-item-name break-word {
    word-break: break-all;
  }
}
.asconsole floor-selector-mobile-modal .floor-selector-container .floor-item .floor-item-check {
  margin-left: auto;
}
.asconsole floor-selector-mobile-modal .floor-selector-container .floor-item.floor-item-selected {
  color: #0A5BEB;
  background-color: #F0F6FE;
}

.asconsole reservation-floor-typeahead {
  display: flex;
  width: 100%;
  flex-basis: auto;
  position: relative;
}
.asconsole reservation-floor-typeahead > .icon {
  position: absolute;
  top: 15px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead {
  width: 100%;
  font-size: 14px;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead .item-container, .asconsole reservation-floor-typeahead asui-dropdown-typeahead input {
  padding-left: 45px !important;
  padding-right: 30px !important;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-floor-typeahead asui-dropdown-typeahead .item-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-floor-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}

.asconsole floorplan-legend {
  display: block;
}
.asconsole floorplan-legend .floorplan-legend-compact {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 100%;
  left: 0;
}
.asconsole floorplan-legend .floorplan-legend-compact .legend-compact {
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}
.asconsole floorplan-legend .floorplan-legend-compact .legend-compact .legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
  height: 34px;
}
.asconsole floorplan-legend .floorplan-legend-compact .legend-compact .legend .color-box {
  width: 10px;
  height: 10px;
  margin-right: 4px;
  border-radius: 2px;
}
.asconsole floorplan-legend .floorplan-legend-compact .legend-compact .legend .footnote {
  white-space: nowrap;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter);
}
.asconsole floorplan-legend .floorplan-legend-compact .legend-compact .legend + .legend {
  border-top: 1px solid #DDE3EE;
}
.asconsole floorplan-legend .floorplan-legend-compact .legend-compact .legend-separator {
  margin: 8px 0;
  height: 0;
  border-top: 1px solid #DDE3EE;
}
.asconsole floorplan-legend .floorplan-legend-compact .btn-legend-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 34px;
  width: 34px;
}
.asconsole floorplan-legend .floorplan-legend-compact .btn-legend-toggle:hover {
  background: #f2f2f2;
}
.asconsole floorplan-legend .floorplan-legend-compact .btn-legend-toggle .icon-legend {
  margin-top: 2px;
}
.asconsole floorplan-legend .floorplan-legend-compact .btn-legend-toggle .icon-chevron-up {
  font-size: 8px;
  margin-left: 6px;
  margin-top: 2px;
}
.asconsole floorplan-legend .floorplan-legend-expanded {
  border: 1px solid #DDE3EE;
  border-radius: 6px;
  padding: 12px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: #fff;
}
.asconsole floorplan-legend .floorplan-legend-expanded .legend {
  margin-bottom: 7px;
}
.asconsole floorplan-legend .legend {
  display: flex;
  align-items: center;
}
.asconsole floorplan-legend .legend .color-box {
  width: 32px;
  height: 16px;
  margin-right: 8px;
}
.asconsole floorplan-legend .legend .pattern {
  width: 100%;
  height: 100%;
}
.asconsole floorplan-legend .legend .diagonal-pattern {
  background-image: url("../console/images/floorplan-patterns/diagonal.svg");
  background-size: 100px;
  background-position: 0px 0px;
}
.asconsole floorplan-legend .legend .dot-pattern {
  background-image: url("../console/images/floorplan-patterns/dot.svg");
  background-size: 110px;
  background-position: 0px 0px;
}
.asconsole floorplan-legend .legend .footnote {
  color: #475369;
}
.asconsole floorplan-legend .legend:last-child {
  margin-bottom: 0;
}

.asconsole floorplan-pathfinding {
  position: absolute;
  top: 24px;
  left: 30px;
  z-index: 3;
  color: #1E293B;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding {
    position: relative;
    top: 0;
    left: 0;
    z-index: 5;
  }
}
.asconsole floorplan-pathfinding .pathfinder {
  position: relative;
}
.asconsole floorplan-pathfinding .pathfinder--container {
  width: 382px;
  background-color: #FFFFFF;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder--container {
    width: 100%;
    border-radius: 0;
    border: 0;
    padding: 16px 0 0 0;
  }
}
.asconsole floorplan-pathfinding .pathfinder--header {
  display: flex;
  padding: 16px 24px 0 24px;
  margin-bottom: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder--header {
    display: none;
  }
}
.asconsole floorplan-pathfinding .pathfinder--body {
  display: flex;
  padding: 0 24px 24px 24px;
  gap: 11px;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder--body {
    padding: 0 8px 8px 8px;
  }
}
.asconsole floorplan-pathfinding .pathfinder--body .back {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder--body .back {
    display: block;
  }
}
.asconsole floorplan-pathfinding .pathfinder--body .back .icon {
  padding: 10px 5px;
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-icon .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  border: 2px solid var(--nc-colors__neutral900);
  background: var(--Neutral-0, #FFF);
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-icon .dots {
  width: 3px;
  height: 28px;
  background-image: url("../console/images/route-dots.png");
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-icon .pin {
  width: 13px;
  height: 20px;
  background-image: url("../console/images/marker.png");
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-container .resource-input .asui-search {
  height: 40px;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--nc-colors__neutral300, #DDE3EE);
  background: var(--nc-colors__neutral0, #FFF);
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-container .resource-input .asui-search .icon-search {
  display: none;
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-container .resource-input .asui-search:focus-within {
  border-color: var(--nc-colors__brand-1, #0A5BEB);
  box-shadow: 0px 0px 0px 3px rgba(10, 91, 235, 0.3);
}
.asconsole floorplan-pathfinding .pathfinder--body .resource-container .resource-input + .resource-input {
  margin-top: 12px;
}
.asconsole floorplan-pathfinding .pathfinder--footer {
  padding: 8px 0 8px 0;
  border-top: 4px solid var(--nc-colors__neutral200, #EDF2F7);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder--footer {
    max-height: calc(100vh - 178px);
  }
}
.asconsole floorplan-pathfinding .pathfinder--footer .multi-floor-navigation-container {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  gap: 5px;
}
.asconsole floorplan-pathfinding .pathfinder--footer .multi-floor-navigation-container .current-floor-name {
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  font-weight: 500;
}
.asconsole floorplan-pathfinding .pathfinder--footer .multi-floor-navigation-container .floor-navigations button i.icon {
  padding-top: 3px;
}
.asconsole floorplan-pathfinding .pathfinder--footer .resource-item {
  display: flex;
  align-items: center;
  padding: 10px 12px 10px 22px;
  gap: 21px;
}
.asconsole floorplan-pathfinding .pathfinder--footer .resource-item:hover {
  background-color: #F8F9FC;
  cursor: pointer;
}
.asconsole floorplan-pathfinding .pathfinder--footer .resource-item .icon {
  font-size: 24px;
  color: #333F55;
}
.asconsole floorplan-pathfinding .pathfinder--footer .resource-item-info {
  display: flex;
  flex-direction: column;
}
.asconsole floorplan-pathfinding .pathfinder--footer .resource-item-info .resource-item-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #1E293B;
}
.asconsole floorplan-pathfinding .pathfinder--footer .resource-item-info .resource-item-location {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole floorplan-pathfinding .pathfinder--footer .error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
}
.asconsole floorplan-pathfinding .pathfinder--footer .error-container--title {
  margin-top: 22px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole floorplan-pathfinding .pathfinder--footer .error-container--description {
  color: #475369;
  margin-top: 4px;
  text-align: center;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole floorplan-pathfinding .pathfinder-filter {
  position: absolute;
  top: 0;
  left: 400px;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder-filter {
    display: none;
  }
}
.asconsole floorplan-pathfinding .pathfinder-filter .btn-filter-toggle {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 34px;
  min-width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 8px;
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
  background-color: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  padding: 16px 24px 24px;
  min-width: 334px;
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container .filter-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder-filter .filter-container .filter-header {
    padding: 0 5px;
  }
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container .filter-header .title {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin: 0 8px 0 0;
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container .filter-header .btn-close {
  padding: 8px;
  font-size: 16px;
  border: 0 none;
  margin-left: auto;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder-filter .filter-container .filter-header .btn-close {
    margin: -8px -4px 0 auto;
  }
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container .option-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container .option-row > label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #1E293B;
}
.asconsole floorplan-pathfinding .pathfinder-filter .filter-container .option-row .toggle .toggle-off {
  background-color: #858b9a;
  border-color: #858b9a !important;
  color: #fff;
}
.asconsole floorplan-pathfinding .pathfinder-filter-mobile {
  display: none;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole floorplan-pathfinding .pathfinder-filter-mobile {
    display: block;
  }
}
.asconsole floorplan-pathfinding .pathfinder-filter-mobile button {
  position: absolute;
  top: 16px;
  right: 16px;
  height: 34px;
  min-width: 34px;
  display: flex;
  align-items: center;
}

.asconsole reservation-floorplan-viewer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.asconsole reservation-floorplan-viewer asui-loading-mask {
  opacity: 0.7;
}
.asconsole reservation-floorplan-viewer .floorplan-editor-container {
  z-index: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.asconsole reservation-floorplan-viewer .floorplan-editor-container asui-floorplan-editor-v2,
.asconsole reservation-floorplan-viewer .floorplan-editor-container asui-floorplan-editor {
  position: relative;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-editor-multiple-floors {
    height: 100%;
    min-height: 100%;
    z-index: 0;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 3;
  padding: 20px 30px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter {
    padding: 13px 15px;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter {
    margin-right: 150px;
  }
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .search-width-filters {
    width: calc(100% - 67px) !important;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter #floorplan-resource-search {
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 16px;
  order: 1;
  width: 360px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter #floorplan-resource-search {
    margin-right: 8px;
    width: calc(100% - 48px);
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-floorplan-viewer .floorplan-filter #floorplan-resource-search {
    flex: 1 0 auto;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-date-range-picker .datepicker-block .time-container {
  margin-left: 8px;
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-date-range-picker .timezone-label-desktop {
  display: inline !important;
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-date-range-picker .timezone-label-mobile {
  display: none !important;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-container {
    width: auto;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-container .asui-search {
  border-radius: 0 0 3px 3px;
  padding: 0 14px 2px 14px;
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-container .search-autocomplete-dropdown {
  border-radius: 4px;
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-dropdown {
  margin-top: 2px;
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-dropdown .user-card {
  display: flex;
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-dropdown .user-card .name {
  margin-left: 14px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-floorplan-viewer .floorplan-filter reservable-resources-autocomplete .search-autocomplete-dropdown .user-card .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .duration-container {
  order: 3;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .duration-container {
    margin-right: 0 !important;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item {
  position: relative;
  margin-right: 8px;
  margin-bottom: 8px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item asui-dropdown-typeahead {
    font-size: 14px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker {
  font-size: 16px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker {
    min-width: 300px;
  }
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .date-container {
    max-width: 64px;
  }
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .date-container .icon-calendar {
    font-size: 18px;
  }
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .start-date {
    width: 50px !important;
  }
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .start-date input {
    width: 0;
    color: white;
  }
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .icon-clock {
    display: none;
  }
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker #daterange-picker-time-start {
    flex: 1;
  }
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .datepicker-input,
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker input,
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .selected-item {
    height: 40px !important;
    padding-left: 16px !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .datepicker-input {
    height: 38px !important;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .time-container {
  width: 140px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .time-container {
    width: 100px !important;
    margin-left: 8px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item reservation-date-range-picker .start-date {
  width: 162px;
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .duration {
  margin: 0;
  width: 140px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .duration {
    width: 95px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .duration .btn {
  height: 30px;
  padding-left: 40px;
  font-size: 16px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .duration .btn {
    font-size: 14px;
    padding-left: 16px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .duration .btn .caret {
  color: #4f596e;
}
.asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .icon-duration {
  position: absolute;
  bottom: 9px;
  left: 14px;
  color: #4f596e;
  z-index: 2;
  font-size: 18px;
  cursor: pointer;
  pointer-events: none;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .filter-item .icon-duration {
    display: none;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter .date-range-picker {
  order: 2;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter .date-range-picker {
    flex: 1;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn {
  order: 4;
  margin-bottom: 8px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn {
    order: 1;
    margin-bottom: 12px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn .xea-filter-modal-btn {
  height: 58px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn .xea-filter-modal-btn {
    padding: 8px 12px;
    min-width: 50px;
    font-size: 16px;
  }
}
@media all and (max-width: 330px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn .xea-filter-modal-btn {
    margin-left: 0px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn .ea-filter-modal-btn {
  min-width: 40px;
  border: none;
  border-radius: 8px;
  padding: 9px;
  background-color: #EDF2F7;
}
@media all and (max-width: 330px) {
  .asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn .ea-filter-modal-btn {
    margin-left: 0px;
  }
}
.asconsole reservation-floorplan-viewer .floorplan-filter reservation-workspace-filters-btn .ea-filter-modal-btn .filter-label {
  display: none;
}
.asconsole reservation-floorplan-viewer .floorplan-btn {
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole reservation-floorplan-viewer .floorplan-btn:focus-visible {
  outline-offset: -2px;
}
.asconsole reservation-floorplan-viewer .floorplan-btn:hover {
  background-color: #f2f2f2;
}
.asconsole reservation-floorplan-viewer .floorplan-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  padding: 0 20px 25px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floorplan-footer {
    top: initial;
    bottom: 20px;
    padding: 0 15px;
    padding-bottom: var(--device-iphone-notch-size);
  }
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: relative;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floorplan-legend {
  position: absolute;
  bottom: 0;
  left: 0;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floorplan-legend.floorplan-legend-offset {
  bottom: 48px;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floorplan-zoom {
  position: absolute;
  bottom: 0;
  right: 0;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floorplan-zoom .floorplan-btn {
  width: 34px;
  height: 34px;
  font-size: 16px;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floorplan-zoom .plus {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: 14px;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floorplan-zoom .minus {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floor-layer-selector-container {
  position: absolute;
  left: 0;
  bottom: 0;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floor-layer-selector-container .btn-floor-selector {
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  width: 34px;
  height: 34px;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floor-layer-selector-container .btn-floor-selector:hover {
  background: #f2f2f2;
  border: 1px solid #DDE3EE;
}
.asconsole reservation-floorplan-viewer .floorplan-footer .legend-container .floor-layer-selector-container .icon-chm-signs {
  position: relative;
  top: 2px;
}
.asconsole reservation-floorplan-viewer .floor-list-container-mobile {
  display: none;
  width: 100%;
  overflow-x: auto;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 7px;
  height: 40px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floor-list-container-mobile {
    display: flex;
    margin-top: 18px;
  }
}
.asconsole reservation-floorplan-viewer .floor-list-container-mobile .floorplan-btn {
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0px 13px;
  white-space: nowrap;
  font-weight: 700;
  flex: 1;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-floorplan-viewer .floor-list-container-mobile .floorplan-btn break-word {
    word-break: break-all;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-floorplan-viewer .floor-list-container-mobile .floorplan-btn {
    display: block;
    line-height: 40px;
    overflow: hidden;
  }
}
.asconsole reservation-floorplan-viewer .floor-list-container-mobile .floorplan-btn:first-child {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.asconsole reservation-floorplan-viewer .floor-list-container-mobile .floorplan-btn:last-child {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.asconsole reservation-floorplan-viewer .floor-list-container {
  z-index: 4;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 20px;
  top: 24px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-floorplan-viewer .floor-list-container {
    top: 152px;
    right: 16px;
  }
  .asconsole reservation-floorplan-viewer .floor-list-container.multi-floor-pathfinding {
    display: none;
  }
}

.asconsole browse-home-footer {
  display: flex;
  padding: 64px;
  justify-content: center;
  color: var(--neutral-0, #FFF);
  border-top: 1px solid var(--neutral-300, #DDE3EE);
  background-color: var(--nc-colors__brand2);
}
@media all and (max-width: 992px) {
  .asconsole browse-home-footer {
    padding: 32px;
  }
}
.asconsole browse-home-footer .footer-container {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  max-width: 1552px;
  align-items: flex-start;
  gap: 24px;
}
.asconsole browse-home-footer a {
  color: var(--neutral-0, #FFF);
  text-decoration: none;
}
.asconsole browse-home-footer a:hover {
  color: var(--neutral-0, #FFF);
  text-decoration: underline;
}
.asconsole browse-home-footer .footer-column {
  display: flex;
  flex: 1;
  min-width: 290px;
  /* Body L/Bold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole browse-home-footer .footer-column .footer-content {
  width: 100%;
}
.asconsole browse-home-footer .footer-column .footer-content h3 {
  /* Body L/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 24.3px */
  margin: 0 0 4px;
}
.asconsole browse-home-footer .footer-column .footer-content h4 {
  /* Body M/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 3px;
}
.asconsole browse-home-footer .footer-column .footer-content p {
  /* Body S/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
  margin: 0 0 2px;
}
.asconsole browse-home-footer .footer-column .footer-content > *:last-child {
  margin-bottom: 0;
}

.asconsole .container-widget browse-get-started-widget {
  width: 100%;
  cursor: auto;
}

.asconsole browse-hero-banner {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 12px;
  overflow: hidden;
}
.asconsole browse-hero-banner asui-skeleton {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.asconsole browse-hero-banner .single-item-template .post-details-container {
  transform: none !important;
}
.asconsole browse-hero-banner .video-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.asconsole browse-hero-banner .video-container .video-player {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  cursor: pointer;
}
.asconsole browse-hero-banner .user-post-container {
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-hero-banner .user-post-container .post-cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}
.asconsole browse-hero-banner .user-post-container .placeholder-image {
  opacity: 0.35;
  mix-blend-mode: overlay;
}
.asconsole browse-hero-banner .user-post-container .video-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  opacity: 0.94;
  color: white;
  cursor: pointer;
}
.asconsole browse-hero-banner .user-post-container .video-icon i {
  font-size: 70px;
}
.asconsole browse-hero-banner .user-post-container .post-details-container {
  position: absolute;
  bottom: -48px;
  left: 0px;
  height: calc(100% + 48px);
  width: 100%;
  cursor: pointer;
  transition: transform 0.4s ease 0.1s;
  padding: 48px 32px 72px 32px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  color: white;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%);
}
.asconsole browse-hero-banner .user-post-container .post-details-container .feed-name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 16.2px */
  /* 14.85px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-hero-banner .user-post-container .post-details-container .feed-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container {
  display: flex;
  flex-direction: row;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .calendar-date {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  background-color: white;
  border-radius: 8px;
  min-width: 60px;
  width: 60px;
  height: 60px;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .calendar-date .calendar-day {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  /* 24.3px */
  color: #1E293B;
  font-size: 18px;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .calendar-date .calendar-month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 16.2px */
  text-transform: uppercase;
  color: #EA777D;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info {
  display: flex;
  flex-direction: column;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title {
  margin-top: 8px;
  font-feature-settings: "clig" off, "liga" off;
  /* Hero L */
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  color: white;
  cursor: pointer;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title-event {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title-event {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-author {
  display: flex;
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 18.9px */
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-author .author-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-author i {
  margin-right: 6px;
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-event-date {
  display: flex;
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* 18.9px */
}
.asconsole browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-event-date i {
  margin-right: 6px;
}
.asconsole browse-hero-banner .carousel-next-prev-container {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  color: white;
  justify-content: space-between;
  padding: 16px 8px;
  transition: transform 0.4s ease 0.1s;
  height: 47px;
  transform: translateY(49px);
  pointer-events: none;
}
.asconsole browse-hero-banner .carousel-next-prev-container i {
  pointer-events: initial;
  padding: 2px 6px;
  cursor: pointer;
}
.asconsole browse-hero-banner:hover .carousel-next-prev-container {
  transform: translateY(0px);
}
.asconsole browse-hero-banner:hover asui-carousel .owl-carousel .owl-dots {
  transform: translateY(0px);
}
.asconsole browse-hero-banner:hover .post-details-container {
  transform: translateY(-38px);
}
.asconsole browse-hero-banner .single-item .owl-carousel {
  overflow: hidden;
}
.asconsole browse-hero-banner .single-item .owl-carousel .owl-dots {
  display: none;
}
.asconsole browse-hero-banner .single-item .owl-carousel .post-details-container {
  transform: translateY(0) !important;
}
.asconsole browse-hero-banner asui-carousel {
  max-width: 1024px;
}
.asconsole browse-hero-banner asui-carousel .owl-carousel {
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole browse-hero-banner asui-carousel .owl-carousel .owl-dots {
    transform: translateY(0px) !important;
  }
  .asconsole browse-hero-banner asui-carousel .owl-carousel .post-details-container {
    transform: translateY(-38px);
  }
}
.asconsole browse-hero-banner asui-carousel .owl-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
  width: 100%;
  bottom: 0px;
  height: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  transform: translateY(39px);
  transition: transform 0.4s ease 0.1s;
}
.asconsole browse-hero-banner asui-carousel .owl-carousel .owl-dots .owl-dot span {
  opacity: 0.5;
  background-color: white;
}
.asconsole browse-hero-banner asui-carousel .owl-carousel .owl-dots .owl-dot span:hover {
  opacity: 0.95;
}
.asconsole browse-hero-banner asui-carousel .owl-carousel .owl-dots .active span {
  opacity: 0.95;
  background-color: white;
}
.asconsole browse-hero-banner asui-carousel .asui-carousel-item {
  border-radius: 12px;
  overflow: hidden;
  min-height: initial;
}
.asconsole browse-hero-banner asui-carousel .asui-carousel-item iframe {
  pointer-events: initial;
  touch-action: none !important;
  background-color: #eef4f9;
}
.asconsole browse-hero-banner .browse-banner-carousel {
  width: 100%;
}

.asconsole .container-widget browse-home-hero-banner-widget {
  position: relative;
  z-index: 0;
  width: 100%;
  cursor: initial;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  z-index: 1;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner asui-carousel {
  max-width: initial;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block.loading-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-label {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8493AE;
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 16px;
  z-index: 2;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-label i {
  margin-top: 1px;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-title {
  display: flex;
  padding: 0 12px;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 3;
  min-height: 26px;
  color: #333F55;
  border-radius: 999px;
  background: rgba(244, 245, 247, 0.8);
  box-shadow: 0px 0.913px 2.74px 0px rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(7.3075785637px);
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-title .block-title-text {
  margin-top: 1px;
  font-feature-settings: "ss03" on;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1; /* 13.5px */
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-title i {
  font-size: 16px;
  color: #68768D;
  margin: -3px 0 -2px -4px;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-title.icon-only {
  display: flex;
  padding: 0px;
  min-height: 32px;
  min-width: 32px;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-title.icon-only i {
  color: #333F55;
  font-size: 20px;
  margin: 0;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-text-content {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - 48px);
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-text-content .block-subtitle {
  color: var(--Greys-White, #FFF);
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 15px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-text-content .block-headliner {
  color: var(--Greys-White, #FFF);
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 21.6px */
  letter-spacing: -0.18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@container (min-height: 164px) {
  .asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-text-content .block-headliner {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@container (min-height: 190px) {
  .asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-text-content .block-headliner {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.asconsole .container-widget browse-home-hero-banner-widget .layout-content-block .block-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%);
}
.asconsole .container-widget browse-home-hero-banner-widget .home-widget {
  width: 100%;
  height: 100%;
}
.asconsole .container-widget browse-home-hero-banner-widget .banner-container {
  width: 100%;
  height: 300px;
  position: relative;
}
.asconsole .container-widget browse-home-hero-banner-widget .banner-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner {
  border-radius: 12px !important;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .content-mask-overlay {
  position: absolute;
  opacity: 1;
  transition: opacity 0.3s ease;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  container-type: size;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .content-mask-overlay .play-button {
  position: absolute;
  top: 24px;
  right: 24px;
  background-color: white;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 36px;
  width: 34px;
  height: 34px;
}
@container (min-height: 164px) {
  .asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .content-mask-overlay .play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    font-size: 64px;
  }
}
@container (min-height: 190px) {}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .content-mask-overlay .play-button i {
  color: #0A5BEB;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .video-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  container-type: size;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .video-container .video-player {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  cursor: pointer;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-card-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: initial;
  container-type: size;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-card-container.clickable {
  cursor: pointer;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-card-container clm-card-preview {
  width: 100%;
  height: 100%;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-card-container clm-card-preview iframe {
  pointer-events: none;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-image-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: initial;
  container-type: size;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-image-container.clickable img {
  cursor: pointer;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: initial;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .hero-banner-image-container .content-mask-overlay {
  pointer-events: none;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container {
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: var(--nc-colors__brand1, #0A5BEB);
  container-type: size;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .placeholder-image {
  opacity: 0.35;
  mix-blend-mode: overlay;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .video-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  opacity: 0.94;
  color: white;
  cursor: pointer;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .video-icon i {
  font-size: 70px;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container {
  position: absolute;
  bottom: -48px;
  left: 0px;
  height: calc(100% + 48px);
  width: 100%;
  cursor: pointer;
  transition: transform 0.4s ease 0.1s;
  padding: 28px 24px 70px 24px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  color: white;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.29%, rgba(0, 0, 0, 0.42) 82.35%);
  /* When container height is less than 300px, use 80% coverage */
}
@container (height < 300px) {
  .asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.85%, rgba(0, 0, 0, 0.42) 43.81%);
  }
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .feed-name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 16.2px */
  /* 14.85px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .feed-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container {
  display: flex;
  flex-direction: row;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .calendar-date {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  background-color: white;
  border-radius: 8px;
  min-width: 60px;
  width: 60px;
  height: 60px;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .calendar-date .calendar-day {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  /* 24.3px */
  color: #1E293B;
  font-size: 18px;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .calendar-date .calendar-month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 16.2px */
  text-transform: uppercase;
  color: #EA777D;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info {
  display: flex;
  flex-direction: column;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title {
  margin-top: 4px;
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 21.6px */
  letter-spacing: -0.18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  color: white;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@container (min-height: 164px) {
  .asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@container (min-height: 190px) {
  .asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title-event {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-title-event {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-author {
  display: flex;
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 18.9px */
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-author .author-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-author i {
  margin-right: 6px;
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-event-date {
  display: flex;
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* 18.9px */
}
.asconsole .container-widget browse-home-hero-banner-widget browse-hero-banner .user-post-container .post-details-container .post-info-container .post-info .post-event-date i {
  margin-right: 6px;
}
.asconsole .container-widget browse-home-hero-banner-widget .size-mobile .widget-content {
  margin-left: -24px !important;
  margin-right: -24px !important;
  width: calc(100% + 48px);
}
.asconsole .container-widget browse-home-hero-banner-widget .size-mobile .widget-content .hero-banner-layout {
  padding-left: 24px;
  padding-right: 24px;
}
.asconsole .container-widget browse-home-hero-banner-widget .size-mobile .widget-content .hero-banner-layout .banner-block {
  flex: 0 0 100%;
}

.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container {
  width: 100%;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .fade-in-mask {
  position: absolute;
  top: 0;
  right: -10px;
  width: 40px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  z-index: 4;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .previous-next-button {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 16px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EDF2F7;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .previous-next-button i {
  color: #333F55;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .previous-next-button.previous-block {
  left: -20px;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .previous-next-button.next-block {
  right: -20px;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-1 {
  grid-template-columns: 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-2 {
  grid-template-columns: 1.77fr 1.23fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-3 {
  grid-template-columns: 1.77fr 1.23fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-3 .block-1 {
  grid-row: 1/3;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-4 {
  grid-template-columns: 1.98fr 1.02fr;
  grid-template-rows: repeat(3, 1fr);
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-4 .block-1 {
  grid-row: 1/4;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-5 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "block1 block1 block2" "block1 block1 block2" "block3 block4 block5";
  grid-template-rows: 1fr 1fr 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-5 .block-1 {
  grid-area: block1;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-5 .block-2 {
  grid-area: block2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-5 .block-3 {
  grid-area: block3;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-5 .block-4 {
  grid-area: block4;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-5 .block-5 {
  grid-area: block5;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "block1 block2 block4" "block1 block2 block5" "block1 block3 block6";
  grid-template-rows: 1fr 1fr 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 .block-1 {
  grid-area: block1;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 .block-2 {
  grid-area: block2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 .block-3 {
  grid-area: block3;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 .block-4 {
  grid-area: block4;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 .block-5 {
  grid-area: block5;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-large .hero-banner-layout.layout-6 .block-6 {
  grid-area: block6;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-1 {
  grid-template-columns: 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-2 {
  grid-template-columns: 1.88fr 1.12fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-3 {
  grid-template-columns: 1.88fr 1.12fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-3 .block-1 {
  grid-row: 1/3;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-4 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-4 .block-1 {
  grid-column: 1/3;
  grid-row: 1;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-4 .block-2 {
  grid-column: 1;
  grid-row: 2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-4 .block-3 {
  grid-column: 2;
  grid-row: 2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-4 .block-4 {
  grid-column: 3;
  grid-row: 1/span 2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-5 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "block1 block1 block2" "block1 block1 block2" "block3 block4 block5";
  grid-template-rows: 1fr 1fr 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-5 .block-1 {
  grid-area: block1;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-5 .block-2 {
  grid-area: block2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-5 .block-3 {
  grid-area: block3;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-5 .block-4 {
  grid-area: block4;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-5 .block-5 {
  grid-area: block5;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 {
  grid-template-columns: 1fr 0.5fr 0.5fr;
  grid-template-areas: "block1 block2 block4" "block1 block3 block5" "block1 block3 block6";
  grid-template-rows: 1fr 1fr 1fr;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 .block-1 {
  grid-area: block1;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 .block-2 {
  grid-area: block2;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 .block-3 {
  grid-area: block3;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 .block-4 {
  grid-area: block4;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 .block-5 {
  grid-area: block5;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container.banner-size-small .hero-banner-layout.layout-6 .block-6 {
  grid-area: block6;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout {
  display: grid;
  gap: 8px;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain; /* Prevent unwanted page scroll */
  scroll-snap-type: x mandatory;
  touch-action: pan-x pan-y;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 8px;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel::-webkit-scrollbar {
  display: none;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel.dragging {
  scroll-behavior: auto;
  scroll-snap-type: none;
  cursor: grabbing;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel .banner-block {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  flex: 0 0 95%;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel .banner-block {
    scroll-snap-align: center;
  }
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel .banner-block.block-desktop {
  flex: 0 0 49%;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel .banner-block.block-single {
  flex: 0 0 100%;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .hero-banner-layout.is-carousel .banner-block .owl-dots {
  touch-action: manipulation; /* Allow clicks/taps but not swipes */
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .banner-block {
  position: relative;
  min-height: 0;
  border-radius: 6px;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.asconsole browse-home-hero-banner-widget-layout .hero-banner-layout-container .block-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.asconsole browse-home-widget-common-header {
  display: flex;
  min-width: 0;
  width: 100%;
}
.asconsole browse-home-widget-common-header .widget-name {
  flex: 1;
  color: var(--neutral-900, --nc-colors__neutral900);
  margin-top: 0;
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 700;
  min-height: 24px;
}
.asconsole browse-home-widget-common-header .widget-context-menu {
  padding-right: 4px;
  margin-bottom: 16px;
  align-self: anchor-center;
}
.asconsole browse-home-widget-common-header .widget-header-link {
  margin-top: 6px;
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 14px */
}
.asconsole browse-home-widget-common-header .widget-header-link a {
  color: var(--ds-brand-colors__link, var(--nc-colors__brand1)) !important;
  text-decoration: var(--ds-brand-textDecorations__linkUnderline, none);
}
.asconsole browse-home-widget-common-header .widget-header-link a:hover {
  color: var(--ds-brand-colors__linkHover, var(--nc-colors__brand1)) !important;
  text-decoration: var(--ds-brand-textDecorations__linkOnHover, none);
}
.asconsole browse-home-widget-common-header .widget-header-link asui-skeleton-text {
  margin-top: -4px;
}
.asconsole browse-home-widget-thumbnail-card {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: start;
  align-items: center;
  gap: 16px;
  border-radius: var(--ds-brand-radii__pageComponent, 16px);
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
}
.asconsole browse-home-widget-thumbnail-card spaces-space-icon {
  min-width: 64px;
  min-height: 64px;
  width: 64px;
  height: 64px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole browse-home-widget-thumbnail-card .thumbnail-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  gap: 10px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  overflow: hidden;
  background: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-home-widget-thumbnail-card .thumbnail-container .placeholder {
  opacity: 0.1;
}
.asconsole browse-home-widget-thumbnail-card .thumbnail-container .image-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.asconsole browse-home-widget-thumbnail-card .thumbnail-container .image-icon {
  width: 90%;
  height: 90%;
  object-fit: cover;
  z-index: 0;
}
.asconsole browse-home-widget-thumbnail-card .thumbnail-container i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 24px;
}
.asconsole browse-home-widget-thumbnail-card .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
.asconsole browse-home-widget-thumbnail-card .details .title {
  align-self: stretch;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole browse-home-widget-thumbnail-card .details .info {
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
  /* Body S/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole browse-home-widget-thumbnail-card .details .info ng-transclude {
  width: 100%;
}
.asconsole .size-mobile browse-home-widget-common-header .hide-mobile .widget-name {
  display: none;
}
.asconsole .size-large browse-home-widget-common-header .hide-desktop .widget-name,
.asconsole .size-small browse-home-widget-common-header .hide-desktop .widget-name {
  display: none;
}
.asconsole .size-small browse-home-widget-thumbnail-card {
  border: none;
  border-radius: 0;
  padding: 0;
}
.asconsole .size-small browse-home-widget-thumbnail-card .thumbnail-container {
  width: 56px;
  height: 56px;
}
.asconsole .size-small browse-home-widget-thumbnail-card spaces-space-icon {
  min-width: 56px;
  min-height: 56px;
  width: 56px;
  height: 56px;
  background-color: var(--nc-colors__neutral0);
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole .size-large browse-home-widget-common-header .widget-name {
  /* Heading 8 */
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 20px;
  line-height: 150%; /* 23px */
  letter-spacing: -0.4px;
}
.asconsole .size-large browse-home-widget-common-header .widget-header-link {
  font-size: 16px;
}
.asconsole .size-small browse-home-widget-common-header .widget-name,
.asconsole .size-mobile browse-home-widget-common-header .widget-name {
  /* Body M/Bold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  line-height: 150%; /* 24px */
}
.asconsole .size-small browse-home-widget-common-header .widget-header-link,
.asconsole .size-mobile browse-home-widget-common-header .widget-header-link {
  font-size: 14px;
}

.asconsole browse-home-customized {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: var(--nc-colors__backgroundColor, #f5f5f5);
  width: 100%;
  min-width: 0;
}
.asconsole browse-home-customized .ptr--ptr {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  color: #2d3851;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: none;
}
.asconsole browse-home-customized .ptr--ptr .ptr--icon {
  font-size: 20px;
  margin-bottom: -12px;
}
.asconsole browse-home-customized .ptr--ptr .ptr--text {
  display: none;
}
.asconsole browse-home-customized .home-page-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-home-customized .randomize {
  position: fixed;
  left: 10px;
  top: 84px;
  width: 50px;
  z-index: 9999;
  font-size: 33px;
  opacity: 0.5;
}
.asconsole browse-home-customized .randomize:hover {
  opacity: 1;
}
.asconsole browse-home-customized .randomize span {
  transition: all 1s ease-in-out;
  transform: rotateZ(0deg);
}
.asconsole browse-home-customized .footer-sticky {
  bottom: 0;
  position: sticky;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-customized .footer-sticky {
    position: relative;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-home-customized .footer-mobile-hide {
    display: none;
  }
}
.asconsole browse-home-customized browse-home-footer {
  width: 100%;
  z-index: 1;
}
.asconsole browse-home-customized .layout-container {
  display: flex;
  flex: 1;
  z-index: 0;
  flex-direction: column;
  min-width: 0;
  margin: 32px 64px;
}
@media all and (max-width: 1400px) {
  .asconsole browse-home-customized .layout-container {
    margin: 32px 32px;
  }
}
@media all and (max-width: 1200px) {
  .asconsole browse-home-customized .layout-container {
    margin: 32px 24px;
  }
}
@media all and (max-width: 945px) {
  .asconsole browse-home-customized .layout-container {
    margin: 24px 16px;
  }
}
.asconsole browse-home-customized .layout-container .widget-switch {
  display: flex;
  min-width: 0;
  width: 100%;
}

.asconsole .container-widget browse-home-location-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-location-widget .size-mobile .home-location-widget > div,
.asconsole .container-widget browse-home-location-widget .size-large .home-location-widget > div {
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  padding: 16px;
}
.asconsole .container-widget browse-home-location-widget .size-mobile .home-location-widget > div {
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  padding: 16px;
}

.asconsole visitors-invite-attendees {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole visitors-invite-attendees .attendee-details-container {
  margin-bottom: 13px !important;
}
.asconsole visitors-invite-attendees asui-infield-input-container {
  width: 100%;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead {
  width: 100%;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner:first-child .dropdown-item {
  margin-top: 14px;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner:nth-last-child(2) .dropdown-item {
  margin-top: 7px;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner:nth-last-child(2) .dropdown-item.active {
  background: none;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner:first-child:nth-last-child(2) .add-new-visitor {
  border: none;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item {
  padding: 0;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item {
  padding: 7px 18px;
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .visitor-item-thumbnail {
  position: relative;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .visitor-item-thumbnail .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .visitor-item-thumbnail .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .user-typeahead-label .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
  font-size: 85%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .visitor-item .user-typeahead-label .unverified-visitor {
  color: #B25300;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .add-new-visitor {
  border-top: 1px solid #DDE3EE;
  padding: 14px 0;
  margin: 0 18px;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .add-new-visitor .add-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
  color: white;
  background-color: inherit;
  color: inherit;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .add-new-visitor .add-icon i {
  font-size: 130%;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .dropdown-item .add-new-visitor .add-label {
  margin-left: 10px;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .selected-item .user-icon {
  margin-right: 10px;
}
.asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .selected-item .user-typeahead-label {
  display: flex;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invite-attendees asui-dropdown-typeahead .dropdown-container-inner-scroll .dropdown-container-inner .selected-item .user-typeahead-label break-word {
    word-break: break-all;
  }
}
.asconsole visitors-invite-attendees .attendee-card-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  padding: 12px 4px 12px 16px;
  margin-bottom: 8px;
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 12px;
  position: relative;
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-thumbnail .card-thumbnail-image-circle {
  width: 36px !important;
  height: 36px !important;
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-thumbnail .icon-help-circled {
  position: absolute;
  right: -2.25px;
  bottom: -2.25px;
  font-size: 13.5px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-details .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #2d3851;
  margin-bottom: 4px;
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-details .email {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invite-attendees .attendee-card-container .attendee-card-details .email break-word {
    word-break: break-all;
  }
}
.asconsole visitors-invite-attendees .attendee-card-container .attendee-card-details .unregistered-email {
  color: #B25300;
}
.asconsole visitors-invite-attendees .attendee-card-container .icon-circle-minus {
  font-size: 24px;
  color: #4f596e;
  padding: 12px;
  cursor: pointer;
}
.asconsole visitors-invite-attendees .watchlist-error {
  border: 1px solid #CB4848;
}
.asconsole visitors-invite-attendees .watchlist-error .email {
  color: #CB4848;
}
.asconsole visitors-invite-attendees .watchlist-error .icon-circle-minus {
  color: #CB4848;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item {
  width: 100%;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item asui-card-user, .asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item .user-typeahead-label .mobile-hide, .asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item .add-icon, .asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item .icon-help-circled {
  display: none;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item .user-typeahead-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .invite-attendee-typeahead-mobile-dialog .selected-item .visitor-item .user-typeahead-label break-word {
    word-break: break-all;
  }
}
.asconsole .invite-attendee-typeahead-mobile-dialog .dropdown-container {
  margin-left: 8px;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .dropdown-container .visitor-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .dropdown-container .visitor-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .dropdown-container .visitor-item .visitor-item-thumbnail {
  position: relative;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .dropdown-container .visitor-item .visitor-item-thumbnail .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .user-typeahead-label {
  margin-left: 8px;
  min-width: 0;
}
.asconsole .invite-attendee-typeahead-mobile-dialog .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .invite-attendee-typeahead-mobile-dialog .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole .invite-attendee-typeahead-mobile-dialog .user-typeahead-label .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
  font-size: 85%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .invite-attendee-typeahead-mobile-dialog .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole .invite-attendee-typeahead-mobile-dialog .user-typeahead-label .unverified-visitor {
  color: #B25300;
}

.asconsole visitors-invite-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.asconsole visitors-invite-details .visitor-input-row asui-infield-input-container {
  width: 100%;
}
.asconsole visitors-invite-details .visitor-input-row asui-infield-input-container visitors-building-typeahead > .icon {
  top: unset;
  bottom: 8px;
  color: #4f596e;
}
.asconsole visitors-invite-details .visitor-input-row host-typeahead, .asconsole visitors-invite-details .visitor-input-row visitors-building-typeahead {
  width: 100%;
}
.asconsole visitors-invite-details .visitor-input-row host-typeahead input, .asconsole visitors-invite-details .visitor-input-row visitors-building-typeahead input {
  height: 40px;
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker {
  width: 100%;
  margin-top: -10px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .to {
    font-size: 11px;
  }
  .asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .datepicker-input {
    padding: 6px;
    width: 100%;
  }
  .asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .item-container {
    padding: 6px;
  }
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .time-container {
  min-width: unset;
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .date-container {
  min-width: unset;
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .datepicker-block {
  flex: none;
  margin-top: 10px;
  width: calc(100% - 25px);
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .datepicker-block .date-container asui-infield-input-container .asui-date-picker input[type=text] {
  padding-left: 16px;
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .to {
  margin: 10px 4px 0 4px;
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker .datepicker-block:last-child {
  margin-top: 10px;
}
.asconsole visitors-invite-details .visitor-input-row reservation-date-range-picker.all-day .datepicker-block {
  flex: 1;
}
.asconsole visitors-invite-details .visitor-input-row visitor-purposes-dropdown {
  width: 100%;
}
.asconsole visitors-invite-details .visitor-input-row visitor-purposes-dropdown .asui-dropdown .dropdown-toggle {
  padding-right: 35px;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-label {
  margin-top: 10px;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block.timezone-full {
  margin-right: 0;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block.timezone-full asui-timezone .btn {
  max-width: unset;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 10px;
  margin-right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block {
    margin-right: 0;
    min-width: 100%;
  }
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone asui-dropdown-typeahead .selected-item, .asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone asui-dropdown-typeahead input[type=text] {
  padding-right: 25px;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone .btn {
  font-size: 12px;
  max-width: 280px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone .btn {
    max-width: 100%;
    width: 100%;
  }
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone .dropdown-menu {
  font-size: 12px;
  max-width: calc(100vw - 40px);
}
@media all and (max-width: 667px) {
  .asconsole visitors-invite-details .visitor-input-row .timezone-container .timezone-block asui-timezone .dropdown-menu li a {
    padding: 3px 12px;
  }
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .allday-toggle {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invite-details .visitor-input-row .timezone-container .allday-toggle {
    margin-top: 10px;
  }
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .allday-toggle .name {
  margin-right: 10px;
  margin-top: 1px;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .allday-toggle .toggle {
  width: 50px !important;
  min-width: 50px !important;
}
.asconsole visitors-invite-details .visitor-input-row .timezone-container .allday-toggle .toggle .toggle-off {
  background-color: #858b9a;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
}
.asconsole visitors-invite-details .visitor-input-row .toggle-container {
  display: flex;
  min-width: 0;
  width: 100%;
  align-items: center;
  flex-direction: row;
}
.asconsole visitors-invite-details .visitor-input-row .toggle-container .input-label {
  font-weight: normal;
}
.asconsole visitors-invite-details .visitor-input-row .toggle-container .toggle .toggle-on,
.asconsole visitors-invite-details .visitor-input-row .toggle-container .toggle .toggle-off {
  text-transform: uppercase;
}
.asconsole visitors-invite-details .visitor-input-row .toggle-container .toggle .toggle-off {
  background-color: #858b9a;
  color: #fff;
}
.asconsole visitors-invite-details .visitor-input-row #invite-details-notes textarea {
  border: none;
  padding: 0 16px 6px 16px;
}
.asconsole visitors-invite-details .input-row:last-child {
  margin-bottom: 0;
}
.asconsole visitors-invite-details as-form-renderer .asip-label {
  margin-bottom: 4px;
}
.asconsole visitors-invite-details as-form-renderer .asip-label .primary-label {
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Lato, Arial, Helvetica, sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.asconsole .notification-section-divider {
  margin: 18px 0;
  border-top: 1px solid #e4e8ef;
}

.asconsole visitors-invite-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.asconsole visitors-invite-sidebar .asui-infield {
  border-radius: var(--ds-brand-radii__pageComponent, 4px);
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content {
  padding: 20px 16px;
  background-color: #fff;
  align-items: flex-start;
  position: relative;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container {
  display: flex;
  align-items: center;
  margin: 5px 0 16px 0;
  min-width: 126px;
  width: auto;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .add-btn {
  min-width: 126px;
  width: auto;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .capacity-msg {
  padding-left: 5px;
  font-size: 90%;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .icon-plus {
  font-size: 12px;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .invite-import-btn {
  min-width: 170px;
  width: auto;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .invite-import-btn .btn {
  background-color: #fff;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .invite-import-btn .btn:disabled, .asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .invite-import-btn .btn:focus, .asconsole visitors-invite-sidebar .visitor-sidebar-content .add-btn-container .invite-import-btn .btn:active {
  background-color: #fff;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container {
  width: 100%;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container .visitor-panel-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
  margin-bottom: 8px;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container .visitor-panel-header .attendee-count {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-transform: lowercase;
  color: #475369;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container .visitor-panel-header .icon-edit {
  color: #4f596e;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container .visitor-panel-add-attendee-container {
  padding: 5px 2px;
  margin-bottom: 13px;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container .visitor-panel-add-attendee-container .btn-link {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.asconsole visitors-invite-sidebar .visitor-sidebar-content .visitor-container .visitor-panel-add-attendee-container .btn-link.btn-disabled {
  color: #8493AE;
}
.asconsole visitors-invite-sidebar .visitor-input-col {
  display: flex;
  flex-direction: row;
}
.asconsole visitors-invite-sidebar .visitor-input-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  align-items: flex-start;
}
.asconsole visitors-invite-sidebar .visitor-input-row .input-label {
  width: 100%;
  display: flex;
  align-items: center;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  padding-bottom: 4px;
}
.asconsole visitors-invite-sidebar .visitor-input-row .asui-dropdown, .asconsole visitors-invite-sidebar .visitor-input-row visitor-puroposes-dropdown, .asconsole visitors-invite-sidebar .visitor-input-row map-location-dropdown, .asconsole visitors-invite-sidebar .visitor-input-row visitors-resource-typeahead, .asconsole visitors-invite-sidebar .visitor-input-row host-typeahead, .asconsole visitors-invite-sidebar .visitor-input-row user-typeahead, .asconsole visitors-invite-sidebar .visitor-input-row textarea, .asconsole visitors-invite-sidebar .visitor-input-row > input {
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 0;
}
.asconsole visitors-invite-sidebar .visitor-input-row textarea {
  border-radius: 4px;
}
.asconsole visitors-invite-sidebar .visitor-input-row .asui-dropdown .btn, .asconsole visitors-invite-sidebar .visitor-input-row .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  max-height: 40vh !important;
}
.asconsole visitors-invite-sidebar .visitor-input-row .validation-msg {
  display: none;
}
.asconsole visitors-invite-sidebar .visitor-input-row .ng-dirty.ng-invalid-required {
  border-color: #CB4848;
}
.asconsole visitors-invite-sidebar .visitor-input-row .ng-dirty.ng-invalid-required ~ .validation-required {
  display: block;
}
.asconsole visitors-invite-sidebar .visitor-input-row .ng-dirty.ng-invalid-maxlength {
  border-color: #CB4848;
}
.asconsole visitors-invite-sidebar .visitor-input-row .ng-dirty.ng-invalid-maxlength ~ .validation-maxlength {
  display: block;
}
.asconsole visitors-invite-sidebar .visitor-input-row asui-infield-input-container.attendee-details-email.has-error + .validation-msg, .asconsole visitors-invite-sidebar .visitor-input-row asui-infield-input-container.attendee-details-visitor-type.has-error + .validation-msg {
  display: block;
}
.asconsole visitors-invite-sidebar .visitor-input-row asui-infield-input-container.ng-dirty.ng-invalid-required ~ .validation-required {
  display: block;
}
.asconsole visitors-invite-sidebar .visitor-input-row asui-infield-input-container.ng-dirty.ng-invalid-maxlength ~ .validation-maxlength {
  display: block;
}
.asconsole visitors-invite-sidebar .visitor-input-row:last-child {
  margin-bottom: 0;
}
.asconsole visitors-invite-sidebar .visitors-btns-container {
  display: flex;
  flex: 1;
}
.asconsole visitors-invite-sidebar .visitors-btns-container .btn {
  flex: 1;
}
.asconsole visitors-invite-sidebar .visitors-btns-container .btn:first-child {
  margin-right: 10px;
}
.asconsole visitors-invite-sidebar asui-loading-mask .loading-mask-container {
  opacity: 0.6;
}
.asconsole visitors-invite-sidebar .availability-check {
  background-color: #6275A3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
  flex-direction: column;
}
.asconsole visitors-invite-sidebar .availability-check-show {
  transform: translateY(0%) !important;
}
.asconsole visitors-invite-sidebar .availability-error-container {
  display: flex;
  width: 100%;
}
.asconsole visitors-invite-sidebar .availability-error-container > span {
  width: 100%;
}
.asconsole visitors-invite-sidebar .availability-error-container .error-icon {
  margin-right: 8px;
  margin-top: 2px;
}
.asconsole visitors-invite-sidebar .error {
  background-color: #CB4848;
  transform: translateY(0%) !important;
}
.asconsole visitors-invite-sidebar .error.dismissable {
  padding-right: 32px;
}
.asconsole visitors-invite-sidebar .error.has-icon {
  justify-content: stretch;
  align-items: flex-start;
}
.asconsole visitors-invite-sidebar .error.has-icon .availability-error-container + .error-message-container {
  margin-top: 8px;
}
.asconsole visitors-invite-sidebar .error.has-icon .error-message-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.asconsole visitors-invite-sidebar .error.has-icon .error-message-container.is-clickable {
  cursor: pointer;
}
.asconsole visitors-invite-sidebar .error.has-icon .error-message-container .error-message {
  width: 100%;
}
.asconsole visitors-invite-sidebar .error.has-icon .error-message-container .error-icon {
  margin-right: 8px;
  margin-top: 2px;
}
.asconsole visitors-invite-sidebar .error.has-icon .error-close {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 11px;
}

.asconsole visitors-invites-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole reservation-iot-user-registration .link-container {
  margin-top: 25px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  gap: 20px;
  background: #FFFFFF;
  border: 1px solid #DBE0EA;
  box-shadow: 0px 10px 15px rgba(129, 138, 152, 0.1);
  border-radius: 6px;
  max-width: 460px;
  max-height: 535px;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  gap: 20px;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog .section-header {
  text-align: center;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog .cta-image {
  max-height: 200px;
  width: auto;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog .confirmation-prompt .confirmation-text {
  text-align: center;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog .confirmation-prompt .confirmation-text .username {
  font-weight: bold;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog .confirmation-prompt .buttons-container {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole reservation-iot-user-registration .link-container .link-dialog .confirmation-prompt .buttons-container .btn {
  width: 100%;
  margin-bottom: 10px;
}
.asconsole reservation-iot-user-registration .cta-container {
  background-color: inherit;
  background: inherit;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.asconsole reservation-iot-user-registration .cta-container .cta-dialog .cta-image {
  max-height: 375px;
  width: auto;
}
.asconsole reservation-iot-user-registration .cta-container .cta-dialog .section-header {
  padding-top: 25px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.asconsole reservation-iot-user-registration .cta-container .cta-dialog .section-body {
  padding-top: 10px;
  color: #2D3851;
  text-align: center;
  font-size: 16px;
}
.asconsole reservation-iot-user-registration .cta-container .cta-dialog .home-button-container {
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.asconsole reservation-iot-user-registration .cta-container .cta-dialog .home-button-container .btn {
  width: 150px;
}

.asconsole .modal-layer-selector {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-layer-selector .modal-dialog {
  width: 100%;
  height: auto !important;
  max-height: calc(var(--vh, 1vh) * 100) !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.asconsole .modal-layer-selector .modal-content {
  width: 100%;
  border: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 14px 14px 0 0;
}
.asconsole .modal-layer-selector .modal-header {
  padding: 0;
  border: 0 none;
  display: flex;
}
.asconsole .modal-layer-selector .modal-header h3 {
  margin: 0 !important;
  margin-right: 8px;
}
.asconsole .modal-layer-selector .modal-header .icon-close {
  padding: 13px;
  margin: -13px -13px -13px auto;
}
.asconsole .modal-layer-selector .modal-body {
  padding: 0;
  border: 0 none;
}

.asconsole browse-home-layout-multi-column {
  display: flex;
  flex: 1;
  min-width: 0;
  width: 100%;
}
.asconsole browse-home-layout-multi-column .device-mobile .primary-column,
.asconsole browse-home-layout-multi-column .device-mobile .secondary-column,
.asconsole browse-home-layout-multi-column .device-mobile .single-column {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.asconsole browse-home-layout-multi-column .main-container {
  display: flex;
  flex: 1;
  min-width: 0;
  justify-content: center;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
  justify-content: space-between;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-right: 64px;
  gap: 32px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column {
    gap: 24px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column:last-child {
  margin-right: 0;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .title-adjacent {
  margin-top: -10px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .title-adjacent {
    margin-top: 0;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .column-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .column-menu .column-tab {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 4px;
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, var(--nc-radii__full));
  cursor: pointer;
  color: var(--nc-colors__neutral700, #475369);
  /* Body M/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media all and (max-width: 667px) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .column-menu .column-tab {
    font-size: 14px;
    padding: 12px 16px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .column-menu .active {
  cursor: initial;
  background: var(--nc-colors__brandPale);
  color: var(--nc-colors__brand1, #0A5BEB);
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, var(--nc-radii__full));
  /* Body M/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
@media all and (max-width: 667px) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .column-menu .active {
    font-size: 14px;
    padding: 12px 16px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted])) {
  background-color: var(--nc-colors__neutral200, #edf2f7);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 480px 100%;
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, var(--nc-radii__lg));
  animation: heroReservationShimmer 1.5s linear 20 forwards;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted]))[data-widget-size=small], .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted]))[data-widget-size=mobile] {
  min-height: 320px;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted])):not([data-widget-size=small]):not([data-widget-size=mobile]) {
  min-height: 380px;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted])):not([data-widget-size=small]):not([data-widget-size=mobile])[data-block-count="4"], .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted])):not([data-widget-size=small]):not([data-widget-size=mobile])[data-block-count="5"], .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted])):not([data-widget-size=small]):not([data-widget-size=mobile])[data-block-count="6"] {
  min-height: 504px;
}
@media (prefers-reduced-motion: reduce) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:not([data-block-count="0"]):not(:has(react-component[data-react-mounted])) {
    background-image: none;
    animation: none;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget[data-widget-type=HeroBanner]:has(react-component[data-react-mounted]):not(:has(react-component > *)) {
  display: none;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget:has(browse-home-broadcast-notifications-widget react-component):not(:has(react-component > *)) {
  display: none;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget:last-child {
  position: sticky;
  top: 24px;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget react-component > section {
  padding-bottom: 0;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget .widget-template {
  display: flex;
  width: 100%;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget .widget-template {
    padding: 0 8px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget .widget-switch {
  display: flex;
  min-width: 0;
  width: 100%;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget .widget-switch.widget-selected .home-widget,
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget .widget-switch.widget-selected .react-widget {
  border-radius: 6px;
  outline: 2px solid #0A5BEB;
  outline-offset: 6px;
  box-shadow: 0px 0.979px 1.958px 0px rgba(0, 0, 0, 0.05), 0px 1.958px 5.875px 0px rgba(0, 0, 0, 0.15);
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .container-column .container-widget .widget-switch react-component {
  width: 100%;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .primary-column {
  flex: 1;
  min-width: 540px;
  width: 100%;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .primary-column > .container-widget:has(> browse-live-events-banner):not(:has(.live-events-banner:not(.live-events-banner--hidden))) {
  display: none;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .secondary-column {
  min-width: 0;
  width: 100%;
  max-width: 376px;
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .secondary-column .container-widget.show-hr::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--nc-colors__neutral200, #e7eaee);
  margin-top: 36px;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-layout-multi-column .main-container .container-columns .secondary-column .container-widget.show-hr::after {
    margin-top: 12px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .container-columns .secondary-column .container-widget.show-hr:last-child::after {
  display: none;
}
.asconsole browse-home-layout-multi-column .main-container .single-column {
  width: 100%;
  max-width: 1024px;
}
.asconsole browse-home-layout-multi-column .main-container .two-column {
  max-width: 1552px;
}
.asconsole browse-home-layout-multi-column .main-container .two-column .secondary-column {
  max-width: 376px;
}
@media all and (max-width: 1240px) {
  .asconsole browse-home-layout-multi-column .main-container .two-column .secondary-column {
    width: 100%;
    max-width: 282px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .two-column .primary-column {
  min-width: 0;
  max-width: 1024px;
}
.asconsole browse-home-layout-multi-column .main-container .three-column {
  max-width: 1552px;
}
.asconsole browse-home-layout-multi-column .main-container .three-column .secondary-column {
  width: 100%;
  max-width: 376px;
}
@media all and (max-width: 1240px) {
  .asconsole browse-home-layout-multi-column .main-container .three-column .secondary-column {
    max-width: 282px;
  }
}
.asconsole browse-home-layout-multi-column .main-container .three-column .primary-column {
  max-width: 672px;
}

@keyframes heroReservationShimmer {
  0% {
    background-position: -480px 0;
  }
  100% {
    background-position: calc(100% + 480px) 0;
  }
}
.asconsole .live-events-banner.live-events-banner--hidden {
  display: none;
}

.asconsole reservation-places-map-direction-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservation-places-map-direction-modal .rmv-header {
  display: flex;
  width: 100%;
  align-items: center;
  height: 60px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole reservation-places-map-direction-modal .rmv-header {
    display: none;
  }
}
.asconsole reservation-places-map-direction-modal .rmv-header .title {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 0 20px;
  min-width: 0;
}
.asconsole reservation-places-map-direction-modal .rmv-header .title .icon-building {
  margin-right: 18px;
  font-size: 16px;
  color: #4f596e;
}
.asconsole reservation-places-map-direction-modal .rmv-header .title .title-text {
  color: #0b1835;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole reservation-places-map-direction-modal .rmv-header .icon-cross {
  color: #8493AE;
  font-size: 26px;
  padding: 17px;
  cursor: pointer;
  border-left: 1px solid #DDE3EE;
}
.asconsole reservation-places-map-direction-modal .rmv-header .icon-cross:focus-visible {
  outline-offset: -2px;
}
.asconsole reservation-places-map-direction-modal .rmv-content {
  background-color: #F8F9FC;
  display: flex;
  flex: 1;
}
.asconsole reservation-places-map-direction-modal .rmv-content asui-floorplan-editor {
  padding: 0;
}
.asconsole .modal-reservation-places-map-view {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-reservation-places-map-view .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole reservation-places-map-view-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservation-places-map-view-modal .rmv-header {
  display: flex;
  width: 100%;
  align-items: center;
  height: 60px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole reservation-places-map-view-modal .rmv-header .title {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 0 20px;
  min-width: 0;
}
.asconsole reservation-places-map-view-modal .rmv-header .title .icon-building {
  margin-right: 18px;
  font-size: 16px;
  color: #4f596e;
}
.asconsole reservation-places-map-view-modal .rmv-header .title .title-text {
  color: #0b1835;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole reservation-places-map-view-modal .rmv-header .icon-cross {
  color: #8493AE;
  font-size: 26px;
  padding: 17px;
  cursor: pointer;
  border-left: 1px solid #DDE3EE;
}
.asconsole reservation-places-map-view-modal .rmv-header .icon-cross:focus-visible {
  outline-offset: -2px;
}
.asconsole reservation-places-map-view-modal .rmv-content {
  background-color: #F8F9FC;
  display: flex;
  flex: 1;
}
.asconsole reservation-places-map-view-modal .rmv-content asui-floorplan-editor {
  padding: 0;
}
.asconsole .modal-reservation-places-map-view {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-reservation-places-map-view .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole .container-widget browse-home-map-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-map-widget .floorplan-image {
  border-radius: 14px;
  background: var(--colors-neutral-300, #DDE3EE);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  cursor: pointer;
}

.asconsole browse-card-media-collage {
  display: flex;
  flex-direction: column;
}
.asconsole browse-card-media-collage .media-item {
  overflow: hidden;
  position: relative;
}
.asconsole browse-card-media-collage .media-item img {
  transition: transform 0.3s ease-in-out;
}
.asconsole browse-card-media-collage .media-item .play-icon {
  z-index: 1;
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 30px;
  height: 30px;
  display: flex;
  font-size: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--nc-colors__brand1, #0A5BEB);
  background: white;
}
.asconsole browse-card-media-collage .media-item:hover img {
  transform: scale(1.2);
}
.asconsole browse-card-media-collage .media-item:hover .play-icon {
  display: none;
}
.asconsole browse-card-media-collage .single-media {
  position: relative;
  position: relative;
}
.asconsole browse-card-media-collage .single-media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%;
}
.asconsole browse-card-media-collage .single-media > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-media-collage .single-media .media-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 16px;
}
.asconsole browse-card-media-collage .single-media .media-item video,
.asconsole browse-card-media-collage .single-media .media-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 667px) {
  .asconsole browse-card-media-collage .single-media-image {
    position: relative;
  }
  .asconsole browse-card-media-collage .single-media-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
  }
  .asconsole browse-card-media-collage .single-media-image > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.asconsole browse-card-media-collage .multiple-media {
  display: flex;
  position: relative;
}
.asconsole browse-card-media-collage .multiple-media video,
.asconsole browse-card-media-collage .multiple-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.asconsole browse-card-media-collage .multiple-media .collage-container {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}
.asconsole browse-card-media-collage .multiple-media .remainingCount {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--neutral-0, #FFF);
  /* Body M/Bold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.asconsole browse-card-media-collage .multiple-media-2 {
  position: relative;
}
.asconsole browse-card-media-collage .multiple-media-2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.asconsole browse-card-media-collage .multiple-media-2 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-media-collage .multiple-media-2 .collage-container {
  flex-direction: row;
}
.asconsole browse-card-media-collage .multiple-media-2 .media-item {
  width: calc(50% - 1px);
  height: 100%;
}
.asconsole browse-card-media-collage .multiple-media-2 .media-item-1 {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  margin-right: 2px;
}
.asconsole browse-card-media-collage .multiple-media-2 .media-item-2 {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-3 {
  position: relative;
}
.asconsole browse-card-media-collage .multiple-media-3:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 106.3596491228%;
}
.asconsole browse-card-media-collage .multiple-media-3 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-media-collage .multiple-media-3 .collage-container {
  flex-direction: row;
}
.asconsole browse-card-media-collage .multiple-media-3 .media-item-1 {
  width: 100%;
  height: calc(50% - 1px);
  margin-bottom: 2px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-3 .media-item-2 {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
  margin-right: 2px;
  border-bottom-left-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-3 .media-item-3 {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
  border-bottom-right-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-4 {
  position: relative;
}
.asconsole browse-card-media-collage .multiple-media-4:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.asconsole browse-card-media-collage .multiple-media-4 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-media-collage .multiple-media-4 .collage-container {
  flex-direction: row;
}
.asconsole browse-card-media-collage .multiple-media-4 .media-item-1 {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
  margin-bottom: 2px;
  margin-right: 2px;
  border-top-left-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-4 .media-item-2 {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
  margin-bottom: 2px;
  border-top-right-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-4 .media-item-3 {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
  margin-right: 2px;
  border-bottom-left-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-4 .media-item-4 {
  width: calc(50% - 1px);
  height: calc(50% - 1px);
  border-bottom-right-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-5 {
  width: 100%;
  position: relative;
}
.asconsole browse-card-media-collage .multiple-media-5:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.asconsole browse-card-media-collage .multiple-media-5 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole browse-card-media-collage .multiple-media-5 .media-item-1 {
  height: calc(50% - 1px);
  width: calc(50% - 1px);
  margin-bottom: 2px;
  margin-right: 2px;
  border-top-left-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-5 .media-item-2 {
  height: calc(50% - 1px);
  width: calc(50% - 1px);
  margin-right: 2px;
  border-bottom-left-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-5 .media-item-3 {
  width: calc(50% - 1px);
  height: calc(33.333% - 2px);
  margin-bottom: 2px;
  border-top-right-radius: 16px;
}
.asconsole browse-card-media-collage .multiple-media-5 .media-item-4 {
  width: calc(50% - 1px);
  height: calc(33.333% - 1px);
  margin-bottom: 2px;
}
.asconsole browse-card-media-collage .multiple-media-5 .media-item-5 {
  width: calc(50% - 1px);
  height: calc(33.333% - 1px);
  border-bottom-right-radius: 16px;
}

@media all and (max-width: 667px) {
  .asconsole .device-ios-iphone-notch browse-media-player {
    bottom: 83px;
  }
}
.asconsole browse-media-player {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100vw;
  height: auto;
}
@media all and (max-width: 667px) {
  .asconsole browse-media-player {
    bottom: calc(67px + var(--device-iphone-notch-size, 0px));
  }
}

@media all and (max-width: 667px) {
  .asconsole .device-ios-iphone-notch browse-menubar {
    padding-bottom: 16px;
  }
}
.asconsole browse-menubar {
  display: flex;
  width: 100%;
  z-index: 5;
  font-size: 15.6px;
  color: #3c465d;
  height: 100%;
}
.asconsole browse-menubar .menubar-container {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container {
    justify-content: space-evenly;
  }
}
.asconsole browse-menubar .menubar-container .menu-item {
  display: flex;
  align-items: center;
  padding: 15px;
  height: 100%;
  cursor: pointer;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .menu-item {
    min-width: 0;
    max-width: 100%;
    padding: 15px 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.asconsole browse-menubar .menubar-container .menu-item > .icon {
  font-size: 20px;
  padding: 0 5px 0 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .menu-item > .icon {
    padding: 0;
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.asconsole browse-menubar .menubar-container .menu-item .selected-line {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 4px;
  transform: scaleX(0);
  transition: transform 0.25s ease-in-out;
  background-color: #002169;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .menu-item .selected-line {
    display: none;
  }
}
.asconsole browse-menubar .menubar-container .menu-item .item-name {
  margin: 0;
  margin-left: 3px;
  margin-top: 1px;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .menu-item .item-name {
    font-size: 12px;
    margin-top: 0px;
    margin-left: 0px;
  }
}
@media all and (max-width: 330px) {
  .asconsole browse-menubar .menubar-container .menu-item .item-name {
    font-size: 11px;
    margin-left: 0px;
  }
}
@media all and (max-width: 667px) and (max-width: 330px) {
  .asconsole browse-menubar .menubar-container .menu-item span {
    font-size: 11px;
  }
}
.asconsole browse-menubar .menubar-container .menu-item.active-item {
  color: #002169;
}
.asconsole browse-menubar .menubar-container .menu-item.active-item .selected-line {
  transform: scaleX(1);
}
.asconsole browse-menubar .menubar-container .more-container {
  position: relative;
  display: flex;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container {
    align-items: center;
    justify-content: center;
    min-width: 25%;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container.secondary-open {
  max-height: 600px;
  overflow-y: auto;
}
@media all and (max-width: 992px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container.secondary-open {
    transform: translateY(0%);
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container.secondary-open {
    overflow-y: hidden;
  }
}
@media screen and (orientation: landscape) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container.secondary-open {
    max-height: calc(100vh - 60px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 73px;
  left: 0px;
  z-index: 100;
  width: 390px;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.2s ease-in-out;
  -webkit-box-shadow: 2px 10px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 10px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 10px 15px -6px rgba(0, 6, 100, 0.3);
}
@media all and (max-width: 992px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container {
    left: unset;
    right: 15px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container {
    bottom: env(safe-area-inset-bottom, 48px);
    top: unset;
    left: 0;
    right: 0;
    position: fixed;
    transform-origin: bottom;
    height: fit-content;
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: none;
    max-height: 600px;
    transform: translateY(100%);
    transition: transform 0.2s ease-in-out;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-container-inner {
  background: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-container-inner {
    display: flex;
    -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
    -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
    box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
    border: 1px solid #DDE3EE;
    flex-direction: column;
    align-items: flex-end;
    border-radius: var(--nc-radii__2xl) var(--nc-radii__2xl) 0 0;
    min-height: 0;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .handle {
  background-color: white;
  width: 45px;
  height: 6px;
  margin-bottom: 5px;
  border-radius: 4px;
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .handle {
    display: block;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .menu-items-container {
  display: flex;
  flex-wrap: wrap;
  padding: 35px 5px 0 5px;
  justify-content: center;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .menu-items-container {
    padding-top: 0;
    overflow-y: auto;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .icon-cross {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .icon-cross {
    display: flex;
    padding: 15px 15px 5px 0;
    color: #4f596e;
    font-size: 26px;
    cursor: pointer;
    text-align: right;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 116px;
  height: 131px;
  cursor: pointer;
  margin-bottom: 0px;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item {
    width: 33%;
  }
}
@media all and (max-width: 330px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item {
    width: 50%;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item .secondary-item-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 4px;
  text-align: center;
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #EDF2F7;
  border-radius: 50%;
  margin-bottom: 7px;
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item .icon-container .icon {
  font-size: 22px;
  margin: 0;
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item.active-item .icon-container {
  background-color: #002169;
  color: white;
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item.active-item .secondary-item-name {
  color: #2d3851;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item.active-item span {
    font-weight: 700;
  }
}
.asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item.primary-menu-item {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .menubar-container .more-container .secondary-container .secondary-menu-item.primary-menu-item {
    display: flex;
  }
}
.asconsole browse-menubar .secondary-mask {
  width: 100%;
  height: 100vh;
  background-color: #091e42;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar .secondary-mask {
    display: flex;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-menubar {
    display: flex;
    flex: 1;
    padding: 0;
    height: unset;
    -webkit-box-shadow: 2px 2px 15px -6px rgba(0, 6, 100, 0.3);
    -moz-box-shadow: 2px 2px 15px -6px rgba(0, 6, 100, 0.3);
    box-shadow: 2px 2px 15px -6px rgba(0, 6, 100, 0.3);
    color: #3c465d;
    background-color: var(--nc-colors__navigationBackgroundColor, #fff);
    padding-bottom: var(--device-iphone-notch-size);
    margin-bottom: env(safe-area-inset-bottom, 48px);
  }
}

.asconsole reservation-mobile-resource-sidebar {
  padding: 32px 24px 48px 24px;
}
.asconsole reservation-mobile-resource-sidebar .mobile-resource-sidebar-header {
  display: flex;
  gap: 10px;
}
.asconsole reservation-mobile-resource-sidebar .mobile-resource-sidebar-header .resource-mobile-thumbnail {
  width: 48px;
  min-width: 48px;
  max-height: 48px;
  min-height: 48px;
  border: 0;
  object-fit: cover;
  margin: 0;
  border-radius: 12px;
}
.asconsole reservation-mobile-resource-sidebar .mobile-resource-sidebar-header .info-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-mobile-resource-sidebar .mobile-resource-sidebar-header .info-text .title {
  margin: 5px 0 0 0;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #1E293B;
}
.asconsole reservation-mobile-resource-sidebar .button-container {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-mobile-resource-sidebar .button-container reservation-workspace-action-button {
  margin-top: 24px;
  flex-direction: row;
  gap: 10px;
}
.asconsole reservation-mobile-resource-sidebar .button-container reservation-workspace-action-button .rsv-btn {
  flex: 1;
  font-weight: 500;
}
.asconsole reservation-mobile-resource-sidebar .button-container reservation-workspace-action-button .direction-btn {
  flex: 1;
}
.asconsole reservation-mobile-resource-sidebar .button-container .more-info-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 500;
  margin-top: 7px;
}
.asconsole .modal-mobile-reservation-sidebar reservation-sidebar-modal {
  border-top-left-radius: var(--nc-radii__2xl);
  border-top-right-radius: var(--nc-radii__2xl);
}

.asconsole browse-mobile-split-button .browse-split-btn-main {
  display: none;
  margin-bottom: var(--device-iphone-notch-size);
}
@media all and (max-width: 667px) {
  .asconsole browse-mobile-split-button .browse-split-btn-main {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 95px;
    right: 16px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    z-index: 2;
  }
}
.asconsole .browse-split-btn-menu {
  display: none;
  padding-bottom: var(--device-iphone-notch-size);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background-color: #fff;
  transform: translateY(100%);
  transition: transform 0.4s;
}
@media all and (max-width: 667px) {
  .asconsole .browse-split-btn-menu {
    display: block;
  }
}
.asconsole .browse-split-btn-menu.shown {
  transform: translateY(0);
}
.asconsole .browse-split-btn-menu ul {
  list-style: none;
  padding: 16px;
  margin: 0;
}
.asconsole .browse-split-btn-menu ul li a {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  color: #333F55;
  padding: 12px 8px;
  width: 100%;
  align-items: center;
}
.asconsole .browse-split-btn-menu ul li .icon {
  width: 20px;
  margin-right: 8px;
}
.asconsole .browse-split-btn-menu ul li + li {
  margin-top: 8px;
}
.asconsole .browse-split-btn-menu-overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole .browse-split-btn-menu-overlay.shown {
    display: block;
  }
}

.asconsole reservation-multi-resource-reservation-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.asconsole reservation-multi-resource-reservation-sidebar .asui-infield {
  border-radius: var(--ds-brand-radii__pageComponent, 4px);
}
.asconsole reservation-multi-resource-reservation-sidebar .conflict-btn asui-spinner {
  margin-top: 7px;
}
.asconsole reservation-multi-resource-reservation-sidebar .conflict-btn asui-spinner .spinner-container .spinner-fade-line div {
  background-color: white;
}
.asconsole reservation-multi-resource-reservation-sidebar .relocate-btn {
  background-color: #B25300 !important;
  border-color: #B25300 !important;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content {
  padding: 20px 16px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content > input {
  min-height: 38px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting {
  margin-bottom: 10px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .sensitivity-setting, .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting {
  display: flex;
  flex-direction: row;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .sensitivity-setting .toggle, .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting .toggle {
  width: 5px !important;
  min-width: 66px !important;
  font-weight: 700;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .sensitivity-setting .toggle .toggle-on.btn-sm, .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting .toggle .toggle-on.btn-sm {
  padding-left: 10px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .sensitivity-setting .toggle .toggle-off, .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting .toggle .toggle-off {
  background-color: #858b9a;
  border-color: #858b9a !important;
  color: #fff;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .sensitivity-setting .toggle .toggle-off.btn-sm, .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting .toggle .toggle-off.btn-sm {
  padding-right: 10px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .sensitivity-setting .toggle-label, .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .availability-setting .toggle-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  flex: 1;
  margin-right: 10px;
  color: #1E293B;
  font-weight: 500;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .form-item {
  margin-bottom: 18px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content > input,
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content > textarea {
  border-radius: 5px;
  margin: 10px 0 0 0;
  font-size: 14px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .reservation-notes {
  min-height: 150px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead {
  margin-bottom: 10px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield {
  margin: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield--label {
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  margin: 6px 14px 0 14px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield--input-container {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-bottom: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield input {
  display: flex;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 none !important;
  flex-grow: 1;
  height: 38px !important;
  padding: 6px 14px 6px 14px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield input:focus {
  border: 0 none;
  outline: 0 none;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield:focus-within {
  border-color: #0A5BEB;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield.asui-infield-disabled {
  background: #EDF2F7;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield.asui-infield-disabled .asui-infield--input-container {
  background: #EDF2F7;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield user-typeahead {
  padding-bottom: 0;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-rich-text {
  max-width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-rich-text .asui-richtext {
  min-width: 0;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-rich-text .asui-richtext .sticky-toolbar {
  min-width: 0;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-rich-text .CodeMirror-scroll {
  max-width: 440px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-rich-text .CodeMirror-scroll {
    max-width: calc(100vw - 40px);
  }
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content > .btn-primary {
  font-weight: 200;
  width: 100%;
  font-size: 16px;
  height: 44px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content > textarea {
  height: 80px;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-loading-mask {
  position: fixed;
}
.asconsole reservation-multi-resource-reservation-sidebar .rsv-sidebar-content asui-loading-mask .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}

.asconsole browse-home-my-app-links-loading {
  width: 100%;
}
.asconsole browse-home-my-app-links-loading .link-skeleton {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
}
.asconsole browse-home-my-app-links-loading .link-skeleton:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-my-app-links-loading .link-skeleton .icon {
  width: 56px;
  height: 56px;
}
.asconsole browse-home-my-app-links-loading .link-skeleton .text-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}
.asconsole browse-home-my-app-links-loading .link-skeleton .text-container .text {
  margin-left: 14px;
  width: 80%;
  font-size: 16px;
}
.asconsole browse-home-my-app-links {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole browse-home-my-app-links .app-links-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  cursor: pointer;
}
.asconsole browse-home-my-app-links .tabs {
  display: flex;
  position: relative;
  margin-bottom: 16px;
  gap: 24px;
}
.asconsole browse-home-my-app-links .tabs .tab {
  display: flex;
  padding: 0 4px 16px 4px;
  justify-content: center;
  align-items: center;
  color: var(--nc-colors__neutral700);
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 500;
  line-height: 170%;
}
.asconsole browse-home-my-app-links .tabs .tab.active {
  position: relative;
  z-index: 1;
  color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-home-my-app-links .tabs .tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-home-my-app-links .tabs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--nc-colors__neutral300, #e5e7eb);
}
.asconsole browse-home-my-app-links ea-card-app-link {
  margin-bottom: 24px;
}
.asconsole browse-home-my-app-links ea-card-app-link:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-my-app-links .event-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-basis: auto;
}
.asconsole browse-home-my-app-links .event-container .event-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #eef4f9;
  border-radius: 8px;
  height: 60px;
  min-width: 56px;
  padding: 8px;
  background-color: white;
}
.asconsole browse-home-my-app-links .event-container .event-date .month {
  text-transform: uppercase;
  color: #CB4848;
  font-size: 12px;
  line-height: 14px;
}
.asconsole browse-home-my-app-links .event-container .event-date .date {
  color: #1E293B;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
}
.asconsole browse-home-my-app-links .event-container .event-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding-left: 14px;
  min-width: 0;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-header .event-title {
  color: #0b1835;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 4px;
  margin-top: 2px;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-header .single-attendee asui-card-user {
  left: initial !important;
  right: 0;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-descriptions {
  display: flex;
  flex-direction: column;
  color: #2d3851;
  flex: 1;
  flex-basis: auto;
  padding-left: 3px;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-descriptions .desc {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-descriptions .desc .icon {
  font-size: 16px;
  width: 18px;
  color: #4f596e;
  margin-right: 8px;
}
.asconsole browse-home-my-app-links .event-container .event-details .event-descriptions .desc span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-home-my-app-links .event-container .event-details .event-descriptions .desc span break-word {
    word-break: break-all;
  }
}
.asconsole browse-home-my-app-links .event-container .event-details .event-descriptions .desc:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-my-app-links .event-container .event-details .status-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 13px;
  margin-top: 1px;
  margin-left: 4px;
}
.asconsole browse-home-my-app-links .event-container .event-details .not-confirmed-circle {
  background-color: #CB4848;
}
.asconsole browse-home-my-app-links .event-container .event-details .in-progress-circle {
  background-color: #0C817B;
}
.asconsole browse-home-my-app-links .event-container .event-details .pending-circle {
  background-color: #EBBE36;
}
.asconsole browse-home-my-app-links .rsv-actions .btn {
  height: 40px;
  min-width: 150px;
  width: auto !important;
}
.asconsole browse-home-my-app-links .rsv-actions button {
  margin-right: 8px;
  margin-top: 8px;
}
.asconsole browse-home-my-app-links .rsv-actions button:last-child {
  margin-right: 0px;
}
.asconsole browse-home-my-app-links .rsv-actions .btn-default {
  border-radius: 5px;
  border-color: #333F55;
  padding: 6px 12px;
  width: 100%;
}
.asconsole browse-home-my-app-links .rsv-actions .not-confirmed {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-app-links .rsv-actions .not-confirmed:hover {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-app-links .rsv-actions .cancelled {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-app-links .rsv-actions .cancelled:hover {
  border-color: #CB4848;
  color: #CB4848;
}

.asconsole browse-my-channels {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: #F8F9FC;
}
.asconsole browse-my-channels .browse-outer .browser-inner-recent {
  max-width: 1024px !important;
}
.asconsole browse-my-channels .browse-outer .browse-inner {
  background-color: transparent;
  padding: 0;
  flex: initial;
  max-width: 1500px;
}
.asconsole browse-my-channels .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin: 20px 20px;
  padding-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-my-channels .browse-outer .browse-inner .content-container {
    flex-direction: column-reverse;
    margin: 0;
  }
}
.asconsole browse-my-channels .browse-outer .browse-empty-cta {
  flex: 1;
}

.asconsole browse-home-my-digest {
  display: flex;
  flex-direction: column;
  height: fit-content;
  height: -moz-max-content;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole browse-home-my-digest {
    margin-top: 15px;
  }
}

.asconsole browse-home-my-event {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  cursor: pointer;
}
.asconsole browse-home-my-event .event-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-basis: auto;
}
.asconsole browse-home-my-event .event-container .event-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #eef4f9;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  height: 60px;
  min-width: 56px;
  padding: 8px;
  background-color: white;
}
.asconsole browse-home-my-event .event-container .event-date .month {
  text-transform: uppercase;
  color: #CB4848;
  font-size: 12px;
  line-height: 14px;
}
.asconsole browse-home-my-event .event-container .event-date .date {
  color: #1E293B;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
}
.asconsole browse-home-my-event .event-container .event-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding-left: 14px;
  min-width: 0;
}
.asconsole browse-home-my-event .event-container .event-details .event-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.asconsole browse-home-my-event .event-container .event-details .event-header .event-title {
  color: #0b1835;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 4px;
  margin-top: 2px;
}
.asconsole browse-home-my-event .event-container .event-details .event-header .single-attendee asui-card-user {
  left: initial !important;
  right: 0;
}
.asconsole browse-home-my-event .event-container .event-details .event-descriptions {
  display: flex;
  flex-direction: column;
  color: #2d3851;
  flex: 1;
  flex-basis: auto;
  padding-left: 3px;
}
.asconsole browse-home-my-event .event-container .event-details .event-descriptions .desc {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.asconsole browse-home-my-event .event-container .event-details .event-descriptions .desc .icon {
  font-size: 16px;
  width: 18px;
  color: #4f596e;
  margin-right: 8px;
}
.asconsole browse-home-my-event .event-container .event-details .event-descriptions .desc span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-home-my-event .event-container .event-details .event-descriptions .desc span break-word {
    word-break: break-all;
  }
}
.asconsole browse-home-my-event .event-container .event-details .event-descriptions .desc:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-my-event .event-container .event-details .status-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 13px;
  margin-top: 1px;
  margin-left: 4px;
}
.asconsole browse-home-my-event .event-container .event-details .not-confirmed-circle {
  background-color: #CB4848;
}
.asconsole browse-home-my-event .event-container .event-details .in-progress-circle {
  background-color: #0C817B;
}
.asconsole browse-home-my-event .event-container .event-details .pending-circle {
  background-color: #EBBE36;
}
.asconsole browse-home-my-event .rsv-actions .btn {
  height: 40px;
  min-width: 150px;
  width: auto !important;
}
.asconsole browse-home-my-event .rsv-actions button {
  margin-right: 8px;
  margin-top: 8px;
}
.asconsole browse-home-my-event .rsv-actions button:last-child {
  margin-right: 0px;
}
.asconsole browse-home-my-event .rsv-actions .btn-default {
  border-radius: 5px;
  border-color: #333F55;
  padding: 6px 12px;
  width: 100%;
}
.asconsole browse-home-my-event .rsv-actions .not-confirmed {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-event .rsv-actions .not-confirmed:hover {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-event .rsv-actions .cancelled {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-event .rsv-actions .cancelled:hover {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole browse-home-my-event-loading {
  width: 100%;
}
.asconsole browse-home-my-event-loading .event-skeleton {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px;
}
.asconsole browse-home-my-event-loading .event-skeleton:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-my-event-loading .event-skeleton .date {
  width: 56px;
  height: 56px;
}
.asconsole browse-home-my-event-loading .event-skeleton .text {
  margin-left: 14px;
  width: 56%;
}

@media all and (max-width: 667px) {
  .offline-mode.asconsole browse-navbar .browse-navbar-container .browse-navbar-center browse-menubar.section-menu-bar, .offline-banner-visible.asconsole browse-navbar .browse-navbar-container .browse-navbar-center browse-menubar.section-menu-bar {
    bottom: 20px;
  }
  .offline-mode.asconsole browse-navbar .browse-navbar-container .browse-navbar-center browse-section-menu.section-menu-bar, .offline-banner-visible.asconsole browse-navbar .browse-navbar-container .browse-navbar-center browse-section-menu.section-menu-bar {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 20px);
  }
  .offline-mode.asconsole .device-ios-iphone-notch browse-navbar .browse-navbar-container .browse-navbar-center browse-section-menu.section-menu-bar, .offline-banner-visible.asconsole .device-ios-iphone-notch browse-navbar .browse-navbar-container .browse-navbar-center browse-section-menu.section-menu-bar {
    bottom: 33px;
  }
}
.asconsole browse-navbar {
  display: flex;
  height: 74px;
  z-index: 10;
  width: 100%;
  top: var(--as-safe-area-top, 0px);
  left: 0;
  border-bottom: 1px solid var(--nc-navbar-border-color, #DDE3EE);
  background-color: var(--nc-colors__navigationBackgroundColor);
  justify-content: center;
  position: fixed;
  animation: navbarFadeIn 0.3s ease-out both;
  will-change: opacity;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar {
    height: 56px;
  }
}
.asconsole browse-navbar .hide-menu-items .section-menu-bar {
  visibility: hidden;
}
.asconsole browse-navbar .browse-navbar-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  max-width: 1680px;
  padding: 0 64px;
}
@media all and (max-width: 1200px) {
  .asconsole browse-navbar .browse-navbar-container {
    padding: 0 24px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container {
    padding: 0 16px;
  }
}
.asconsole browse-navbar .browse-navbar-container .search-focus {
  width: 100%;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left {
  display: flex;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left {
    flex: none;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container {
  display: flex;
  align-items: center;
  font-size: 8px;
  height: 32px;
  width: max-content;
  min-width: 155px;
  max-width: 100%;
  cursor: pointer;
}
@media all and (max-width: 1150px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container {
    min-width: 120px;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container img {
  height: calc(32px * var(--logo-scale-web, 1));
  width: auto;
  max-width: calc(155px * var(--logo-scale-web, 1));
  max-height: 56px;
  object-fit: contain;
  object-position: left center;
}
@media all and (max-width: 1150px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container img {
    max-width: calc(120px * var(--logo-scale-web, 1));
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .logo-skeleton {
  width: 100%;
  height: 100%;
  background-color: #e2e8f0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .logo-skeleton {
    width: 50%;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .logo-skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(90deg, #e2e8f0, #f1f5f9, #e2e8f0);
  animation: shimmer 1.5s ease-in-out infinite;
  transform: translateX(-100%);
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .section-header {
  display: none;
  max-width: 60vw;
  margin: auto 0;
  padding-top: 3px;
  color: var(--nc-colors__navigationDefaultColor, var(--nc-colors__neutral900, #1E293B));
  /* Heading 7 */
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 30px */
  letter-spacing: -0.48px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .section-header break-word {
    word-break: break-all;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .logo-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container {
    min-width: auto;
    max-width: 100%;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container img {
    height: calc(32px * var(--logo-scale-mobile, 1));
    max-width: calc(50vw * var(--logo-scale-mobile, 1));
    max-height: 40px;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .logo-mobile {
    display: initial;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .logo-web {
    display: none;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .company-logo.has-section-header {
    display: none;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-left .logo-container .section-header.has-section-header {
    display: block;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center {
  display: flex;
  align-items: center;
  margin-left: 32px;
  flex: 1 1 100%;
  justify-content: space-between;
  min-width: 0;
  padding: 0 20px;
  height: 100%;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center browse-section-menu {
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center {
    flex: 1;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center {
    width: 100%;
    justify-content: flex-end;
    padding: 0px 24px 0px 0px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center {
    margin-left: 0;
    padding: 0;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center .section-menu-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    transition: bottom var(--nc-durations__normal, 0.3s) ease-in-out;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center navbar-search {
  width: 300px;
  min-width: 300px;
}
@media all and (max-width: 992px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center navbar-search {
    width: 100%;
    min-width: initial;
  }
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center navbar-search .search-icon {
    padding-left: 15px;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center navbar-search .search-icon {
  color: #333F55;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center navbar-search .asui-search input {
  height: 26px;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center.search-back-button browse-search-autocomplete {
  margin-left: 32px;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center.search-back-button browse-search-autocomplete {
    margin-left: 0;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center .global-search {
  margin: 0 0 0 32px;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-center .global-search {
    flex: 1 1 content;
    margin: 0 24px 0 0;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-center .global-search.custom-view {
  margin: 0 0 0 7px;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right {
  display: flex;
  flex: 1 1 content;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-right {
    flex: none;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right > react-component[name=globalSearchField] {
  display: flex;
  width: 100%;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right navbar-user-profile asui-card-user .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid #DDE3EE;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right navbar-user-profile asui-card-user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right .navbar-icon:hover {
  border-radius: var(--ds-brand-radii__avatar, 50%);
  background-color: rgba(255, 255, 255, 0.2);
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right .console-navbar-btn {
  cursor: pointer;
  padding: 3px 8px 2px 8px;
  height: 26px;
  border-radius: 2px;
  background-color: #475369;
  color: white;
  font-size: 90%;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
  transition: all 0.4s;
  margin-right: 0 7px;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .browse-navbar-container .browse-navbar-right .console-navbar-btn {
    margin-right: 0;
    width: 32px;
    height: 32px !important;
  }
}
.asconsole browse-navbar .browse-navbar-container .browse-navbar-right .console-navbar-btn:hover {
  background-color: white;
  color: white;
  transition: all 0.4s;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .custom-view .view-title {
    display: none;
  }
  .asconsole browse-navbar .custom-view .menu-icon-view-back {
    display: flex;
    margin-left: -15px;
  }
  .asconsole browse-navbar .custom-view .menu-icon-view-context {
    display: flex;
    margin-right: -15px;
  }
  .asconsole browse-navbar .custom-view .logo-container {
    display: none !important;
  }
  .asconsole browse-navbar .custom-view .browse-navbar-right {
    display: none;
  }
  .asconsole browse-navbar .custom-view .browse-navbar-left {
    flex: 0;
  }
  .asconsole browse-navbar .custom-view .browse-navbar-center {
    min-width: 0;
  }
  .asconsole browse-navbar .custom-view browse-search-autocomplete {
    margin-right: -15px;
  }
  .asconsole browse-navbar .custom-view .search-focus {
    margin-right: 0px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .has-context-menu browse-search-autocomplete,
  .asconsole browse-navbar .has-context-menu .global-search {
    display: none;
  }
}
.asconsole browse-navbar .view-title {
  display: none;
  font-size: 130%;
  width: 100%;
  text-align: center;
}
.asconsole browse-navbar .menu-icon-view-back,
.asconsole browse-navbar .menu-icon-view-context {
  display: none;
  color: var(--nc-colors__navigationDefaultColor, #6275A3);
  cursor: pointer;
  border: 0 none;
  background-color: transparent;
  padding: 15px 22px;
}
.asconsole browse-navbar .menu-icon-view-back i,
.asconsole browse-navbar .menu-icon-view-context i {
  font-size: 20px;
}
@media all and (max-width: 667px) {
  .asconsole browse-navbar .menu-icon-view-back,
  .asconsole browse-navbar .menu-icon-view-context {
    padding: 15px 15px;
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes navbarFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .device-ios-iphone-notch browse .sidebar-view-container {
    margin-bottom: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse .sidebar-view-container {
    margin-bottom: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-search-autocomplete {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .device-ios-iphone-notch .section-menu-bar {
    padding-bottom: 0;
  }
}
.asconsole.integration-app .device-iphone-x-xs-11pro-12mini .section-menu-bar,
.asconsole.integration-app .device-iphone-12-12pro .section-menu-bar,
.asconsole.integration-app .device-iphone-xr-11 .section-menu-bar,
.asconsole.integration-app .device-iphone-xsmax-11promax .section-menu-bar,
.asconsole.integration-app .device-iphone-12promax .section-menu-bar {
  padding-bottom: 0;
}
.asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-left {
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-left {
    display: none;
  }
}
.asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center {
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center {
    padding: 0 16px 0 6px;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center .section-menu-bar {
    position: static;
    padding-bottom: 0;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center .section-menu-bar .secondary-mask {
    top: calc(56px + var(--as-safe-area-top, 0px));
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center .global-search {
    margin: 0 8px 0 0;
  }
}
.asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center .global-search.custom-view {
  margin: 0 0 0 8px;
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-center .global-search.custom-view {
    padding: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container .browse-navbar-right .popover {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app browse-navbar .browse-navbar-container {
    padding-left: 0;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view {
    padding-left: 16px;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view .browse-navbar-left {
    display: flex;
    flex: 1;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view .browse-navbar-center {
    padding: 0;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view .browse-navbar-center .section-menu-bar {
    display: none;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view browse-search-autocomplete {
    display: none;
    margin-right: -15px;
    flex: 1;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view browse-search-autocomplete asui-search-autocomplete .icon-cross.ng-hide {
    display: none !important;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.custom-view browse-search-autocomplete asui-search-autocomplete .icon-cross {
    display: inline !important;
    display: initial !important;
  }
  .asconsole.integration-app browse-navbar .browse-navbar-container.search-visible browse-search-autocomplete {
    display: flex !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container {
    justify-content: flex-start;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container.mobile-menubar-more {
    justify-content: space-between;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .menu-item {
    flex: 0 1 auto;
    max-width: unset;
    margin: 0 10px;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .menu-item > .icon {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .menu-item .selected-line {
    display: block;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .menu-item .item-name {
    font-size: 16px;
  }
}
@media all and (max-width: 330px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .menu-item .item-name {
    font-size: 14px;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container .menu-item > .icon {
    display: block;
    margin-bottom: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container .menu-item .item-name {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container {
    min-width: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container .secondary-container.secondary-open {
    transform: translateY(calc(56px + var(--as-safe-area-top, 0px)));
    max-height: 90vh;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container .secondary-container {
    bottom: unset;
    top: 0;
    transform: translateY(-100%);
    transform-origin: top;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container .secondary-container .secondary-container-inner {
    border-radius: 0 0 6px 6px;
    align-items: flex-start;
    margin: 0 5px;
    border-top: 0 none;
  }
}
.asconsole.integration-app .section-menu-bar .menubar-container .more-container .secondary-container .handle {
  display: none;
}
.asconsole.integration-app .section-menu-bar .menubar-container .more-container .secondary-container .menu-items-container {
  padding-top: 24px;
  background-color: transparent;
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar .menubar-container .more-container .icon-cross {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole.integration-app .section-menu-bar {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    height: 55px;
  }
}

.asconsole browse-newsletter .browse-page-container-large react-component {
  min-height: 100%;
}

.asconsole browse-no-access {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  background-color: #F8F9FC;
  padding: 30px;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole browse-no-access {
    align-items: flex-start;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse-no-access {
    min-width: 100%;
    padding: 15px;
  }
}
.asconsole browse-no-access .block-back-swipe {
  position: fixed;
  width: 105px;
  background-color: transparent;
  height: 100%;
  top: 0px;
  left: -100px;
  z-index: 99999;
}
.asconsole browse-no-access .no-access-container {
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole browse-no-access .no-access-container .cta-image {
  max-width: 100%;
  object-fit: contain;
}
.asconsole browse-no-access .no-access-container .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 20px;
  height: 44px;
  font-size: 16px;
  border-radius: 4px;
  max-width: 250px;
}
.asconsole browse-no-access .no-access-container .btn-primary {
  text-transform: none;
}

.asconsole ea-notification-attachment {
  display: block;
}
.asconsole ea-notification-attachment .ea-notification-attachment {
  width: 100%;
  display: block;
}
.asconsole ea-notification-attachment .ea-notification-attachment img {
  max-width: 100%;
  display: block;
}

.asconsole ea-notifications-welcome {
  display: flex;
  justify-content: center;
  flex: 1;
  background: var(--nc-colors__neutral0);
}
.asconsole .ea-view-notifications-container {
  max-width: 600px;
  width: 100%;
  min-width: 0;
  margin-top: 40px;
}
@media all and (max-width: 667px) {
  .asconsole .ea-view-notifications-container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.asconsole .ea-view-notifications-container asui-grid .grid-container {
  flex-direction: column;
}
.asconsole .ea-view-notifications-container asui-grid .grid-container .grid-item {
  flex: 1 0 100%;
}
.asconsole .ea-view-notifications-error {
  width: 100%;
  min-width: 0;
  margin-top: 40px;
}
.asconsole .ea-view-notifications-message {
  padding: 24px;
  border-radius: 14px;
  background: var(--nc-colors__brandPale);
}
.asconsole .ea-view-notifications-message a {
  color: var(--nc-colors__brand1);
}
.asconsole .ea-view-notifications-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  margin: 24px 0;
  padding: 0;
  font-weight: 700;
  line-height: 30px;
}
.asconsole .ea-notification-item.has-icon {
  display: flex;
  gap: 16px;
}
.asconsole .ea-notification-item-icon {
  border-radius: 100%;
  border: 3px solid #000;
  background: #000;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole .ea-notification-item-icon img {
  width: 26px;
  height: 26px;
}
.asconsole .ea-notification-item-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 14px;
}
.asconsole .ea-notification-item-title.narrow {
  margin-bottom: 4px;
}
.asconsole .ea-notification-item-title a {
  color: var(--nc-colors__brand1);
}
.asconsole .ea-notification-item-actions {
  display: flex;
  gap: 14px;
}
.asconsole .ea-notification-item-action .btn {
  padding: 10px;
  height: 40px;
  min-width: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole .ea-notification-item-timestamp {
  color: var(--nc-colors__neutral600);
}
.asconsole .ea-notification-item-block {
  margin-bottom: 14px;
}
.asconsole .ea-notification-item-markdown {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .ea-notification-item-markdown p {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .ea-notification-item-card {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  display: flex;
  flex-direction: row;
  width: 100%;
  min-width: 0;
}
.asconsole .ea-notification-item-card-image {
  flex: 1 0 33%;
}
.asconsole .ea-notification-item-card p {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole browse-offline .browse-page-container-large react-component {
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
}

.asconsole ea-concierge-orders {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: white;
}
.asconsole ea-concierge-orders react-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.asconsole ea-concierge-orders react-component .browse-inner {
  margin-top: 0 !important;
}

.asconsole browse-home-org-chart-widget {
  width: 100%;
}
.asconsole browse-home-full-org-chart-widget-loading {
  width: 100%;
}
.asconsole browse-home-full-org-chart-widget-loading .skeleton-container {
  min-height: 374px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--ds-brand-radii__pageComponent, 16px);
  border: 1px solid var(--neutral-300, #DDE3EE);
  background-color: var(--nc-colors__neutral0, #fff);
  padding: 24px;
}
.asconsole browse-home-full-org-chart-widget-loading .skeleton-container .widget-name {
  /* Heading 8 */
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 20px;
  line-height: 150%;
  /* 23px */
  letter-spacing: -0.4px;
}
.asconsole browse-home-full-org-chart-widget-loading .skeleton-container .widget-button-name {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 16px;
  line-height: 150%;
  /* 23px */
  letter-spacing: -0.4px;
  color: var(--brand-1, var(--colors-brand-1, #0a5beb));
}
.asconsole browse-home-slidebar-org-chart-widget-loading {
  width: 100%;
  height: 270px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container {
  position: relative;
  height: 270px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  margin-bottom: -28px;
  border-radius: 16px;
  padding: 20px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .title-block {
  width: 100%;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .connector {
  position: absolute;
  z-index: 90;
  top: 90px;
  bottom: 60px;
  left: 28.5px;
  width: 2px;
  background-color: var(--neutral-400, #DDE3EE);
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .connector-without-title {
  position: absolute;
  z-index: 90;
  top: 75px;
  bottom: 95px;
  left: 28.5px;
  width: 2px;
  background-color: var(--neutral-400, #DDE3EE);
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .first-item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .first-item .avatar {
  width: 56px;
  height: 45px;
  z-index: 95;
  border-radius: 50px;
  background-color: var(--neutral-200, #EDF2F7);
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .first-item .text-block {
  width: 100%;
  flex-direction: column;
  display: flex;
  gap: 5px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .first-item .text-block .text {
  border-radius: 30%;
  margin-left: 8px;
  font-size: 16px;
  background-color: var(--neutral-200, #EDF2F7);
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .first-item .text-block .text div {
  height: 8px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-left: 53px;
  gap: 5px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .item::before {
  position: absolute;
  top: -4px;
  left: -44.5px;
  width: 36px;
  height: 16px;
  border: solid 2px var(--neutral-400, #DDE3EE);
  border-top: 0px;
  border-right: 0px;
  background-color: "transparent";
  border-radius: 0px 0px 0px 650px/410px;
  content: "";
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .item .avatar {
  width: 56px;
  height: 45px;
  border-radius: 50px;
  background-color: var(--neutral-200, #EDF2F7);
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .item .text-block {
  width: 100%;
  flex-direction: column;
  display: flex;
  gap: 5px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .item .text-block .text {
  border-radius: 30%;
  margin-left: 8px;
  font-size: 16px;
  background-color: var(--neutral-200, #EDF2F7);
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .item .text-block .text div {
  height: 8px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .widget-name {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.4px;
}
.asconsole browse-home-slidebar-org-chart-widget-loading .skeleton-container .widget-button-name {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.4px;
  color: var(--brand-1, var(--colors-brand-1, #0a5beb));
}

.asconsole visitors-invite-party-attendees {
  display: flex;
  flex-direction: column;
}
.asconsole visitors-invite-party-attendees .party-attendee {
  display: flex;
  flex-direction: column;
  margin-bottom: 26px;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #4f596e;
  margin-bottom: 18px;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header hr {
  margin: 0 3px;
  flex: 1;
  border-color: #DDE3EE;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header .icon-withdraw {
  color: #858b9a;
  cursor: pointer;
  height: 0.75rem;
  width: 0.8rem;
  border-radius: 50%;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header .icon-withdraw.is-form-pristine {
  color: #CB4848;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header .icon-withdraw:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #77B0EE;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header .icon-withdraw:before {
  position: absolute;
  margin-top: -0.09375rem;
  margin-left: -0.09375rem;
  font-size: 1rem;
  line-height: 0.9;
}
.asconsole visitors-invite-party-attendees .party-attendee .attendee-header .icon-withdraw:hover {
  background-color: #CB4848;
  color: #fff;
}
.asconsole visitors-invite-party-attendees .party-attendee:last-child {
  margin-bottom: 0;
}
.asconsole visitors-invite-party-attendees .visitor-count {
  display: flex;
  align-items: center;
  width: fit-content;
  background-color: #E0EAF5;
  color: #2d3851;
  height: 32px;
  padding: 0 8px;
  border-radius: 2px;
  margin-bottom: 20px;
  cursor: pointer;
}
.asconsole visitors-invite-party-attendees .visitor-count .icon-total-visitors {
  padding-right: 10px;
  color: #002169;
  font-size: 18px;
}
.asconsole visitors-invite-party-attendees .visitor-count .count {
  color: #2d3851;
  letter-spacing: 0.02em;
}
.asconsole visitors-invite-party-attendees .visitor-count .icon-edit {
  padding-left: 5px;
  color: #4f596e;
  font-size: 16px;
}

.asconsole pathfinding-filter-mobile-modal {
  color: #1E293B;
}
.asconsole pathfinding-filter-mobile-modal .modal-header h3 {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}
.asconsole pathfinding-filter-mobile-modal .modal-header .icon {
  color: #333F55;
}
.asconsole pathfinding-filter-mobile-modal .modal-body {
  margin-bottom: 48px;
}
.asconsole pathfinding-filter-mobile-modal .modal-body .option-row:first-child {
  margin-top: 16px;
}
.asconsole pathfinding-filter-mobile-modal .modal-body .option-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole pathfinding-filter-mobile-modal .modal-body .option-row > label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole pathfinding-filter-mobile-modal .modal-body .option-row .toggle .toggle-off {
  background-color: #858b9a;
  border-color: #858b9a !important;
  color: #fff;
}

.asconsole reservation-poi-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
.asconsole reservation-poi-sidebar .rsv-sidebar-content {
  overflow-y: initial !important;
  padding-bottom: var(--iphone-bottom-margin);
}
.asconsole reservation-poi-sidebar .thumbnail-details {
  display: flex;
  justify-content: center;
}
.asconsole reservation-poi-sidebar .availability {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-poi-sidebar .availability .icon-circle {
  font-size: 7px;
  margin: 0 10px 0 2px;
  color: #6275A3;
}
.asconsole reservation-poi-sidebar .info {
  display: flex;
  color: #2d3851;
  margin-top: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-poi-sidebar .info .icon {
  color: #4f596e;
  margin: 3px 10px 0 3px;
  min-width: 20px;
}
.asconsole reservation-poi-sidebar .info .facilities {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-poi-sidebar .info .facilities span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-poi-sidebar .info .facilities span break-word {
    word-break: break-all;
  }
}
.asconsole reservation-poi-sidebar .info:first-child {
  margin-top: 0;
}
.asconsole reservation-poi-sidebar reservation-workspace-action-button .direction-btn {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.asconsole browse-post-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole browse-post-typeahead > .icon {
  position: absolute;
  top: 15px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead {
  width: 100%;
  font-size: 14px;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 28px !important;
  padding-right: 30px !important;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .item-container .channel-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-left: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-post-typeahead asui-dropdown-typeahead .item-container .channel-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-post-typeahead asui-dropdown-typeahead input {
  padding-left: 35px !important;
  padding-right: 30px !important;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .fa-caret-down {
  color: #68768D;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .disabled .channel-name {
  opacity: 1;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead input[type=text]:disabled {
  background-color: white !important;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole browse-post-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .channel-name {
  margin-left: 8px;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .dropdown-container-inner .channel-name {
  white-space: initial !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .thumbnail-container {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead .thumbnail-container .image-thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
  z-index: 0;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead spaces-space-icon {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead spaces-space-icon .space-icon .icon-content-svg {
  width: 75%;
  height: 75%;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead posts-card-post .card-thumbnail {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-right: 16px;
}
.asconsole browse-post-typeahead asui-dropdown-typeahead posts-card-post .card-thumbnail .icon {
  font-size: 18px;
}
.asconsole .post-typeahead-mobile-modal .selected-item asui-card-channel {
  display: none;
}
.asconsole .post-typeahead-mobile-modal .dropdown-container .post-name {
  margin-left: 8px;
}

.asconsole browse-quick-post {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 12px;
  background-color: var(--nc-colors__neutral100);
  border: 1px solid var(--nc-colors__neutral200);
  cursor: pointer;
}
.asconsole browse-quick-post .post-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.asconsole browse-quick-post .section:first-child {
  margin-right: 0;
}
.asconsole browse-quick-post .section:last-child {
  margin-left: 0;
}
.asconsole browse-quick-post .section {
  display: flex;
  flex-direction: column;
  align-content: center;
  margin: 16px;
}
@media all and (max-width: 667px) {
  .asconsole browse-quick-post .section {
    margin: 16px;
  }
}
.asconsole browse-quick-post .share-text {
  color: #475369;
  width: 100%;
}
.asconsole browse-quick-post .share-text p {
  margin: 0;
  font-weight: 400;
}
.asconsole browse-quick-post .share-icons {
  color: var(--nc-colors__neutral900);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 667px) {
  .asconsole browse-quick-post .share-icons {
    display: none;
  }
}
.asconsole browse-quick-post .share-icons i {
  font-size: 22px;
  padding: 8px;
}
.asconsole browse-quick-post .share-icons .icon-paper-clip {
  margin-left: 8px;
}
.asconsole browse-quick-post asui-card-user {
  margin-right: 8px;
}
.asconsole browse-quick-post asui-card-user .card-icon-md .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole browse-quick-post asui-card-user .card-icon-md .card-thumbnail-image-circle span {
  font-size: 15px !important;
}
.asconsole browse-quick-post asui-card-user .card-icon-md .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}

@media all and (max-width: 667px) {
  .asconsole .device-ios-iphone-notch quick-post-create-modal .modal-footer {
    padding-bottom: 32px;
  }
}
.asconsole quick-post-create-modal {
  display: flex;
  flex-direction: column;
}
.asconsole quick-post-create-modal asui-loading-mask {
  border-radius: 18px;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal asui-loading-mask {
    border-radius: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .modal-body {
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
.asconsole quick-post-create-modal .community-view .publishing-content .fr-box > .fr-wrapper {
  margin-top: 0;
}
.asconsole quick-post-create-modal .editing-post .cpm-content .modal-body {
  padding-top: 0 !important;
}
.asconsole quick-post-create-modal .editing-post .cpm-content .modal-body .publishing-block {
  margin-top: 0 !important;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .editing-post .cpm-content .modal-body .publishing-block {
    margin-top: 16px !important;
  }
}
.asconsole quick-post-create-modal .setting-on .cpm-content .modal-body {
  padding-top: 0 !important;
}
.asconsole quick-post-create-modal .cpm-container {
  display: flex;
  min-height: 646px;
  max-height: 95vh;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .cpm-content {
    padding-top: 0px;
  }
}
.asconsole quick-post-create-modal .cpm-container.sidebar-on .mobile-menu-items {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container.sidebar-on.setting-on .modal-header {
  display: block;
}
.asconsole quick-post-create-modal .cpm-container .cpm-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 88px;
  align-items: center;
  background: var(--colors-neutral-100, #F8F9FC);
  padding: 32px 16px 0 16px;
  font-size: 19px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-sidebar .link-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 12px;
  color: var(--colors-neutral-500, #8493ae);
  border-radius: 16px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-sidebar .link-item svg {
  width: 32px;
  height: 32px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-sidebar .link-item.active {
  color: #0A5BEB;
  border-radius: 16px;
  background: var(--colors-neutral-200, #EDF2F7);
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-sidebar {
    display: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content {
  width: 100%;
  display: flex;
  min-width: 0;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content {
    overflow-y: auto;
    padding-bottom: var(--iphone-bottom-margin);
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .btn {
    min-width: 69px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .btn-primary {
  border-radius: var(--ds-brand-radii__button, 12px);
  color: var(--neutral-0, #FFF);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 16px */
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .btn-primary:disabled {
  border-radius: var(--ds-brand-radii__button, var(--radii-md, 8px));
  background: var(--colors-neutral-400, #C4CEDE);
  color: var(--neutral-900, var(--colors-neutral-900, #1E293B));
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 10px 20px 10px 20px;
  border: none;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: white;
    min-height: 61px;
    justify-content: flex-start;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-text {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-text h3 {
  margin: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-text .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 10px 15px;
  margin-left: -15px;
  cursor: pointer;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-text .icon-cross {
  font-size: 20px !important;
  padding: 10px;
  cursor: pointer;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-close {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-close .icon-cross {
  font-size: 20px !important;
  padding: 10px;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-close {
    display: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-close-mobile {
  display: none;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-close-mobile {
    display: flex;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-header .header-close-mobile .icon-cross {
  font-size: 20px !important;
  padding: 10px;
  cursor: pointer;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 40px 0px 10px 0px;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body {
    overflow-y: initial;
    min-height: auto;
    padding: 0px 0px 10px 0px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  position: relative;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 32px;
  position: relative;
  z-index: 20;
  background-color: #fff;
  margin: 16px 48px 0 48px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block {
    padding-bottom: 9px;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block {
    margin: 0 24px;
    margin: 16px 24px 0 24px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  height: 40px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details {
    height: auto;
    flex-direction: row;
    width: 100%;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user {
  margin-right: 8px;
  flex: 0 0 100%;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user {
    flex: 0;
    padding-top: 0;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user .card-icon-xs .card-thumbnail-image-circle {
  width: 40px !important;
  height: 40px !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user .card-icon-xs .card-thumbnail-image-circle span {
  font-size: 16px !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details asui-card-user .card-icon-xs .card-thumbnail-image-circle {
    width: 32px !important;
    height: 32px !important;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .author-name {
  display: none;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-size: 14px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 560px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .author-name {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .author-name {
    font-size: 16px;
    line-height: 32px;
    min-width: 0;
    flex: 0 0 calc(100vw - 95px);
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options {
    flex-wrap: wrap;
    flex: 0 0 100%;
  }
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .icon-settings {
    margin-top: 0;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight asui-dropdown-typeahead > input {
  border: 1px solid var(--nc-colors__brand1, #0A5BEB);
  border-radius: 16px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight asui-dropdown-typeahead > input {
    max-width: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight asui-dropdown-typeahead > input::placeholder {
  color: var(--nc-colors__brand1, #0A5BEB);
  font-weight: 700;
  opacity: 1;
  /* Firefox */
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight asui-dropdown-typeahead .fa-caret-down {
  color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight .icon-menu-publish-line {
  color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight.validation-required asui-dropdown-typeahead > input {
  border-color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight.validation-required asui-dropdown-typeahead > input::placeholder {
  color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .validation-highlight.validation-required .icon-menu-publish-line {
  color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .pubish-to-readonly {
  pointer-events: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .pubish-to-readonly .icon-cross {
  display: none !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead {
  margin-right: 9px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead {
    flex-basis: 0;
    max-width: 60%;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead asui-dropdown-typeahead {
  background-color: white;
  border: 1px solid var(--neutral-300, #DDE3EE);
  border-radius: 16px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead asui-dropdown-typeahead input {
  border: 1px solid transparent;
  border-radius: 16px;
  padding-left: 35px !important;
  min-width: 250px;
  white-space: nowrap;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead asui-dropdown-typeahead input {
    min-width: 0;
    max-width: 50vw;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead asui-dropdown-typeahead .dropdown-container {
    width: calc(100vw - 53px);
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead asui-dropdown-typeahead .selected-item asui-card-channel {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead asui-dropdown-typeahead .selected-item .channel-name {
  font-weight: 600;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options browse-channel-typeahead > .icon {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-channels-preview {
  display: flex;
  align-items: center;
  height: 32px;
  border-radius: 3px;
  background-color: #F2F4F8;
  padding: 4px 12px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-right: 9px;
  cursor: pointer;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-channels-preview .icon-menu-publish-line {
  margin-right: 5px;
  font-size: 17px;
  color: #68768D;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-channels-preview .icon-caret-down {
  margin-left: 5px;
  color: #68768D;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-schedule-preview {
  display: flex;
  align-items: center;
  height: 32px;
  max-width: 270px;
  border-radius: 3px;
  background-color: #F2F4F8;
  padding: 4px 12px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-right: 9px;
  cursor: pointer;
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  border-radius: 8px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-schedule-preview {
    display: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-schedule-preview .icon-clock {
  margin-right: 4px;
  font-size: 18px;
  color: var(--neutral-800, #333F55);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .post-schedule-preview .icon-caret-down {
  margin-left: 5px;
  color: #68768D;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .settings-cog {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: var(--radii-md, 8px);
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
  color: var(--neutral-800, #333F55);
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .settings-cog {
    border-radius: 50%;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .publishing-block-details .publishing-options .settings-cog:hover {
  background: var(--colors-neutral-200, #EDF2F7);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-block .close-modal {
  display: none;
  margin-left: auto;
  align-self: start;
  font-size: 18px;
  cursor: pointer;
  margin-top: -22px;
  margin-right: -22px;
  color: var(--neutral-800, #333F55);
  cursor: pointer;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .bootstrap-datetimepicker-widget,
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .daterangepicker {
  z-index: 19;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .bootstrap-datetimepicker-widget {
    min-height: 19em;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover {
  width: 100%;
  height: 125px;
  min-height: 125px;
  background-color: #f7f8fb;
  background-image: url("../console/images/event-cover-placeholder.svg");
  background-size: cover;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  margin-top: 0px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover {
    margin-top: 0px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .event-cover-buttons {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1.5px dashed var(--neutral-300, #DDE3EE);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .event-cover-buttons .event-cover-remove {
  display: flex;
  justify-content: end;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .event-cover-buttons .event-cover-remove .remove-cover-btn {
  margin: 5px;
  padding: 2px 5px 0px 5px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .event-cover-buttons .event-cover-remove .remove-cover-btn .icon {
  font-size: 16px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .event-cover-buttons .event-cover-upload {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .file-progress-container {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .file-progress-container .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  height: 8px;
  margin-bottom: 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .file-progress-container .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover .file-progress-container .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover.is-uploading .file-progress-container {
  display: initial !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-cover.is-uploading img {
  opacity: 0.6;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-content {
  margin-top: 10px;
  margin-bottom: 24px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-content .editable-event-container {
  background-color: white;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-content .editable-event-container .editable-event-title {
  margin-top: 14px;
  word-break: break-all;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .event-content .validation-msg {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content {
    padding-top: 15px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .publishing-content-scroll {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0 48px;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .publishing-content-scroll {
    margin: 0 24px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .publishing-content-scroll::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container {
  background-color: white;
  margin-bottom: 10px;
  position: relative;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .editable-title {
  color: var(--neutral-900, --nc-colors__neutral900);
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  /* 32.2px */
  letter-spacing: -0.56px;
  /* 32.2px */
  letter-spacing: -0.56px;
  word-break: break-all;
  word-break: break-word;
  padding: 0;
  border: 0 none;
  resize: none;
  overflow: hidden;
  margin: 0;
  display: block;
  width: 100%;
  background-color: transparent;
  position: relative;
  min-height: 36px;
  z-index: 2;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .editable-title {
    font-size: 24px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .editable-title::placeholder {
  color: var(--neutral-500, var(--colors-neutral-500, #8493AE));
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .editable-title + .validation-msg {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .editable-title.ng-touched.ng-invalid-required + .validation-msg {
  display: block;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .help-block {
  color: #cb4848;
  font-size: 16px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .title-placeholder {
  position: absolute;
  color: var(--neutral-500, var(--colors-neutral-500, #8493AE));
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  /* 32.2px */
  letter-spacing: -0.56px;
  word-break: break-all;
  word-break: break-word;
  padding: 0;
  border: 0 none;
  min-height: 36px;
  overflow: hidden;
  margin: 0;
  display: block;
  z-index: 1;
  top: 0;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #858B9A;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .title-placeholder {
    font-size: 24px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .publishing-content .editable-title-container .title-placeholder .placeholder-asterisk.error {
  color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text {
  width: 100%;
  min-height: 60px;
  overflow: hidden;
  max-height: initial !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext {
  min-width: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar {
  min-width: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-box {
  overflow-y: auto;
  margin: 0 -24px;
  padding: 0 24px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-box {
    overflow-y: initial;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar ::-webkit-scrollbar {
    -webkit-appearance: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-top: 0;
  position: sticky;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-quick-insert {
    display: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-fullscreen {
  background-color: white;
  margin: 0;
  padding: 24px !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-fullscreen .fr-element {
  padding: 0 !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-sticky-dummy {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-wrapper {
  overflow: initial !important;
  word-break: break-all;
  word-break: break-word;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  font-family: var(--nc-fontFamilies__regular, Inter);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-wrapper .fr-view {
  padding: 0;
  border: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-wrapper .fr-placeholder {
  padding: 0 !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar .fr-placeholder {
  font-family: var(--nc-fontFamilies__regular, Inter) !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 180% !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar p {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 36px */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar p {
    font-size: 18px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar a {
  pointer-events: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar li {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 36px */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar li {
    font-size: 18px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container asui-rich-text .asui-richtext .sticky-toolbar p:last-child {
  margin-bottom: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list {
  display: flex;
  flex-direction: column;
  flex-direction: column;
  flex: 1;
  justify-content: end;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container:first-child {
  margin-top: 20px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container {
    margin-right: 0px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container .attachment-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  font-size: 28px;
  font-weight: 700;
  color: white;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container .attachment-menu:hover {
  background: rgb(0, 0, 0);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container .attachment-preview {
  position: relative;
  margin: 0px 16px 16px 0px;
  max-width: 100%;
  width: 167px;
  height: 167px;
  background-color: #f7f8fb;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container .attachment-preview img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  opacity: 0.6;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .attachments-container .attachment-preview {
    width: 150px;
    height: 150px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .media-container {
  margin-top: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .files-container {
  margin-right: 0;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -8px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .files-container {
    margin-right: 0;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .files-container .attachment-file {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
  position: relative;
  width: calc(50% - 8px);
  margin-right: 8px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .files-container .attachment-file {
    width: 100%;
    margin-right: 0;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .files-container .file-error {
  color: #CB4848;
  margin-top: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .files-container .error {
  color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .file-progress-container {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .file-progress-container .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  height: 8px;
  margin-bottom: 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .file-progress-container .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .file-progress-container .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .is-uploading .file-progress-container {
  display: initial !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .is-uploading img {
  opacity: 0.6;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .is-uploading .attachment-menu {
  background: rgba(0, 0, 0, 0.8);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .is-uploading .attachment-menu:hover {
  background: rgb(0, 0, 0);
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .is-uploaded img {
  opacity: 1 !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .basic-settings .description-container .attachments-container-list .is-error browse-card-file-attachment {
  border-color: #CB4848;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-content-scroll {
  margin: 16px 48px 0 48px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-content-scroll {
    margin: 0 24px;
    margin: 16px 24px 0 24px;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block .settings-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block .settings-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: -4px;
  margin-bottom: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block .settings-input {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block .settings-input .settings-social-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block .settings-input .settings-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  min-width: 160px;
  margin-top: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block .settings-input .settings-ddl {
  width: 330px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-block:last-child {
  margin-bottom: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .social-checking {
  width: 100%;
  margin-top: 9px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-reactions .settings-input {
  flex-direction: column;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-reactions .asui-dropdown .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 44px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-reactions .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-reactions .social-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 8px;
  margin-bottom: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead input {
  height: 44px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .fa-caret-down {
  color: #68768D;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .selected-item asui-card-user .asui-card .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .selected-item .user-typeahead-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1;
  /* Firefox */
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #333F55;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .channel-name {
  margin-left: 8px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .dropdown-container-inner .channel-name {
  white-space: initial !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-author asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-channels .publish-to-readonly {
  pointer-events: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-channels .publish-to-readonly .remove-button {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-channels .publish-to-readonly .asui-tags-input .tags .input {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-channels browse-channel-tags-input .tag-list .card-icon-only {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-channels browse-channel-tags-input .tag-list .tag-text {
  margin-left: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .settings-input {
  flex-direction: column;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .feature-toggle {
  display: flex;
  margin-top: 4px;
  justify-content: space-between;
  align-items: center;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .feature-toggle .settings-label {
  margin-top: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .featured-date-label {
  margin-top: 6px;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-dropdown {
  margin-top: 14px;
  width: 100% !important;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-dropdown .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 44px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-date-picker {
  margin-top: 10px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-date-picker > input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 44px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-date-picker > input {
    max-width: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-featured .asui-date-picker > input::placeholder {
  color: #0A5BEB;
  font-weight: 700;
  opacity: 1;
  /* Firefox */
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-schedule .asui-date-range-picker {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  cursor: pointer;
  border-radius: 4px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-schedule .asui-date-range-picker input {
  height: 42px;
  padding-left: 53px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-schedule .asui-date-range-picker .icon-calendar {
  left: 15px;
  top: 8px;
  font-size: 24px;
  color: #68768D;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-body .advance-settings .settings-schedule .asui-date-range-picker .drp-selected {
    display: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer {
  display: flex;
  justify-content: flex-end;
  border: none;
  padding: 0 48px 48px 48px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer {
    padding: 0 24px 24px 24px;
  }
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-actions {
    display: none;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container {
  display: flex;
  align-items: center;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container {
    width: initial;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button {
  display: flex;
  align-items: center;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 12px;
  color: var(--neutral-900, var(--colors-neutral-900, #1E293B));
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  opacity: 0.5;
  /* 16px */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button span {
    display: none;
  }
  .asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button i {
    font-size: 24px !important;
  }
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button i {
  font-size: 20px;
  margin-right: 5px;
  margin-top: -2px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button:hover {
  opacity: 1;
  color: #333F55;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button:first-child {
  margin-left: -10px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .post-tools-container .tool-button:last-child {
  margin-right: 0;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .apply-container {
  width: 100%;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .apply-container .btn {
  min-height: 32px;
  border-radius: 4px;
}
.asconsole quick-post-create-modal .cpm-container .cpm-content .modal-footer .btn {
  min-height: 44px;
  flex: 1;
  border-radius: var(--ds-brand-radii__button, 8px);
}
.asconsole quick-post-create-modal .cpm-container.sidebar-on .cpm-content .modal-header, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .cpm-content .modal-header {
  display: none;
}
.asconsole quick-post-create-modal .cpm-container.sidebar-on .cpm-content .modal-body .publishing-block .close-modal, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .cpm-content .modal-body .publishing-block .close-modal {
  display: block;
}
.asconsole quick-post-create-modal .cpm-container.sidebar-on.setting-on .cpm-content .modal-header, .asconsole quick-post-create-modal .cpm-container.hide-modal-header.setting-on .cpm-content .modal-header {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-create-modal .cpm-container {
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .cpm-content .modal-header, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .cpm-content .modal-header {
    display: flex;
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .cpm-content .modal-body .publishing-block .close-modal, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .cpm-content .modal-body .publishing-block .close-modal {
    display: none;
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .mobile-menu-items, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .mobile-menu-items {
    display: flex;
    flex: 1;
    margin: 0;
    position: relative;
    z-index: 20;
    background: #fff;
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .mobile-menu-items .link-item, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .mobile-menu-items .link-item {
    margin: 0 6px 4px 0;
    padding: 9px;
    display: flex;
    color: var(--colors-neutral-500, #8493ae);
    border-radius: 8px;
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .mobile-menu-items .link-item svg, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .mobile-menu-items .link-item svg {
    width: 24px;
    height: 24px;
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .mobile-menu-items .link-item.active, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .mobile-menu-items .link-item.active {
    color: #0A5BEB;
    border-radius: 16px;
    background: var(--colors-neutral-200, #EDF2F7);
  }
  .asconsole quick-post-create-modal .cpm-container.sidebar-on .mobile-menu-items .link-item:first-child, .asconsole quick-post-create-modal .cpm-container.hide-modal-header .mobile-menu-items .link-item:first-child {
    margin-left: 0;
  }
}

.asconsole quick-post-event-form .validation-msg {
  margin: 0;
}
.asconsole quick-post-event-form .event-date {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  text-overflow: ellipsis;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 36px */
  margin-bottom: 6px;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-date {
    font-size: 18px;
  }
}
.asconsole quick-post-event-form .event-date .event-date-input-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-date .event-date-input-container {
    flex-direction: column;
    align-items: start;
  }
}
.asconsole quick-post-event-form .event-date .event-date-input-container .date-block {
  display: flex;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-date .event-date-input-container .date-block {
    width: 100%;
  }
}
.asconsole quick-post-event-form .event-date .event-date-input-container .icon {
  color: var(--colors-neutral-500, #8493ae);
  font-size: 18px;
  margin: 4px 11px 0 0;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .event-start-date {
  display: flex;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .asui-date-picker {
  border: none;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .asui-date-picker input {
  margin: 0;
  padding: 0;
  width: 100%;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .asui-date-picker input:focus, .asconsole quick-post-event-form .event-date .event-date-input-container .asui-date-picker input:focus-visible {
  outline: none;
  border: none;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .asui-date-picker input:focus {
  border-radius: 0;
  border-bottom: 1px solid #0A5BEB;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .asui-date-picker .date-clear {
  display: none;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .event-date-range {
  flex: 1;
  display: flex;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .event-date-range .asui-date-range-picker {
  flex: 0 1 340px;
  border: none;
  border-radius: unset;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .event-date-range .asui-date-range-picker .date-input {
  padding: 0;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .event-date-range .asui-date-range-picker .date-input:focus {
  border-radius: 0;
  border-bottom: 1px solid #0A5BEB;
}
.asconsole quick-post-event-form .event-date .event-date-input-container .event-date-range .asui-date-range-picker .date-clear {
  display: none !important;
}
.asconsole quick-post-event-form .event-time-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.asconsole quick-post-event-form .event-time {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  text-overflow: ellipsis;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 36px */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-time {
    font-size: 18px;
  }
}
.asconsole quick-post-event-form .event-time .event-time-input-container {
  display: flex;
  align-items: center;
}
.asconsole quick-post-event-form .event-time .event-time-input-container .icon-clock {
  color: var(--colors-neutral-500, #8493ae);
  font-size: 19px;
  margin: 4px 10px 0 0;
}
.asconsole quick-post-event-form .event-time .event-time-input-container .time-separator {
  margin: 0 10px;
}
.asconsole quick-post-event-form .event-all-day {
  display: flex;
  justify-content: flex-end;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-all-day {
    margin-left: 30px;
    margin-top: 4px;
    justify-content: start;
  }
}
.asconsole quick-post-event-form .event-all-day label {
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  color: var(--neutral-800, --nc-colors__neutral800);
  text-overflow: ellipsis;
  /* Body L/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 24.3px */
}
.asconsole quick-post-event-form .event-all-day label .event-all-day-description {
  margin-right: 10px;
}
.asconsole quick-post-event-form .event-all-day label toggle {
  margin-top: -3px;
}
.asconsole quick-post-event-form .event-rsvp {
  display: flex;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  text-overflow: ellipsis;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  margin-left: 8px;
  /* 36px */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-rsvp {
    font-size: 18px;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-rsvp {
    margin-left: 30px;
    margin-top: 4px;
    justify-content: start;
  }
}
.asconsole quick-post-event-form .event-rsvp label {
  display: flex;
  color: var(--neutral-800, --nc-colors__neutral800);
  text-overflow: ellipsis;
  margin-top: 0;
  /* Body L/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 24.3px */
}
.asconsole quick-post-event-form .event-rsvp label .event-rsvp-description {
  margin-right: 10px;
}
.asconsole quick-post-event-form .event-rsvp label toggle {
  margin-top: -3px;
}
.asconsole quick-post-event-form .event-location {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  text-overflow: ellipsis;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 36px */
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-location {
    font-size: 18px;
  }
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-location {
    flex-direction: column;
    align-items: start;
  }
}
.asconsole quick-post-event-form .event-location .date-block {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-location .date-block {
    width: 100%;
  }
}
.asconsole quick-post-event-form .event-location .icon {
  color: var(--colors-neutral-500, #8493ae);
  font-size: 19px;
  margin: 4px 10px 0 0;
}
.asconsole quick-post-event-form .event-location .location-block {
  display: flex;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-location .location-block {
    width: 100%;
  }
}
.asconsole quick-post-event-form .event-location .event-location-input-container {
  flex: auto;
}
@media all and (max-width: 667px) {
  .asconsole quick-post-event-form .event-location .event-location-input-container {
    flex-direction: column;
    align-items: start;
  }
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .asui-search {
  border: none;
  border-radius: unset;
  padding: 0;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .asui-search input[type=text] {
  margin: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .asui-search input[type=text] break-word {
    word-break: break-all;
  }
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .asui-search input[type=text]:focus {
  border-bottom: 1px solid #0A5BEB !important;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .icon-search,
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .icon-cross {
  display: none;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown {
  min-width: 225px;
  width: auto;
  margin-top: 3px;
  border: none;
  max-width: 100%;
  overflow-y: auto;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown.loading {
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  height: 50px;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown .search-group-block {
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  padding: 0;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown .search-group-block .search-item-row {
  padding: 6px 10px;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown .search-group-block .search-item-row map-card-network .nwk-card .card-icon {
  width: 20px;
  height: 20px;
  font-size: unset;
  color: #68768D;
  background-color: unset;
  margin-right: 10px;
  flex: 0 0 20px;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown .search-group-block .search-item-row map-card-network .nwk-card .card-details {
  min-width: 0;
}
.asconsole quick-post-event-form .event-location .event-location-input-container asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown .search-all-block {
  display: none;
}

.asconsole .container-widget browse-home-quick-share-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-quick-share-widget browse-quick-post {
  width: 100%;
}
.asconsole .container-widget browse-home-quick-share-widget .size-mobile browse-quick-post .share-icons, .asconsole .container-widget browse-home-quick-share-widget .size-small browse-quick-post .share-icons {
  display: none;
}

.react-full-width-layout react-component {
  width: 100%;
}

.asconsole .container-widget browse-home-recent-feeds-widget {
  display: flex;
  flex-direction: column;
  border-radius: var(--ds-brand-radii__pageComponent);
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .home-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .widget-content {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .widget-content asui-grid {
  flex: 1;
}
.asconsole .container-widget browse-home-recent-feeds-widget .widget-content asui-grid .grid-show-more-link {
  color: var(--nc-colors__brand1, #0A5BEB);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}
.asconsole .container-widget browse-home-recent-feeds-widget .widget-content asui-grid .feed-type-label {
  text-transform: capitalize;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
  border-radius: var(--ds-brand-radii__pageComponent, 16px);
  border: 1px solid var(--neutral-300, #DDE3EE);
  padding: 16px;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton .text-block {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton:last-child {
  margin-bottom: 0;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton .icon {
  min-width: 64px;
  min-height: 64px;
  width: 64px;
  height: 64px;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton .text {
  margin-bottom: 8px;
  margin-left: 14px;
  width: 56%;
  font-size: 16px;
}
.asconsole .container-widget browse-home-recent-feeds-widget browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton .text asui-skeleton {
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-small browse-home-widget-thumbnail-card {
  background-color: transparent;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-small browse-home-recent-feeds-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-small browse-home-recent-feeds-widget-loading .skeleton-container {
  margin-bottom: -24px;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-small browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton {
  background-color: transparent;
  margin: 0 0 24px 0;
  border: none;
  padding: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-small asui-grid .grid-container {
  flex-direction: row;
  margin: 0 0 -24px 0 !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-small asui-grid .grid-container .grid-item {
  padding: 0;
  margin: 0 0 24px 0 !important;
  flex: 0 0 100% !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton {
  background-color: var(--nc-colors__neutral0);
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .two-column asui-grid .grid-container {
  margin: 0 -16px 0 0 !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .two-column asui-grid .grid-container .grid-item {
  padding: 0;
  margin: 0 16px 16px 0 !important;
  flex: 0 0 calc(50% - 16px) !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .two-column browse-home-recent-feeds-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .two-column browse-home-recent-feeds-widget-loading .skeleton-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .two-column browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton {
  background-color: var(--nc-colors__neutral0) !important;
  margin: 0 16px 16px 0;
  width: calc(50% - 16px);
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .three-column asui-grid .grid-container {
  margin: 0 -16px 0 0 !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .three-column asui-grid .grid-container .grid-item {
  padding: 0;
  margin: 0 16px 16px 0 !important;
  flex: 0 0 calc(33.33333333% - 16px) !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .three-column browse-home-recent-feeds-widget-loading {
  width: 100%;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .three-column browse-home-recent-feeds-widget-loading .skeleton-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-large .three-column browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton {
  background-color: var(--nc-colors__neutral0) !important;
  margin: 0 16px 16px 0;
  width: calc(33.33333333% - 16px);
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile browse-home-recent-feeds-widget-loading .skeleton-container {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  margin: 0 0 -18px 0 !important;
  padding-bottom: 18px;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile browse-home-recent-feeds-widget-loading .skeleton-container .link-skeleton {
  width: 288px;
  min-width: 288px;
  margin-right: 18px;
  background-color: var(--nc-colors__neutral0) !important;
  margin-bottom: 0;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile asui-grid {
  /* For Webkit browsers like Chrome, Safari */
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile asui-grid .grid-container {
  flex-wrap: nowrap;
  flex-direction: row;
  overflow-x: auto;
  margin: 0 -24px 0 -24px !important;
  padding-left: 24px;
  padding-right: 24px;
  width: calc(100% + 48px);
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile asui-grid .grid-container .grid-item {
  padding: 0;
  margin: 0 18px 0 0 !important;
  flex: 0 0 288px !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile asui-grid .grid-container .grid-item:last-child {
  margin-right: 0 !important;
}
.asconsole .container-widget browse-home-recent-feeds-widget .size-mobile asui-grid .grid-container::-webkit-scrollbar {
  display: none;
}

.asconsole .container-widget browse-home-recent-posts-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-posts-widget .home-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 15px;
  width: 100%;
  overflow-x: auto;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters {
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 42px;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% + 48px);
  }
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters {
    /* Hide scrollbar for Chrome, Safari and Opera */
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters::-webkit-scrollbar {
    display: none;
  }
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters .feed-pill {
  display: flex;
  padding: var(--s-12, 12px) 20px;
  align-items: center;
  gap: 4px;
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, var(--nc-radii__full));
  cursor: pointer;
  color: var(--nc-colors__neutral700, #475369);
  /* Body M/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  white-space: pre;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters .feed-pill {
    font-size: 14px;
    padding: 12px 16px;
  }
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters .feed-pill-active {
  cursor: initial;
  background: var(--nc-colors__brandPale);
  color: var(--nc-colors__brand1, #0A5BEB);
  /* Body M/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .feed-filters .feed-pill-active {
    font-size: 14px;
    padding: 12px 16px;
  }
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content .grid-loading {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 110vh;
  width: 100%;
  pointer-events: none;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content browse-card-post-skeleton {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #EDF2F7;
    padding-bottom: 40px;
  }
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content browse-home-recent-posts-widget-loading .link-skeleton {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
  border-radius: 16px;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content browse-home-recent-posts-widget-loading .link-skeleton .text-block {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content browse-home-recent-posts-widget-loading .link-skeleton:last-child {
  margin-bottom: 0;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content browse-home-recent-posts-widget-loading .link-skeleton .icon {
  min-width: 64px;
  min-height: 64px;
  width: 64px;
  height: 64px;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content browse-home-recent-posts-widget-loading .link-skeleton .text {
  margin-bottom: 8px;
  margin-left: 14px;
  width: 56%;
  font-size: 16px;
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content .browse-content-grid {
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .browse-content-grid {
    margin-left: -16px;
    min-width: calc(100% + 32px);
    width: calc(100% + 32px);
    position: relative;
  }
}
.asconsole .container-widget browse-home-recent-posts-widget .widget-content .browse-content-grid .social-card {
  min-height: 195px;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-recent-posts-widget .widget-content .browse-content-grid .social-card {
    margin: 0 -8px;
    min-width: calc(100% + 16px);
    width: calc(100% + 16px);
  }
}

.asconsole ea-places-recent-workspaces-grid {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding-bottom: 20px;
  min-width: 0;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
@media all and (max-width: 667px) {
  .asconsole ea-places-recent-workspaces-grid {
    padding: 0;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-places-recent-workspaces-grid {
    flex: 1 0 auto;
  }
}
.asconsole ea-places-recent-workspaces-grid .recent-grid:first-child .h3 {
  margin-top: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-recent-workspaces-grid .recent-grid:first-child .h3 {
    margin-top: 24px;
  }
}
.asconsole ea-places-recent-workspaces-grid .recent-grid .h3 {
  margin: 24px 0;
}
.asconsole ea-places-recent-workspaces-grid .recent-grid .grid-container {
  margin-bottom: 0;
}
.asconsole ea-places-recent-workspaces-grid .recent-grid .grid-container .item-header {
  flex: 0 0 100%;
  padding-top: 0;
}
.asconsole ea-places-recent-workspaces-grid .recent-grid .grid-container .item-header .h3 {
  margin-bottom: 4px;
}
.asconsole ea-places-recent-workspaces-grid .recent-grid + .recent-grid {
  margin-top: 20px;
}
.asconsole ea-places-recent-workspaces-grid .cta-container {
  display: flex;
  flex: 1;
}
.asconsole ea-places-recent-workspaces-grid .cta-container .non-content-text {
  margin-top: 30px;
}
.asconsole ea-places-recent-workspaces-grid .resources-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 33.333%;
}
@media (max-width: 1200px) {
  .asconsole ea-places-recent-workspaces-grid .resources-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 855px) {
  .asconsole ea-places-recent-workspaces-grid .resources-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole ea-places-recent-workspaces-grid .resources-grid .grid-container .item-header {
  flex: 0 0 100%;
  padding-top: 0;
}
@media screen and (max-width: 667px) and (-ms-high-contrast: active), screen and (max-width: 667px) and (-ms-high-contrast: none) {
  .asconsole ea-places-recent-workspaces-grid asui-grid .grid-container .grid-item {
    flex: 1 0 50%;
  }
}

.asconsole reservation-recurrence-pattern {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-recurrence-pattern .toggle-container {
  display: flex;
  flex-direction: row;
}
.asconsole reservation-recurrence-pattern .toggle-container .toggle-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  flex: 1;
  margin-right: 10px;
  color: #1E293B;
  font-weight: 500;
}
.asconsole reservation-recurrence-pattern .toggle-container .toggle {
  width: 5px !important;
  min-width: 66px !important;
  font-weight: 700;
}
.asconsole reservation-recurrence-pattern .toggle-container .toggle .toggle-on.btn-sm {
  padding-left: 10px;
}
.asconsole reservation-recurrence-pattern .toggle-container .toggle .toggle-off {
  background-color: #858b9a;
  border-color: #858b9a !important;
  color: #fff;
}
.asconsole reservation-recurrence-pattern .toggle-container .toggle .toggle-off.btn-sm {
  padding-right: 10px;
}
.asconsole reservation-recurrence-pattern .recurrence-label {
  display: flex;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  margin-top: 0;
}
.asconsole reservation-recurrence-pattern .recurrence-label input {
  margin-right: 10px;
}
.asconsole reservation-recurrence-pattern .recurrence-label.edit {
  cursor: pointer;
  border: 1px solid #DDE3EE;
  padding: 6px 12px;
  border-radius: 4px;
  margin-top: 5px;
}
.asconsole reservation-recurrence-pattern .recurrence-label.edit .icon-update {
  margin-right: 10px;
  color: #4f596e;
}
.asconsole reservation-recurrence-pattern .recurrence-label.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #eef4f9;
}
.asconsole reservation-recurrence-pattern .recurrence-container .recurrence-label {
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 5px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .repeat-label {
  margin-top: 0;
}
.asconsole reservation-recurrence-pattern .recurrence-container .recurrence-input {
  border-radius: 6px;
  width: 100%;
  min-height: 38px;
  margin-bottom: 0;
  font-size: 14px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .asui-dropdown .btn {
  height: 38px;
  border-radius: 6px;
  font-size: 14px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .asui-dropdown .dropdown-menu {
  font-size: 14px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .col-2 {
  display: flex;
  flex-direction: row;
}
.asconsole reservation-recurrence-pattern .recurrence-container .col-2 .col-2-left {
  flex: 1;
  margin-right: 20px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .col-2 .col-2-right {
  flex: 1;
}
.asconsole reservation-recurrence-pattern .recurrence-container .weekly-pattern {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-recurrence-pattern .recurrence-container .weekly-pattern .day-container {
  display: flex;
  margin-top: -4px;
  flex-wrap: wrap;
}
.asconsole reservation-recurrence-pattern .recurrence-container .weekly-pattern .day-container .day-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  cursor: pointer;
  min-width: 35px;
  padding: 0 4px;
  height: 35px;
  border: 1px solid #DDE3EE;
  border-radius: 6px;
  font-size: 16px;
  color: #2d3851;
  margin-right: 5px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole reservation-recurrence-pattern .recurrence-container .weekly-pattern .day-container .day-btn:last-child {
  margin-right: 0;
}
.asconsole reservation-recurrence-pattern .recurrence-container .weekly-pattern .day-container .day-btn.selected {
  background-color: #0A5BEB !important;
  color: white;
}
.asconsole reservation-recurrence-pattern .recurrence-container .weekly-pattern .day-container .day-btn.disabled {
  background-color: #f7f8fb;
  pointer-events: none;
  cursor: not-allowed;
}
.asconsole reservation-recurrence-pattern .recurrence-container .ends {
  position: relative;
}
.asconsole reservation-recurrence-pattern .recurrence-container .ends-radio {
  font-size: 14px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .ends-radio label {
  margin: 0 0 5px 0;
  height: 32px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .ends-radio input[type=radio] {
  margin-right: 10px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .occurrences {
  border-radius: 6px;
  width: 100%;
  font-size: 14px;
  margin-top: 34px;
  padding-right: 88px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .occurrences:disabled {
  background-color: #f7f8fb;
}
.asconsole reservation-recurrence-pattern .recurrence-container .occurrences-label {
  position: absolute;
  top: 39px;
  right: 10px;
  font-size: 14px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .enddate {
  margin-top: 3px;
  border-radius: 6px;
}
.asconsole reservation-recurrence-pattern .recurrence-container .enddate input {
  background-color: transparent;
}
.asconsole reservation-recurrence-pattern .recurrence-container .enddate .date-clear {
  display: none;
}
.asconsole reservation-recurrence-pattern .recurrence-container .enddate.disabled {
  pointer-events: none;
  background-color: #f7f8fb;
  color: #475369;
}
.asconsole reservation-recurrence-pattern .recurrence-container .options2 .occurrences {
  margin-top: 0;
}
.asconsole reservation-recurrence-pattern .recurrence-container .options2 .occurrences-label {
  top: 5px;
}

.asconsole .container-widget browse-reference-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-reference-widget .home-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  width: 100%;
}
.asconsole .container-widget browse-reference-widget .widget-content {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-reference-widget .size-small {
  font-size: 100%;
}
.asconsole .container-widget browse-reference-widget .size-large {
  font-size: 100%;
}
.asconsole .container-widget browse-reference-widget .size-mobile {
  font-size: 100%;
}

.asconsole .browse-request-content-review-modal {
  pointer-events: none;
  opacity: 0;
}

.asconsole reservable-resources-autocomplete {
  display: flex;
  width: 100%;
  flex-basis: auto;
  position: relative;
}
.asconsole reservable-resources-autocomplete reservation-sidebar-resource-list-card .rsc-card-container {
  border: none;
  padding: 0;
  background-color: initial;
}
.asconsole reservable-resources-autocomplete reservation-sidebar-resource-list-card .rsc-card-container reservation-card-workspace-status {
  pointer-events: none;
}
.asconsole reservable-resources-autocomplete asui-search-autocomplete {
  flex: 1;
}
.asconsole reservable-resources-autocomplete asui-search-autocomplete .search-autocomplete-container .search-autocomplete-dropdown {
  max-height: 50vh;
}
.asconsole reservable-resources-autocomplete .user-result {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole reservable-resources-autocomplete .user-result .user-avatar {
  margin-right: 8px;
}
.asconsole reservable-resources-autocomplete .user-result .user-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservable-resources-autocomplete .user-result .user-details .user-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservable-resources-autocomplete .user-result .user-details .user-name break-word {
    word-break: break-all;
  }
}
.asconsole reservable-resources-autocomplete .user-result .user-details .user-email {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservable-resources-autocomplete .user-result .user-details .user-email break-word {
    word-break: break-all;
  }
}

.asconsole ea-places-reservable-workspaces-grid {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left {
  display: flex;
  flex: 1;
  padding-right: 8px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left {
    padding-right: 10px;
  }
}
.asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete {
  width: 300px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete {
    width: initial;
    flex: 1;
  }
}
.asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete asui-search-autocomplete .asui-search {
  padding: 3px 6px;
  min-width: 250px;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete asui-search-autocomplete .asui-search {
    min-width: 0px;
  }
}
.asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete asui-search-autocomplete .search-item .item-icon {
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #002169;
  border-radius: 50%;
  color: white;
  font-size: 9px;
}
.asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete asui-search-autocomplete .search-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-places-reservable-workspaces-grid .workspace-filter-bar .filter-bar-left reservable-resources-autocomplete asui-search-autocomplete .search-item .name break-word {
    word-break: break-all;
  }
}
.asconsole ea-places-reservable-workspaces-grid .reserve-now-container {
  margin-top: 10px;
}
.asconsole ea-places-reservable-workspaces-grid .reserve-now-container .reserve-now-title {
  font-family: var(--nc-fontFamilies__regular);
  line-height: var(--nc-lineHeights__wide);
  font-size: 16px;
  font-weight: var(--nc-fontWeights__semibold);
  margin: 0 0 16px 0;
}
.asconsole ea-places-reservable-workspaces-grid .reserve-now-container .reserve-now-grid {
  display: block;
  margin-bottom: 32px;
}
@media all and (max-width: 667px) {
  .asconsole ea-places-reservable-workspaces-grid .reserve-now-container .reserve-now-grid {
    margin-bottom: 24px;
  }
}
.asconsole ea-places-reservable-workspaces-grid .workspace-grid-container {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  position: relative;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole ea-places-reservable-workspaces-grid .workspace-grid-container {
    flex-direction: row;
  }
}
.asconsole ea-places-reservable-workspaces-grid .workspace-grid-container .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 50%;
}
@media (max-width: 1024px) {
  .asconsole ea-places-reservable-workspaces-grid .workspace-grid-container .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole ea-places-reservable-workspaces-grid .workspace-grid-container .clear-filters-container {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.asconsole ea-places-reservable-workspaces-grid .workspace-grid-container .clear-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole ea-places-reservable-workspaces-grid .workspace-grid-container .cta-container {
  display: flex;
  flex: 1;
  margin-bottom: 20px;
}

.asconsole ea-reservation-attendee-checkpoints {
  display: flex;
}
.asconsole ea-reservation-attendee-checkpoints .attendee-checkpoints {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole ea-reservation-attendee-checkpoints .attendee-checkpoints .checkpoint-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
  position: relative;
}
.asconsole ea-reservation-attendee-checkpoints .attendee-checkpoints .checkpoint-tile i {
  font-size: 20px;
  color: #475369;
}
.asconsole ea-reservation-attendee-checkpoints .attendee-checkpoints .checkpoint-tile .status-circle {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid white;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  background-color: #0C817B;
}
.asconsole ea-reservation-attendee-checkpoints .attendee-checkpoints .extra-checkpoints {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .attendee-checkpoints-popover {
  display: flex;
  flex-direction: column;
}
.asconsole .attendee-checkpoints-popover .checkpoint-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole .attendee-checkpoints-popover .checkpoint-item .name {
  font-weight: 600;
}
.asconsole .attendee-checkpoints-popover .checkpoint-item .details {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole .attendee-checkpoints-popover .checkpoint-item .details .status-circle {
  width: 6px;
  height: 6px;
  margin-left: 2px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #0C817B;
}

.asconsole reservation-attendee-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner {
  background-color: white !important;
  color: #3c465d;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .rsv-sidebar-header {
  border-bottom: 0;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details {
  position: relative;
  padding: 10px 30px 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details asui-card-user {
  margin-right: 16px;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details asui-card-user .card-thumbnail-image-circle {
  width: 58px !important;
  height: 58px !important;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details .user-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details .user-details .user-name {
  margin: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0b1835;
  padding-bottom: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details .user-details .user-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details .user-details .user-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-attendee-sidebar .rsv-sidebar-banner .banner-details .user-details .user-desc break-word {
    word-break: break-all;
  }
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content {
  overflow-y: initial !important;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .event-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 13px;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .complete-checkpoint-btn {
  margin-bottom: 20px;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content reservation-event-resource-list {
  margin-top: 13px;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .info {
  display: flex;
  color: #2d3851;
  margin-top: 13px;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .info .icon, .asconsole reservation-attendee-sidebar .rsv-sidebar-content .info .attendee-icon {
  color: #4f596e;
  margin-right: 10px;
  min-width: 24px;
  font-size: 18px;
  display: flex;
  align-self: flex-start;
  margin-top: 1px;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .timezone {
  margin-top: 0;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .info:first-child {
  margin-top: 0;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content reservation-checkpoint-card {
  margin-bottom: 9px;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .add-services-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: var(--nc-colors__brand1, #0A5BEB) !important;
}
.asconsole reservation-attendee-sidebar .rsv-sidebar-content .add-services-btn i {
  font-size: 100%;
}

.asconsole ea-reservation-calendar-view {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  min-width: 0;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #DDE3EE;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header::-webkit-scrollbar {
  display: none;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header {
  display: flex;
  min-width: 100%;
  border-top: 1px solid #DDE3EE;
  border-bottom: 1px solid #DDE3EE;
  min-height: 64px;
  background-color: #f7f8fb;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header .timezone {
  width: 62px;
  min-width: 62px;
  height: 100%;
  padding: 10px 9px;
  text-align: center;
  color: #3c465d;
  background-color: #EDF2F7;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  border-right: 1px solid #DDE3EE;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header .event-card {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid #DDE3EE;
  background-color: white;
  padding-left: 12px;
  overflow: hidden;
  min-width: 300px;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header .event-card reservation-card-resource {
  display: flex;
  overflow: hidden;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header .event-card reservation-card-resource .icon-container {
  background-color: #002169;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header .event-card .icon-context {
  padding: 5px;
  padding-right: 12px;
  color: #4f596e;
  cursor: pointer;
  font-size: 16px;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-header .event-card .user-container {
  cursor: pointer;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body {
  display: flex;
  flex: 1;
  position: absolute;
  left: 0;
  top: 64px;
  width: 100%;
  height: calc(100% - 64px);
  position: absolute;
  overflow: auto;
  background-color: #f7f8fb;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .spinner-sm {
  opacity: 0.5;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
  height: fit-content;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner {
    margin-bottom: 8px;
  }
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .now-bar-visible {
  visibility: visible !important;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .now-bar {
  width: calc(100% - 61px);
  height: 4px;
  visibility: hidden;
  position: absolute;
  z-index: 100;
  left: 61px;
  background-color: #0A5BEB;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col {
  display: flex;
  flex-direction: column;
  width: 62px;
  border-right: 1px solid #DDE3EE;
  background-color: #EDF2F7;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 101;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col .time-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 10px 9px;
  min-height: 100px;
  border-bottom: 1px solid #DDE3EE;
  text-align: center;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col .time-label .date-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 2px;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col .time-label .date-label.today {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: white;
  background-color: #002169;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col .time-label.today {
  background-color: #f7f8fb;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col .time-label.day-first span:first-child {
  order: 2;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .time-col .time-label.day-first .date-label {
  order: 1;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col:first {
  margin-left: 62px;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .unable-to-query {
  background-color: #EDF2F7 !important;
  cursor: not-allowed;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .unable-to-query .event-col {
  pointer-events: none;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-right: 1px solid #DDE3EE;
  background-color: #f7f8fb;
  position: relative;
  min-width: 300px;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col .timeslot {
  display: flex;
  flex: 1;
  min-height: 160px;
  border-bottom: 1px solid #DDE3EE;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  user-select: none;
  -webkit-user-select: none;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col .timeslot.today {
  background-color: white;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col .timeslot.now {
  border-top: 4px solid #0A5BEB;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col .single-event-card {
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  z-index: 0;
  min-height: 30px;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-body .cal-body-inner .event-col .event-group {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .cal-cta {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100vh - 136px);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #858b9a;
  padding-left: 62px;
  text-align: center;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservation-calendar-view .concierge-cal-content .cal-cta {
    height: calc(100vh - 210px);
  }
  .asconsole ea-reservation-calendar-view .concierge-cal-content .cal-cta h1 {
    font-size: 23px;
    padding: 0 20px 20px 20px;
  }
}
.asconsole ea-reservation-calendar-view .concierge-cal-content .micro-profile {
  position: absolute;
}

.asconsole reservation-conference asui-infield-input-container {
  width: 100%;
}
.asconsole reservation-conference asui-infield-input-container .asui-infield asui-dropdown-typeahead input {
  margin: 0 10px 0 25px;
}
.asconsole reservation-conference asui-infield-input-container .asui-infield asui-dropdown-typeahead .selected-item {
  padding-right: 30px;
}
.asconsole reservation-conference asui-infield-input-container .asui-infield .icon-video-filled {
  position: absolute;
  top: 28px;
  left: 15px;
}
.asconsole reservation-conference asui-infield-input-container .conference-container {
  display: flex;
  flex-direction: column;
  padding: 0 16px 4px 16px;
  min-width: 0;
}
.asconsole reservation-conference asui-infield-input-container .conference-container .conference-provider {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-conference asui-infield-input-container .conference-container .conference-provider .icon {
  width: 15px;
  margin-right: 10px;
}
.asconsole reservation-conference asui-infield-input-container .conference-container div.conference-url {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin: 4px 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-conference asui-infield-input-container .conference-container div.conference-url break-word {
    word-break: break-all;
  }
}
.asconsole reservation-conference asui-infield-input-container .conference-container div.conference-url a {
  color: #3c465d;
}

.asconsole reservation-create-button asui-split-button .main-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-width: 95px;
}
.asconsole reservation-create-button asui-split-button .dropdown-toggle {
  min-width: 30px;
}
.asconsole reservation-create-button asui-split-button .icon-caret-down, .asconsole reservation-create-button asui-split-button .icon-plus {
  font-size: 13px;
}
.asconsole reservation-create-button asui-split-button .dropdown-menu {
  left: auto !important;
  right: 0px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-create-button asui-split-button {
    display: none;
  }
}
.asconsole reservation-create-button .create-btn .icon-plus {
  margin-right: 6px;
  font-size: 13px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-create-button .create-btn {
    display: none;
  }
}
.asconsole reservation-create-button .create-btn-mobile {
  display: none;
  margin-bottom: var(--device-iphone-notch-size);
}
@media all and (max-width: 992px) {
  .asconsole reservation-create-button .create-btn-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 16px;
    right: 16px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    z-index: 2;
  }
}
@media all and (max-width: 667px) {
  .asconsole reservation-create-button .create-btn-mobile {
    bottom: 95px;
  }
}

.asconsole .ea-filter-modal-btn {
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  padding: 9px 16px;
  cursor: pointer;
  height: 40px;
  min-width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-size: 16px;
}
.asconsole .ea-filter-modal-btn .filter-count {
  margin-left: 7px;
  background-color: #002169;
  color: white;
  border-radius: var(--ds-brand-radii__pageComponent, 5px);
  padding: 0 4px;
}
.asconsole .ea-filter-modal-btn .filter-label {
  padding-right: 7px;
}
@media all and (max-width: 667px) {
  .asconsole .ea-filter-modal-btn .filter-label {
    display: none;
  }
}
.asconsole .modal-reservation-filters {
  width: 100%;
  max-width: 500px;
  max-height: 618px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-filters {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: unset;
  }
}
.asconsole .modal-reservation-filters .modal-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-bottom: var(--iphone-bottom-margin);
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none !important;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-filters .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.asconsole .modal-reservation-filters .modal-content reservation-workspace-filters-modal {
  min-height: 391px;
  display: flex;
  flex-direction: column;
  flex: 1 1 618px;
}
.asconsole .modal-reservation-filters .modal-content .loading-container {
  position: relative;
  min-height: 340px;
}
.asconsole .modal-reservation-filters .modal-content .btn {
  height: 40px;
  border-radius: var(--ds-brand-radii__button, 4px);
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  border-bottom: 1px solid #DDE3EE;
  color: #0b1835;
  padding: 0 0 0 20px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-header .title {
  font-size: 18px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-header .icon-cross {
  padding: 9px 20px;
  color: #4f596e;
  cursor: pointer;
  font-size: 24px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  min-height: 340px;
  overflow-y: auto;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item {
  margin-bottom: 12px;
  position: relative;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item .dropdown-toggle {
  font-size: 14px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item .dropdown-toggle {
    line-height: 30px;
  }
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item > .icon-caret-down {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 15px;
  color: #6275A3;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item > .icon-geo {
  position: absolute;
  left: 12px;
  top: 13px;
  color: #4f596e;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item asui-dropdown-typeahead .textbox {
  font-size: 14px;
  padding-left: 40px !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item reservation-building-typeahead .icon-building {
  display: none;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-item reservation-recurrence-pattern .toggle-container {
  display: flex;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container label {
  white-space: nowrap;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .icon-floor, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .icon-map-sections, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .icon-capacity-filter, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .icon-facilities-filter, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .icon-geo {
  top: 2px;
  left: 15px;
  position: absolute;
  z-index: 2;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .textbox {
  height: 30px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .fa-caret-down, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .icon-cross {
  top: -3px;
  padding-top: 0;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  display: inline-block !important;
  padding-right: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .filter-option break-word {
    word-break: break-all;
  }
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .dropdown-menu {
  width: 100%;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .dropdown-menu li a, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .dropdown-menu .text {
  display: block;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .dropdown-menu li a break-word, .asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container .asui-dropdown .dropdown-menu .text break-word {
    word-break: break-all;
  }
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-floor-typeahead .dropdown-container {
  top: 30px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-floor-typeahead .selected-item {
  padding-left: 40px !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-zone-multiselect .dropdown-toggle {
  padding-left: 40px;
  padding-right: 30px;
  height: 30px !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-zone-multiselect .dropdown-toggle .filter-option {
  display: inline-block;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-building-typeahead .selected-item {
  padding-left: 40px !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-event-status-dropdown .status-icon-container {
  top: -2px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-event-status-dropdown .status-icon-dots {
  padding-top: 12px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-event-status-dropdown .dropdown-toggle .filter-option {
  padding-left: 4px;
  padding-right: 15px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-event-status-dropdown .dropdown-toggle .caret {
  top: 15px !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-facilities-multiselect {
  min-width: 0;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-facilities-multiselect .dropdown-toggle {
  padding-left: 40px;
  padding-right: 30px;
  height: 30px !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content asui-infield-input-container reservation-facilities-multiselect .dropdown-toggle .filter-option {
  display: inline-block;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown {
  position: relative;
  flex: 1;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown asui-multiselect {
  width: 100%;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown asui-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown asui-multiselect .asui-multiselect .bootstrap-select .btn {
    line-height: 30px;
  }
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown .asui-dropdown,
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown .asui-multiselect {
  width: 100%;
  margin: 0;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown .asui-dropdown .btn,
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown .asui-multiselect .btn {
  padding-left: 40px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown .asui-dropdown .btn,
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-content .filter-dropdown .asui-multiselect .btn {
    line-height: 30px;
  }
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .rsv-status-dropdown .asui-dropdown .btn {
  padding-left: 12px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .toggle-filter {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .toggle-filter .toggle-label {
  flex: 1;
  margin-right: 10px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .toggle-filter .toggle {
  color: white;
  width: 60px !important;
  line-height: initial !important;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .toggle-filter .toggle .btn-xs {
  font-size: 10px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-content .asui-date-range-picker input {
  font-size: 14px;
}
.asconsole .modal-reservation-filters .modal-content .rsv-filters-footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  border-top: 1px solid #DDE3EE;
  padding: 16px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-filters .modal-content .rsv-filters-footer .btn {
    width: 50%;
  }
}
.asconsole .modal-reservation-filters .modal-content .loading-mask-container {
  border-radius: 8px;
}
.asconsole .modal-ea-workspace-filter .modal-dialog {
  width: 430px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-ea-workspace-filter .modal-dialog {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100) !important;
  }
}
.asconsole .modal-ea-workspace-filter .modal-content {
  border-radius: 0;
}

.asconsole browse-reservation-iot {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 20px 0 20px;
}

.asconsole reservation-label-dropdown {
  display: block;
  width: 100%;
  margin-bottom: 12px;
}
.asconsole reservation-label-dropdown .reservation-label-dropdown {
  width: 100%;
}
.asconsole reservation-label-dropdown .label-tag-icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}
.asconsole reservation-label-dropdown .label-tag-icon--filled {
  background-color: currentColor;
  -webkit-mask-image: url("../console/images/reservations/label-tag-filled.svg");
  mask-image: url("../console/images/reservations/label-tag-filled.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown {
  display: block;
  width: 100%;
}
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .asui-dropdown {
  display: block;
  width: 100%;
}
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .bootstrap-select.label-dropdown-select {
  width: 100% !important;
  max-width: 100%;
}
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .bootstrap-select.label-dropdown-select > .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  width: 100%;
  min-height: 32px;
  padding: 4px 32px 4px 8px;
  background-color: #FFFFFF;
  border: 1px solid #DBE0EA;
  border-radius: 4px;
  text-align: left;
}
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .bootstrap-select.label-dropdown-select > .dropdown-toggle .filter-option,
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .bootstrap-select.label-dropdown-select > .dropdown-toggle .filter-option-inner,
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .bootstrap-select.label-dropdown-select > .dropdown-toggle .filter-option-inner-inner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asconsole reservation-label-dropdown asui-dropdown.label-dropdown .bootstrap-select.label-dropdown-select > .dropdown-toggle .label-tag-icon {
  width: 16px;
  height: 16px;
}
.asconsole .reservation-label-dropdown-menu {
  border-radius: 12px;
  border: 1px solid #DDE3EE;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 4px;
  min-width: 100%;
  overflow: visible;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: static;
  float: none;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 4px 0 5px;
  padding: 5px;
  border-radius: 8px;
  background-color: transparent;
  color: #1E293B;
  white-space: nowrap;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a .text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a:hover, .asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a:focus {
  background-color: #EDF2F7;
  color: #1E293B;
  outline: 0;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a .label-tag-icon {
  width: 20px;
  height: 20px;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a .label-tag-icon--filled {
  background-color: currentColor;
  -webkit-mask-image: url("../console/images/reservations/label-tag-filled.svg");
  mask-image: url("../console/images/reservations/label-tag-filled.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li.selected > a, .asconsole .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li.active > a {
  background-color: #EDF2F7;
  color: #1E293B;
}

body > .bs-container .reservation-label-dropdown-menu {
  border-radius: 12px;
  border: 1px solid #DDE3EE;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 4px;
  min-width: 100%;
  overflow: visible;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: static;
  float: none;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 4px 0 5px;
  padding: 5px;
  border-radius: 8px;
  background-color: transparent;
  color: #1E293B;
  white-space: nowrap;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a .text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a:hover, body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a:focus {
  background-color: #EDF2F7;
  color: #1E293B;
  outline: 0;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a .label-tag-icon {
  width: 20px;
  height: 20px;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li > a .label-tag-icon--filled {
  background-color: currentColor;
  -webkit-mask-image: url("../console/images/reservations/label-tag-filled.svg");
  mask-image: url("../console/images/reservations/label-tag-filled.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li.selected > a, body > .bs-container .reservation-label-dropdown-menu > .inner > ul.dropdown-menu.inner > li.active > a {
  background-color: #EDF2F7;
  color: #1E293B;
}

.asconsole ea-reservation-list-event-card {
  display: flex;
  flex: 1;
  align-items: center;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  min-height: 84px;
  position: relative;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-column {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-date .date,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-date .month {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-thumbnail .rsv-name .name,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-thumbnail .rsv-name .title-content,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-thumbnail .rsv-name .time,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-thumbnail .rsv-name .recurrence {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-thumbnail .rsv-name .icon {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-resource .name,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-resource .location,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-resource .attendee-type {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-resource .icon {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-row .rsv-attendees {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-attendees-container .attendee .username,
.asconsole ea-reservation-list-event-card.has-reservation-label .rsv-details .rsv-attendees-container .attendee .email {
  color: #FFFFFF;
}
.asconsole ea-reservation-list-event-card .rsv-status {
  border-radius: 8px 0 0 8px;
  width: 4px;
  height: 100%;
  top: 0px;
  position: absolute;
}
.asconsole ea-reservation-list-event-card .rsv-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px 0;
  min-width: 0;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row {
  display: flex;
  flex: 1;
  align-items: center;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-column {
  display: flex;
  flex: 1;
  margin-right: 40px;
  min-width: 0;
  color: #1E293B;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-column {
    margin-right: 0;
    justify-content: flex-start;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 16px;
  width: 56px;
  height: 56px;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-date .date {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #1E293B;
  margin: 0;
  line-height: 24px;
  letter-spacing: initial;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-date .month {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #ED0039;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-date.month-first .date {
  order: 2;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-date.month-first .month {
  order: 1;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail {
  align-items: center;
  flex: 3;
  cursor: pointer;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .thumbnail-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 87px;
  min-width: 87px;
  height: 56px;
  border-radius: 5px;
  margin-right: 18px;
  position: relative;
  background-color: #EDF2F7;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .thumbnail-container img {
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .thumbnail-container .icon {
  color: #333F55;
  font-size: 20px;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .thumbnail-container .icon-help-circled {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name {
  min-width: 0;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 600;
  color: #0b1835;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .name .title-content {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .name .multiday-progress {
  margin-left: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .name .comment-badge-container {
  margin-left: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .icon {
  min-width: 20px;
  font-size: 12px;
  color: #4f596e;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .location,
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .time,
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .recurrence {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #2d3851;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-thumbnail .rsv-name .recurrence {
  margin-top: 3px;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-resource {
  flex-direction: column;
  flex: 2;
  margin-right: 40px;
  color: #2d3851;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-resource .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-bottom: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-resource .name break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-resource .attendee-type {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-resource .location {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  align-items: center;
  display: flex;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-resource .icon {
  min-width: 20px;
  font-size: 12px;
  color: #4f596e;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-attendees {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-right: 40px;
}
@media all and (max-width: 1200px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-attendees.parent-row {
    display: none;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions {
  flex: unset;
  justify-content: space-between;
  margin-right: 20px;
  width: 200px;
  color: #4f596e;
}
@media all and (max-width: 1200px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions {
    width: 120px;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions ea-reservation-attendee-checkpoints {
  margin-right: 40px;
}
@media all and (max-width: 1200px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions ea-reservation-attendee-checkpoints {
    display: none;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-chevron-up,
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-chevron-down {
  font-size: 16px;
  width: 24px;
  height: 24px;
  padding: 4px;
  margin-right: 40px;
}
@media all and (max-width: 1200px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-chevron-up,
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-chevron-down {
    margin-right: 20px;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-context {
  font-size: 24px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-context {
    position: absolute;
    top: 22px;
    right: 0;
    padding: 8px 14px;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-row .rsv-actions .icon-context:hover {
  background-color: #EDF2F7;
  transition: background-color 0.3 ease-in-out;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-left: 92px;
  padding: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container {
    margin-top: 7px;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: white;
  border-top: 1px solid #DDE3EE;
  min-height: 65px;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-thumbnail .thumbnail-container {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: white;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-thumbnail .username {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #0b1835;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-thumbnail .username break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-thumbnail .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-thumbnail .email break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-attendees .attendee-status {
  display: flex;
  align-items: center;
}
.asconsole ea-reservation-list-event-card .rsv-details .rsv-attendees-container .attendee .rsv-attendees .attendee-status .status-circle {
  height: 7px;
  min-width: 7px;
  margin-right: 8px;
  border-radius: 50%;
}

.asconsole ea-reservation-list-view {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  border-top: 1px solid #DDE3EE;
}
.asconsole ea-reservation-list-view ea-reservation-calendar-filter-bar {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole ea-reservation-list-view .container-scroll {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 24px 0 24px;
  z-index: 0;
  background-color: #f7f8fb;
  border-left: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservation-list-view .container-scroll {
    padding: 16px 16px 0 16px;
  }
}
.asconsole ea-reservation-list-view .container-scroll .grid-container {
  margin: 0 0 16px 0;
  min-height: 0;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 0 0 10px 0;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item ea-reservation-list-event-card {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item ea-reservation-list-event-card {
    display: none;
  }
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item reservation-card-event-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item reservation-card-event-mobile {
    display: flex;
  }
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item reservation-card-event-mobile .rsv-actions {
  display: none;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item item-directive.card-visitor.is-deleted-status ea-reservation-list-event-card {
  border-style: dashed;
  border-color: #DBE0EA;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item item-directive.card-visitor.is-deleted-status ea-reservation-list-event-card .rsv-details {
  opacity: 0.5;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item item-directive.card-visitor.is-deleted-status reservation-card-event-mobile {
  border-style: dashed;
  border-color: #DBE0EA;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item item-directive.card-visitor.is-deleted-status reservation-card-event-mobile .event-details {
  opacity: 0.5;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item item-directive.card-visitor.is-cancelled-status ea-reservation-list-event-card .rsv-name .name .title-content {
  text-decoration: line-through;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item item-directive.card-visitor.is-cancelled-status reservation-card-event-mobile .event-title.title {
  text-decoration: line-through;
}
.asconsole ea-reservation-list-view .container-scroll .grid-container .grid-item:last-child {
  padding: 0;
}
.asconsole ea-reservation-list-view .container-scroll .cta-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole ea-reservation-list-view .container-scroll .loading-mask-container {
  background-color: #f7f8fb;
  opacity: 0.5;
}

.asconsole reservation-multi-resource-popover {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-multi-resource-popover .resources-popover {
  display: flex;
  flex: 1;
  flex-direction: column;
  cursor: pointer;
}
.asconsole reservation-multi-resource-popover .resources-popover .total {
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-multi-resource-popover .resources-popover .resource {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-multi-resource-popover .resources-popover .resource .icon {
  margin-top: 2px;
  margin-right: 9px;
  min-width: 16px;
  font-size: 16px;
  color: #4f596e;
}
.asconsole reservation-multi-resource-popover .resources-popover .resource .name {
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-multi-resource-popover .resources-popover .resource .name break-word {
    word-break: break-all;
  }
}
.asconsole .multi-resource-popover .resource {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .multi-resource-popover .resource .icon {
  margin-top: 2px;
  margin-right: 9px;
  min-width: 16px;
  font-size: 16px;
  color: #4f596e;
}
.asconsole .multi-resource-popover .resource .name {
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .multi-resource-popover .resource .name break-word {
    word-break: break-all;
  }
}

.asconsole ea-reservations-navigation {
  display: block;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-navigation {
    padding: 0;
    overflow-x: auto;
    margin: 0 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .asconsole ea-reservations-navigation::-webkit-scrollbar {
    display: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-navigation .ea-module-tabs {
    margin: 0 -16px !important;
    padding: 0 16px !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-navigation .ea-module-tabs .navbar-item {
    white-space: nowrap;
    margin-right: 24px !important;
  }
  .asconsole ea-reservations-navigation .ea-module-tabs .navbar-item.desktop-only {
    display: none;
  }
}
.asconsole ea-reservations-navigation .ea-module-tabs .navbar-item .navbar-item-badge-pending {
  margin-left: 5px;
}
.asconsole ea-reservations-navigation .ea-module-tabs .navbar-item .navbar-item-badge-pending .asui-badge-circle {
  background: #F5F0E0;
  color: #B25300;
  border-color: #F5F0E0;
  box-shadow: none;
  padding-top: 5px;
  padding-left: 1px;
}

.asconsole reservation-reservation-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.asconsole reservation-reservation-sidebar .asui-infield {
  border-radius: var(--ds-brand-radii__pageComponent, 4px);
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content {
  padding: 20px 16px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content > input {
  min-height: 38px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .availability-check {
  position: sticky;
  width: calc(100% + 40px);
  margin: -15px -20px 15px -20px;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #6275A3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .availability-check-show {
  transform: translateY(0%) !important;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .confirm-btn {
  margin-top: 20px !important;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .unavailable {
  background-color: #CB4848;
  transform: translateY(0%) !important;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-details {
  margin-bottom: 20px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-details .resource-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-details .resource-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-details .resource-location {
  color: #2d3851;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-details .resource-location .icon {
  margin: 0 5px 0 0;
  min-width: 20px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-details .resource-location span {
  line-height: 1;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .sensitivity-setting {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .sensitivity-setting .toggle-label {
  flex: 1;
  margin-right: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .sensitivity-setting2 {
  margin-right: 20px;
  display: flex;
  align-items: center;
  font-weight: 200;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .sensitivity-setting2 input[type=checkbox] {
  margin-right: 5px;
  margin-bottom: 0px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .reservation-name {
  width: 100%;
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-resource-typeahead {
  margin-bottom: 10px;
  padding-top: 0;
  transition: padding-top 0.4s ease;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-resource-typeahead input {
  height: 38px;
  font-size: 14px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-resource-typeahead .fa-caret-down {
  display: none;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-resource-typeahead .dropdown-container {
  top: 38px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .resource-top-padding {
  padding-top: 32px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-date-range-picker {
  margin-top: 10px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-date-range-picker .to {
    margin: 0 4px;
    font-size: 11px;
  }
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-date-range-picker .datepicker-input {
    padding: 6px;
    width: 100%;
  }
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-date-range-picker .item-container {
    padding: 6px;
  }
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-date-range-picker .start-time,
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-date-range-picker .end-time {
    max-width: 65px;
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-match-container {
  font-size: 12px;
  margin-top: 5px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-match-container a {
  cursor: pointer;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-label {
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block.timezone-full {
  margin-right: 0;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block.timezone-full asui-timezone .btn {
  max-width: unset;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 10px;
  margin-right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block {
    margin-right: 0;
    min-width: 100%;
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block asui-timezone .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block asui-timezone .btn {
  font-size: 12px;
  max-width: 280px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block asui-timezone .btn {
    max-width: 100%;
    width: 100%;
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block asui-timezone .dropdown-menu {
  font-size: 12px;
  max-width: calc(100vw - 40px);
}
@media all and (max-width: 667px) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .timezone-block asui-timezone .dropdown-menu li a {
    padding: 3px 12px;
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .allday-toggle {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .allday-toggle {
    margin-top: 10px;
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .allday-toggle .name {
  width: 50px;
  margin-top: 3px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .allday-toggle .toggle {
  width: 5px !important;
  min-width: 55px !important;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .timezone-container .allday-toggle .toggle .toggle-on.btn-sm {
  padding-left: 6px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-recurrence-pattern {
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content > input,
.asconsole reservation-reservation-sidebar .rsv-sidebar-content > textarea {
  border-radius: 5px;
  margin: 10px 0 0 0;
  font-size: 14px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .reservation-notes {
  margin-top: 10px;
  min-height: 150px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead {
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield {
  margin: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield--label {
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  margin: 6px 14px 0 14px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield--input-container {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-bottom: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield input {
  display: flex;
  border-radius: 0 !important;
  margin: 0 !important;
  border: 0 none !important;
  flex-grow: 1;
  height: 38px !important;
  padding: 6px 14px 6px 14px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield input:focus {
  border: 0 none;
  outline: 0 none;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield:focus-within {
  border-color: #0A5BEB;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield.asui-infield-disabled {
  background: #EDF2F7;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield.asui-infield-disabled .asui-infield--input-container {
  background: #EDF2F7;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content .organizer-typeahead .asui-infield user-typeahead {
  padding-bottom: 0;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content reservation-conference {
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content asui-rich-text {
  max-width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content asui-rich-text .asui-richtext {
  min-width: 0;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content asui-rich-text .asui-richtext .sticky-toolbar {
  min-width: 0;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content asui-rich-text .CodeMirror-scroll {
  max-width: 440px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-reservation-sidebar .rsv-sidebar-content asui-rich-text .CodeMirror-scroll {
    max-width: calc(100vw - 40px);
  }
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content > .btn-primary {
  font-weight: 200;
  width: 100%;
  font-size: 16px;
  height: 44px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content > textarea {
  height: 80px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content attendee-typeahead {
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input {
  min-height: 32px;
  margin-top: 10px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input asui-tags-input .asui-tags-input {
  min-height: 32px;
  border-radius: 5px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input asui-tags-input .asui-tags-input .input {
  font-size: 14px;
  min-height: 20px;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input asui-tags-input .asui-tags-input .tag-item {
  font-size: 12px;
  background-color: #6275A3;
  border: none;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input asui-tags-input .asui-tags-input .tag-item .card-thumbnail-image-circle {
  background-color: white;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content user-tags-input asui-tags-input .asui-tags-input .tag-item .card-thumbnail-image-circle span {
  color: #0b1835;
}
.asconsole reservation-reservation-sidebar .rsv-sidebar-content asui-loading-mask .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}

.asconsole reservation-sidebar-resource-list-card {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  border: 1px solid #DDE3EE;
  padding: 12px 4px 12px 16px;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container.rsc-card-error {
  border-color: #CB4848;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container.rsc-card-error .icon-circle-minus {
  color: #CB4848;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container.rsc-card-error .status-error {
  color: #CB4848;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002169;
  width: 40px;
  height: 45px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  margin-right: 12px;
  position: relative;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-thumbnail img {
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-thumbnail .icon {
  color: white;
  font-size: 20px;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #2d3851;
  margin-bottom: 4px;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details reservation-card-workspace-status .status {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details reservation-card-workspace-status .status .icon-circle {
  font-size: 8px;
  text-align: center;
  width: 14px;
  margin-right: 5px;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details reservation-card-workspace-status .status-error {
  color: #CB4848;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details reservation-card-workspace-status .status-error .icon-circle {
  display: none;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .rsc-details reservation-card-workspace-status .status-approval {
  margin-top: 4px;
}
.asconsole reservation-sidebar-resource-list-card .rsc-card-container .icon-circle-minus {
  font-size: 24px;
  color: #4f596e;
  padding: 12px;
  cursor: pointer;
}

.asconsole reservation-resource-photos {
  display: flex;
  flex: 1;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.asconsole reservation-resource-photos .photos-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 7px;
}
.asconsole reservation-resource-photos .photos-column img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.asconsole reservation-resource-photos .photos-column .photos-row {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin-bottom: 6px;
  min-height: 0;
}
.asconsole reservation-resource-photos .photos-column .photos-row:last-child {
  margin-bottom: 0;
}
.asconsole reservation-resource-photos .photos-column .photos-row-2 .photos-row-col {
  flex: 1;
  position: relative;
  margin-right: 7px;
}
.asconsole reservation-resource-photos .photos-column .photos-row-2 .photos-row-col .count {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  font-size: 23px;
}
.asconsole reservation-resource-photos .photos-column .photos-row-2 .photos-row-col:last-child {
  margin-right: 0;
}
.asconsole reservation-resource-photos .count-thumbnail {
  filter: brightness(0.5);
}
.asconsole reservation-resource-photos .photos-column:first-child {
  margin-left: 0;
}
.asconsole reservation-resource-photos .preview-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100;
  min-width: 0;
}
.asconsole reservation-resource-photos .preview-container asui-carousel {
  min-width: 0;
  flex: 1;
  max-height: 90%;
}
.asconsole reservation-resource-photos .preview-container asui-carousel .asui-carousel-item {
  height: initial;
  max-height: 640px;
}
.asconsole reservation-resource-photos .preview-container asui-carousel .asui-carousel-item .aspect-uniform {
  max-height: 640px;
}
.asconsole reservation-resource-photos .preview-container asui-carousel .owl-dots {
  z-index: 999;
  bottom: -40px;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.asconsole reservation-resource-photos .preview-container asui-carousel .owl-dots .owl-dot.active span {
  background: white;
  width: 18px;
  height: 18px;
  border: 1px solid #DDE3EE;
  opacity: 1;
}
.asconsole reservation-resource-photos .preview-container asui-carousel .owl-dots .owl-dot span {
  pointer-events: initial;
  width: 14px;
  height: 14px;
  background: rgba(219, 224, 234, 0.7);
  border: 1px solid #DDE3EE;
  opacity: 0.6;
}
.asconsole reservation-resource-photos .preview-container asui-carousel.hide-dots .owl-dots {
  display: none;
}
.asconsole reservation-resource-photos .preview-container .icon-cross {
  position: fixed;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #fff;
  padding: 20px;
}

.asconsole reservation-sidebar-modal {
  pointer-events: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
  z-index: 1000;
  background-color: white;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eef4f9;
  height: 55px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-header .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-header .title .icon-arrow-back {
  padding: 14px 20px;
  color: #4f596e;
  cursor: pointer;
  font-size: 24px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-header .icon-cross {
  padding: 9px 20px;
  color: #4f596e;
  cursor: pointer;
  font-size: 24px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-header .disabled {
  pointer-events: none;
}
.asconsole reservation-sidebar-modal .button-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole reservation-sidebar-modal .button-container .rsv-btn {
  margin-bottom: 5px;
}
.asconsole reservation-sidebar-modal .rsv-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 10px;
  min-height: 40px;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole reservation-sidebar-modal .rsv-btn-primary {
  text-transform: none;
}
.asconsole reservation-sidebar-modal .rsv-btn:first-child {
  margin-top: 0px;
}
.asconsole reservation-sidebar-modal .rsv-btn:last-child {
  margin-bottom: 10px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner {
  height: 145px;
  position: relative;
  background-color: rgb(86, 90, 111);
  color: white;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner > .icon-cross {
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  font-size: 26px;
  z-index: 5;
  padding: 15px;
  cursor: pointer;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .resource-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(0.5);
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .rsv-banner-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 110px;
  color: rgb(113, 115, 131);
}
@media all and (max-width: 945px) {
  .asconsole reservation-sidebar-modal .rsv-sidebar-banner .rsv-banner-icon-container {
    font-size: 85px;
  }
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner img {
  border: 0;
  object-fit: cover;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .generic-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002169;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details .deadspace {
  flex: 0 0 50%;
  margin-top: -14px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details .title {
  padding-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details .title break-word {
    word-break: break-all;
  }
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details .desc {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details .desc break-word {
    word-break: break-all;
  }
}
.asconsole reservation-sidebar-modal .rsv-sidebar-banner .thumbnail-details .desc .icon {
  font-size: 14px;
  margin-right: 8px;
  margin-top: 5px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow-y: auto;
  min-height: 0;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .rsv-sidebar-content-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-span {
  border-bottom: none !important;
  padding-bottom: 10px !important;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid #eef4f9;
  padding: 20px 20px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container .section-title {
  color: #3c465d;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  line-height: 16px;
  font-weight: 900;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container .section-status {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #475369;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container .section-status .icon {
  margin-right: 4px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container .restricted-container {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #EBBE36;
  background-color: white;
  padding: 7px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 5px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container .restricted-container .icon {
  min-width: 17px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container .restricted-container .icon-info-full {
  color: #EBBE36;
  margin-right: 5px;
  margin-top: 2px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container:last-child {
  border-bottom: 0;
  padding-bottom: 40px !important;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-bottom {
  border-top: 3px solid #eef4f9;
  margin-top: auto;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .section-container.section-bottom:last-child {
  padding-bottom: 24px !important;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content .rsv-sidebar-content-inner {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-content reservation-workspace-floorplan .floorplan-fullscreen {
  max-width: 450px;
}
.asconsole reservation-sidebar-modal .rsv-sidebar-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  border-top: 1px solid #DDE3EE;
  margin-bottom: var(--device-iphone-notch-size);
}
.asconsole reservation-sidebar-modal .rsv-sidebar-footer .btn {
  width: 100%;
  height: 40px;
  border-radius: var(--ds-brand-radii__button, 8px);
  padding: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-sidebar-modal reservation-date-range-picker {
  font-size: 12px;
}
.asconsole .modal-reservation-sidebar {
  text-align: right;
}
.asconsole .modal-reservation-sidebar .modal-dialog {
  width: 450px;
  max-width: 100%;
  height: 100%;
}
.asconsole .modal-reservation-sidebar .modal-dialog .modal-content {
  height: calc(var(--vh, 1vh) * 100);
  border: 0;
}

.asconsole reservation-sidebar-resource-list {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-sidebar-resource-list .find-resource {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px dashed #77B0EE;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  padding: 12px 16px;
  cursor: pointer;
  background-color: rgba(224, 234, 245, 0.3);
  min-height: 60px;
}
.asconsole reservation-sidebar-resource-list .find-resource .icon-plus {
  color: #0A5BEB;
  font-size: 24px;
  margin-right: 12px;
}
.asconsole reservation-sidebar-resource-list .find-resource .details-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.asconsole reservation-sidebar-resource-list .find-resource .details-container .header {
  color: #0A5BEB;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-sidebar-resource-list .find-resource .details-container .desc {
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole reservation-sidebar-resource-list .rsc-card + .rsc-card {
  margin-top: 8px;
}
.asconsole reservation-sidebar-resource-list .add-another {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-top: 8px;
}
.asconsole reservation-sidebar-resource-list .add-another .add-link {
  display: flex;
  align-items: center;
  color: #0A5BEB;
  cursor: pointer;
  margin-right: 5px;
  padding: 2px 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-sidebar-resource-list .add-another .add-link .icon-plus {
  font-size: 14px;
  margin-right: 7px;
}

.asconsole ea-reservations-calendar {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  min-width: 0;
}
.asconsole ea-reservations-calendar .filter-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 20px 16px;
    height: unset;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-left {
  display: flex;
  align-items: center;
  padding-left: 24px;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left {
    padding-left: 20px;
    width: 100%;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left {
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
    padding-top: 24px;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-left h3 {
  margin: 0 15px 0 0;
  font-weight: 600;
  white-space: nowrap;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left h3 {
    font-size: 16px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left h3 {
    font-size: 18px;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-left .mobile-context-btn {
  display: none;
  border: 0;
  padding: 8px;
}
.asconsole ea-reservations-calendar .filter-bar .filter-left .mobile-context-btn .icon-context {
  font-size: 22px;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left .mobile-context-btn {
    display: initial;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-left .create-btn {
  min-height: 32px;
  font-weight: 500;
  margin-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left .create-btn {
    display: none;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-left .create-btn .icon {
  font-size: 14px;
}
.asconsole ea-reservations-calendar .filter-bar .filter-left .create-btn-mobile {
  display: none;
  margin-bottom: var(--device-iphone-notch-size);
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-left .create-btn-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 95px;
    right: 16px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    z-index: 2;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right {
  display: flex;
  align-items: center;
  padding-right: 24px;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right {
    padding-right: 20px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right {
    padding-right: 0;
    width: 100%;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .today-btn, .asconsole ea-reservations-calendar .filter-bar .filter-right .view-ddl, .asconsole ea-reservations-calendar .filter-bar .filter-right asui-search-autocomplete {
  margin-left: 12px;
  margin-bottom: 0;
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .search-container {
  width: 300px;
}
@media all and (max-width: 1200px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .search-container {
    width: 200px;
  }
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .search-container {
    flex: 1;
  }
  .asconsole ea-reservations-calendar .filter-bar .filter-right .search-container asui-search-autocomplete {
    margin-left: 0;
  }
  .asconsole ea-reservations-calendar .filter-bar .filter-right .search-container asui-search-autocomplete .asui-search {
    height: 40px;
    font-size: 16px;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .today-btn {
  width: 65px;
  font-weight: 500;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .today-btn {
    display: none;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .view-ddl {
  width: 88px;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .view-ddl {
    display: none;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .view-ddl .btn {
  font-size: 14px;
  padding-top: 2px;
  min-height: 32px;
  border-radius: 4px;
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .mobile-view-container {
  position: relative;
  display: none;
  height: 40px;
  width: 40px;
  margin-left: 8px;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .mobile-view-container {
    display: initial;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .mobile-view-container .mobile-view-ddl {
  position: absolute;
  top: 0;
  height: 0;
  height: 40px;
  width: 40px;
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .mobile-view-container .mobile-view-btn {
  position: absolute;
  top: 0;
  height: 0;
  height: 40px;
  width: 40px;
  pointer-events: none;
  z-index: 2;
  margin-left: 0;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .menu-btn {
    display: none;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .mobile-filter-btn {
  display: none;
}
@media all and (max-width: 992px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .mobile-filter-btn {
    display: initial;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .filter-btn {
  min-height: 32px;
  min-width: 32px;
  padding: 7px;
  margin-left: 12px;
  border: 0;
  background-color: #EDF2F7;
  color: #1E293B;
  transition: 0.2s ease;
}
@media all and (max-width: 667px) {
  .asconsole ea-reservations-calendar .filter-bar .filter-right .filter-btn {
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    margin-left: 8px;
  }
}
.asconsole ea-reservations-calendar .filter-bar .filter-right .filter-btn:hover {
  background-color: #C4CEDE;
}
.asconsole ea-reservations-calendar-event-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 5px 10px;
  position: relative;
  pointer-events: none;
}
.asconsole ea-reservations-calendar-event-group ea-reservations-calendar-event-card {
  height: unset;
  flex: unset;
  margin-bottom: 4px;
  pointer-events: initial;
}
.asconsole ea-reservations-calendar-event-group ea-reservations-calendar-event-card .reservations-calendar-event-card {
  padding-top: 0;
  height: unset;
}
.asconsole ea-reservations-calendar-event-group .all-day {
  flex: 1;
}
.asconsole ea-reservations-calendar-event-group ea-reservations-calendar-event-card:last-child {
  margin-bottom: 0;
}
.asconsole ea-reservations-calendar-event-group .view-all {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #0A5BEB;
  cursor: pointer;
  padding: 5px 10px 2px 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  pointer-events: initial;
}
.asconsole .reservation-calendar-event-group-popover .popover-content {
  padding-top: 3px 5px 15px 5px;
  max-height: unset !important;
  min-width: 280px;
}
.asconsole .reservation-calendar-event-group-popover .popover-content .popover-content {
  max-height: 45vh !important;
  overflow-y: auto;
}
.asconsole .reservation-calendar-event-group-popover .popover-header {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4f596e;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #3c465d;
  position: relative;
}
.asconsole .reservation-calendar-event-group-popover .popover-header .header {
  text-transform: uppercase;
}
.asconsole .reservation-calendar-event-group-popover .popover-header .icon-cross {
  font-size: 20px;
  padding: 5px;
  font-size: 15px;
  cursor: pointer;
  position: absolute;
  top: -6px;
  right: 0;
  color: #4f596e;
}
.asconsole .reservation-calendar-event-group-popover .popover-content {
  padding-right: 10px;
  padding-left: 10px;
}
.asconsole .reservation-calendar-event-group-popover .popover-content ea-reservations-calendar-event-card {
  margin-bottom: 8px;
}
.asconsole .reservation-calendar-event-group-popover .popover-content ea-reservations-calendar-event-card:last-child {
  margin-bottom: 0;
}

.asconsole ea-reservations-calendar-search-autocomplete {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete {
  width: 100%;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .asui-search {
  border-radius: 4px;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete input {
  height: 30px;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .icon-search {
  font-size: 14px;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .search-item asui-card-user {
  margin-right: 8px;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .search-item .item-icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-color: #6275A3;
  border-radius: 50%;
  color: white;
  font-size: 10px;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .search-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .search-item .name break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .search-autocomplete-dropdown .search-all-block {
  display: none;
}
.asconsole ea-reservations-calendar-search-autocomplete asui-search-autocomplete .search-autocomplete-dropdown .search-group-block:last-child {
  border-bottom: 0;
}

.asconsole ea-reservations-calendar-event-card {
  display: flex;
  flex: 1;
  min-width: 0;
  height: 100%;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card {
  display: flex;
  flex: 1;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid #819DBC;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .ws-status {
  min-width: 3px;
  background-color: #0C817B;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .host-icon {
  margin: 4px 8px 0 6px;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .host-icon .card-thumbnail-image-circle img {
  border: 0;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
  padding: 4px;
  min-width: 0;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header .event-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #1E293B;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header .event-title break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header ea-reservation-attendee-checkpoints .attendee-checkpoints .checkpoint-tile {
  background-color: #EDF2F7;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header ea-reservation-attendee-checkpoints .attendee-checkpoints .checkpoint-tile i {
  font-size: 14px;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header ea-reservation-attendee-checkpoints .attendee-checkpoints .extra-checkpoints {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-header .order-summary {
  background-color: #EDF2F7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
  position: relative;
  margin-left: 7px;
  padding-left: 2px;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .resource-label {
  min-width: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .resource-label break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-time {
  display: flex;
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #2d3851;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-time break-word {
    word-break: break-all;
  }
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .details-container .event-details .event-time .separator {
  margin: 0 5px;
  color: #858b9a;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card .comment-badge-container {
  position: absolute;
  top: -10px;
  left: 12px;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.is-deleted-status {
  border-style: dashed;
  border-color: #8493AE;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.is-deleted-status .details-container {
  opacity: 0.5;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.is-cancelled-status .event-title {
  text-decoration: line-through;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.has-reservation-label .details-container .event-details .event-header .event-title {
  color: #FFFFFF;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.has-reservation-label .details-container .event-details .event-time {
  color: #FFFFFF;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.has-reservation-label .details-container .event-details .event-time .separator {
  color: #FFFFFF;
}
.asconsole ea-reservations-calendar-event-card .reservations-calendar-event-card.has-reservation-label .details-container .event-details .resource-label {
  color: #FFFFFF;
}

.asconsole reservation-resource-finder-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content {
  padding: 20px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .validation-msg {
  margin-top: 6px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content asui-infield-input-container {
  width: 100%;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content reservable-resources-autocomplete {
  width: 100%;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input .asui-infield {
  width: 100%;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-building-typeahead > .icon {
  top: 2px;
  left: 14px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-building-typeahead asui-dropdown-typeahead .item-container,
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-building-typeahead asui-dropdown-typeahead .textbox {
  padding-top: 0;
  padding-bottom: 6px;
  padding-left: 40px !important;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-building-typeahead asui-dropdown-typeahead .fa-caret-down {
  padding-top: 0 !important;
  top: -3px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-building-typeahead asui-dropdown-typeahead .icon-cross {
  top: -3px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-facilities-multiselect .icon-facilities-filter {
  top: 3px;
  left: 16px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input reservation-facilities-multiselect .dropdown-toggle {
  padding-left: 44px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input .ea-filter-modal-btn {
  padding: 9px 11px;
  min-width: 44px;
  height: 58px;
  margin-left: 18px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .form-input + .form-input {
  margin-top: 18px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .asui-search {
  height: 44px;
  min-height: 44px;
  margin-bottom: 0;
  border-radius: 4px;
  padding: 0 16px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .asui-search .icon-search {
  font-size: 22px;
  color: #4f596e;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .asui-search input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100px;
  flex: 1;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .cta-container {
  display: flex;
  flex: 1;
  margin: 20px 0;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .building-resources-grid {
  margin-top: 20px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-header {
  display: flex;
  margin-top: 18px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 28px;
  margin-bottom: 12px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-header .icon {
  color: #4f596e;
  cursor: pointer;
  font-size: 24px;
  padding: 0 2px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid reservation-card-workspace .name-container .connected-resource {
  z-index: 1;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid reservation-card-workspace-status .status-container {
  z-index: 1;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid reservation-card-workspace-status .status-container .status {
  cursor: default;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid ea-places-recent-workspaces-grid {
  margin-top: 10px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-container {
  margin: 0;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 0 0 12px 0;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-container .asui-selectable-item {
  width: 100%;
  height: 100%;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-container .asui-selectable-item .asui-selectable-item-inner {
  width: 100%;
  height: 100%;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-container .asui-selectable-item .asui-selectable-item-inner .asui-selectable-item-overlay {
  display: initial;
  cursor: pointer;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .grid-container .item-disabled {
  opacity: 0.5;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .recent-grid {
  margin-top: 4px;
}
.asconsole reservation-resource-finder-sidebar .rsv-sidebar-content .resources-grid .recent-grid .h3 {
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole concierge-resource-tags-input {
  display: flex;
}
.asconsole concierge-resource-tags-input asui-tags-input {
  max-width: none;
  flex: 1;
}
.asconsole concierge-resource-tags-input asui-tags-input .asui-tags-input {
  min-height: 80px;
}
.asconsole concierge-resource-tags-input asui-tags-input .asui-tags-input .tags .tag-item {
  font-size: 12px;
}
.asconsole concierge-resource-tags-input asui-tags-input .asui-tags-input .tags .input {
  font-size: 16px !important;
  width: 290px !important;
}

.asconsole reservation-resource-type-dropdown {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole reservation-resource-type-dropdown asui-multiselect {
  width: 100%;
  font-size: 14px;
}
.asconsole reservation-resource-type-dropdown asui-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole reservation-resource-type-dropdown asui-multiselect .asui-multiselect .bootstrap-select .btn {
  max-width: 304px;
  height: 40px;
}

.asconsole .browse-reviewers-editor-modal {
  pointer-events: none;
  opacity: 0;
}

.asconsole scrollable-container-fullscreen {
  display: block;
  overflow: auto;
  height: 100vh;
}

.asconsole browse-search {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: white;
}
.asconsole browse-search asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-search .react-browse-outer {
  height: 100%;
}
.asconsole browse-search .browse-outer {
  align-items: center;
}
.asconsole browse-search .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container {
    margin-top: 5px;
  }
}
.asconsole browse-search .browse-outer .browse-inner .content-container .root-section-header {
  margin-left: 0;
}
.asconsole browse-search .browse-outer .browse-inner .content-container .search-well {
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container .search-well {
    padding: 0;
    border: none;
  }
}
.asconsole browse-search .browse-outer .browse-inner .content-container .search-well .search-header {
  margin: 15px 0 20px 0;
  color: rgba(255, 255, 255, 0.8);
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container .search-well .search-header {
    margin-bottom: 13px;
    margin-top: 0;
  }
}
@media all and (max-width: 992px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container .search-well .search-header {
    margin: 15px 0 15px 0px;
  }
}
.asconsole browse-search .browse-outer .browse-inner .content-container .search-well:last-child {
  border-bottom: none;
}
.asconsole browse-search .browse-outer .browse-inner .content-container .sw-group {
  padding-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container .sw-group {
    padding-bottom: 8px;
  }
}
.asconsole browse-search .browse-outer .browse-inner .content-container .sw-content {
  padding-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container .sw-content asui-grid .asui-grid {
    margin: 0;
  }
}
.asconsole browse-search .browse-outer .browse-inner .content-container .cg-tag-container {
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .content-container .cg-tag-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.asconsole browse-search .browse-outer .browse-inner .content-container .cg-tag-container browse-card-channel-group {
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner asui-grid .grid-container {
    margin: -13px -1px 0 -10px;
  }
}
@media (max-width: 1600px) {
  .asconsole browse-search .browse-outer .browse-inner asui-grid .grid-container .grid-item {
    flex: 0 0 25% !important;
  }
}
@media (max-width: 1200px) {
  .asconsole browse-search .browse-outer .browse-inner asui-grid .grid-container .grid-item {
    flex: 0 0 33.333% !important;
  }
}
@media (max-width: 900px) {
  .asconsole browse-search .browse-outer .browse-inner asui-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner asui-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
    padding: 13px 0 0 13px;
  }
}
.asconsole browse-search .browse-outer .browse-inner .no-content-container {
  margin-top: 0;
}
.asconsole browse-search .browse-outer .browse-inner .no-content-container img {
  width: 30%;
}
@media all and (max-width: 667px) {
  .asconsole browse-search .browse-outer .browse-inner .no-content-container img {
    width: 80%;
  }
}
.asconsole browse-search .browse-outer .browse-inner .no-content-container .non-content-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 30px;
}
.asconsole browse-search .browse-outer .browse-inner .no-content-container .non-content-text a {
  text-transform: lowercase;
}

.asconsole browse-search-channel-listing {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  min-height: 100px;
}
.asconsole browse-search-channel-listing asui-loading-mask {
  left: 0;
}
.asconsole browse-search-channel-listing asui-loading-mask .loading-mask-container {
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-search-channel-listing asui-loading-mask .loading-mask-container {
    background-color: transparent;
  }
}

.asconsole browse-search-content-listing {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole browse-search-content-listing .asui-grid {
    margin: 0 15px;
    margin-top: 15px;
  }
  .asconsole browse-search-content-listing .asui-grid .grid-item {
    background-color: initial !important;
  }
}

.asconsole browse-search-recent-keyword {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.asconsole browse-search-recent-keyword .browse-recent-search-header {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 12px;
  color: #68768D;
  letter-spacing: 0.1em;
  line-height: 16px;
}
.asconsole browse-search-recent-keyword .browse-recent-search-title {
  font-weight: 700;
}
.asconsole browse-search-recent-keyword .browse-recent-search-clear .icon {
  position: relative;
  top: 2px;
}
.asconsole browse-search-recent-keyword .browse-recent-search-content {
  max-height: 70vh;
  overflow-y: auto;
}
.asconsole browse-search-recent-keyword .browse-recent-search-content ul {
  margin: 4px 0 0;
  padding: 0;
  list-style-type: none;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole browse-search-recent-keyword .browse-recent-search-content ul li a {
  display: block;
  line-height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333F55;
}
.asconsole browse-search-recent-keyword .browse-recent-search-content ul li a .icon {
  position: relative;
  top: 2px;
  margin-right: 8px;
}
.asconsole browse-search-recent-keyword .browse-recent-search-content ul li + li {
  margin-top: 4px;
}

@media all and (max-width: 667px) {
  .asconsole .device-ios-iphone-notch browse-section-menu {
    padding-bottom: 16px;
    min-height: 83px;
  }
  .asconsole .device-ios-iphone-notch browse-section-menu .secondary-container-inner .menu-items-container {
    padding-bottom: calc(var(--device-iphone-notch-size, 0px) + 16px) !important;
  }
}
@media all and (max-width: 667px) {
  .offline-mode.asconsole .device-ios-iphone-notch browse-section-menu, .offline-banner-visible.asconsole .device-ios-iphone-notch browse-section-menu {
    padding-bottom: 0;
    min-height: 0;
  }
}
.asconsole browse-section-menu {
  display: flex;
  width: 100%;
  z-index: 5;
  height: 100%;
  color: #3c465d;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu {
    min-height: 67px;
  }
}
.asconsole browse-section-menu .open-close-icon {
  transition: transform 0.2s ease-in-out;
}
.asconsole browse-section-menu .open-close-icon.flip-icon {
  transform: rotate(180deg);
}
.asconsole browse-section-menu .main-menu-item {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
.asconsole browse-section-menu .show-primary-item {
  visibility: initial;
  position: relative;
  pointer-events: initial;
}
.asconsole browse-section-menu .single-item-mode .more-container {
  min-width: 51px !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .single-item-mode .more-container {
    order: 0;
  }
}
.asconsole browse-section-menu .single-item-mode .single-menu-item {
  margin: 0 !important;
  padding: 15px 0 !important;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .single-item-mode .single-menu-item {
    order: 1;
  }
}
.asconsole browse-section-menu .single-item-mode .item-name {
  font-size: 18px !important;
  line-height: 23px !important;
  margin-top: 2px !important;
  max-width: 100%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-section-menu .single-item-mode .item-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-section-menu .menubar-container {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container {
    justify-content: space-evenly;
  }
}
.asconsole browse-section-menu .menubar-container .menu-item * {
  cursor: pointer;
}
.asconsole browse-section-menu .menubar-container .menu-item::before,
.asconsole browse-section-menu .menubar-container .menu-item::after {
  pointer-events: none;
}
.asconsole browse-section-menu .menubar-container .menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  height: 100%;
  cursor: pointer !important;
  white-space: nowrap;
  max-width: 260px;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .menu-item {
    max-width: 100%;
    padding: 10px 5px 12px 5px;
    flex: 1;
    flex-direction: column;
    white-space: normal;
  }
}
.asconsole browse-section-menu .menubar-container .menu-item > .icon {
  font-size: 20px;
  padding: 0 1px 0 0;
  min-width: 26px;
  text-align: center;
  color: var(--nc-colors__navigationDefaultColor);
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .menu-item > .icon {
    padding: 0;
    font-size: 24px;
    margin-bottom: 2px;
  }
}
.asconsole browse-section-menu .menubar-container .menu-item > .icon-chevron-up,
.asconsole browse-section-menu .menubar-container .menu-item > .icon-chevron-down {
  margin-left: 8px;
  margin-top: 1px;
  min-width: 0;
  color: var(--nc-colors__navigationDefaultColor);
  font-size: 12px;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .menu-item > .icon-chevron-up,
  .asconsole browse-section-menu .menubar-container .menu-item > .icon-chevron-down {
    display: none;
  }
}
.asconsole browse-section-menu .menubar-container .menu-item .selected-line {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 76%;
  left: 14%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 0.25s ease-in-out;
  background-color: #002169;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .menu-item .selected-line {
    max-width: 22px;
    height: 2px;
    left: calc(50% - 11px);
    margin: 0 auto;
    border-radius: 4px;
  }
}
.asconsole browse-section-menu .menubar-container .menu-item:active .item-name {
  color: var(--Neutral-600, --nc-colors__neutral600);
}
.asconsole browse-section-menu .menubar-container .menu-item:active > .icon {
  color: var(--Neutral-600, --nc-colors__neutral600);
}
.asconsole browse-section-menu .menubar-container .menu-item .item-name {
  margin: 0;
  margin-left: 3px;
  margin-top: 2px;
  color: var(--Neutral-800, --nc-colors__neutral800);
  /* Body S/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 18.9px */
  text-align: left;
  color: var(--nc-colors__navigationDefaultColor);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .menu-item .item-name {
    font-size: 12px;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media all and (max-width: 330px) {
  .asconsole browse-section-menu .menubar-container .menu-item .item-name {
    font-size: 11px;
    margin-left: 0px;
  }
}
@media all and (max-width: 667px) and (max-width: 330px) {
  .asconsole browse-section-menu .menubar-container .menu-item span {
    font-size: 11px;
  }
}
.asconsole browse-section-menu .menubar-container .menu-item.active-item {
  color: #002169;
}
.asconsole browse-section-menu .menubar-container .menu-item.active-item .item-name {
  font-weight: 700;
  letter-spacing: -0.009em;
  color: var(--nc-colors__navigationHoverActiveColor);
}
.asconsole browse-section-menu .menubar-container .menu-item.active-item .selected-line {
  transform: scaleX(1);
}
.asconsole browse-section-menu .menubar-container .menu-item.active-item .icon {
  color: var(--nc-colors__navigationHoverActiveColor);
}
.asconsole browse-section-menu .menubar-container .menu-item.active-item .selected-line {
  background-color: var(--nc-colors__navigationHoverActiveColor);
}
.asconsole browse-section-menu .menubar-container .more-container {
  position: relative;
  display: flex;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container {
    align-items: center;
    justify-content: center;
    min-width: 25%;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container.secondary-open {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
@media all and (max-width: 992px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container.secondary-open {
    transform: translateY(0%);
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container.secondary-open {
    max-height: calc(100vh - 50px);
  }
}
@media screen and (orientation: landscape) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container.secondary-open {
    max-height: calc(100vh - 76px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 74px;
  left: 0px;
  z-index: 100;
  overflow: hidden;
  max-height: 0px;
  transition: none;
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.15)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.05));
}
@media all and (max-width: 992px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container {
    left: unset;
    right: 15px;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container {
    bottom: 0;
    top: unset;
    left: 0;
    right: 0;
    position: fixed;
    transform-origin: bottom;
    height: fit-content;
    display: flex;
    align-items: center;
    box-shadow: none;
    max-height: calc(100vh - 100px);
    transform: translateY(100%);
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-container-inner {
  background: white;
  border-radius: 0px 0px 14px 14px;
  width: 366px;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-container-inner {
    display: flex;
    -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
    -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
    box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
    border: 1px solid #DDE3EE;
    flex-direction: column;
    align-items: flex-end;
    border-radius: var(--nc-radii__2xl) var(--nc-radii__2xl) 0 0;
    min-height: 0;
    width: 100%;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-container-inner .menu-title {
  width: calc(100% - 48px);
  color: #1E293B;
  display: none;
  /* Body L/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
  margin: -26px 24px 16px 24px;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-container-inner .menu-title {
    display: inline;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .menu-items-container {
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container .menu-items-container {
    padding-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-height: 70vh;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .icon-cross {
  display: none;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container .icon-cross {
    display: flex;
    padding: 32px 24px 5px 0;
    color: #68768D;
    font-size: 26px;
    cursor: pointer;
    text-align: right;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  cursor: pointer;
  padding: 14px 20px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  gap: 12px;
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item:hover {
  background-color: var(--nc-colors__neutral200, #EDF2F7);
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item .secondary-item-name {
  flex: 1;
  /* Body S/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 18.9px */
  letter-spacing: inherit;
  color: var(--nc-colors__neutral900, #333F55);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  margin-bottom: -2px;
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item .icon-container {
  display: flex;
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item .icon-container .icon {
  font-size: 22px;
  margin: 0;
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item.active-item {
  background-color: var(--nc-colors__brandPale, #F0F6FE);
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item.active-item .icon-container .icon {
  color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item.active-item .secondary-item-name {
  font-weight: 700;
  color: var(--nc-colors__brand1, #0A5BEB);
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item.active-item span {
    font-weight: 700;
  }
}
.asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item.primary-menu-item {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .more-container .secondary-container .secondary-menu-item.primary-menu-item {
    display: flex;
  }
}
.asconsole browse-section-menu .menubar-container .mega-menu-root-container {
  position: fixed;
  top: calc(74px + var(--as-safe-area-top, 0px));
  left: 0;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 0;
  overflow-y: auto;
  background-color: white;
  /* Figma Space-Templates 19352:41500 — 12px bottom radius. Inset is on .mega-menu-content. */
  padding: 0;
  border-radius: 0px 0px 12px 12px;
  /* Elevation / Medium */
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .mega-menu-root-container {
    border-radius: 14px 14px 0px 0px;
    min-height: 30vh;
    padding: 32px 24px 0 24px;
    transition: none !important;
    max-height: calc(100vh - 100px);
    overflow: hidden;
  }
}
.asconsole browse-section-menu .menubar-container .mega-menu-root-container .mega-menu-content {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .mega-menu-root-container .mega-menu-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 24px 0 24px;
    margin: 0 -24px 0 -24px;
  }
  .asconsole browse-section-menu .menubar-container .mega-menu-root-container .mega-menu-content react-component > div {
    margin-bottom: calc(var(--device-iphone-notch-size, 0px) + 24px);
  }
}
.asconsole browse-section-menu .menubar-container .mega-menu-root-container .mega-menu-content:focus {
  outline: none;
  box-shadow: none;
}
.asconsole browse-section-menu .menubar-container .mega-menu-root-container .menu-title {
  width: calc(100% - 48px);
  color: #1E293B;
  display: none;
  /* Body L/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
  margin-bottom: 30px;
  margin-left: -8px;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .mega-menu-root-container .menu-title {
    display: flex;
    margin-left: 0;
  }
}
.asconsole browse-section-menu .menubar-container .mega-menu-root-container .icon-cross {
  display: none;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .menubar-container .mega-menu-root-container .icon-cross {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    padding: 32px 24px 5px 0;
    color: #68768D;
    font-size: 26px;
    cursor: pointer;
    text-align: right;
  }
}
.asconsole browse-section-menu .secondary-mask {
  width: 100%;
  height: 100vh;
  background-color: #091e42;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu .secondary-mask {
    display: flex;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-section-menu {
    display: flex;
    flex: 1;
    padding: 0;
    height: unset;
    -webkit-box-shadow: 2px 2px 15px -6px rgba(0, 6, 100, 0.3);
    -moz-box-shadow: 2px 2px 15px -6px rgba(0, 6, 100, 0.3);
    box-shadow: 2px 2px 15px -6px rgba(0, 6, 100, 0.3);
    color: #3c465d;
    background-color: var(--nc-colors__navigationBackgroundColor, #fff);
    padding-bottom: var(--device-iphone-notch-size);
  }
}

.asconsole .container-widget browse-home-shortcuts-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-shortcuts-widget .home-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 18px;
  align-self: stretch;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut-placeholder {
  height: 135px;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut {
  display: flex;
  min-height: 135px;
  height: 135px;
  padding: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, 16px);
  background: var(--nc-colors__brand2, #002169);
  cursor: pointer;
  position: relative;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .cover {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: clamp(0rem, var(--ds-brand-radii__pageComponent) * 99999, 16px);
  overflow: hidden;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .cover:hover img {
  transform: scale(1.2);
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .cover .mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: black;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .title {
  text-align: left;
  border: none;
  padding: 0;
  background-color: transparent;
  z-index: 1;
  color: var(--neutral-0, #FFF);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-weight: 700;
  line-height: 115%;
  overflow-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .no-icon {
  visibility: hidden;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .icon-container {
  z-index: 1;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut .icon-container i {
  font-size: 18px;
  color: var(--neutral-0, #FFF);
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut.placeholder {
  background-color: #EDF2F7;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut.placeholder .title {
  color: #8493AE;
}
.asconsole .container-widget browse-home-shortcuts-widget .widget-content .shortcut.placeholder .icon-container {
  background-color: #8493AE;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-small .widget-content {
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  /* scrollbar hiding */
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-small .mobile-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.asconsole .container-widget browse-home-shortcuts-widget .size-small .mobile-one-col {
  grid-template-columns: 1fr;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-small .widget-content::-webkit-scrollbar {
  display: none;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-tile .widget-content {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-tile .mobile-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.asconsole .container-widget browse-home-shortcuts-widget .size-tile .mobile-one-col {
  grid-template-columns: 1fr;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .widget-content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 12px;
  /* scrollbar hiding */
}
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .widget-content .shortcut-placeholder,
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .widget-content .shortcut {
  min-width: 138px;
  max-width: 138px;
  flex-shrink: 0;
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-shortcuts-widget .size-carousel .widget-content {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .mobile-two-col .shortcut-placeholder,
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .mobile-two-col .shortcut {
  min-width: 210px;
  max-width: 210px;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .mobile-one-col .shortcut-placeholder,
.asconsole .container-widget browse-home-shortcuts-widget .size-carousel .mobile-one-col .shortcut {
  min-width: 250px;
  max-width: 500px;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .widget-content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  gap: 12px;
  margin-left: -24px;
  margin-right: -24px;
  padding: 0 24px;
  width: calc(100% + 48px);
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .widget-content .shortcut-placeholder,
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .widget-content .shortcut {
  min-width: 138px;
  max-width: 138px;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .mobile-two-col .shortcut-placeholder,
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .mobile-two-col .shortcut {
  min-width: 210px;
  max-width: 210px;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .mobile-one-col .shortcut-placeholder,
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .mobile-one-col .shortcut {
  min-width: 250px;
  max-width: 500px;
}
.asconsole .container-widget browse-home-shortcuts-widget .size-mobile .widget-content::-webkit-scrollbar {
  display: none;
}

.asconsole browse-sidebar {
  display: flex;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  font-size: 15.6px;
  color: rgba(255, 255, 255, 0.8);
}
.asconsole browse-sidebar .sidebar-page-overlay {
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.asconsole browse-sidebar .sidebar-page-overlay-show {
  display: flex;
}
.asconsole browse-sidebar .sidebar-overlay {
  transform: translateX(-100%);
  transition: transform 0.3s;
}
.asconsole browse-sidebar .sidebar-overlay-show {
  transform: translateX(0%) !important;
}
.asconsole browse-sidebar .sidebar-open {
  width: 240px;
  z-index: 1;
}
.asconsole browse-sidebar .sidebar-collapse {
  width: 72px !important;
}
.asconsole browse-sidebar .sidebar-collapse .active-item {
  background-color: transparent !important;
}
.asconsole browse-sidebar .sidebar-collapse .shortcut-container .shortcut-row {
  flex-direction: column;
  padding: 12px 0 !important;
}
.asconsole browse-sidebar .sidebar-collapse .shortcut-container .shortcut-row .shortcut-name {
  font-size: 13px;
}
.asconsole browse-sidebar .sidebar-collapse .shortcut-container .shortcut-row i {
  margin-right: 0 !important;
  margin-bottom: 4px;
  margin-top: 0px !important;
  width: initial !important;
}
.asconsole browse-sidebar .sidebar-collapse .channelgroup-container {
  display: none !important;
}
.asconsole browse-sidebar .sidebar-collapse .console-switch-container {
  display: none !important;
}
.asconsole browse-sidebar .sidebar {
  display: flex;
  flex-direction: column;
  align-items: start;
  background-color: white;
  border-right: 1px solid #DDE3EE;
  left: 0;
  top: 0;
  position: absolute;
  height: calc(100% - 55px);
  overflow-y: auto;
  padding-bottom: 26px;
}
.asconsole browse-sidebar .sidebar .shortcut-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 15px;
}
.asconsole browse-sidebar .sidebar .shortcut-container .shortcut-row {
  padding: 14px 0;
  padding-left: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.asconsole browse-sidebar .sidebar .shortcut-container .shortcut-row i {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 15px;
  font-size: 26px;
  width: 25px;
  margin-top: -2px;
}
.asconsole browse-sidebar .sidebar .shortcut-container .shortcut-row:hover {
  background-color: #F8F9FC;
}
.asconsole browse-sidebar .sidebar .channelgroup-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid #DDE3EE;
}
.asconsole browse-sidebar .sidebar .channelgroup-container .channelgroup-row {
  padding: 10px 0;
  padding-left: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.asconsole browse-sidebar .sidebar .channelgroup-container .channelgroup-row .channelgroup-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-sidebar .sidebar .channelgroup-container .channelgroup-row .channelgroup-name break-word {
    word-break: break-all;
  }
}
.asconsole browse-sidebar .sidebar .channelgroup-container .channelgroup-row:hover {
  background-color: #F8F9FC;
}
.asconsole browse-sidebar .sidebar .console-switch-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 16px;
  padding-top: 18px;
  color: #0A5BEB;
  border-top: 1px solid #DDE3EE;
}
.asconsole browse-sidebar .sidebar .console-switch-container .console-switch-btn {
  margin: 10px 20px;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #0A5BEB;
}
.asconsole browse-sidebar .sidebar .shortcut-row.active-item, .asconsole browse-sidebar .sidebar .channelgroup-row.active-item {
  color: #0A5BEB;
  font-weight: 500;
  background-color: #eef4f9;
}
.asconsole browse-sidebar .sidebar .shortcut-row.active-item i, .asconsole browse-sidebar .sidebar .channelgroup-row.active-item i {
  color: #0A5BEB;
}
.asconsole browse-sidebar .sidebar-mobile {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.asconsole browse-sidebar .sidebar-mobile .mobile-menu-container {
  display: flex;
  flex: 1;
  border-top-left-radius: var(--nc-radii__2xl);
  border-top-right-radius: var(--nc-radii__2xl);
  padding: 0 10px 30px 10px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  color: #6275A3;
  background-color: #fff;
}
.asconsole browse-sidebar .sidebar-mobile .mobile-menu-container .shortcut-row {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 15px 5px 15px;
}
.asconsole browse-sidebar .sidebar-mobile .mobile-menu-container .shortcut-row .icon {
  font-size: 24px;
  margin-bottom: 5px;
}
.asconsole browse-sidebar .sidebar-mobile .mobile-menu-container .shortcut-row .shortcut-name {
  font-size: 14px;
}
.asconsole browse-sidebar .sidebar-mobile .mobile-menu-container .shortcut-row.active-item {
  color: #002169;
}
.asconsole browse-sidebar .sidebar-mobile .mobile-menu-container .shortcut-row.active-item i {
  color: #002169;
}

.asconsole browse-space-page .browse-page-container-large react-component {
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
}

.asconsole .browse-toast-confirmation-modal {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  padding: 20px !important;
  outline: transparent;
}
.asconsole .browse-toast-confirmation-modal.toast-vertical-center {
  top: 50%;
  transform: translateY(-50%);
}
.asconsole .browse-toast-confirmation-modal.toast-vertical-top {
  top: calc(62px + var(--as-safe-area-top, 0px));
}
@media all and (max-width: 667px) {
  .asconsole .browse-toast-confirmation-modal.toast-vertical-top {
    top: calc(44px + var(--as-safe-area-top, 0px));
  }
}
.asconsole .browse-toast-confirmation-modal.toast-vertical-bottom {
  bottom: 10px;
}
.asconsole .browse-toast-confirmation-modal.toast-horizontal-center {
  left: 50%;
  transform: translateX(-50%);
}
.asconsole .browse-toast-confirmation-modal.toast-horizontal-right {
  right: 10px;
}
.asconsole .browse-toast-confirmation-modal.toast-horizontal-left {
  left: 10px;
}
.asconsole .browse-toast-confirmation-modal.toast-vertical-center.toast-horizontal-center {
  transform: translate(-50%, -50%);
}
.asconsole .browse-toast-confirmation-modal.has-icon .modal-header,
.asconsole .browse-toast-confirmation-modal.has-icon .modal-body {
  margin-left: 26px;
}
.asconsole .browse-toast-confirmation-modal .modal-dialog {
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  width: calc(100vw - 60px);
  max-width: 360px;
}
.asconsole .browse-toast-confirmation-modal .modal-dialog .modal-content {
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-text {
  color: var(--nc-colors__neutral900);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-weight: var(--nc-fontWeights__regular);
  font-size: 14px;
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-header {
  padding: 16px 18px 5px;
  border-bottom: none;
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-header .icon-close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  padding-top: 3px;
  background-color: var(--nc-colors__neutral900);
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-header .icon-close i {
  font-size: 16px;
  color: var(--nc-colors__neutral0);
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-header .modal-title {
  font-weight: var(--nc-fontWeights__bold);
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-header .modal-title i {
  position: absolute;
  top: 13px;
  left: 15px;
  font-size: 24px;
  color: var(--nc-colors__brand1);
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-body {
  padding: 0px 18px 5px;
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-footer {
  padding: 5px 18px 16px;
  border-top: none;
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-footer .btn-primary,
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-footer .btn-default {
  min-width: 64px;
  border: none;
  border-radius: var(--ds-brand-radii__button, var(--nc-radii__md));
  font-weight: var(--nc-fontWeights__medium);
}
.asconsole .browse-toast-confirmation-modal .modal-dialog browse-toast-confirmation-modal .modal-footer .btn-primary {
  color: var(--nc-colors__neutral0);
}

.asconsole browse-home-upcoming-events-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  container-type: inline-size;
}
.asconsole browse-home-upcoming-events-widget browse-home-widget-common-header .widget-header-link a {
  color: var(--ds-brand-colors__link, var(--nc-colors__brand1)) !important;
}
.asconsole browse-home-upcoming-events-widget browse-home-widget-common-header .widget-header-link a:hover {
  color: var(--ds-brand-colors__linkHover, var(--nc-colors__brand1)) !important;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
  border-radius: var(--ds-brand-radii__pageComponent);
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar {
  border: 1px solid var(--nc-colors__neutral300, var(--neutral-300, #DDE3EE));
  overflow: hidden;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar .events-list-container {
  box-sizing: border-box;
  padding: 0 16px 16px;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-expanded) .events-container browse-home-upcoming-events-widget-event:nth-of-type(n + 7) {
  display: none;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar.is-carousel {
  overflow: clip;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar.is-carousel .calendar-container {
  max-width: 440px;
  margin: 0 auto;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar.is-carousel .events-list-container {
  overflow-x: auto;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout .calendar-container {
  width: 100%;
  order: 0;
}
.asconsole browse-home-upcoming-events-widget .events-calendar-layout .events-list-container {
  min-width: 0;
  width: 100%;
  order: 0;
}
.asconsole browse-home-upcoming-events-widget .events-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole browse-home-upcoming-events-widget .events-empty-state .events-empty-state-icon {
  margin-bottom: 16px;
}
.asconsole browse-home-upcoming-events-widget .events-empty-state .events-empty-state-icon img {
  width: 200px;
  max-width: 100%;
  height: auto;
}
.asconsole browse-home-upcoming-events-widget .events-empty-state .events-empty-state-title {
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.asconsole browse-home-upcoming-events-widget .events-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  width: 100%;
}
.asconsole browse-home-upcoming-events-widget .events-show-more-wrapper {
  margin-top: 12px;
}
.asconsole browse-home-upcoming-events-widget .events-show-more-link {
  color: var(--nc-colors__brand, var(--brand-500, #0A5BEB));
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}
.asconsole browse-home-upcoming-events-widget .events-show-more-link-horizontal,
.asconsole browse-home-upcoming-events-widget .events-show-more-link-vertical {
  display: none;
}
@container (min-width: 631px) {
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) {
    flex-direction: row-reverse;
    align-items: stretch;
    gap: 24px;
    padding: 8px;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .calendar-container {
    flex: 0 0 328px;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .events-list-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 16px 0px 16px 16px;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .events-container {
    flex-direction: column;
    overflow-x: visible;
    gap: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .events-container browse-home-upcoming-events-widget-event .event-card {
    min-width: unset;
    width: 100%;
    max-width: unset;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .events-container browse-home-upcoming-events-widget-event-loading .skeleton-card .event-skeleton {
    min-width: unset;
    width: 100%;
    max-width: unset;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .events-empty-state {
    flex: 1 1 auto;
    padding: 0;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel):not(.is-expanded) .events-container browse-home-upcoming-events-widget-event:nth-of-type(n + 6) {
    display: none;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) .events-show-more-link-horizontal {
    display: inline-block;
  }
  .asconsole browse-home-upcoming-events-widget .events-calendar-layout.has-calendar:not(.is-carousel) browse-home-upcoming-events-widget-event .event-container .event-details .event-header .event-title {
    font-size: 14px;
    line-height: 135%;
  }
}
@container (max-width: 630px) {
  .asconsole browse-home-upcoming-events-widget .events-show-more-link-vertical {
    display: inline-block;
  }
  .asconsole browse-home-upcoming-events-widget .size-small .events-calendar-layout.has-calendar {
    flex-direction: column;
    gap: 4px;
  }
  .asconsole browse-home-upcoming-events-widget .size-small .events-calendar-layout.has-calendar .calendar-container {
    order: 0;
    flex: 0 0 auto;
  }
  .asconsole browse-home-upcoming-events-widget .size-small .events-calendar-layout.has-calendar .events-list-container {
    order: 0;
    flex: 0 0 auto;
    padding: 0 16px 16px;
  }
}
.asconsole browse-home-upcoming-events-widget browse-home-upcoming-events-widget-event {
  margin-bottom: 0;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container,
.asconsole browse-home-upcoming-events-widget .size-large .events-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  overflow-x: auto;
  padding-bottom: 16px;
  margin-bottom: -16px;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event,
.asconsole browse-home-upcoming-events-widget .size-large .events-container browse-home-upcoming-events-widget-event {
  margin-bottom: 0;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event .event-card,
.asconsole browse-home-upcoming-events-widget .size-large .events-container browse-home-upcoming-events-widget-event .event-card {
  min-width: 330px;
  width: 330px;
  max-width: 330px;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event .event-card .event-title,
.asconsole browse-home-upcoming-events-widget .size-large .events-container browse-home-upcoming-events-widget-event .event-card .event-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event .event-card .location,
.asconsole browse-home-upcoming-events-widget .size-large .events-container browse-home-upcoming-events-widget-event .event-card .location {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event-loading .skeleton-card .event-skeleton,
.asconsole browse-home-upcoming-events-widget .size-large .events-container browse-home-upcoming-events-widget-event-loading .skeleton-card .event-skeleton {
  min-width: 330px;
  width: 330px;
  max-width: 330px;
}
.asconsole browse-home-upcoming-events-widget .size-mobile {
  /* For Webkit browsers like Chrome, Safari */
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container {
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event .event-card {
  min-width: 280px;
  width: 280px;
  max-width: 280px;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container browse-home-upcoming-events-widget-event-loading .skeleton-card .event-skeleton {
  min-width: 280px;
  width: 280px;
  max-width: 280px;
}
.asconsole browse-home-upcoming-events-widget .size-mobile .events-container::-webkit-scrollbar {
  display: none;
}

.asconsole .container-widget browse-home-upcoming-reservations-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .event-card-loading-block {
  display: none;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .event-card-loading-block .event-skeleton {
  min-width: 330px;
  width: 330px;
  max-width: 330px;
  height: 180px;
  margin-right: 16px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .event-card-loading-block .event-skeleton:last-child {
  margin-right: 0;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .event-card-loading-block .event-skeleton asui-skeleton {
  height: 100%;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event {
  margin-bottom: 24px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event .event-date {
  display: flex;
  width: 56px;
  height: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event .event-date .month {
  color: #ED0039;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
  text-transform: uppercase;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event .event-date .date {
  color: var(--neutral-900, #1E293B);
  text-align: center;
  /* Body L/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event .event-details .event-header .event-title {
  color: var(--neutral-900, #1E293B);
  /* Body S/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 18.9px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event .event-details .event-descriptions .desc {
  display: flex;
  align-items: center;
  color: var(--neutral-700, #475369);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  margin-bottom: 2px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event .event-details .event-descriptions .desc i {
  display: none;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget browse-home-my-event:last-child {
  margin-bottom: 0;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  overflow-x: auto;
  padding-bottom: 16px;
  margin-bottom: -16px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content .event-card-loading-block,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content .event-card-loading-block {
  display: flex;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event-loading,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event-loading {
  display: none;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event {
  display: flex;
  min-width: 330px;
  width: 330px;
  max-width: 330px;
  margin-bottom: 0;
  height: 180px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--ds-brand-radii__pageComponent, 16px);
  border: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--neutral-0, #FFF);
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container {
  width: 100%;
  min-width: 0;
  flex-direction: column;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-date,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-date {
  height: 48px;
  width: 48px;
  min-width: 48px;
  padding: 0;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-details,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-details {
  margin-left: 0;
  position: relative;
  display: flex;
  margin-top: 16px;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-details .event-title,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-details .event-title {
  overflow: hidden;
  color: var(--neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 22px;
  /* Body/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 131.25% */
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-details .event-descriptions,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-details .event-descriptions {
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
  /* Body S/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-details .status-info,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-details .status-info {
  margin-top: 24px;
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
  /* Body S/Regular */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-details .status-info .status-circle,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-details .status-info .status-circle {
  margin-right: 8px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .event-details .rsv-actions,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .event-details .rsv-actions {
  display: none;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event .event-container .rsv-attendees,
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-large .widget-content browse-home-my-event .event-container .rsv-attendees {
  position: absolute;
  right: 0;
  bottom: 0;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile {
  /* For Webkit browsers like Chrome, Safari */
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content {
  /* For Webkit browsers like Chrome, Safari */
  -webkit-overflow-scrolling: touch;
  /* For Internet Explorer and Edge */
  -ms-overflow-style: none;
  /* For Firefox */
  scrollbar-width: none;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content browse-home-my-event {
  min-width: 280px;
  width: 280px;
  max-width: 280px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content .event-card-loading-block .event-skeleton {
  min-width: 280px;
  width: 280px;
  max-width: 280px;
}
.asconsole .container-widget browse-home-upcoming-reservations-widget .size-mobile .widget-content::-webkit-scrollbar {
  display: none;
}

.asconsole browse-home-upcoming-events-widget-event {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  cursor: pointer;
}
.asconsole browse-home-upcoming-events-widget-event .event-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-basis: auto;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .cover-small {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  background: var(--nc-colors__brand1, #DDE3EE);
  overflow: hidden;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .cover-small img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .cover-small .placeholder {
  opacity: 0.35;
  mix-blend-mode: overlay;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .cover-small .calendar-icon {
  width: 24px;
  height: 24px;
  margin: auto;
  object-fit: contain;
  stroke-width: 0.09375rem;
  stroke: white;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .cover-small i {
  z-index: 1;
  font-size: 24px;
  color: var(--nc-colors__neutral0);
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-date {
  display: flex;
  position: relative;
  width: 56px;
  height: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  border: 1px solid var(--nc-colors__neutral200, #DDE3EE);
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-date .month {
  color: #ED0039;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
  text-transform: uppercase;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-date .date {
  color: var(--nc-colors__neutral900, #1E293B);
  text-align: center;
  /* Body L/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding-left: 16px;
  min-width: 0;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-header .event-title {
  color: var(--nc-colors__neutral900, #1E293B);
  /* Body M/Semibold */
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-descriptions {
  display: flex;
  flex-direction: column;
  color: #2d3851;
  flex: 1;
  flex-basis: auto;
  min-width: 0;
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-descriptions .desc {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--nc-colors__neutral700, #475369);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  margin-bottom: 2px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-descriptions .desc break-word {
    word-break: break-all;
  }
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-descriptions .desc span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-descriptions .desc span break-word {
    word-break: break-all;
  }
}
.asconsole browse-home-upcoming-events-widget-event .event-container .event-details .event-descriptions .desc:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-upcoming-events-widget-event .event-card {
  display: flex;
  width: 330px;
  height: 180px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  border: 1px solid var(--nc-colors__neutral300, #DDE3EE);
  background: var(--nc-colors__neutral0, #FFF);
  overflow: hidden;
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-cover {
  position: relative;
  height: 80px;
  flex-shrink: 0;
  align-self: stretch;
  background-color: var(--nc-colors__brand1, #0A5BEB);
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-cover .image {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-cover .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-cover .image .placeholder {
  opacity: 0.1;
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-cover .event-date {
  z-index: 1;
  width: 48px;
  height: 48px;
  margin: 16px;
  background-color: var(--nc-colors__neutral0);
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-details {
  display: flex;
  padding: 14px 16px 16px 16px;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
.asconsole browse-home-upcoming-events-widget-event .event-card .event-details .event-header .event-title {
  font-size: 16px;
  line-height: 21px; /* 131.25% */
}
.asconsole browse-home-upcoming-events-widget-event-loading {
  width: 100%;
}
.asconsole browse-home-upcoming-events-widget-event-loading .event-skeleton {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 24px;
}
.asconsole browse-home-upcoming-events-widget-event-loading .event-skeleton:last-child {
  margin-bottom: 0;
}
.asconsole browse-home-upcoming-events-widget-event-loading .event-skeleton .date {
  width: 56px;
  height: 56px;
}
.asconsole browse-home-upcoming-events-widget-event-loading .event-skeleton .text {
  margin-left: 16px;
  width: 56%;
}
.asconsole browse-home-upcoming-events-widget-event-loading .skeleton-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  overflow-x: auto;
  padding-bottom: 16px;
  margin-bottom: -16px;
}
.asconsole browse-home-upcoming-events-widget-event-loading .skeleton-card .event-skeleton {
  margin-bottom: 0;
  min-width: 330px;
  height: 180px;
  margin-right: 16px;
}
.asconsole browse-home-upcoming-events-widget-event-loading .skeleton-card .event-skeleton asui-skeleton {
  height: 100%;
  width: 100%;
}

.asconsole browse-navbar-user-profile {
  height: 100%;
}

.asconsole user-profile-settings-language {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole user-profile-settings-language .ups-sidebar-content {
  padding: 1.5rem 1.25rem;
}
.asconsole user-profile-settings-language .ups-sidebar-content #section-header {
  text-transform: uppercase;
  padding: 0;
}
.asconsole user-profile-settings-language .ups-sidebar-content .list-picker {
  margin-top: 0.5rem;
  margin-bottom: 0.875rem;
}

.asconsole user-profile-settings-location {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole user-profile-settings-location .ups-sidebar-content .section-header {
  text-transform: uppercase;
}
.asconsole user-profile-settings-location .ups-sidebar-content .section-content {
  padding: 0 15px;
}
.asconsole user-profile-settings-location .ups-sidebar-content .section-content network-picker-dropdown .nwk-input {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  background-color: white;
}
.asconsole user-profile-settings-location .ups-sidebar-content .section-content network-picker-dropdown .dropdown-container {
  position: initial;
}
.asconsole user-profile-settings-location .ups-sidebar-content .section-content map-location-dropdown {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
@media all and (max-width: 667px) {
  .asconsole user-profile-settings-location .ups-sidebar-content .section-content map-location-dropdown .dropdown-container {
    position: fixed;
    top: 93px;
    min-height: calc(100vh - 93px);
    height: calc(100vh - 93px);
  }
}

.asconsole user-profile-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole user-profile-settings .ups-sidebar-banner .icon-cross:focus-visible {
  outline-offset: -4px;
}
.asconsole user-profile-settings .ups-sidebar-content {
  padding: 20px 0;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15px;
  height: 156px;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .avatar {
  position: relative;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .avatar asui-card-user .card-icon-lg .card-thumbnail-image-circle {
  width: 132px !important;
  height: 132px !important;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .avatar asui-card-user .card-icon-lg .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .avatar .avatar-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 1px solid #DDE3EE;
  display: flex;
  overflow: hidden;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .avatar .avatar-overlay .avatar-overlay-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 70%;
  flex: 1;
  opacity: 0.6;
  background-color: black;
  cursor: pointer;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .avatar .avatar-overlay .icon-camera {
  position: absolute;
  top: 98px;
  left: 54px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.asconsole user-profile-settings .ups-sidebar-content .avatar-container .remove-avatar {
  color: #CB4848;
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole user-profile-settings .ups-sidebar-content .user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #3c465d;
  padding: 0 15px 5px 15px;
}
.asconsole user-profile-settings .ups-sidebar-content .user-info .name {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 4px;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0b1835;
  text-align: center;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-profile-settings .ups-sidebar-content .user-info .name break-word {
    word-break: break-all;
  }
}
.asconsole user-profile-settings .ups-sidebar-content .user-info .email {
  max-width: 100%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-profile-settings .ups-sidebar-content .user-info .email break-word {
    word-break: break-all;
  }
}
.asconsole user-profile-settings .ups-sidebar-content .user-info .instance-url {
  max-width: 100%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-profile-settings .ups-sidebar-content .user-info .instance-url break-word {
    word-break: break-all;
  }
}
.asconsole user-profile-settings .ups-sidebar-content .section-header {
  text-transform: uppercase;
}
.asconsole user-profile-settings .ups-sidebar-content .not-interactive {
  cursor: default;
}
.asconsole user-profile-settings .ups-sidebar-content .section-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  background-color: white;
  margin-bottom: 1px;
}
.asconsole user-profile-settings .ups-sidebar-content .section-item:focus-visible {
  outline-offset: -8px;
}
.asconsole user-profile-settings .ups-sidebar-content .section-item .section-item-right {
  display: flex;
  align-items: center;
}
.asconsole user-profile-settings .ups-sidebar-content .section-item .section-item-right .item-text {
  margin: 0 10px;
}
.asconsole user-profile-settings .ups-sidebar-content .section-item .section-item-right .icon-chevron-right {
  color: #4f596e;
  font-size: 20px;
}

.asconsole user-profile-settings-landing-view {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole user-profile-settings-landing-view .ups-sidebar-content .section-header {
  text-transform: uppercase;
}
.asconsole user-profile-settings-landing-view .ups-sidebar-content .asui-radio {
  width: 100%;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole user-profile-settings-landing-view .ups-sidebar-content .asui-radio label {
  height: 44px;
  margin: 0 0 1px 0;
  background-color: white;
  padding: 0 16px;
}
.asconsole user-profile-settings-landing-view .ups-sidebar-content .asui-radio label input {
  margin-right: 20px;
}

.asconsole user-profile-settings-temperature-unit {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole user-profile-settings-temperature-unit .ups-sidebar-content .section-header {
  text-transform: uppercase;
}
.asconsole user-profile-settings-temperature-unit .ups-sidebar-content .asui-radio {
  width: 100%;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole user-profile-settings-temperature-unit .ups-sidebar-content .asui-radio label {
  height: 44px;
  margin: 0 0 1px 0;
  background-color: white;
  padding: 0 16px;
}
.asconsole user-profile-settings-temperature-unit .ups-sidebar-content .asui-radio label input {
  margin-right: 20px;
}

.asconsole user-profile-sidebar-modal {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
  z-index: 1000;
  background-color: white;
  width: 100%;
  height: 100%;
}
.asconsole user-profile-sidebar-modal asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-user-profile-sidebar .modal-dialog {
  width: 375px;
  max-width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole .modal-user-profile-sidebar .modal-dialog {
    width: 100%;
  }
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content {
  height: calc(var(--vh, 1vh) * 100);
  border: 0;
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content .ups-sidebar-banner {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content .ups-sidebar-banner .banner-top {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  z-index: 5;
  color: #0b1835;
  height: 55px;
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content .ups-sidebar-banner .banner-top .back-btn-div {
  width: 58px;
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content .ups-sidebar-banner .banner-top .icon {
  font-size: 18px;
  padding: 15px 20px;
  cursor: pointer;
  color: #4f596e;
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content .ups-sidebar-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  background-color: #f7f8fb;
}
.asconsole .modal-user-profile-sidebar .modal-dialog .modal-content .ups-sidebar-content .section-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  padding: 13px 15px 8px 15px;
}

.asconsole .browse-user-settings-modal {
  pointer-events: none;
  opacity: 0;
}

.asconsole browse-videos-old {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
}
.asconsole browse-videos-old asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-videos-old .browse-page-container-large {
  background-color: white;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole browse-videos-old .browse-page-container-large {
    align-items: initial;
  }
}
.asconsole browse-videos-old .browse-top-container {
  border: none;
}
@media all and (max-width: 667px) {
  .asconsole browse-videos-old .browse-top-container {
    display: none;
  }
}
.asconsole browse-videos-old .browse-outer .browse-inner {
  margin-top: 0px !important;
}
.asconsole browse-videos-old .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding-bottom: 0;
  margin-top: -15px;
  flex-basis: auto;
}
@media all and (max-width: 667px) {
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container {
    margin: 24px 0 0 0;
  }
}
.asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container {
  margin: -10px 0 0 -25px !important;
}
.asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container browse-card-content-landscape {
  display: none;
}
.asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container browse-card-content asui-card-content .card-icon-only {
  border-radius: 12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media all and (max-width: 667px) {
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container {
    padding: 0;
    margin: 0px !important;
  }
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container browse-card-content-landscape {
    display: flex;
  }
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container browse-card-content {
    display: none;
  }
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container browse-card-content asui-card-content .card-icon-only {
    border-radius: 12px;
  }
}
.asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container .grid-item {
  padding: 25px 0 0 25px;
  background-color: transparent;
}
@media (max-width: 1600px) {
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container .grid-item {
    flex: 0 0 25% !important;
  }
}
@media (max-width: 1280px) {
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1000px) {
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-videos-old .browse-outer .browse-inner .content-container asui-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
    padding: 8px 15px;
  }
}
.asconsole browse-videos-old .browse-outer .browse-empty-cta {
  flex: 1;
}

.asconsole ea-notifications-view {
  display: flex;
  justify-content: center;
  flex: 1;
  background: var(--nc-colors__neutral0);
}

.asconsole visitor-sidebar-activity {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitor-sidebar-activity .activity-group {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 20px 10px 20px;
}
.asconsole visitor-sidebar-activity .activity-group .group-header {
  padding: 15px 0;
}
.asconsole visitor-sidebar-activity .activity-group .activity {
  display: flex;
  min-height: 70px;
}
.asconsole visitor-sidebar-activity .activity-group .activity .icon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18px;
}
.asconsole visitor-sidebar-activity .activity-group .activity .icon-container .vertical-line {
  border-left: 1px solid #DDE3EE;
  height: 100%;
}
.asconsole visitor-sidebar-activity .activity-group .activity .icon-container .icon {
  font-size: 18px;
  color: #4f596e;
}
.asconsole visitor-sidebar-activity .activity-group .activity .icon-container .icon.green {
  color: #0C817B;
}
.asconsole visitor-sidebar-activity .activity-group .activity .icon-container .icon.yellow {
  color: #EBBE36;
}
.asconsole visitor-sidebar-activity .activity-group .activity .icon-container .icon.red {
  color: #CB4848;
}
.asconsole visitor-sidebar-activity .activity-group .activity .activity-label {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}
.asconsole visitor-sidebar-activity .activity-group .activity .activity-label .footnote {
  color: #2d3851;
  line-height: 16px;
}
.asconsole visitor-sidebar-activity .activity-group .activity .activity-label .small-text {
  color: #3c465d;
  margin-top: 5px;
}
.asconsole visitor-sidebar-activity .activity-group .activity:last-child .icon-container .vertical-line {
  display: none;
}

.asconsole visitor-checkpoint-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole visitor-checkpoint-list .checkpoint-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: 1px solid #DDE3EE;
  padding: 7px 15px;
  min-height: 44px;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 0;
}
.asconsole visitor-checkpoint-list .checkpoint-item .main {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.asconsole visitor-checkpoint-list .checkpoint-item .main .title {
  display: flex;
}
.asconsole visitor-checkpoint-list .checkpoint-item .main .title .type-icon {
  min-width: 30px;
  color: #4f596e;
  font-size: 18px;
}
.asconsole visitor-checkpoint-list .checkpoint-item .main .title .checkpoint-title {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-right: 10px;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-checkpoint-list .checkpoint-item .main .title .checkpoint-title break-word {
    word-break: break-all;
  }
}
.asconsole visitor-checkpoint-list .checkpoint-item .main .desc {
  color: #8493AE;
  margin-top: 2px;
}
.asconsole visitor-checkpoint-list .checkpoint-item .status-icon {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 17px;
}
.asconsole visitor-checkpoint-list .checkpoint-item:last-child {
  margin-bottom: 0;
}
.asconsole visitor-checkpoint-list .checkpoint-item.disabled {
  cursor: default;
}

.asconsole visitor-event-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitor-event-sidebar .visitors-details .visitor-btn {
  margin-bottom: 13px;
}
.asconsole visitor-event-sidebar .visitor-thumbnail .card-thumbnail-image-circle {
  width: 58px !important;
  height: 58px !important;
}
.asconsole visitor-event-sidebar .reservation-notifications {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  margin-bottom: 15px;
}
.asconsole visitor-event-sidebar .reservation-notifications .left-bar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 5px;
  padding: 2.5px;
  background-color: #CB4848;
}
.asconsole visitor-event-sidebar .reservation-notifications .left-bar.green-bar {
  background-color: #0C817B;
}
.asconsole visitor-event-sidebar .reservation-notifications .left-bar.grey-bar {
  background-color: #6275A3;
}
.asconsole visitor-event-sidebar .reservation-notifications .left-bar.warning-bar {
  background-color: #EBBE36;
}
.asconsole visitor-event-sidebar .reservation-notifications .icon-canceled {
  padding: 15px;
  color: #6275A3;
  font-size: 16px;
}
.asconsole visitor-event-sidebar .reservation-notifications .footnote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 11px 0;
}
.asconsole visitor-event-sidebar .reservation-notifications .footnote .checkpoint-header {
  font-weight: 700;
}
.asconsole visitor-event-sidebar .reservation-notifications .icon-check-circle {
  padding: 15px;
  color: #0C817B;
  font-size: 16px;
}
.asconsole visitor-event-sidebar .reservation-notifications .icon-warning {
  padding: 15px;
  color: #EBBE36;
  font-size: 16px;
}
.asconsole visitor-event-sidebar .visitors-notice {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 13px;
}
.asconsole visitor-event-sidebar .visitors-notice .left-bar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 5px;
  padding: 2.5px;
  background-color: #CB4848;
}
.asconsole visitor-event-sidebar .visitors-notice .icon {
  margin: 15px 10px 0 10px;
  font-size: 16px;
}
.asconsole visitor-event-sidebar .visitors-notice .footnote {
  padding: 12px 15px 12px 0;
}
.asconsole visitor-event-sidebar .visitors-notice.notice-red .left-bar {
  background-color: #CB4848;
}
.asconsole visitor-event-sidebar .visitors-notice.notice-red .footnote-bold,
.asconsole visitor-event-sidebar .visitors-notice.notice-red .icon {
  color: #CB4848;
}
.asconsole visitor-event-sidebar .visitors-notice.notice-yellow .left-bar {
  background-color: #EBBE36;
}
.asconsole visitor-event-sidebar .visitors-notice.notice-yellow .footnote-bold,
.asconsole visitor-event-sidebar .visitors-notice.notice-yellow .icon {
  color: #EBBE36;
}
.asconsole visitor-event-sidebar .visitors-notice.notice-green .left-bar {
  background-color: #0C817B;
}
.asconsole visitor-event-sidebar .visitors-notice.notice-green .footnote-bold,
.asconsole visitor-event-sidebar .visitors-notice.notice-green .icon {
  color: #0C817B;
}
.asconsole visitor-event-sidebar .details {
  color: #2d3851;
  font-size: 14px;
}
.asconsole visitor-event-sidebar .timezone-label {
  margin-top: -10px;
}
.asconsole visitor-event-sidebar .action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 10px;
  height: 44px;
  border-radius: 4px;
}
.asconsole visitor-event-sidebar .action-btn .btn-icon {
  color: #4f596e;
}
.asconsole visitor-event-sidebar .action-btn-primary {
  text-transform: none;
}
.asconsole visitor-event-sidebar .action-btn:last-child {
  margin-bottom: 0px;
}
.asconsole visitor-event-sidebar .info {
  display: flex;
  color: #2d3851;
  margin-bottom: 13px;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  word-break: break-all;
  word-break: break-word;
}
.asconsole visitor-event-sidebar .info .icon {
  color: #4f596e;
  margin-left: 5px;
  min-width: 26px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.asconsole visitor-event-sidebar .info.host {
  position: relative;
  cursor: pointer;
}
.asconsole visitor-event-sidebar .info:last-child {
  margin-bottom: 0;
}
.asconsole visitor-event-sidebar .details-title {
  margin-top: 7px;
}
.asconsole visitor-event-sidebar asui-loading-mask .loading-mask-container {
  opacity: 0.6;
}

.asconsole visitor-grid {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid {
    padding: 0 0px 2px 0px;
  }
}
.asconsole visitor-grid asui-grid {
  flex: 1;
}
.asconsole visitor-grid asui-grid .asui-selectable-item-multiselect .card-visitor .vc-context-menu {
  visibility: hidden !important;
}
.asconsole visitor-grid .grid-container {
  margin: 0 0 20px 0;
  min-height: 0;
}
.asconsole visitor-grid .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 0 0 10px 0;
}
.asconsole visitor-grid .grid-container .grid-item .asui-selectable-item {
  height: 100%;
  width: 100px !important;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .asui-selectable-item {
    display: none;
  }
}
.asconsole visitor-grid .grid-container .grid-item .asui-selectable-item .asui-selectable-item {
  padding: 0;
}
.asconsole visitor-grid .grid-container .grid-item .asui-selectable-item-check {
  top: 32px;
  left: 13px;
}
.asconsole visitor-grid .grid-container .grid-item .no-visitors-icon {
  font-size: 32px;
  color: #6275A3;
}
.asconsole visitor-grid .grid-container .grid-item .no-visitors-label {
  color: #CB4848;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  border: 1px solid #DDE3EE;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
  padding: 10px 0;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor {
    padding: 14px 16px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-status-bar {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 4px;
  height: 100%;
  background-color: #0C817B;
  top: 0px;
  left: 0;
  position: absolute;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-visitor {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  padding: 0 12px 0 42px;
  overflow: hidden;
  min-height: 62px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-visitor {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-visitor .attendee-row {
  flex: 2;
  min-width: 0;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-visitor .attendee-row {
    border-bottom: 1px solid #DDE3EE;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-visitor .status-row {
  padding-bottom: 0;
  flex: 1.3;
  min-width: 250px;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-visitor .status-row .icon {
  font-size: 15px;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-row {
  display: flex;
  flex-direction: row;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-row {
    display: flex;
    flex: 1;
    width: 100%;
    padding-bottom: 14px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-column {
  display: flex;
  margin-right: 10px;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-column {
    margin-right: 0;
    justify-content: flex-start;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-date {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
  width: 56px;
  height: 56px;
  flex: unset;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-date {
    margin-right: 13px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-date .month {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #ED0039;
  text-align: center;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-date .date {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin: 0;
  text-align: center;
  color: #0b1835;
  line-height: 24px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-date .date {
    color: #1E293B;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail {
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex: unset;
  position: relative;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail .icon-unregistered-email {
  position: absolute;
  font-size: 16px;
  color: #B25300;
  background: white;
  border-radius: 50%;
  top: calc(50% + 3px);
  left: 21px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail {
    margin-right: 8px;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail .card-visitor-thumbnail .visitor-thumbnail .vc-thumbnail-circle {
    display: none;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail .card-visitor-thumbnail .visitor-thumbnail asui-card-user .card-thumbnail-image-circle {
    width: 40px !important;
    height: 40px !important;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail .card-visitor-thumbnail .visitor-thumbnail asui-card-user .card-thumbnail-image-circle img {
    border: 1px solid #DDE3EE;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail .card-visitor-thumbnail .party-thumbnail {
    width: 40px;
    height: 40px;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-thumbnail .card-visitor-thumbnail .party-thumbnail .party-thumbnail-text {
    font-size: 24px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees {
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees {
    justify-content: center;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees .attendee-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
  line-height: 20px;
  letter-spacing: unset;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees .attendee-name break-word {
    word-break: break-all;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees .host-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #2d3851;
  letter-spacing: 0.02em;
  line-height: 17px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees .host-name break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees .host-name {
    padding-top: 4px;
    line-height: 20px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-attendees .host-name .host-micro-profile {
  position: absolute;
  top: 60px;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  flex-direction: column;
  color: #2d3851;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event {
    padding-top: 11px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event .name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event .name {
    padding-bottom: 4px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event .icon {
  margin-right: 5px;
  font-size: 13px;
  color: #4f596e;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event .icon {
    width: 23px;
    margin-right: 0;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-event .time {
  display: flex;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-resource {
  flex-direction: column;
  color: #2d3851;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-resource {
    display: none;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-resource .name,
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-resource .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-status {
  letter-spacing: unset;
  justify-content: flex-start;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-status {
    margin-top: 3px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-status card-party-status {
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-status .icon {
    font-size: 14px;
    margin-right: 0;
    width: 23px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-actions {
  flex: unset;
  margin-right: 0;
  min-width: 38px;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-actions {
    width: initial;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-actions .icon-chevron-up,
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-actions .icon-chevron-down {
  color: #4f596e;
  font-size: 18px;
  padding: 10px 20px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-actions .icon-chevron-up,
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-actions .icon-chevron-down {
    padding: 5px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-context-menu {
  flex: unset;
  margin-right: 0;
  cursor: pointer;
  width: 32px;
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-context-menu .icon-context {
  padding: 10px 0;
  color: #4f596e;
  font-size: 28px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-context-menu .icon-context {
    position: absolute;
    top: 22px;
    right: 0;
    padding: 8px 14px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  padding: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party {
    margin-top: 7px;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: white;
  border-top: 1px solid #DDE3EE;
  min-height: 65px;
  padding: 0 12px 0 35px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee {
    padding: 15px 5px;
    position: relative;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-thumbnail {
    margin-right: 15px;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-thumbnail asui-card-user .card-thumbnail-image-circle {
    width: 32px !important;
    height: 32px !important;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-thumbnail asui-card-user .card-thumbnail-image-circle img {
    border: 1px solid #DDE3EE;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-event {
    display: none;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .status-row {
    display: none;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .attendee-row {
  flex: 2;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .attendee-row {
    flex: initial;
    width: initial;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .attendee-row .vc-thumbnail {
  margin-left: 100px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .attendee-row .vc-thumbnail {
    margin-left: 0;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .attendee-row .vc-attendees {
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .attendee-row .vc-attendees {
    display: none;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-visitor-type {
  justify-content: flex-start;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-visitor-type {
    flex-direction: column;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-visitor-type .mobile-status {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-visitor-type .mobile-status {
    display: flex;
  }
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .vc-visitor-type .mobile-status .icon {
    width: 21px;
  }
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .party-checkin-row {
    position: relative;
    flex-direction: column;
    padding-bottom: 0;
  }
}
.asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .party-checkin-row .vc-attendees {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .party-checkin-row .vc-attendees {
    display: flex;
  }
}
@media all and (max-width: 667px) {
  .asconsole visitor-grid .grid-container .grid-item .card-visitor .vc-party .vc-party-attendee .party-attendee-context {
    padding: 22px 12px;
    right: -13px;
  }
}
.asconsole visitor-grid .grid-container .grid-item:last-child {
  padding: 0;
}
.asconsole visitor-grid .clear-filters-container {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.asconsole visitor-grid .clear-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole visitor-grid .cta-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitor-grid .loading-mask-container {
  background-color: #F8F9FC;
  opacity: 0.5;
}
.asconsole .context-menu-item {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole visitor-party-event {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitor-party-event .party-section {
  padding: 15px 10px 0 10px !important;
}
.asconsole visitor-party-event .party-section .party-summary {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 15px 15px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole visitor-party-event .party-section .party-summary .section-title {
  margin-bottom: 0 !important;
}
.asconsole visitor-party-event .party-section .section-title {
  text-transform: uppercase;
}
.asconsole visitor-party-event .party-section .party-list {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole visitor-party-event .party-section .party-list .party-attendee {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  height: 68px;
  border-bottom: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole visitor-party-event .party-section .party-list .party-attendee .attendee-name {
  margin-left: 15px;
  flex: 1;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0b1835;
  line-height: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-party-event .party-section .party-list .party-attendee .attendee-name break-word {
    word-break: break-all;
  }
}
.asconsole visitor-party-event .party-section .party-list .party-attendee .icon-chevron-right {
  font-size: 18px;
  color: #4f596e;
  padding-right: 10px;
}
.asconsole visitor-party-event .party-section .party-list .party-attendee .attendee-thumbnail-container {
  position: relative;
}
.asconsole visitor-party-event .party-section .party-list .party-attendee .attendee-thumbnail-container .icon-help-circled {
  position: absolute;
  font-size: 15px;
  color: #B25300;
  background: white;
  border-radius: 50%;
  top: calc(50% + 2px);
  left: 21px;
}
.asconsole visitor-party-event .party-section .party-list .party-attendee:last-child {
  border-bottom: 0;
}

.asconsole visitor-purposes-dropdown {
  display: flex;
  flex-direction: column;
}
.asconsole visitor-purposes-dropdown .asui-dropdown .dropdown-menu {
  max-width: 100%;
}
.asconsole visitor-purposes-dropdown .asui-dropdown .dropdown-menu li a .text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-purposes-dropdown .asui-dropdown .dropdown-menu li a .text break-word {
    word-break: break-all;
  }
}

.asconsole visitor-sidebar-registration {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitor-sidebar-registration .registration-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}
.asconsole visitor-sidebar-registration .registration-content visitor-types-dropdown .dropdown-menu {
  max-height: 250px !important;
}
.asconsole visitor-sidebar-registration .registration-content as-form-renderer {
  padding: 15px 20px 0 20px;
}
.asconsole visitor-sidebar-registration .footer-visible {
  height: calc(100% - 75px);
}
.asconsole visitor-sidebar-registration .registration-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 15px 20px;
  border-top: 1px solid #DDE3EE;
  background-color: white;
}
.asconsole visitor-sidebar-registration .registration-footer .btn {
  width: 92px;
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitor-sidebar-registration .registration-footer .btn:first-child {
  margin-right: 10px;
}
.asconsole visitor-sidebar-registration asui-loading-mask .loading-mask-container {
  opacity: 0.6;
}
.asconsole visitor-sidebar-registration .error {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #CB4848;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
}
.asconsole visitor-sidebar-registration .error-show {
  transform: translateY(0%) !important;
  padding: 10px;
}

.asconsole visitor-registration-status-dropdown {
  display: flex;
  flex-direction: column;
}

.asconsole visitor-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitor-sidebar .btn-secondary {
  color: #002169;
  border-color: #002169;
  margin-right: 10px;
}
.asconsole visitor-sidebar .visitor-sidebar-banner .banner-top {
  padding-left: 20px !important;
}
.asconsole visitor-sidebar .visitor-sidebar-banner .visitor-thumbnail .card-thumbnail-image-circle {
  width: 58px !important;
  height: 58px !important;
}
.asconsole visitor-sidebar .visitor-sidebar-banner .visitor-thumbnail .card-thumbnail-image-circle span {
  font-size: 28px !important;
}
.asconsole visitor-sidebar .visitor-sidebar-content as-form-renderer {
  padding: 15px 20px;
}
.asconsole visitor-sidebar .error {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #CB4848;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
}
.asconsole visitor-sidebar .error-show {
  transform: translateY(0%) !important;
  padding: 10px;
}
.asconsole visitor-sidebar asui-loading-mask .loading-mask-container {
  opacity: 0.6;
}
.asconsole visitor-sidebar .visitor-thumbnail-container {
  position: relative;
}
.asconsole visitor-sidebar .visitor-thumbnail-container .icon-help-circled {
  position: absolute;
  right: 8px;
  bottom: -4px;
  font-size: 24px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}

.asconsole visitor-single-event {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole visitor-single-event .print-badge-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.asconsole visitor-single-event .no-attendees {
  display: flex;
  color: #CB4848;
}
.asconsole visitor-single-event card-visitor-status-bar {
  margin-bottom: 15px;
}
.asconsole visitor-single-event .visitor-sidebar-navbar .icon-warning {
  color: #CB4848;
  margin-left: 5px;
}
.asconsole visitor-single-event .pending-field {
  margin-right: 8px;
}
.asconsole visitor-single-event .visitor-thumbnail-container {
  position: relative;
}
.asconsole visitor-single-event .visitor-thumbnail-container .icon-help-circled {
  position: absolute;
  right: 8px;
  bottom: -4px;
  font-size: 24px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}

.asconsole visitor-status-dropdown {
  display: flex;
  flex-direction: column;
}

.asconsole visitor-types-dropdown {
  display: flex;
  flex-direction: column;
}
.asconsole visitor-types-dropdown .asui-dropdown .dropdown-menu {
  max-width: 100%;
}
.asconsole visitor-types-dropdown .asui-dropdown .dropdown-menu li a .text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-types-dropdown .asui-dropdown .dropdown-menu li a .text break-word {
    word-break: break-all;
  }
}

.asconsole visitor-types-multiselect {
  display: flex;
  flex-direction: column;
}
.asconsole visitor-types-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
}

.asconsole visitors-building-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole visitors-building-typeahead > .icon {
  position: absolute;
  top: 11px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead .item-container, .asconsole visitors-building-typeahead asui-dropdown-typeahead input {
  padding-left: 45px !important;
  padding-right: 30px !important;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead :-moz-placeholder {
  color: #8493AE;
  opacity: 0.55; /* Firefox */
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead ::-moz-placeholder {
  color: #8493AE;
  opacity: 0.55; /* Firefox */
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-building-typeahead asui-dropdown-typeahead .item-name break-word {
    word-break: break-all;
  }
}
.asconsole visitors-building-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}

.asconsole visitors-sidebar-modal {
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
  z-index: 1000;
  background-color: white;
  width: 100%;
  height: 100%;
}
.asconsole visitors-sidebar-modal .visitor-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  height: 44px;
  font-size: 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-sidebar-modal .visitor-btn .icon {
  margin-right: 7px;
}
.asconsole visitors-sidebar-modal .visitor-btn.btn-primary {
  text-transform: none;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-span {
  border-bottom: none !important;
  padding-bottom: 10px !important;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-container {
  display: flex;
  flex-direction: column;
  border-bottom: 5px solid #f7f8fb;
  padding: 15px 20px;
  flex-basis: auto;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-container .section-title {
  color: #3c465d;
  text-transform: uppercase;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  font-size: 10px;
  margin-bottom: 13px;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-container .restricted-container {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #EBBE36;
  background-color: white;
  padding: 7px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 5px;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-container .restricted-container .icon {
  min-width: 17px;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-container .restricted-container .icon-info-full {
  color: #EBBE36;
  margin-right: 5px;
  margin-top: 2px;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .section-container:last-child {
  border: 0;
  padding-bottom: 40px !important;
}
.asconsole visitors-sidebar-modal .visitor-sidebar-content .subsection-container {
  padding: 18px;
  border-radius: 10px;
  background-color: #f7f8fb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole .modal-visitors-sidebar .modal-dialog {
  width: 450px;
  max-width: 100%;
}
@media all and (max-width: 667px) {
  .asconsole .modal-visitors-sidebar .modal-dialog {
    width: 100%;
  }
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content {
  height: calc(var(--vh, 1vh) * 100);
  border: 0;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 10px;
  z-index: 5;
  color: #4f596e;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top .icon-arrow-back {
  font-size: 18px;
  padding: 5px 10px;
  cursor: pointer;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top h3 {
  flex: 1;
  color: #000;
  margin: 0;
  padding-left: 6px;
  padding-top: 3px;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top .banner-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top .banner-buttons .icon {
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top .banner-buttons .icon-cross {
  font-size: 26px;
  padding: 5px;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top .banner-buttons .icon-edit {
  font-size: 17px;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner .banner-top .banner-buttons .action-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big {
  height: 145px;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-top {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  z-index: 5;
  color: #4f596e;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .icon-cross {
  font-size: 22px;
  padding: 5px 10px;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details {
  padding: 0px 30px 20px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details card-visitor-thumbnail {
  margin-right: 15px;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details .visitor-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details .visitor-details .visitor-name {
  margin: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0b1835;
  padding-bottom: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details .visitor-details .visitor-name break-word {
    word-break: break-all;
  }
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details .visitor-details .visitor-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-banner.banner-big .banner-details .visitor-details .visitor-desc break-word {
    word-break: break-all;
  }
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-navbar {
  display: flex;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-navbar .navbar-item {
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
  padding: 10px 20px;
  color: #858b9a;
  cursor: pointer;
  flex: 1;
  justify-content: center;
}
@media all and (max-width: 667px) {
  .asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-navbar .navbar-item {
    padding: 10px;
  }
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-navbar .navbar-item.selected {
  border-color: #002169;
  color: #002169;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-content .scrollable-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-footer {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 20px;
  border-top: 1px solid #DDE3EE;
}
.asconsole .modal-visitors-sidebar .modal-dialog .modal-content .visitor-sidebar-footer .btn {
  width: 100%;
  height: 44px;
  border-radius: var(--ds-brand-radii__button, 8px);
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .modal-visitors-sidebar-lg .modal-dialog {
  width: 800px;
}

.asconsole .container-widget browse-home-web-frame-widget {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-web-frame-widget .widget-content {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.asconsole .container-widget browse-home-web-frame-widget .widget-content asui-skeleton {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.asconsole .container-widget browse-home-web-frame-widget iframe {
  border: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.asconsole .container-widget browse-home-web-frame-widget iframe body {
  padding: 0;
  margin: 0;
}
.asconsole .container-widget browse-home-web-frame-widget .frame-loading {
  opacity: 0;
}
.asconsole .container-widget browse-home-web-frame-widget .size-small .widget-content {
  height: 300px;
}
.asconsole .container-widget browse-home-web-frame-widget .size-large .widget-content {
  height: 400px;
}
.asconsole .container-widget browse-home-web-frame-widget .size-mobile .widget-content {
  height: 300px;
}

.asconsole browse-web-snippet-frame {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.asconsole browse-web-snippet-frame .web-snippet-frame {
  display: flex;
  border: none;
  width: 100%;
  height: 100%;
}

.asconsole browse-home-welcome {
  display: flex;
}
.asconsole browse-home-welcome .welcome-block {
  display: flex;
  flex-direction: column;
}
.asconsole browse-home-welcome .welcome-block .welcome-block-text {
  font-size: 32px;
  line-height: 40px;
  margin-top: 0;
  word-break: break-word;
}
.asconsole browse-home-welcome .skeleton-text-row {
  margin-bottom: 19px;
}

.asconsole .container-widget browse-home-welcome-widget {
  width: 100%;
}
.asconsole .container-widget browse-home-welcome-widget browse-home-welcome {
  width: 100%;
  margin-bottom: -10px;
}
.asconsole .container-widget browse-home-welcome-widget browse-home-welcome .welcome-block-text {
  color: var(--neutral-900, --nc-colors__neutral900);
  font-style: normal;
  font-weight: 700;
  font-family: var(--nc-fontFamilies__headlines, Poppins);
}
@media all and (max-width: 667px) {
  .asconsole .container-widget browse-home-welcome-widget browse-home-welcome .welcome-block-text {
    /* Heading 6 */
    font-size: 28px !important;
    line-height: 115% !important; /* 32.2px */
    letter-spacing: -0.56px !important;
  }
}
.asconsole .primary-column browse-home-welcome-widget browse-home-welcome .welcome-block-text {
  /* Heading 1 */
  font-size: 56px;
  line-height: 100%; /* 56px */
  letter-spacing: -1.12px;
}
.asconsole .secondary-column browse-home-welcome-widget browse-home-welcome .welcome-block-text {
  /* H1 */
  font-size: 32px;
  line-height: 40px; /* 125% */
  letter-spacing: -0.64px;
}

.asconsole browse-widget-avatar-stack {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer {
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.2s ease-in-out;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer .author-count {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
  color: #1E293B;
  width: 100%;
  height: 100%;
  background-color: #EDF2F7;
  font-weight: 700;
  border-radius: 50%;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer:hover {
  transform: scale(1.4);
  z-index: 9999 !important;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer .double-digits {
  font-size: 9px;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer .tripple-digits {
  font-size: 7px;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer asui-card-user {
  display: flex;
  width: 100%;
  height: 100%;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer asui-card-user .asui-card {
  width: 100%;
  height: 100%;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer asui-card-user .asui-card .card-thumbnail {
  width: 100%;
  height: 100%;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer asui-card-user .asui-card .card-thumbnail .card-thumbnail-image-circle {
  width: 100% !important;
  height: 100% !important;
}
.asconsole browse-widget-avatar-stack .authorAvatarContainer asui-card-user .asui-card .card-thumbnail .card-thumbnail-image-circle img {
  border: 2px solid white;
}

.asconsole browse-workplace {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
}
@media all and (max-width: 667px) {
  .asconsole browse-workplace {
    background-color: white;
  }
}
.asconsole browse-workplace .browse-outer .browse-inner {
  background-color: transparent;
  padding: 0;
  max-width: 1024px;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header asui-breadcrumbs {
  margin-bottom: 5px;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .channel-name-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .channel-name-container .workplace-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #77B0EE;
  color: white;
  font-size: 18px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border-radius: 3px;
  width: 26px;
  height: 33px;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .channel-name-container .channel-name {
  font-size: 230%;
  color: #333F55;
  font-weight: 500;
  margin-left: 10px;
}
@media all and (max-width: 667px) {
  .asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .channel-name-container .channel-name {
    font-size: 180%;
    height: auto;
  }
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .editor-actions {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .editor-actions {
    display: none;
  }
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .editor-actions .action-btn {
  display: flex;
  color: #475369;
  margin-left: 5px;
  font-size: 150%;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .editor-actions .action-btn i {
  cursor: pointer;
}
.asconsole browse-workplace .browse-outer .browse-inner .browse-header .browse-header-title .editor-actions .action-btn:hover {
  color: #333F55;
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container {
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  margin: 30px 20px;
  min-width: 0;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole browse-workplace .browse-outer .browse-inner .content-container {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #eef4f9;
  }
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container asui-loading-mask {
  left: 0;
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container .browse-content-grid .grid-container {
  margin: -20px 0 0 -20px;
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container .browse-content-grid .grid-container .grid-item {
  cursor: pointer;
  padding: 20px 0 0 20px;
  border-bottom: none;
}
@media (max-width: 1600px) {
  .asconsole browse-workplace .browse-outer .browse-inner .content-container .browse-content-grid .grid-container .grid-item {
    flex: 0 0 33.3333% !important;
  }
}
@media (max-width: 1024px) {
  .asconsole browse-workplace .browse-outer .browse-inner .content-container .browse-content-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse-workplace .browse-outer .browse-inner .content-container .browse-content-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
  }
  .asconsole browse-workplace .browse-outer .browse-inner .content-container .browse-content-grid .grid-container .grid-item .bc-content-title {
    padding: 10px 15px;
  }
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container .no-content-container .non-content-text {
  font-size: 100%;
}
.asconsole browse-workplace .browse-outer .browse-inner .content-container .no-content-container .admin-link {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole reservation-workspace-sidebar-banner {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-workspace-sidebar-banner .banner-container {
  height: 145px;
  position: relative;
  background-color: rgb(86, 90, 111);
  color: white;
}
.asconsole reservation-workspace-sidebar-banner .banner-container.no-workspace-image {
  background-color: white;
  color: #0b1835;
  height: initial;
}
.asconsole reservation-workspace-sidebar-banner .banner-container.no-workspace-image .thumbnail-details {
  position: relative;
  padding: 10px 20px 0 20px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container.no-workspace-image .thumbnail-details .deadspace {
  min-height: 63px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container.no-workspace-image .banner-icon {
  color: #4f596e;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .banner-icon {
  position: absolute;
  top: 0;
  color: white;
  font-size: 18px;
  z-index: 5;
  padding: 12px;
  cursor: pointer;
  margin-right: 8px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .banner-icon.icon-arrow-back {
  left: 0;
  padding: 18px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .banner-icon.icon-cross {
  right: 0;
  font-size: 26px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .banner-icon.icon-cross:focus-visible {
  outline-offset: -3px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .resource-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(0.5);
}
.asconsole reservation-workspace-sidebar-banner .banner-container .rsv-banner-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 110px;
  color: rgb(113, 115, 131);
}
@media all and (max-width: 945px) {
  .asconsole reservation-workspace-sidebar-banner .banner-container .rsv-banner-icon-container {
    font-size: 85px;
  }
}
.asconsole reservation-workspace-sidebar-banner .banner-container img {
  border: 0;
  object-fit: cover;
  opacity: 0.7;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .generic-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002169;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .deadspace {
  flex: 0 0 50%;
  margin-top: -14px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .h3 {
  margin: 0 0 5px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .desc {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .desc break-word {
    word-break: break-all;
  }
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .desc .icon {
  font-size: 14px;
  margin-right: 8px;
  margin-top: 5px;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .availability {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-workspace-sidebar-banner .banner-container .thumbnail-details .availability .icon-circle {
  font-size: 11px;
  margin: 1px 10px 0 2px;
  color: #717383;
}
.asconsole reservation-workspace-sidebar-banner .unavailable-bar {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background-color: #CB4848;
  color: #fff;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole reservation-workspace-details {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-workspace-details .info {
  display: flex;
  color: #2d3851;
  margin-top: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-workspace-details .info span {
  word-break: break-word;
}
.asconsole reservation-workspace-details .info .icon {
  color: #4f596e;
  margin: 3px 10px 0 3px;
  min-width: 20px;
}
.asconsole reservation-workspace-details .info .facilities {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-workspace-details .info .facilities span {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-workspace-details .info .facilities span break-word {
    word-break: break-all;
  }
}
.asconsole reservation-workspace-details .info .facilities .unavailable {
  color: #CB4848;
  cursor: pointer;
  font-weight: 700;
}
.asconsole reservation-workspace-details .info .facilities .unavailable i {
  margin: 1px 0 0 3px;
  color: #CB4848;
  font-size: 15px;
}

.asconsole reservation-workspace-filter-pills {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 24px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-workspace-filter-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    column-gap: 12px;
  }
  .asconsole reservation-workspace-filter-pills .filter-pill {
    min-width: initial !important;
  }
}
.asconsole reservation-workspace-filter-pills .filter-pill {
  display: flex;
  align-items: center;
  background-color: #EDF2F7;
  border-radius: 99px;
  padding-left: 12px;
  min-width: 0;
}
.asconsole reservation-workspace-filter-pills .filter-pill .pill-icon {
  margin-right: 8px;
}
.asconsole reservation-workspace-filter-pills .filter-pill .icon-circle {
  font-size: 9px;
}
.asconsole reservation-workspace-filter-pills .filter-pill .icon-circle.available {
  color: #0A8940;
}
.asconsole reservation-workspace-filter-pills .filter-pill .icon-circle.unavailable {
  color: #CD3C3C;
}
.asconsole reservation-workspace-filter-pills .filter-pill .pill-label {
  margin-right: 8px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-workspace-filter-pills .filter-pill .pill-label break-word {
    word-break: break-all;
  }
}
.asconsole reservation-workspace-filter-pills .filter-pill .icon-cross {
  padding: 8px 12px 8px 8px;
  cursor: pointer;
}
.asconsole reservation-workspace-filter-pills .clear-filters {
  display: flex;
  align-items: center;
  color: #0A5BEB;
  font-size: 16px;
  min-width: 90px;
}

.asconsole reservation-workspace-floorplan {
  position: relative;
  overflow: hidden;
}
.asconsole reservation-workspace-floorplan .reservation-floorplan-viewer-container {
  background-color: #F8F9FC;
  border-radius: 6px;
  padding: 12px;
}
.asconsole reservation-workspace-floorplan reservation-floorplan-viewer {
  min-height: 250px;
  max-height: 350px;
  z-index: 0;
}
.asconsole reservation-workspace-floorplan reservation-floorplan-viewer .floorplan-editor-container {
  height: 100%;
  min-height: 250px;
  max-height: 350px;
}
.asconsole reservation-workspace-floorplan .touch-mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  cursor: pointer;
}
.asconsole reservation-workspace-floorplan .touch-close {
  position: fixed;
  z-index: 20;
  right: 0;
  top: 0;
}
@supports (-webkit-touch-callout: none) {
  .asconsole reservation-workspace-floorplan .touch-close {
    transform: translateZ(1px);
  }
}
.asconsole reservation-workspace-floorplan .touch-close .icon-cross {
  padding: 15px;
  color: #4f596e !important;
  cursor: pointer;
  font-size: 26px;
}
.asconsole reservation-workspace-floorplan .mask-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  min-height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-workspace-floorplan .floorplan-fullscreen {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-workspace-floorplan .floorplan-fullscreen .floorplan-editor-container {
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  max-height: none;
  max-height: initial;
}

.asconsole reservation-workspace-restrictions {
  display: flex;
  flex-direction: column;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-workspace-restrictions {
    flex: 1 0 auto;
    min-height: 0;
  }
}
.asconsole reservation-workspace-restrictions .restriction-container {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #EBBE36;
  background-color: white;
  padding: 7px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 5px;
}
.asconsole reservation-workspace-restrictions .restriction-container .icon {
  min-width: 17px;
}
.asconsole reservation-workspace-restrictions .restriction-container .icon-info-full {
  color: #EBBE36;
  margin-right: 5px;
  margin-top: 2px;
}

.asconsole reservation-workspace-schedule {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-workspace-schedule .schedule-event {
  border: 1px solid #DDE3EE;
  background-color: white;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.asconsole reservation-workspace-schedule .schedule-event .name-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole reservation-workspace-schedule .schedule-event .name-container .event-name {
  color: #0b1835;
  flex: 1;
}
.asconsole reservation-workspace-schedule .schedule-event .event-time {
  display: flex;
  align-items: center;
  color: #2d3851;
  margin-top: 5px;
}
.asconsole reservation-workspace-schedule .schedule-event .event-time .icon {
  margin-right: 7px;
  color: #4f596e;
  font-size: 12px;
}
.asconsole reservation-workspace-schedule .schedule-event:last-child {
  margin-bottom: 0;
}

.asconsole reservation-workspace-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
.asconsole reservation-workspace-sidebar .rsv-btn {
  margin-bottom: 5px;
  text-transform: uppercase;
}
.asconsole reservation-workspace-sidebar .direction-btn {
  text-transform: uppercase;
}
.asconsole reservation-workspace-sidebar .rsv-sidebar-content {
  overflow-y: initial !important;
  padding-bottom: var(--iphone-bottom-margin);
}

.asconsole reservation-zone-multiselect {
  display: flex;
  width: 100%;
  flex-basis: auto;
  position: relative;
}
.asconsole reservation-zone-multiselect > .icon {
  position: absolute;
  top: 11px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole reservation-zone-multiselect asui-multiselect {
  flex: 1;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-zone-multiselect asui-multiselect .asui-multiselect {
    flex: 1 0 100%;
  }
}
.asconsole reservation-zone-multiselect asui-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
  min-width: 0;
}
.asconsole reservation-zone-multiselect asui-multiselect .asui-multiselect .btn {
  padding-left: 38px;
  height: 40px !important;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-zone-multiselect asui-multiselect .asui-multiselect .btn {
    line-height: 30px;
  }
}
.asconsole reservation-zone-multiselect asui-multiselect .asui-multiselect .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-zone-multiselect asui-multiselect .asui-multiselect .filter-option break-word {
    word-break: break-all;
  }
}
.asconsole reservation-zone-multiselect .loading-model {
  pointer-events: none;
}
.asconsole reservation-zone-multiselect .load-overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}
.asconsole reservation-zone-multiselect .loading-overlay {
  position: absolute;
  z-index: 2;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: 50px;
  cursor: pointer;
  border: 1px solid #DDE3EE;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.asconsole reservation-zone-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
.asconsole reservation-zone-sidebar .banner-container {
  height: 145px;
  position: relative;
  background-color: rgb(86, 90, 111);
  color: white;
}
.asconsole reservation-zone-sidebar .banner-container.no-workspace-image {
  background-color: white;
  color: #0b1835;
  height: initial;
}
.asconsole reservation-zone-sidebar .banner-container.no-workspace-image .thumbnail-details {
  position: relative;
  padding: 10px 20px 0 20px;
}
.asconsole reservation-zone-sidebar .banner-container.no-workspace-image .thumbnail-details .deadspace {
  min-height: 63px;
}
.asconsole reservation-zone-sidebar .banner-container.no-workspace-image .banner-icon {
  color: #4f596e;
}
.asconsole reservation-zone-sidebar .banner-container .banner-icon {
  position: absolute;
  top: 0;
  color: white;
  font-size: 18px;
  z-index: 5;
  padding: 12px;
  cursor: pointer;
  margin-right: 8px;
}
.asconsole reservation-zone-sidebar .banner-container .banner-icon.icon-cross {
  right: 0;
  font-size: 26px;
}
.asconsole reservation-zone-sidebar .banner-container .banner-icon.icon-cross:focus-visible {
  outline-offset: -3px;
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details .deadspace {
  flex: 0 0 50%;
  margin-top: -14px;
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details .h3 {
  margin: 0 0 5px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details .desc {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-zone-sidebar .banner-container .thumbnail-details .desc break-word {
    word-break: break-all;
  }
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details .desc .icon {
  font-size: 14px;
  margin-right: 8px;
  margin-top: 5px;
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details .availability {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-zone-sidebar .banner-container .thumbnail-details .availability .icon-circle {
  font-size: 11px;
  margin: 1px 10px 0 2px;
  color: #717383;
}
.asconsole reservation-zone-sidebar .rsv-btn {
  margin-bottom: 5px;
  text-transform: uppercase;
}
.asconsole reservation-zone-sidebar .rsv-sidebar-content {
  overflow-y: initial !important;
  padding-bottom: var(--iphone-bottom-margin);
}
.asconsole reservation-zone-sidebar .rsv-sidebar-content .zone-details {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-zone-sidebar .rsv-sidebar-content .zone-details .info {
  display: flex;
  color: #2d3851;
  margin-top: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-zone-sidebar .rsv-sidebar-content .zone-details .info span {
  word-break: break-word;
}
.asconsole reservation-zone-sidebar .rsv-sidebar-content .zone-details .info .icon {
  color: #4f596e;
  margin: 3px 10px 0 3px;
  min-width: 20px;
}

.asconsole reservation-zone-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole reservation-zone-typeahead > .icon {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #4f596e;
  z-index: 2;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead {
  width: 100%;
  font-size: 14px;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead .item-container,
.asconsole reservation-zone-typeahead asui-dropdown-typeahead input {
  padding-left: 45px !important;
  padding-right: 30px !important;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 40px;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #333F55;
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-zone-typeahead asui-dropdown-typeahead .item-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-zone-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}

.banner-alert {
  background-color: #6275A3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
  flex-direction: column;
}

.banner-alert-show {
  transform: translateY(0%) !important;
}

.banner-alert-error-container {
  display: flex;
  width: 100%;
}
.banner-alert-error-container > span {
  width: 100%;
}
.banner-alert-error-container .error-icon {
  margin-right: 8px;
  margin-top: 2px;
}

@media all and (max-width: 667px) {
  .asconsole browse .content-listing-grid .asui-grid {
    margin-top: 10px;
  }
  .asconsole browse .content-listing-grid .asui-grid .grid-item {
    background-color: initial !important;
  }
}
.asconsole browse .content-listing-grid .grid-container {
  margin: 0px 0 20px 0px;
}
.asconsole browse .content-listing-grid .grid-item:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0px;
  border-bottom: none !important;
}
.asconsole browse .content-listing-grid .no-content-container .non-content-text {
  font-size: 100%;
}
.asconsole browse .ea-module-tabs {
  display: flex;
  padding: 0;
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-align: left;
  text-transform: uppercase;
  color: #1E293B;
}
@media all and (max-width: 667px) {
  .asconsole browse .ea-module-tabs {
    padding: 0;
    margin: 0 -16px;
    background-color: white;
  }
}
.asconsole browse .ea-module-tabs .navbar-item {
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
  padding: 24px 0;
  color: #1E293B;
  margin-right: 32px;
  cursor: pointer;
}
.asconsole browse .ea-module-tabs .navbar-item .icon {
  margin-right: 8px;
  font-size: 22px;
}
.asconsole browse .ea-module-tabs .navbar-item .navbar-counter {
  margin-left: 4px;
  font-weight: 400;
}
@media all and (max-width: 667px) {
  .asconsole browse .ea-module-tabs .navbar-item {
    padding: 9px 10px;
    justify-content: center;
    flex: 1;
  }
  .asconsole browse .ea-module-tabs .navbar-item > span {
    display: flex;
    height: 22px;
    align-items: center;
  }
}
@media all and (max-width: 667px) {
  .asconsole browse .ea-module-tabs .navbar-item:first-child {
    margin: 0;
  }
}
.asconsole browse .ea-module-tabs .navbar-item.selected {
  border-color: #002169;
  color: #002169;
}

.asconsole reservation-on-demand-checkpoint asui-infield-input-container {
  width: 100%;
}
.asconsole reservation-on-demand-checkpoint asui-infield-input-container .asui-multiselect .bootstrap-select .dropdown-menu li a {
  display: block;
  padding-right: 32px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-on-demand-checkpoint asui-infield-input-container .asui-multiselect .bootstrap-select .dropdown-menu li a break-word {
    word-break: break-all;
  }
}

.asconsole widget-account-subscription {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  position: relative;
  align-items: center;
}
.asconsole widget-account-subscription .backface {
  width: 100%;
}
.asconsole widget-account-subscription .chart-widget {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.asconsole widget-account-subscription .chart-widget .subs-info {
  display: flex;
  color: #475369;
  margin-bottom: 20px;
  justify-content: center;
}
.asconsole widget-account-subscription .chart-widget .chart-base {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  justify-content: center;
}
.asconsole widget-account-subscription .chart-widget .chart-base .chart-container {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 250px;
}
.asconsole widget-account-subscription .chart-widget .chart-base .chart-container .over-usage .center-label {
  color: #CB4848;
}
.asconsole widget-account-subscription .chart-widget .chart-base .chart-container .center-label {
  font-size: 175% !important;
}
@media all and (max-width: 945px) {
  .asconsole widget-account-subscription .chart-widget .chart-base .chart-container .center-label {
    font-size: 150% !important;
  }
}
.asconsole widget-account-subscription .chart-widget .chart-base .chart-container .chart-title {
  color: #475369;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
}
.asconsole widget-account-subscription .chart-widget .chart-base .chart-container .chart-details {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
.asconsole widget-account-subscription .chart-widget .chart-base .chart-container .chart-details .icon-info {
  color: #6275A3;
  font-size: 75%;
  cursor: pointer;
  margin-left: 5px;
}

.asconsole products-widget-content-feeds {
  min-width: 0;
}

.asconsole dashboard {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #F8F9FC;
  flex-basis: auto;
}
.asconsole dashboard .dashboard-view {
  max-height: none;
}

.asconsole widget-device-status {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
  overflow: hidden;
  margin: 5px 20px;
}
.asconsole widget-device-status .item-container {
  display: flex;
  flex-direction: column;
  font-size: 95%;
  color: #475369;
  width: 100%;
}
.asconsole widget-device-status .item-container .item-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  min-height: 35.5px;
}
.asconsole widget-device-status .item-container .item-row .item-col {
  display: flex;
  align-items: center;
}
.asconsole widget-device-status .item-container .item-row .name-col {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  margin-right: 15px;
}
.asconsole widget-device-status .item-container .item-row .name-col i {
  font-size: 18px;
  margin-right: 10px;
}
.asconsole widget-device-status .item-container .item-row .name-col span {
  white-space: nowrap;
}
.asconsole widget-device-status .item-container .item-row .name-col .icon-device.registered {
  color: #0A5BEB;
}
.asconsole widget-device-status .item-container .item-row .name-col .icon-device.unregistered {
  color: #6275A3;
}
.asconsole widget-device-status .item-container .item-row .name-col .icon-online {
  color: #0C817B;
}
.asconsole widget-device-status .item-container .item-row .name-col .icon-online.grey {
  color: #6275A3;
}
.asconsole widget-device-status .item-container .item-row .name-col .icon-warning-square {
  color: #EBBE36;
}
.asconsole widget-device-status .item-container .item-row .name-col a {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  white-space: nowrap;
  overflow: hidden;
}
.asconsole widget-device-status .item-container .item-row .card-icon-xs {
  min-width: 28px !important;
  min-height: 36px !important;
  font-size: 17px !important;
}
.asconsole widget-device-status .item-container .item-row .lastupdate-col {
  text-align: right;
}

.asconsole products-widget-digital-signage {
  min-width: 0;
}

.asconsole products-widget-employee-app {
  min-width: 0;
}

.asconsole products-widget-enhanced-services {
  min-width: 0;
}

.asconsole widget-ftu {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
  overflow-y: auto;
  margin: 5px 20px;
}
.asconsole widget-ftu .item-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 95%;
  color: #475369;
  justify-content: center;
}
.asconsole widget-ftu .item-container .ftu-desc {
  color: #475369;
  font-size: 120%;
  margin: 10px 0 15px 0;
}
.asconsole widget-ftu .item-container .ftu-progress {
  position: relative;
}
.asconsole widget-ftu .item-container .ftu-progress .progress {
  background-color: #f7f8fb;
  border-radius: 0;
  margin-right: 40px;
  height: 4px;
  margin-bottom: 12px;
}
.asconsole widget-ftu .item-container .ftu-progress .progress .progress-bar {
  height: 4px;
  background-color: #0A5BEB;
}
.asconsole widget-ftu .item-container .ftu-progress .percentage {
  position: absolute;
  right: 0;
  top: -9px;
  font-size: 14px;
  font-weight: 500;
}
.asconsole widget-ftu .item-container .ftu-task {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
  padding: 6px 0;
  width: 100%;
  flex: 1;
}
.asconsole widget-ftu .item-container .ftu-task .ftu-task-check {
  display: flex;
  margin-right: 15px;
  font-size: 170%;
  color: #0A5BEB;
}
.asconsole widget-ftu .item-container .ftu-task .ftu-task-check .fa-circle-thin {
  font-size: 120%;
  margin-right: 1px;
}
.asconsole widget-ftu .item-container .ftu-task .ftu-task-label {
  flex: 1;
  margin-right: 5px;
  font-size: 13px;
}
.asconsole widget-ftu .item-container .ftu-task .btn-ftu {
  min-width: 86px;
}
.asconsole widget-ftu .item-container .ftu-task .btn-ftu:hover {
  background-color: #0A5BEB !important;
  color: white;
}
.asconsole widget-ftu .item-container .ftu-task .btn-disabled {
  background-color: white !important;
  color: #DDE3EE;
}
.asconsole widget-ftu .item-container .ftu-task .btn-completed {
  background-color: white;
  color: #DDE3EE;
  border: 1px solid #DDE3EE;
  cursor: default;
  min-width: 86px;
}
.asconsole widget-ftu .item-container .ftu-task .btn-blue {
  background-color: #0A5BEB;
  color: white;
}
.asconsole widget-ftu .item-container .ftu-task:last-child {
  border-bottom: none;
}

.asconsole products-group-widget {
  display: flex;
  min-width: 0;
  /* IE11 */
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole products-group-widget {
    margin-bottom: 30px;
  }
}
.asconsole products-group-widget .group-widget {
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole products-group-widget .group-widget {
    flex-basis: auto;
  }
}
.asconsole products-group-widget .group-widget products-single-widget {
  margin-top: 20px;
  /* IE11 */
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole products-group-widget .group-widget products-single-widget {
    margin-bottom: 0;
  }
}
.asconsole products-group-widget .group-widget products-single-widget .single-widget {
  background-color: #eef4f9;
  box-shadow: none;
}
.asconsole products-group-widget .group-widget products-single-widget .single-widget .widget-icon img {
  width: 120px;
}
.asconsole products-group-widget .group-widget products-single-widget .products-widget-base {
  min-width: unset;
  min-height: unset;
}

.asconsole products-widget-kiosks {
  min-width: 0;
}

.asconsole widget-legacy {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole widget-legacy iframe {
  width: 100%;
  flex: 1;
  border: 0;
  outline: 0;
  background-color: white;
}

.asconsole dashboard-my {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #F8F9FC;
  flex-basis: auto;
}
.asconsole dashboard-my .base-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0 40px 10px 0;
  min-width: 0;
  align-content: flex-start;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dashboard-my .base-container {
    width: 100%;
  }
}
@media all and (max-width: 945px) {
  .asconsole dashboard-my .base-container {
    padding: 0 10px 10px 0;
  }
}
.asconsole dashboard-my .base-container .no-content-base {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.asconsole dashboard-my .base-container .no-content-base .no-content-container {
  max-width: 600px;
}
.asconsole dashboard-my .base-container widget-container {
  display: flex;
  height: 370px;
  min-width: 0;
  padding: 30px 0 0 40px;
  flex: 0 0 25%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dashboard-my .base-container widget-container {
    padding: 0;
  }
  .asconsole dashboard-my .base-container widget-container .widget-container {
    margin: 30px 0 0 40px;
  }
}
@media all and (max-width: 1920px) {
  .asconsole dashboard-my .base-container widget-container {
    flex: 0 0 33.33333%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole dashboard-my .base-container widget-container {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 945px) {
  .asconsole dashboard-my .base-container widget-container {
    flex: 0 0 100%;
    padding: 10px 0 0 10px;
  }
}
.asconsole dashboard-my .base-container widget-container .widget-content {
  display: flex;
  flex: 1;
}
.asconsole dashboard-my .base-container .widget-col-1 {
  flex: 0 0 100%;
}
.asconsole dashboard-my .base-container .widget-col-2 {
  flex: 0 0 50%;
}
@media all and (max-width: 1920px) {
  .asconsole dashboard-my .base-container .widget-col-2 {
    flex: 0 0 66.66666%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole dashboard-my .base-container .widget-col-2 {
    flex: 0 0 100%;
  }
}
@media all and (max-width: 945px) {
  .asconsole dashboard-my .base-container .widget-col-2 {
    flex: 0 0 100%;
  }
}
.asconsole dashboard-my .base-container .widget-col-3 {
  flex: 0 0 75%;
}
@media all and (max-width: 1920px) {
  .asconsole dashboard-my .base-container .widget-col-3 {
    flex: 0 0 66.66666%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole dashboard-my .base-container .widget-col-3 {
    flex: 0 0 100%;
  }
}

.asconsole widget-network-health {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  position: relative;
  align-items: center;
}
.asconsole widget-network-health .status-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin-top: 10px;
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}
.asconsole widget-network-health .status-container .health-block {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole widget-network-health .status-container .health-block .icon-check-square {
  color: #0A5BEB;
}
.asconsole widget-network-health .status-container .health-block i {
  font-size: 50px;
}
.asconsole widget-network-health .status-container .health-block .health-number {
  font-size: 20px;
  font-weight: 500;
  margin: 13px 0 4px 0;
}
.asconsole widget-network-health .status-container .health-block .health-status {
  font-size: 14px;
}
@media all and (max-width: 945px) {
  .asconsole widget-network-health .status-container .health-block .health-status {
    font-size: 11px;
  }
}
.asconsole widget-network-health .item-container {
  display: flex;
  flex-direction: column;
  font-size: 95%;
  color: #475369;
  width: 100%;
}
.asconsole widget-network-health .item-container .icon-check-square {
  color: #0A5BEB;
}
.asconsole widget-network-health .item-container .item-row-container {
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 5px;
}
.asconsole widget-network-health .item-container .item-row-container .name-col {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole widget-network-health .item-container .row-header {
  font-weight: 500;
  background-color: #f1f5f8;
  padding: 5px 20px !important;
  margin: 0 !important;
}
.asconsole widget-network-health .item-container .row-header i {
  font-size: 15px;
}
.asconsole widget-network-health .item-container .item-row {
  display: flex;
  flex-direction: row;
  margin: 0 20px;
  min-height: 33px;
}
.asconsole widget-network-health .item-container .item-row .item-col {
  display: flex;
  align-items: center;
}
.asconsole widget-network-health .item-container .item-row .name-col {
  flex: 1;
  display: flex;
  min-width: 0;
}
.asconsole widget-network-health .item-container .item-row .name-col i {
  color: #EBBE36;
  font-size: 19px;
}
.asconsole widget-network-health .item-container .item-row .name-col a {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
  text-align: left;
  max-height: 48px;
}
.asconsole widget-network-health .item-container .item-row .status-col {
  display: flex;
  justify-content: center;
  width: 40px;
}
.asconsole widget-network-health .icon-device {
  color: #0A5BEB;
}
.asconsole widget-network-health .icon-online {
  color: #0C817B;
}
.asconsole widget-network-health .icon-online-grey {
  color: #6275A3;
}
.asconsole widget-network-health .icon-warning-square {
  color: #EBBE36;
}

.asconsole widget-pending-approvals {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
  overflow-y: auto;
  margin: 5px 20px;
}
.asconsole widget-pending-approvals .item-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 95%;
  color: #475369;
}
.asconsole widget-pending-approvals .item-container .item-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  min-height: 35.5px;
}
.asconsole widget-pending-approvals .item-container .item-row .item-col {
  display: flex;
  align-items: center;
}
.asconsole widget-pending-approvals .item-container .item-row .name-col {
  flex: 1;
  display: flex;
  min-width: 0;
}
.asconsole widget-pending-approvals .item-container .item-row .name-col .approval-text {
  overflow: hidden;
  max-height: 32px;
}
.asconsole widget-pending-approvals .item-container .item-row .name-col i {
  color: #EBBE36;
  font-size: 19px;
}
.asconsole widget-pending-approvals .item-container .item-row .name-col a {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  word-break: break-all;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole widget-pending-approvals .item-container .item-row .name-col a {
    word-break: break-word;
  }
}

.asconsole dashboard-products {
  padding: 30px 40px;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}
@media all and (max-width: 945px) {
  .asconsole dashboard-products {
    padding: 10px;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
}
.asconsole dashboard-products .row-span-3 {
  grid-row: auto/span 3;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dashboard-products {
    display: flex;
    flex-direction: column;
  }
  .asconsole dashboard-products .products-widget {
    margin-bottom: 20px;
  }
}
.asconsole dashboard-products .products-widget-base {
  display: flex;
  flex: 1;
  border: 1px solid #DDE3EE;
  border-radius: 5px;
  max-width: 100%;
  background-color: white;
  padding: 30px 30px;
  font-size: 14px;
}
@media all and (max-width: 667px) {
  .asconsole dashboard-products .products-widget-base {
    padding: 20px;
  }
}
.asconsole dashboard-products .products-widget-base .header {
  align-items: center;
  font-weight: 500;
  font-size: 24px;
  white-space: nowrap;
}
.asconsole dashboard-products .products-widget-base .subheader {
  color: #475369;
}

.asconsole widget-recent-channels {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
  overflow: hidden;
  margin: 5px 20px;
}
.asconsole widget-recent-channels .item-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 95%;
  color: #475369;
}
.asconsole widget-recent-channels .item-container .item-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  min-height: 41px;
}
.asconsole widget-recent-channels .item-container .item-row .item-col {
  display: flex;
  align-items: center;
}
.asconsole widget-recent-channels .item-container .item-row .name-col {
  flex: 1;
  cursor: pointer;
  display: flex;
  min-width: 0;
  margin-right: 15px;
}
.asconsole widget-recent-channels .item-container .item-row .name-col a {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  max-height: 36px;
  word-break: break-all;
  overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole widget-recent-channels .item-container .item-row .name-col a {
    word-break: break-word;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole widget-recent-channels .item-container .item-row .name-col chm-quick-view-overlay {
    min-width: 28px;
  }
}
.asconsole widget-recent-channels .item-container .item-row .card-icon-xs {
  min-width: 28px !important;
  min-height: 36px !important;
  font-size: 17px !important;
}
.asconsole widget-recent-channels .item-container .item-row .lastupdate-col {
  text-align: right;
}
.asconsole widget-recent-channels .no-content-container img {
  max-height: 90px;
  margin-top: 10px;
}
.asconsole widget-recent-channels .no-content-container .non-content-text {
  padding: 20px 0 10px 0;
}
.asconsole widget-recent-channels .no-content-container .no-content-action-button {
  margin-bottom: 0px;
}

.asconsole widget-recent-content {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
  overflow: hidden;
  margin: 5px 20px;
}
.asconsole widget-recent-content .item-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 95%;
  color: #475369;
}
.asconsole widget-recent-content .item-container .item-row {
  display: flex;
  flex-direction: row;
  margin: 0;
  min-height: 41px;
}
.asconsole widget-recent-content .item-container .item-row .item-col {
  display: flex;
  align-items: center;
}
.asconsole widget-recent-content .item-container .item-row .name-col {
  flex: 1;
  cursor: pointer;
  display: flex;
  min-width: 0;
  margin-right: 15px;
}
.asconsole widget-recent-content .item-container .item-row .name-col a {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  max-height: 36px;
  word-break: break-all;
  overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole widget-recent-content .item-container .item-row .name-col a {
    word-break: break-word;
  }
}
.asconsole widget-recent-content .item-container .item-row .card-icon-xs {
  width: 53px !important;
  height: 30px !important;
}
.asconsole widget-recent-content .item-container .item-row .video-duration {
  font-size: 8px;
  font-weight: 200;
  margin: 1px;
  padding: 1px 2px;
}
.asconsole widget-recent-content .item-container .item-row .lastupdate-col {
  text-align: right;
}
.asconsole widget-recent-content .no-content-container .no-content-action-button {
  display: flex;
}
.asconsole widget-recent-content .no-content-container .no-content-action-button button {
  margin: 0px 5px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.asconsole widget-recent-content .no-content-container .no-content-action-button button i {
  line-height: 0.7 !important;
}

.asconsole widget-register-device {
  display: flex;
  position: relative;
  flex: 1;
  padding: 20px;
  flex-direction: column;
  overflow: hidden;
  max-width: 420px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole widget-register-device {
    max-width: none;
  }
}
.asconsole widget-register-device .regcode-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole widget-register-device .regcode-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole widget-register-device .regcode-input .register-device-regcode {
  border-radius: 5px;
  background-color: #fff !important;
  border: 1px solid #DDE3EE !important;
  letter-spacing: 33px !important;
  color: #333F55 !important;
}
@media all and (max-width: 667px) {
  .asconsole widget-register-device .regcode-input .register-device-regcode {
    letter-spacing: 26px !important;
  }
}
.asconsole widget-register-device .regcode-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f7f8fb;
  flex: 1;
  margin-top: 15px;
  padding: 20px 30px;
  border-radius: 5px;
}
@media all and (max-width: 667px) {
  .asconsole widget-register-device .regcode-info {
    margin-top: 20px;
    padding: 15px 5px 15px 15px;
  }
}
.asconsole widget-register-device .regcode-info img {
  width: 60px;
}
.asconsole widget-register-device .regcode-info .regcode-info-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 20px;
}
.asconsole widget-register-device .regcode-info .regcode-info-content .title-link {
  margin-bottom: 3px;
  color: #0A5BEB;
  text-decoration: none;
}
.asconsole widget-register-device .regcode-info2 {
  display: flex;
  align-items: center;
  color: #6275A3;
}
.asconsole widget-register-device .regcode-info2 .icon-info {
  margin-right: 5px;
  margin-top: 3px;
  line-height: 1 !important;
}
.asconsole widget-register-device .regcode-os {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  background-color: #eef4f9;
  margin-top: 15px;
}
.asconsole widget-register-device .regcode-os .regcode-os-title {
  font-weight: 500;
  margin-bottom: 2px;
}
@media all and (max-width: 667px) {
  .asconsole widget-register-device .regcode-os .regcode-os-title {
    font-size: 100%;
  }
}
.asconsole widget-register-device .regcode-os .regcode-os-desc {
  color: #475369;
  margin-bottom: 10px;
}
.asconsole widget-register-device .regcode-os .os-icons {
  display: flex;
  justify-content: space-between;
}

.asconsole products-single-widget {
  display: flex;
  min-width: 0;
  height: 100%;
  /* Safari */
  /* IE11 */
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .asconsole products-single-widget {
      max-height: 307px;
    }
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole products-single-widget {
    max-height: 307px;
    margin-bottom: 30px;
  }
}
.asconsole products-single-widget .single-widget {
  display: flex;
  flex-direction: row;
  flex: 1;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole products-single-widget .single-widget .widget-details {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole products-single-widget .single-widget .widget-details .content-list {
  margin: 15px 0 20px 2px;
}
.asconsole products-single-widget .single-widget .widget-details .content-list .list-item {
  display: flex;
  align-items: center;
}
.asconsole products-single-widget .single-widget .widget-details .content-list .list-item .icon-circle {
  font-size: 6px;
  margin-right: 15px;
}
.asconsole products-single-widget .single-widget .widget-details .btn-container .btn {
  margin-right: 10px;
  border-radius: 5px;
  min-width: 120px;
  height: unset;
  background-color: white;
  color: #002169;
  border: 1px solid #002169;
  padding: 4px 12px;
}
.asconsole products-single-widget .single-widget .widget-details .btn-container .btn:last-child {
  margin-right: 0;
}
.asconsole products-single-widget .single-widget .widget-details .btn-container .btn.btn-blue {
  background-color: #002169;
  color: white;
}
.asconsole products-single-widget .single-widget .widget-icon {
  display: flex;
  margin-left: 20px;
  max-width: 35%;
  /* IE11 */
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole products-single-widget .single-widget .widget-icon {
    max-width: 200px;
  }
  .asconsole products-single-widget .single-widget .widget-icon img {
    height: 100%;
    max-width: none;
  }
}
.asconsole products-single-widget .single-widget .widget-icon img {
  width: 100%;
  object-fit: contain;
  max-width: 200px;
}
@media all and (max-width: 667px) {
  .asconsole products-single-widget .single-widget .widget-icon {
    display: none;
  }
}

.asconsole products-widget-space-reservation {
  min-width: 0;
}

.asconsole products-widget-visitor-management {
  min-width: 0;
}

.asconsole widget-container {
  display: flex;
  min-width: 0;
  height: 360px;
}
.asconsole widget-container .widget-container {
  max-width: 100%;
  background-color: white;
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
}
.asconsole widget-container .widget-container asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole widget-container .widget-container .no-content-container .icon-container {
  color: #8493AE;
  margin: 0 5px;
}
.asconsole widget-container .widget-container .no-content-container .icon-container i {
  font-size: 100px;
  margin: 10px 5px;
}
.asconsole widget-container .widget-container .no-content-container .icon-container img {
  max-height: 110px;
}
.asconsole widget-container .widget-container .no-content-container .icon-file-error {
  font-size: 10vh;
  color: #8493AE;
}
.asconsole widget-container .widget-container .no-content-container .no-content-title {
  color: #475369;
}
.asconsole widget-container .widget-container .no-content-container .non-content-text {
  padding: 10px 0;
}
.asconsole widget-container .widget-container .no-content-container .no-content-action-button {
  margin: 10px 0;
}
.asconsole widget-container .widget-container .no-content-container .no-content-action-button .asui-btn {
  margin-top: 0;
}
.asconsole widget-container .widget-container .no-content-container .no-content-action-button .btn {
  color: #475369;
}
.asconsole widget-container .widget-container .no-content-container .no-content-action-button .btn-primary {
  color: white;
}
.asconsole widget-container .widget-container .widget-header {
  border-bottom: 1px solid #dbe0ea;
  display: flex;
  height: 40px;
  flex-direction: row;
  align-items: center;
  padding: 0px 10px 0px 20px;
}
.asconsole widget-container .widget-container .widget-header .widget-title {
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole widget-container .widget-container .widget-header .widget-icons {
  display: flex;
  flex-direction: row;
}
.asconsole widget-container .widget-container .widget-header .widget-icons .widget-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDE3EE;
  width: 26px;
  height: 24px;
  cursor: pointer;
  border-radius: 2px;
  color: #475369;
  margin-left: 5px;
}
.asconsole widget-container .widget-container .widget-header .widget-icons .flip-icon-container {
  border: none !important;
  font-size: 14px;
}
.asconsole widget-container .widget-container .widget-content {
  display: flex;
  flex: 1;
  position: relative;
  justify-content: center;
  overflow: hidden;
}
.asconsole widget-container .widget-container .widget-content ng-transclude {
  display: flex;
  flex: 1;
  max-width: 100%;
}
.asconsole widget-container .widget-container .widget-content .widget-loading-mask {
  position: relative;
  width: 100%;
  height: 100%;
}
.asconsole widget-container .widget-container .widget-footer {
  border-top: 1px solid #dbe0ea;
  display: flex;
  font-size: 14px;
  flex-direction: row;
  align-items: center;
  padding: 10px 20px;
}
.asconsole widget-container .widget-container .widget-footer a {
  display: flex;
  align-self: center;
}
.asconsole widget-container .widget-container .widget-footer i {
  margin-right: 15px;
  margin-top: 3px;
  color: #8493AE;
  font-size: 14px;
}

.asconsole productlinedashboard {
  display: flex;
  overflow: hidden;
  height: calc(100vh - 60px);
  flex: none;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.asconsole productlinedashboard > react-component {
  display: flex;
  overflow: hidden;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.asconsole clm-article-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 25px 25px 25px;
  min-width: 0;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-article-editor {
    padding: 0 15px 10px 15px;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-article-editor textarea {
    flex: 0 1 10vh;
  }
}
.asconsole clm-article-editor asui-rich-text {
  min-height: 0;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole clm-article-editor asui-rich-text {
    margin-left: -15px;
    margin-right: -15px;
    flex: 1 1 40vh;
  }
}
.asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar {
  border-bottom: 1px #DDE3EE solid;
}
.asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar .fr-placeholder {
  padding: 12px 25px !important;
}
.asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar .CodeMirror {
  border: none !important;
}
.asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar .fr-toolbar {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar .fr-element {
  border: none !important;
  padding: 12px 25px !important;
}
@media all and (max-width: 667px) {
  .asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar .fr-element {
    padding: 5px 15px !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-article-editor asui-rich-text .asui-richtext .sticky-toolbar .fr-placeholder {
    padding: 5px 15px !important;
  }
}
.asconsole clm-article-editor .article-editor-container {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-left: -25px;
  margin-right: -25px;
}
.asconsole clm-article-editor .article-editor-container asui-rich-text {
  z-index: 0;
}
.asconsole clm-article-editor .readonly {
  padding: 6px 12px;
  border: 1px solid #DDE3EE;
  color: #333F55;
}
.asconsole clm-article-editor .article-readonly {
  margin-left: -25px;
  margin-right: -25px;
  min-height: 0;
  overflow-y: auto;
  flex: 1;
  border-bottom: 1px solid #DDE3EE;
  width: calc(100% + 50px);
  padding: 20px 25px 25px 25px;
}
.asconsole clm-article-editor .article-caption-container {
  position: relative;
}
.asconsole clm-article-editor .article-ai-button-container, .asconsole clm-article-editor .caption-ai-button-container {
  position: relative;
  bottom: 8px;
}
.asconsole clm-article-editor .article-ai-button-container .ai-generate-text-prompt {
  padding: 0 25px;
}
.asconsole .fr-popup {
  z-index: 2000 !important;
}

.asconsole clm-audio-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-audio-content-editor audio {
  outline: none;
}

.asconsole clm-audio-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 25px;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .key {
  color: #475369;
  width: 125px;
  display: flex;
  align-items: center;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .value {
  display: flex;
  align-items: center;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .value .sub-label {
  color: #475369;
  font-size: 80%;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .transform-icons {
  display: flex;
  font-size: 140%;
  color: #475369;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .transform-icons span {
  display: flex;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  margin-right: 20px;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .transform-icons span:last-child {
  margin-right: 0;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .transform-icons span:hover {
  outline: 1px solid #DDE3EE;
  background-color: #f1f5f8;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .transform-icons .popover-content {
  padding: 2px 5px;
  color: #333F55;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .image-edit-textbox {
  width: 50px;
  padding: 0 8px;
  margin: 0 0 0 3px;
  height: 24px;
}
.asconsole clm-audio-editor-form .editor-body .ce-info-details-row .icon-lock {
  color: #6275A3;
  margin: 0 15px;
  font-size: 12px;
}

.asconsole clm-audio-editor-preview {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
  min-height: 0;
}

.asconsole clm-card-background {
  display: flex;
  flex-direction: row;
}
.asconsole clm-card-background .sp-replacer {
  margin: 0;
  width: 44px;
  height: 44px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: dashed 1px #DDE3EE;
}
.asconsole clm-card-background .sp-replacer .sp-preview {
  width: 100%;
  height: 100%;
}
.asconsole clm-card-background .sp-replacer .sp-preview-inner {
  width: 44px !important;
  height: 44px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.asconsole clm-card-background clm-card-file-upload {
  flex: 1;
  margin-top: 0px;
}
.asconsole clm-card-background clm-card-file-upload .card-file-uploader {
  height: 44px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.asconsole clm-card-background clm-card-file-upload .card-file-uploader img {
  padding: 0;
  object-fit: cover !important;
}
.asconsole clm-card-background clm-card-file-upload .card-file-uploader .upload-overlay .upload-text {
  padding-right: 43px;
}
.asconsole clm-card-background clm-card-file-upload .card-file-uploader .upload-overlay .icon-trash {
  top: 7px;
  right: 7px;
}
.asconsole clm-card-background clm-card-file-upload .icon-cloud-upload {
  display: none;
}

.asconsole clm-batch-content-toolbar console-notification-pane .np-body {
  padding: 15px 15px 0 15px;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container {
  margin: -15px 0 15px -15px;
  min-height: 0;
  max-height: 265px;
  overflow-y: auto;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item {
  padding: 15px 0 0 15px;
  flex: 0 0 33.33333% !important;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item .bcn-grid-item {
  padding: 0;
  position: relative;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item .bcn-grid-item asui-card-content .card-icon-only .card-icon-sm {
  width: auto;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item .bcn-grid-item .icon-clear {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  color: white;
  cursor: pointer;
  display: none;
  z-index: 2;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item .bcn-grid-item .bcn-item-overlay {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item .bcn-grid-item:hover .icon-clear {
  display: inline;
  display: initial;
}
.asconsole clm-batch-content-toolbar console-notification-pane .np-body .grid-container .grid-item .bcn-grid-item:hover .bcn-item-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
}
.asconsole clm-batch-content-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole clm-browse-library {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  background-color: white;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library {
    background-color: #f7f8fb;
  }
}
.asconsole clm-browse-library .clm-browse-container-selection-visible {
  padding-bottom: 50px;
}
.asconsole clm-browse-library asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole clm-browse-library .clm-browse-container {
  border-top: 1px solid #DDE3EE;
  display: flex;
  min-height: 0;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library .clm-browse-container {
    flex-direction: column;
    border-top: 0;
  }
}
.asconsole clm-browse-library .clm-browse-container .clm-left {
  display: flex;
  background-color: white;
  padding: 15px 10px 0 20px;
  width: 340px;
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library .clm-browse-container .clm-left {
    background-color: #f7f8fb;
    width: 100%;
    padding: 14px 0 0 0;
  }
  .asconsole clm-browse-library .clm-browse-container .clm-left clm-library-tree .clm-mobile-node {
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #DDE3EE;
    padding: 6px 10px;
  }
  .asconsole clm-browse-library .clm-browse-container .clm-left clm-library-tree .clm-mobile-tree-container {
    top: 48px;
    padding: 10px;
    height: calc(100vh - 220px);
  }
  .asconsole clm-browse-library .clm-browse-container .clm-left clm-library-tree .clm-mobile-tree-container .clm-library-tree-container {
    max-height: calc(100vh - 282px) !important;
  }
}
.asconsole clm-browse-library .clm-browse-container .clm-right {
  display: flex;
  flex: 1;
  overflow-y: auto;
  padding-top: 15px;
  background-color: #f7f8fb;
}
.asconsole clm-browse-library .clm-browse-container .clm-right clm-content-header .content-header-container .menu-container-items {
  display: none;
}
.asconsole clm-browse-library .clm-browse-container .clm-cta-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 550px;
}
.asconsole clm-browse-library .selected-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  transition: height 0.3s;
  z-index: 2000;
}
.asconsole clm-browse-library .selected-container .selected-header {
  padding: 5px 25px;
  height: 50px;
  background-color: #0A5BEB;
  color: white;
  font-size: 130%;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole clm-browse-library .selected-container .selected-header .selected-count {
  flex: 1;
}
.asconsole clm-browse-library .selected-container .selected-header .selected-properties {
  display: flex;
  align-items: center;
}
.asconsole clm-browse-library .selected-container .selected-header .selected-properties i {
  margin-left: 10px;
  margin-top: -1px;
}
.asconsole clm-browse-library .selected-container .selected-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  min-width: 0;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library .selected-container .selected-content {
    flex-direction: column;
  }
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding: 20px 30px 5px 30px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel {
    min-height: 0;
    flex: unset;
  }
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container {
  margin: -20px 0 20px -20px;
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item item-directive {
  width: 100%;
  height: 100%;
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item item-directive .clm-grid-item {
  position: relative;
  background-color: #333F55;
  border-radius: 4px;
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item item-directive .clm-grid-item .item-clear-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 28px);
  color: white;
  display: none;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item item-directive .clm-grid-item .item-clear-overlay .icon-clear {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px;
  cursor: pointer;
  font-size: 22px;
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item item-directive .clm-grid-item .context-menu {
  display: none;
}
.asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item item-directive .clm-grid-item:hover .item-clear-overlay {
  display: inline;
  display: initial;
}
@media (max-width: 3000px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 1800px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1400px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1000px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 800px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library .selected-container .selected-content .grid-panel .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
.asconsole clm-browse-library .selected-container .selected-content .properties-panel {
  display: flex;
  width: 50vw;
  max-width: 450px;
  border-left: 1px solid #DDE3EE;
  background-color: white;
  font-size: 14px;
}
@media all and (max-width: 667px) {
  .asconsole clm-browse-library .selected-container .selected-content .properties-panel {
    width: 100%;
    max-width: unset;
    overflow-y: auto;
    margin-top: 15px;
    flex: 1;
  }
}
.asconsole clm-browse-library .selected-container .selected-content .properties-panel .clm-editor {
  padding: 0px 20px;
}
.asconsole clm-browse-library .selected-container-expand {
  height: 100%;
  transition: height 0.3s;
}

.asconsole clm-search-autocomplete {
  width: 100%;
}
.asconsole clm-search-autocomplete navbar-search-filter {
  top: 41px;
}
.asconsole clm-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}
.asconsole clm-search-autocomplete asui-search-autocomplete .asui-search {
  height: 32px;
}
.asconsole clm-search-autocomplete .folder-item {
  padding-bottom: 0;
}
.asconsole clm-search-autocomplete .search-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole clm-search-autocomplete .search-item .search-icon-item {
  margin-right: 15px;
}
.asconsole clm-search-autocomplete .search-item .card-icon-xs {
  width: 44px !important;
  height: 25px !important;
  font-size: 13px !important;
}
.asconsole clm-search-autocomplete .search-item .card-icon-xs .video-duration {
  font-size: 80%;
}
.asconsole clm-search-autocomplete .search-item .content-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-search-autocomplete .search-item .content-name break-word {
    word-break: break-all;
  }
}
.asconsole clm-search-autocomplete .search-item .icon-folder, .asconsole clm-search-autocomplete .search-item .icon-shared-folder {
  font-size: 20px;
  color: #6275A3;
  margin-right: 15px;
}
.asconsole clm-search-autocomplete navbar-search-filter .asui-tags-input .tags .input {
  width: unset !important;
}
.asconsole clm-search-autocomplete navbar-search-filter .asui-tags-input .tag-item {
  text-transform: uppercase;
}

.asconsole clm-card-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-card-content-editor clm-card-editor-preview {
  margin-bottom: 36px;
}
.asconsole clm-card-content-editor .ce-editor .ce-preview {
  padding: 0 30px !important;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-content-editor .ce-editor .ce-preview {
    padding: 0 15px !important;
  }
}
.asconsole clm-card-content-editor asui-rich-text .asui-richtext .sticky-toolbar .fr-box .fr-element {
  padding: 12px 12px 30px 12px;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor > .ce-edit-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor > .ce-edit-panel clm-card-editor-form,
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor > .ce-edit-panel clm-card-theme-schema-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text {
  position: relative;
  margin: 0;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text .fr-second-toolbar,
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text .fr-quick-insert {
  display: none;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text asui-rich-text .asui-richtext {
  margin: 0;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text asui-rich-text .asui-richtext .sticky-toolbar .fr-box {
  border: 0;
  box-shadow: none;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text asui-rich-text .asui-richtext .sticky-toolbar .fr-toolbar {
  border: 1px solid #DDE3EE !important;
  border-radius: 4px 4px 0 0;
  background-color: #fff !important;
  box-shadow: none;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text asui-rich-text .asui-richtext .sticky-toolbar .fr-box .fr-wrapper {
  border: 1px solid #DDE3EE !important;
  border-top: 0 !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: none !important;
  background-color: #fff;
}
.asconsole clm-card-content-editor .ce-editor.unified-theme-editor clm-card-rich-text asui-rich-text .asui-richtext .sticky-toolbar .fr-box .fr-element {
  border: 0 !important;
  padding: 12px !important;
  min-height: 80px;
}

.asconsole clm-card-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole clm-card-editor-preview iframe {
  position: absolute;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  overflow: hidden;
}

.asconsole clm-card-folder {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border-radius: 4px;
  background-color: white;
}
.asconsole clm-card-folder .folder-icon-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 56%;
  position: relative;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole clm-card-folder .folder-icon-container .icon-folder, .asconsole clm-card-folder .folder-icon-container .icon-shared-folder {
  color: #6275A3;
  font-size: 70px;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole clm-card-folder .folder-name-container {
  display: flex;
  align-items: center;
  height: 35px;
}
.asconsole clm-card-folder .folder-name-container .folder-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #333F55;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-card-folder .folder-name-container .folder-name break-word {
    word-break: break-all;
  }
}
.asconsole clm-card-folder .folder-name-container .icon-folder, .asconsole clm-card-folder .folder-name-container .icon-shared-folder {
  margin: 0 10px;
  color: #6275A3;
  font-size: 125% !important;
}
.asconsole clm-card-folder .folder-name-container .context-menu {
  color: #475369;
  padding: 10px;
}

.asconsole clm-card-folder-rect {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  padding: 5px 10px;
  height: 73px;
  padding-bottom: 4px;
  background-color: white;
}
.asconsole clm-card-folder-rect span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-card-folder-rect span break-word {
    word-break: break-all;
  }
}
.asconsole clm-card-folder-rect i {
  color: #6275A3;
  font-size: 270% !important;
}

.asconsole clm-card-folder-thumbnail {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
}
.asconsole clm-card-folder-thumbnail .card-folder-icon {
  width: 100%;
  padding-top: 56%;
  position: relative;
  border-bottom: 1px solid #DDE3EE;
  color: #6275A3;
  background-color: white;
}
.asconsole clm-card-folder-thumbnail .card-folder-icon .icon-container {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole clm-card-folder-thumbnail .card-folder-icon .icon-container .icon {
  font-size: 500%;
}
.asconsole clm-card-folder-thumbnail .card-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 7px 0 7px 10px;
  align-items: center;
  background-color: white;
}
.asconsole clm-card-folder-thumbnail .card-details .icon {
  margin-right: 5px;
  color: #6275A3;
}
.asconsole clm-card-folder-thumbnail .card-details .card-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
  white-space: nowrap;
  margin-right: 5px;
  line-height: 1.2;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-card-folder-thumbnail .card-details .card-name break-word {
    word-break: break-all;
  }
}

.asconsole clm-card-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  margin-top: 20px;
}
.asconsole clm-card-editor-form .clm-editor {
  padding: 0 !important;
  position: relative;
  overflow-y: hidden;
  min-height: 0;
}
.asconsole clm-card-editor-form .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
  margin-bottom: 20px;
}
.asconsole clm-card-editor-form .panel-header .back-btn {
  display: flex;
  align-items: center;
}
.asconsole clm-card-editor-form .panel-header .back-btn i {
  font-size: 11px;
  color: #475369;
}
.asconsole clm-card-editor-form .panel-header .panel-header-title {
  color: #6275A3;
  text-transform: uppercase;
}
.asconsole clm-card-editor-form .panel-container {
  flex: 1;
  display: flex;
  min-height: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection {
  background-color: white;
  overflow-y: auto;
  flex: 1;
  padding: 0 25px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
@media all and (max-width: 667px) {
  .asconsole clm-card-editor-form .panel-container .panel-collection {
    padding: 0 15px;
  }
}
.asconsole clm-card-editor-form .panel-container .panel-collection .form-input {
  vertical-align: top;
}
.asconsole clm-card-editor-form .panel-container .panel-collection input::-webkit-outer-spin-button,
.asconsole clm-card-editor-form .panel-container .panel-collection input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection input[type=number] {
  -moz-appearance: textfield;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container-label {
  margin-bottom: 0 !important;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container-toggle {
  display: flex;
  justify-content: space-between;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container-toggle label {
  margin-bottom: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .validation-error {
  margin-top: 2px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-editor-label-row {
  display: block;
  margin-bottom: 8px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-editor-label-row--theme {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  min-height: 22px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-editor-label-row--theme .clm-editor-label {
  flex: 1 1 auto;
  min-width: 0;
  margin-bottom: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-editor-label-row--theme .clm-theme-input-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-editor-label-row .clm-editor-label {
  margin-bottom: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container {
  position: relative;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container .clm-theme-input-actions {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container:hover .clm-theme-input-actions, .asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container:focus-within .clm-theme-input-actions, .asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container.clm-theme-input-container--locked .clm-theme-input-actions, .asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container.clm-theme-input-container--settings-open .clm-theme-input-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container.clm-theme-input-container--locked .clm-editor-label {
  color: #475369;
  opacity: 0.6;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container.clm-theme-input-container--inline-control {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container.clm-theme-input-container--inline-control .clm-theme-input-fields {
  order: 0;
  flex: 0 0 auto;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-container.clm-theme-input-container--inline-control .clm-editor-label-row--theme {
  order: 1;
  flex: 1 1 auto;
  margin-bottom: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-action-btn {
  border: 0;
  margin: 0;
  padding: 4px;
  line-height: 1;
  background: transparent;
  box-shadow: none;
  color: #475369;
  cursor: pointer;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-action-btn:hover, .asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-action-btn:focus {
  color: #333F55;
  background: transparent;
  box-shadow: none;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-action-btn--locked {
  color: #6275A3;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-action-btn .icon {
  font-size: 14px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-fields {
  position: relative;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-fields--locked {
  opacity: 0.6;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-fields--hidden {
  display: none;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-settings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-settings .form-group {
  margin: 0;
  width: 100%;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-settings .clm-editor-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 0;
  text-align: left;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-settings .clm-editor-label input[type=checkbox] {
  width: 16px !important;
  min-width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 auto;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .clm-theme-input-lock-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  opacity: 0.01;
  cursor: not-allowed;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container {
  margin-bottom: 30px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-editor-form .panel-container .panel-collection .input-container {
    margin-bottom: 15px;
  }
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-editor-label {
  margin-top: 0 !important;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-editor-label .icon-info-full {
  color: #475369;
  margin-left: 4px;
  font-size: 95%;
  margin-top: -1px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .asui-multiselect {
  width: 100%;
  margin: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .asui-multiselect button {
  height: 36px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container asui-radio input {
  width: 15px;
  height: 16px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container asui-radio label .icon-question, .asconsole clm-card-editor-form .panel-container .panel-collection .input-container asui-radio label asui-copy {
  margin-left: 8px;
  background-color: #EDF2F7;
  border-radius: 9px;
  padding: 2px;
  color: #475369;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .style-editor-input .asui-style-editor {
  border: 1px solid #DDE3EE;
  border-radius: 3px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .card-toggle {
  display: flex;
  align-items: row;
  align-items: center;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .card-toggle .toggle-label {
  padding-left: 10px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container asui-checkbox input {
  width: 15px;
  height: 15px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-checkbox-container {
  display: flex;
  align-items: flex-start;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-checkbox-container asui-checkbox {
  flex: none !important;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-checkbox-container .icon {
  margin-left: 8px;
  background-color: #EDF2F7;
  border-radius: 9px;
  padding: 2px;
  color: #475369;
  cursor: pointer;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container input {
  height: 36px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-card-action-buttons .btn {
  margin-right: 5px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .clm-card-action-buttons .btn .btn-label {
  line-height: 1;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .sp-replacer {
  margin: 0;
  width: 44px;
  height: 44px;
  border: dashed 1px #DDE3EE;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .sp-replacer .sp-preview-inner {
  width: 44px !important;
  height: 44px !important;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container .sp-replacer .sp-preview {
  width: 35px !important;
  height: 35px !important;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container:first-child {
  margin-top: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-container:first-child .clm-editor-label {
  margin-top: 0;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .panel-inputs {
  margin-top: 38px;
  margin-left: -25px;
  margin-right: -25px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .panel-inputs .panel-input {
  margin-top: 1px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection .input-not-implemented {
  background-color: #dfe4ea;
  color: white;
  border-radius: 10px;
  padding: 2px 6px;
}
.asconsole clm-card-editor-form .panel-container .panel-collection.ng-enter {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 0.6s slideInRight;
  z-index: 1;
}
.asconsole clm-card-editor-form .panel-container .panel-collection.ng-leave {
  width: 100%;
  height: 100%;
  animation: 0.6s slideOutRight;
}

.asconsole clm-card-preview {
  width: 100%;
  height: 100%;
}
.asconsole clm-card-preview iframe {
  width: 1920px;
  height: 1080px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: white;
}

.asconsole clm-card-template {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 9px;
  background-color: white;
}
.asconsole clm-card-template .card-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.asconsole clm-card-template .card-container .card-icon {
  width: 100%;
  padding-top: 56%;
  position: relative;
}
.asconsole clm-card-template .card-container .card-icon .card-tn-image {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 9px 9px 0 0;
}
.asconsole clm-card-template .card-container .card-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  padding: 6px 10px;
  font-size: 14px;
  border-top: 1px solid #DDE3EE;
  color: #2d3851;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-card-template .card-container .card-name break-word {
    word-break: break-all;
  }
}
.asconsole clm-card-template .card-container .upgrade-container {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  padding: 15px;
  font-size: 16px;
}
.asconsole clm-card-template .card-container .upgrade-container .icon-lock {
  font-size: 32px;
  color: #EDF2F7;
  visibility: hidden;
  margin-left: -4px;
  margin-bottom: 4px;
}
.asconsole clm-card-template .card-container .upgrade-container span {
  visibility: hidden;
}
.asconsole clm-card-template .card-container .upgrade-container .info {
  cursor: pointer;
  visibility: hidden;
  margin-top: 8px;
  border: 2px solid white;
  border-radius: 4px;
  padding: 5px;
  max-width: 110px;
  text-align: center;
}
.asconsole clm-card-template .card-container .premium-label {
  display: none;
  text-transform: uppercase;
}
.asconsole clm-card-template .not-supported {
  cursor: default;
}
.asconsole clm-card-template .not-supported .card-name {
  color: #8493AE;
  font-weight: 200;
  cursor: not-allowed;
}
.asconsole clm-card-template .not-supported .card-icon {
  position: relative;
}
.asconsole clm-card-template .not-supported .card-icon .card-tn-image {
  opacity: 0.4;
}
.asconsole clm-card-template .not-supported .card-icon .upgrade-container:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.asconsole clm-card-template .not-supported .card-icon .upgrade-container:hover .icon-lock {
  visibility: visible;
}
.asconsole clm-card-template .not-supported .card-icon .upgrade-container:hover span {
  visibility: visible;
}
.asconsole clm-card-template .not-supported .card-icon .upgrade-container:hover .info {
  visibility: visible;
}
.asconsole clm-card-template .premium-card {
  position: relative;
}
.asconsole clm-card-template .premium-card .premium-label {
  display: flex;
  align-items: center;
  position: absolute;
  left: 15px;
  bottom: 15px;
  background-color: black;
  border: 1px solid white;
  color: white;
  border-radius: 3px;
  padding: 3px 6px;
  font-size: 10px;
  letter-spacing: 1px;
}
.asconsole clm-card-template .premium-card .premium-label img {
  width: 13px;
  margin-right: 5px;
}

.asconsole card-template-typeahead {
  display: flex;
  flex: 1;
}
.asconsole card-template-typeahead asui-dropdown-typeahead {
  width: 100%;
  height: 44px;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .card-template-item {
  display: flex;
  align-items: center;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .card-template-item .template-thumbnail {
  width: 54px;
  height: 30px;
  margin-right: 8px;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .card-template-item .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #333F55;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole card-template-typeahead asui-dropdown-typeahead .card-template-item .name break-word {
    word-break: break-all;
  }
}
.asconsole card-template-typeahead asui-dropdown-typeahead .textbox {
  height: 44px;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .dropdown-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .selected-item .user-icon {
  margin-right: 10px;
}
.asconsole card-template-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label {
  display: flex;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole card-template-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label break-word {
    word-break: break-all;
  }
}
.asconsole .card-template-typeahead-mobile-dialog .selected-item asui-card-user,
.asconsole .card-template-typeahead-mobile-dialog .selected-item .user-typeahead-label .name {
  display: none;
}
.asconsole .card-template-typeahead-mobile-dialog .selected-item .user-typeahead-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .card-template-typeahead-mobile-dialog .selected-item .user-typeahead-label break-word {
    word-break: break-all;
  }
}
.asconsole .card-template-typeahead-mobile-dialog .dropdown-container .user-typeahead-label {
  margin-left: 8px;
}

.asconsole clm-card-cell-data {
  width: 100%;
}
.asconsole clm-card-cell-data .cell-data-btn {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 36px;
}
.asconsole clm-card-cell-data .cell-data-btn .icon-grid {
  margin-right: 10px;
  color: #6275A3;
}

.asconsole clm-card-cell-data-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.asconsole clm-card-cell-data-modal .modal-footer {
  padding: 15px 25px;
  border: none;
}
.asconsole clm-card-cell-data-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 14px;
}
.asconsole clm-card-cell-data-modal .modal-body asui-document-reader {
  margin-bottom: 20px;
}
.asconsole clm-card-cell-data-modal .modal-body asui-table-editor {
  width: 100%;
  flex: 1;
}
.asconsole clm-card-cell-data-modal .modal-body asui-table-editor .asui-table-editor {
  width: 100%;
  height: 100%;
}
.asconsole clm-card-cell-data-modal .modal-body asui-table-editor .asui-table-editor .table-container {
  width: 100%;
  height: 100%;
}
.asconsole clm-card-cell-data-modal .modal-body asui-table-editor .asui-table-editor .table-container .handsontable td {
  height: 25px;
  line-height: 25px;
}
.asconsole .modal-card-cell-data {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  margin: 0;
}
.asconsole .modal-card-cell-data .modal-dialog {
  width: 100%;
  height: 100%;
}
.asconsole .modal-card-cell-data .modal-content {
  width: 100%;
  height: 100%;
}

.asconsole clm-channels-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px 0 25px;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
@media all and (max-width: 667px) {
  .asconsole clm-channels-editor {
    padding: 20px 15px 0 15px;
  }
}
.asconsole clm-channels-editor .add-btn {
  position: absolute;
  top: 20px;
  padding: 4px 6px;
  z-index: 2;
}
.asconsole clm-channels-editor .add-btn .fa-plus {
  font-size: 11px;
  margin-right: 5px;
}
.asconsole clm-channels-editor .btn-primary:focus {
  background-color: #0A5BEB;
  border-color: #0A5BEB;
}
.asconsole clm-channels-editor searchable-grid {
  flex: 1;
}
.asconsole clm-channels-editor searchable-grid .asui-search {
  margin-left: 100px !important;
}
.asconsole clm-channels-editor searchable-grid .asui-search input {
  padding: 0 12px !important;
  font-size: 12px !important;
  height: 30px !important;
  width: calc(100% - 62px);
}
.asconsole clm-channels-editor searchable-grid .item-count {
  display: none;
}
.asconsole clm-channels-editor searchable-grid .channel-can-edit .cp-name {
  color: #0A5BEB !important;
  cursor: pointer;
}
.asconsole clm-channels-editor searchable-grid .s-grid-base {
  width: 100%;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container {
  width: 100%;
  overflow: hidden;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container {
  flex-direction: column;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item {
  flex: 1;
  min-width: 0;
  width: 100%;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item {
  padding: 8px 10px !important;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item asui-card-channel {
  cursor: pointer;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-name {
  margin: 0 10px;
  color: #333F55;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-type {
  color: #475369;
  padding-right: 30px;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-channel-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-zone {
  color: #475369;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .cp-info {
  margin-left: auto;
  cursor: pointer;
  visibility: hidden;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .icon-info, .asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item icon-clear {
  font-size: 130%;
  color: #6275A3;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item .delete-disabled {
  opacity: 0.5;
}
.asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item:hover .cp-info, .asconsole clm-channels-editor searchable-grid .s-grid-container .row-view .grid-container .grid-item .cp-item:hover .icon-clear {
  visibility: visible;
}
.asconsole clm-channels-editor searchable-grid .clear-filters {
  padding: 10px 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-channels-editor searchable-grid .no-content-container {
    margin: 2vh 0 0 0;
  }
}
.asconsole clm-channels-editor searchable-grid .no-content-container .icon-container img {
  width: 75%;
}
.asconsole clm-channels-editor searchable-grid .no-content-container .non-content-text {
  margin-top: 30px;
  font-size: 100% !important;
}
.asconsole clm-channels-editor searchable-grid .no-content-container .non-content-text .title {
  font-weight: bold;
  color: #333F55;
}

.asconsole clm-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px;
  min-width: 0;
  overflow: auto;
  background-color: #F8F9FC;
}

.asconsole clm-content-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole clm-content-list .non-selectable .select-checkmark {
  display: none !important;
}
.asconsole clm-content-list .non-selectable .clm-card-folder .icon-folder, .asconsole clm-content-list .non-selectable .clm-card-folder .icon-shared-folder {
  visibility: initial !important;
}
.asconsole clm-content-list .select-checkmark {
  position: absolute;
  display: none;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 10px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #858B9A;
  z-index: 1;
}
.asconsole clm-content-list .select-checkmark .icon-check {
  display: none;
  pointer-events: none;
  color: white;
  position: absolute;
  left: 2px;
  top: 2px;
  font-size: 12px;
}
.asconsole clm-content-list .item-select-inherit .select-checkmark {
  display: inline;
  pointer-events: none;
  background-color: white;
  border: 1px solid #858B9A !important;
  opacity: 0.6;
}
.asconsole clm-content-list .item-select-inherit .select-checkmark .icon-check {
  left: 3px;
  top: 3px;
  display: inline !important;
  color: #858B9A !important;
}
.asconsole clm-content-list .item-select-direct .select-checkmark {
  display: inline;
  background-color: #0A5BEB !important;
  border: 1px solid #eef4f9 !important;
}
.asconsole clm-content-list .item-select-direct .select-checkmark .icon-check {
  left: 3px;
  top: 3px;
  display: inline !important;
}
.asconsole clm-content-list .grid-item:hover .select-checkmark {
  display: inline;
}
.asconsole clm-content-list .selection-mode .context-menu {
  visibility: hidden;
  pointer-events: none;
}
.asconsole clm-content-list .selection-mode .clm-card-folder .icon-folder, .asconsole clm-content-list .selection-mode .clm-card-folder .icon-shared-folder {
  visibility: hidden;
}
.asconsole clm-content-list .selection-mode .select-checkmark {
  display: inline;
  border: 2px solid #858B9A;
  background-color: white;
}
.asconsole clm-content-list .selection-mode .clm-grid-item:hover .select-checkmark {
  display: inline;
}
.asconsole clm-content-list .ds-selectable img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.asconsole clm-content-list .clm-cta-container {
  display: flex;
  flex: 1;
}
.asconsole clm-content-list .clm-cta-container .non-content-text {
  z-index: 2;
}
.asconsole clm-content-list .clm-cta-container h3 {
  color: #333F55 !important;
}
.asconsole clm-content-list .clm-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole clm-content-list .clear-filters {
  padding: 0 30px;
  margin-bottom: 10px;
  text-align: center;
}
.asconsole clm-content-list .clear-filters a {
  cursor: pointer;
}
.asconsole clm-content-list clm-content-filter-bar {
  position: relative;
  padding-top: 10px;
  z-index: 2;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list clm-content-filter-bar {
    padding-right: 15px;
  }
}
.asconsole clm-content-list .clm-browser-content.filter-bar-open {
  margin-top: 0;
}
.asconsole clm-content-list .clm-browser-content-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 25px 25px;
  padding-top: 10px;
  padding-bottom: 0px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content-container {
    padding: 15px 15px;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content-container {
    padding: 0;
  }
}
.asconsole clm-content-list .clm-browser-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: -28px;
  z-index: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-content-list .clm-browser-content {
    display: inline;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content {
    margin-top: -8px;
  }
}
.asconsole clm-content-list .clm-browser-content .clm-loading-mask .loading-mask-container {
  background-color: white;
  max-height: 100vh;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole clm-content-list .clm-browser-content .browser-grid {
  margin-left: 3px;
  color: #72889c;
  margin-bottom: 0px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content .clm-browser-grid-folder {
    display: none !important;
  }
}
.asconsole clm-content-list .clm-browser-content .clm-browser-grid {
  min-width: 0;
  flex-direction: column;
}
.asconsole clm-content-list .clm-browser-content clm-folder-grid {
  margin: 8px 0px;
  padding: 0 2px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content clm-folder-grid {
    padding: 0 15px;
  }
}
.asconsole clm-content-list .clm-browser-content clm-content-grid {
  display: flex;
  margin-top: 8px;
  padding: 0 2px;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content clm-content-grid {
    padding: 0 15px;
  }
}
.asconsole clm-content-list .clm-browser-content .content-grid-header {
  padding-top: 3px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-list .clm-browser-content .content-grid-header {
    display: none;
  }
}
.asconsole clm-content-list .margin-0 {
  margin-top: 0;
}
.asconsole clm-content-list .grid-container {
  margin: -14px 0 14px -14px;
}
.asconsole clm-content-list .grid-container .grid-item {
  padding: 14px 0 0 15px !important;
}
.asconsole clm-content-list .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole clm-content-list .clm-badge-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: transparent;
  border: 1px solid #DDE3EE;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: background-color 0.3s;
}
.asconsole clm-content-list .clm-badge-circle:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.asconsole clm-content-list .clm-badge-check {
  background-color: #135094 !important;
  border: 1px #135094 solid;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80%;
  pointer-events: none;
}

.asconsole .connect-content-article {
  font-size: 16px;
  margin-bottom: 8px;
  background-color: white;
  word-break: break-word;
  overflow-x: auto;
  line-height: 1.25;
}
.asconsole .connect-content-article p {
  line-height: 1.625;
  margin: 14px 0px;
}
.asconsole .connect-content-article ul {
  margin: 14px 0;
}
.asconsole .connect-content-article img {
  max-width: 100%;
}
.asconsole .connect-content-article h1 {
  font-size: 200%;
}
.asconsole .connect-content-article iframe {
  border: 1px #eef4f9 solid;
}
.asconsole .connect-content-article table {
  min-width: 45%;
  margin-right: unset !important;
}
@media all and (max-width: 992px) {
  .asconsole .connect-content-article table {
    min-width: 70%;
  }
}
@media all and (max-width: 667px) {
  .asconsole .connect-content-article table {
    min-width: 100%;
  }
}
.asconsole .connect-content-article table thead th {
  padding: 5px 8px;
  background-color: #eef4f9;
}
.asconsole .connect-content-article table tbody td {
  padding: 5px 8px;
  border: 1px #eef4f9 solid;
}
.asconsole clm-content-article {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px;
  min-height: 100px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-article {
    padding: 20px;
  }
}
.asconsole clm-content-article .preview-date {
  font-size: 14px;
  margin-top: 14px;
  color: #68768D;
  display: flex;
  align-items: center;
}
.asconsole clm-content-article .preview-date i {
  font-size: 6px;
  margin: 0 5px;
}
.asconsole clm-content-article .preview-author {
  color: #68768D;
  letter-spacing: 0.5px;
  flex: 1;
}
.asconsole clm-content-article iframe {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
  margin-bottom: 10px;
}
.asconsole clm-content-article .preview-no-article {
  padding: 10px 20px;
  border: 1px solid #DDE3EE;
  color: #475369;
  text-align: center;
  font-style: italic;
  display: none;
}
.asconsole clm-content-article .preview-tags {
  margin: 16px 0 0px 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-article .preview-tags {
    margin-bottom: 0px;
  }
}

.asconsole clm-content-browser {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-content-browser clm-content-header, .asconsole clm-content-browser clm-search-header {
  padding: 25px 25px;
  padding-top: 0;
  padding-bottom: 0px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-browser clm-content-header, .asconsole clm-content-browser clm-search-header {
    padding: 15px 15px;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-browser clm-search-header {
    padding: 15px 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-browser clm-content-header {
    display: none;
  }
}
.asconsole clm-content-browser .no-content-container .icon-container {
  margin: 0;
  margin-bottom: 2vh;
}
.asconsole clm-content-browser .no-content-container img {
  width: 45%;
}
.asconsole clm-content-browser .no-content-container .non-content-header {
  font-weight: 500;
  font-size: 140%;
  color: #475369;
  margin: 0 20px 20px 20px;
}
.asconsole clm-content-browser .no-content-container .non-content-text {
  margin: 0 20px 20px 20px;
}

.asconsole clm-content-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-size: 14px;
  position: relative;
}
.asconsole clm-content-editor asui-loading-mask {
  left: 0;
}
.asconsole clm-content-editor asui-loading-mask .loading-mask-container {
  background-color: rgba(255, 255, 255, 0.8);
}
.asconsole clm-content-editor .asui-dropdown .dropdown-menu {
  font-size: inherit;
}
.asconsole clm-content-editor .asui-multiselect .dropdown-menu {
  font-size: inherit;
}
.asconsole clm-content-editor .ce-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole clm-content-editor .ce-header .ce-header-left {
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-left {
    height: 55px;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-left > .icon {
  color: #6275A3;
}
.asconsole clm-content-editor .ce-header .ce-header-left .icon-arrow-back {
  padding: 20px 20px 20px 30px;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-left .icon-arrow-back {
    padding-left: 15px;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-left asui-editable-label .editable-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-editor .ce-header .ce-header-left asui-editable-label .editable-label break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-left .content-name {
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 20px;
  font-weight: 200;
  width: calc(100% - 240px);
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-left .content-name {
    padding-right: 0;
    margin-right: 0;
    width: calc(100% - 115px);
  }
}
.asconsole clm-content-editor .ce-header .ce-header-left .content-name-readonly {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-editor .ce-header .ce-header-left .content-name-readonly break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-left .editable-label-create .iconcheck {
  display: none;
}
.asconsole clm-content-editor .ce-header .ce-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  position: relative;
  /* Theme editor (including create): keep save/cancel icons like content edit mode. */
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-name {
    height: 55px;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-name > .icon {
  color: #6275A3;
}
.asconsole clm-content-editor .ce-header .ce-header-name asui-editable-label .editable-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-editor .ce-header .ce-header-name asui-editable-label .editable-label break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-name .content-divider {
  height: 60%;
  margin: 0 10px;
  border-left: 1px solid #DDE3EE;
}
.asconsole clm-content-editor .ce-header .ce-header-name .content-name {
  margin-left: 20px;
  margin-right: 20px;
  font-weight: 200;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-name .content-name {
    padding-right: 0;
    margin-right: 0;
    width: calc(100% - 60px);
  }
}
.asconsole clm-content-editor .ce-header .ce-header-name .content-name-readonly {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-editor .ce-header .ce-header-name .content-name-readonly break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-name .editable-label-create .iconcheck {
  display: none;
}
.asconsole clm-content-editor .ce-header .ce-header-name.ce-header-name--theme asui-editable-label .editable-label-button-container .iconcheck {
  display: inline-flex;
}
.asconsole clm-content-editor .ce-header .ce-header-steps {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  flex: 1;
  justify-content: center;
  color: #475369;
  height: 100%;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps {
  display: flex;
  font-size: 80%;
  margin-right: 15px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-steps .create-steps {
    display: none;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step {
  display: flex;
  align-items: center;
  min-width: 120px;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step .step-index {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 1px solid #6275A3;
  color: #6275A3;
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 90%;
  text-align: center;
  border-radius: 50%;
  margin-right: 8px;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step .step-index .icon-check {
  display: none;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step .step-label {
  font-weight: 500;
  margin-right: 4px;
  color: #6275A3;
  line-height: 1.2;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step .step-hr {
  background: #DDE3EE;
  height: 2px;
  width: 100%;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step.active .step-index {
  background-color: #77B0EE;
  border-color: #77B0EE;
  color: white;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step.active .step-label {
  color: #333F55;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step.complete .step-index {
  background-color: #77B0EE;
  border-color: #77B0EE;
  color: white;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step.complete .step-index .icon-check {
  display: flex;
  font-size: 20px;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step.complete .step-index .number {
  display: none;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step.complete .step-label {
  color: #475369;
}
.asconsole clm-content-editor .ce-header .ce-header-steps .create-steps .step:last-child .step-hr {
  display: none;
}
.asconsole clm-content-editor .ce-header .ce-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  color: #475369;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-actions {
    margin-right: 10px;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-actions .dirty-badge {
  position: absolute;
  bottom: 23px;
  right: 7px;
}
.asconsole clm-content-editor .ce-header .ce-header-edit-title {
  height: 70px;
  font-weight: 200;
  font-size: 120%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
  width: 50vw;
  max-width: 600px;
  border-left: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-edit-title {
    height: 55px;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-header .ce-header-edit-title {
    display: none;
  }
}
.asconsole clm-content-editor .ce-header .ce-header-edit-title .title {
  font-size: 18px;
  text-transform: capitalize;
}
.asconsole clm-content-editor .ce-header .ce-header-edit-title .btn {
  width: 80px;
}
.asconsole clm-content-editor .ce-header .ce-header-edit-title .dropdown-toggle {
  width: unset;
}
.asconsole clm-content-editor .ce-header .ce-header-edit-title .popover-content {
  border-radius: 1px;
  padding: 2px 8px;
  color: #333F55;
}
.asconsole clm-content-editor .ce-header .dirty-badge {
  color: #0A5BEB;
  font-weight: bold;
  font-size: 9px;
}
.asconsole clm-content-editor .ce-content {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content {
    flex-direction: column;
  }
}
.asconsole clm-content-editor .ce-content .ce-side-menu {
  display: flex;
  flex-direction: column;
  width: 70px;
  height: 100%;
  border-left: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content .ce-side-menu {
    display: none;
  }
}
.asconsole clm-content-editor .ce-content .ce-side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 70px;
  color: #6275A3;
}
.asconsole clm-content-editor .ce-content .ce-side-menu .menu-item .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole clm-content-editor .ce-content .ce-side-menu .menu-item .menu-label {
  font-size: 90%;
}
.asconsole clm-content-editor .ce-content .ce-side-menu .menu-item:hover, .asconsole clm-content-editor .ce-content .ce-side-menu .menu-item.active {
  color: #0A5BEB;
}
.asconsole clm-content-editor .ce-content .ce-content-editor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-height: 0;
  min-width: 0;
}
.asconsole clm-content-editor .ce-content .ce-content-editor asui-loading-mask .loading-mask-container {
  background-color: transparent;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content .ce-content-editor {
    min-height: 0;
  }
}
.asconsole clm-content-editor .ce-content .ce-content-editor .ce-editor {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content .ce-content-editor .ce-editor {
    flex-direction: column;
  }
}
.asconsole clm-content-editor .ce-content .ce-content-editor .ce-editor .ce-preview {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #F8F9FC;
  padding: 30px;
  min-width: 0;
  overflow-y: auto;
  /*
  @media all and (max-width: $breakpoint-sm-screen) {
      flex: unset;
      padding: 0;
      padding-top: 56.25% !important;
      position: relative;
      :first-child, :nth-child(2n) {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }
  }*/
}
.asconsole clm-content-editor .ce-content .ce-content-editor .ce-editor .preview-toolbar {
  padding-top: 0px;
}
.asconsole clm-content-editor .ce-content .ce-edit-panel {
  display: flex;
  width: 50vw;
  max-width: 600px;
  min-width: 0;
  border-left: 1px solid #DDE3EE;
  overflow-y: auto;
}
@media all and (max-width: 1600px) {
  .asconsole clm-content-editor .ce-content .ce-edit-panel {
    width: 42%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole clm-content-editor .ce-content .ce-edit-panel {
    width: 40%;
  }
}
@media all and (max-width: 992px) {
  .asconsole clm-content-editor .ce-content .ce-edit-panel {
    width: 45%;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content .ce-edit-panel {
    width: 100%;
    max-width: unset;
    overflow-y: auto;
    margin-top: 0px;
    flex: 1;
  }
  .asconsole clm-content-editor .ce-content .ce-edit-panel clm-analytics {
    padding: 15px;
  }
}
.asconsole clm-content-editor .ce-content .clm-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 0 25px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content .clm-editor {
    padding: 0 0px;
  }
}
.asconsole clm-content-editor .ce-content .clm-editor input {
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-content-editor .ce-content .clm-editor {
    display: inline;
  }
}
.asconsole clm-content-editor .ce-content asui-tags-input input {
  height: 26px !important;
  font-size: 14px !important;
}
.asconsole clm-content-editor .ce-content asui-tags-input .tag-text {
  text-transform: uppercase;
  font-size: 12px;
}
.asconsole clm-content-editor .ce-content .clm-input-invalid {
  border-color: #CB4848;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-content-mobile-hide .ce-content-editor {
    display: none;
  }
  .asconsole clm-content-editor .ce-content-mobile-hide .ce-edit-panel {
    margin-top: 0;
  }
}
.asconsole clm-content-editor .ce-edit-panel-lg {
  max-width: 1200px !important;
}
.asconsole clm-content-editor .ce-edit-panel-fs {
  flex: 1;
  max-width: unset !important;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-content-editor .ce-edit-panel-fs {
    max-width: 100000px !important;
  }
}
.asconsole clm-content-editor .ce-mobile-menu-container {
  display: none;
  flex-direction: row;
  width: 100%;
  border-top: 1px solid #DDE3EE;
  padding-bottom: var(--iphone-bottom-margin);
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-mobile-menu-container {
    display: flex;
  }
}
.asconsole clm-content-editor .ce-mobile-menu-container .menu-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6275A3;
  cursor: pointer;
  z-index: 1;
  height: 56px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-mobile-menu-container .menu-item {
    font-size: 60px;
  }
}
.asconsole clm-content-editor .ce-mobile-menu-container .menu-item .icon {
  font-size: 18px;
  margin-bottom: 4px;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-mobile-menu-container .menu-item .icon {
    font-size: 24px;
  }
}
.asconsole clm-content-editor .ce-mobile-menu-container .menu-item .menu-label {
  font-size: 95%;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-editor .ce-mobile-menu-container .menu-item .menu-label {
    display: none;
  }
}
.asconsole clm-content-editor .ce-mobile-menu-container .menu-item.active {
  color: #0A5BEB;
}
.asconsole .clm-editor-label {
  display: flex;
  align-items: center;
  font-size: 15.6px;
  color: #333F55;
  width: 100%;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 7px;
}
.asconsole .modal-clm-content-editor {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media all and (max-width: 667px) {
  .asconsole .modal-clm-content-editor {
    height: 100%;
  }
}
.asconsole .modal-clm-content-editor .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole clm-content-editor-embed {
  display: flex;
  flex: 1;
  background-color: white;
}

.asconsole clm-content-grid {
  flex: 1 1 0;
  min-height: 0;
  flex-direction: column;
}
.asconsole clm-content-grid .list-container {
  position: relative;
}
.asconsole clm-content-grid .list-container asui-loading-mask {
  flex: 1;
}
.asconsole clm-content-grid .list-container asui-loading-mask .loading-mask-container {
  min-height: 70vh;
}
.asconsole clm-content-grid asui-grid {
  margin-bottom: 20px;
}
.asconsole clm-content-grid asui-grid .grid-show-more {
  margin: 20px;
}
.asconsole clm-content-grid asui-grid .grid-container .non-selectable .clm-grid-item {
  pointer-events: none;
}
.asconsole clm-content-grid asui-grid .grid-container .non-selectable .clm-grid-item asui-card-content .asui-card {
  pointer-events: none;
}
.asconsole clm-content-grid asui-grid .grid-container .non-selectable .clm-grid-item asui-card-content .asui-card img {
  opacity: 0.5;
}
.asconsole clm-content-grid asui-grid .grid-container .non-selectable .clm-grid-item .clm-update-badge > * {
  pointer-events: none;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item-selected asui-card-content .asui-card {
  border: 1px solid #77B0EE;
}
.asconsole clm-content-grid asui-grid .grid-container .item-select-direct .asui-card, .asconsole clm-content-grid asui-grid .grid-container .item-select-inherit .asui-card {
  border: 1px solid #77B0EE;
  border-radius: 5px;
}
.asconsole clm-content-grid asui-grid .grid-container .item-select-direct .asui-card .details-header, .asconsole clm-content-grid asui-grid .grid-container .item-select-inherit .asui-card .details-header {
  background-color: #eff7ff;
  color: #0A5BEB;
}
.asconsole clm-content-grid asui-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1024px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  .asconsole clm-content-grid asui-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item {
  cursor: pointer;
  position: relative;
  flex: 1;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item asui-card-content .asui-card {
  background-color: #333F55;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item asui-card-content .asui-card .card-thumbnail {
  overflow: hidden;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item asui-card-content .asui-card .card-thumbnail .card-thumbnail-image {
  transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item asui-card-content .asui-card .details-header {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item asui-card-content .asui-card .thumbnail-img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  object-fit: contain;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item.clm-grid-item--image asui-card-content .asui-card .thumbnail-img {
  object-fit: cover;
  object-position: var(--clm-focal-x, 50%) var(--clm-focal-y, 50%);
  transform: scale(var(--clm-focal-zoom, 1));
  transform-origin: var(--clm-focal-x, 50%) var(--clm-focal-y, 50%);
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-warning {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
  color: white;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-warning .icon-alert {
  font-size: 115%;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-warning .warning2k {
  letter-spacing: 1px;
  font-weight: bold;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-warning .popover {
  color: #333F55;
  font-size: 80%;
  line-height: 1.2;
  max-width: 350px;
  min-width: 228px;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-warning .popover .popoever-warning4k {
  width: 260px;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-warning .popover .popoever-warning4k span {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-info {
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 44px);
  padding: 5px 10px;
  pointer-events: none;
  align-items: flex-end;
  color: white;
  font-size: 100%;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-info .info-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-info .info-row.space-between {
  justify-content: space-between;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-info .updated-by {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-right: 30px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-badge-info .updated-by break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-update-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  pointer-events: none;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-update-badge > * {
  pointer-events: auto;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item .clm-updating-overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 44px);
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-weight: bold;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item:hover .clm-badge-info, .asconsole clm-content-grid asui-grid .grid-container .clm-grid-item:hover .clm-badge-warning {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
}
.asconsole clm-content-grid asui-grid .grid-container .clm-grid-item:hover .video-duration {
  display: none;
}
.asconsole clm-content-grid .clm-list-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #EDF2F7;
  border: 1px solid #DDE3EE;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  padding: 6px 0;
  cursor: pointer;
}
.asconsole clm-content-grid .clm-list-header .header-item {
  display: flex;
  align-items: center;
}
.asconsole clm-content-grid .clm-list-header .icon {
  color: #6275A3;
  padding-left: 10px;
}
.asconsole clm-content-grid .clm-list-header .name-header {
  padding-left: 30px;
  flex: 1;
}
.asconsole clm-content-grid .clm-list-header .type-header {
  width: 150px;
  padding-left: 15px;
  cursor: default;
}
@media all and (max-width: 500px) {
  .asconsole clm-content-grid .clm-list-header .type-header {
    width: 100px;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";
    overflow: hidden;
    white-space: nowrap;
    word-break: break-word;
  }
}
@media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-grid .clm-list-header .type-header break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-grid .clm-list-header .size-header {
  width: 100px;
  padding-left: 15px;
}
.asconsole clm-content-grid .clm-list-header .updated-header {
  width: 100px;
  padding-left: 15px;
}
.asconsole clm-content-grid .clm-list-header .version-header {
  width: 140px;
  padding-left: 15px;
}
.asconsole clm-content-grid .clm-list-header .menu-header {
  width: 49px;
  padding-left: 15px;
}
.asconsole clm-content-grid .clm-list-view .grid-container {
  margin: 0;
  min-height: 70px;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item {
  flex: 0 0 100% !important;
  border: 1px solid #DDE3EE;
  background-color: white;
  border-top: 0;
  padding: 10px 0;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item {
  display: flex;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item asui-card-content {
  padding-left: 30px;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item asui-card-content .asui-card {
  flex-direction: row;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item asui-card-content .asui-card .card-thumbnail {
  background-color: white;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .select-checkmark {
  top: 17px;
  left: 5px;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 15px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .sub-info {
  font-size: 10px;
  color: #6275A3;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .sub-info.lowercase {
  text-transform: lowercase;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0A5BEB;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-name break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-type {
  width: 150px;
  text-transform: capitalize;
}
@media all and (max-width: 500px) {
  .asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-type {
    width: 100px;
  }
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-type .truncate {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-type .truncate break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-size {
  cursor: default;
  color: #475369;
  width: 100px;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-updated {
  cursor: default;
  color: #475369;
  width: 100px;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .content-version {
  cursor: default;
  color: #475369;
  width: 140px;
  align-items: flex-start;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item .clm-list-item .context-menu {
  color: #6275A3;
  padding: 20px;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item:hover {
  background-color: #EDF2F7;
}
.asconsole clm-content-grid .clm-list-view .grid-container .grid-item.masonry-grid-item {
  padding: 10px 0px !important;
}

.asconsole clm-content-header {
  display: flex;
  padding-bottom: 10px;
  flex-direction: column;
}
.asconsole clm-content-header hr {
  margin: 0 0;
}
.asconsole clm-content-header .content-header-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole clm-content-header .content-header-container .breadcrumbs-container {
  display: flex;
  align-items: center;
}
.asconsole clm-content-header .content-header-container .breadcrumbs-container .breadcrumb {
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.asconsole clm-content-header .content-header-container .breadcrumbs-container .breadcrumb li {
  display: inline !important;
  color: #475369;
  cursor: pointer;
}
.asconsole clm-content-header .content-header-container .breadcrumbs-container .breadcrumb li:last-child {
  color: #333F55;
  cursor: default;
}
.asconsole clm-content-header .content-header-container .menu-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.asconsole clm-content-header .content-header-container .menu-container .menu-container-items {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole clm-content-header .content-header-container .menu-container i {
  padding: 0 8px;
}
.asconsole clm-content-header .content-header-container .menu-container .icon-cog {
  line-height: 0.7 !important;
}
.asconsole clm-content-header .content-header-container .menu-container .popover-content {
  white-space: nowrap;
  padding: 2px 5px;
}
.asconsole clm-content-header .content-header-container .menu-container .lib-autodelete {
  background-color: #CB4848;
  border-radius: 4px;
  padding: 3px 8px;
  color: white;
}
.asconsole clm-content-header .content-header-container .menu-container .icon:last-child {
  padding-right: 0;
}

.asconsole clm-content-library {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: white;
  padding-bottom: 0;
  padding-right: 0;
  min-height: 0;
}
.asconsole clm-content-library ui-view {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-library ui-view {
    max-height: unset !important;
  }
}
.asconsole .clm-upload-drop-container {
  display: flex;
  flex: 1;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole .clm-upload-drop-container {
    flex-direction: column;
  }
}
.asconsole .clm-upload-drop-container .clm-left {
  display: flex;
  flex-direction: column;
  width: 21.25rem;
  overflow: hidden;
  position: relative;
  padding: 25px 15px 0 20px;
  border-right: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole .clm-upload-drop-container .clm-left {
    width: 100%;
    overflow: unset;
    margin: 0;
    padding: 10px;
  }
}
.asconsole .clm-upload-drop-container .clm-left .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 40px;
}
@media all and (max-width: 667px) {
  .asconsole .clm-upload-drop-container .clm-left .header-container {
    margin-bottom: 10px;
  }
}
.asconsole .clm-upload-drop-container .clm-left .header-container .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole .clm-upload-drop-container .clm-left .header-container .create-container {
  display: flex;
  flex-direction: row;
}
.asconsole .clm-upload-drop-container .clm-left .header-container .create-container .browse {
  margin-right: 7px;
}
.asconsole .clm-upload-drop-container .clm-left .header-container .create-container .add-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
@media all and (max-width: 667px) {
  .asconsole .clm-upload-drop-container .clm-left .clm-library-tree-mobile-view {
    display: none;
  }
}
.asconsole .clm-upload-drop-container .clm-right {
  display: flex;
  flex: 1;
  min-width: 0;
  background-color: #F8F9FC;
  padding-top: 25px;
}
@media all and (max-width: 667px) {
  .asconsole .clm-upload-drop-container .clm-right {
    padding-top: 0px;
  }
}

.asconsole clm-content-picker-content-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 20px 0 20px;
  min-height: 400px;
}
.asconsole clm-content-picker-content-list .header-block {
  z-index: 1;
}
.asconsole clm-content-picker-content-list .header-block .upload-block {
  height: 180px;
  transition: height 0.5s;
  border-bottom: 1px solid #DDE3EE;
  text-align: center;
  overflow: hidden;
}
.asconsole clm-content-picker-content-list .header-block .upload-block .library-name {
  font-size: 150%;
  margin: 30px 0;
  color: #333F55;
}
@media (max-height: 700px) {
  .asconsole clm-content-picker-content-list .header-block .upload-block .library-name {
    margin: 25px 0 20px 0;
  }
}
.asconsole clm-content-picker-content-list .header-block .upload-block .folder-name {
  display: none;
  color: #333F55;
}
.asconsole clm-content-picker-content-list .header-block .upload-block .header-btn-container .header-btn {
  padding: 0 30px;
  height: 40px;
  color: #475369;
}
.asconsole clm-content-picker-content-list .header-block .upload-block .header-btn-container .header-btn i {
  color: #0A5BEB;
  font-size: 170%;
  margin-right: 10px;
}
.asconsole clm-content-picker-content-list .header-block .upload-block .header-btn-container .header-btn:last-child {
  margin-left: 20px;
}
@media (max-height: 700px) {
  .asconsole clm-content-picker-content-list .header-block .upload-block {
    height: 140px;
  }
}
.asconsole clm-content-picker-content-list .header-block .filter-block {
  padding: 10px 0 5px 0;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-1 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-1 .total-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-2 {
  margin-top: 10px;
  padding-top: 5px;
  font-size: 90%;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-2 .filter-bar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 5px 0;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-2 .tags-bar {
  display: flex;
  padding-top: 5px;
  flex-wrap: wrap;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-2 .tags-bar .tag-item {
  color: white;
  background: #cdd5de;
  border: 1px solid #cdd5de;
  padding: 2px 10px;
  font-size: 85%;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  border-radius: var(--nc-radii__full);
  margin-right: 7px;
  margin-bottom: 5px;
  cursor: pointer;
}
.asconsole clm-content-picker-content-list .header-block .filter-block .filter-level-2 .tags-bar .tag-item.selected {
  background: #586b82;
  border: 1px solid #586b82;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block {
  height: 40px;
  transition: height 0.5s;
  padding-bottom: 10px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block .library-name {
  display: none;
  color: #333F55;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block .folder-name {
  font-size: 130%;
  display: flex;
  align-items: center;
  color: #333F55;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block .header-btn-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block .header-btn-container .header-btn {
  padding: 0 10px;
  height: 30px;
  font-size: 90%;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block .header-btn-container .header-btn i {
  font-size: 120%;
}
.asconsole clm-content-picker-content-list .header-block-sticky .upload-block .header-btn-container .header-btn:last-child {
  margin-left: 5px;
}
.asconsole clm-content-picker-content-list .content-block {
  padding-top: 5px;
  flex: 1 1 0;
  min-height: 0;
}
.asconsole clm-content-picker-content-list .content-block .loading-mask-container {
  background-color: #F8F9FC;
}
.asconsole clm-content-picker-content-list .content-block asui-grid .grid-show-more {
  margin: 20px;
}
.asconsole clm-content-picker-content-list .content-block asui-grid .grid-container .badge-container {
  margin: 4px;
}
.asconsole clm-content-picker-content-list .content-block asui-grid .grid-container .grid-item {
  flex: none;
  position: relative;
}
.asconsole clm-content-picker-content-list .content-block asui-grid .grid-container .grid-item .asui-card .channel-title {
  font-size: 80%;
}
.asconsole clm-content-picker-content-list .content-block asui-grid .grid-container .grid-item .content-selected .asui-card {
  outline: 4px solid #8CCFFF;
}
.asconsole clm-content-picker-content-list .content-block .content-loading-mask {
  position: relative;
  height: 100%;
}
.asconsole clm-content-picker-content-list .content-block-scroll {
  overflow-y: auto;
  flex: 1 1 0;
}

.asconsole clm-content-next {
  display: flex;
  flex: 1;
  padding: 0;
  position: relative;
}
.asconsole clm-content-next .content-nav-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
}
.asconsole clm-content-next .content-nav-container .content-nav-btn {
  display: flex;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  text-decoration: none;
  margin-bottom: 10px;
  line-height: 1.4;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-next .content-nav-container .content-nav-btn {
    font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.asconsole clm-content-next .content-nav-container .content-nav-btn .icon {
  color: #2d3851;
  margin-left: 10px;
}
.asconsole clm-content-next .content-nav-container .content-thumbnail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media all and (max-width: 992px) {
  .asconsole clm-content-next .content-nav-container .content-thumbnail {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.asconsole clm-content-next .content-nav-container .content-thumbnail .content-nav-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  padding-right: 15px;
  max-width: 250px;
  cursor: pointer;
  text-align: right;
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 992px) {
  .asconsole clm-content-next .content-nav-container .content-thumbnail .content-nav-title {
    padding-right: 0;
    padding-top: 5px;
    max-height: 41px;
    overflow: hidden;
    text-align: right;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-next .content-nav-container .content-thumbnail .content-nav-title {
    display: none;
  }
}
.asconsole clm-content-next .content-nav-container.no-thumbnail .content-thumbnail .content-nav-title {
  padding-right: 0;
}

.asconsole clm-content-picker {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.asconsole clm-content-picker .content-picker-top {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  min-height: 0;
}
.asconsole clm-content-picker .content-picker-top .tree-container {
  display: flex;
  max-width: 400px;
  width: 30%;
  border-right: 1px solid #DDE3EE;
  padding: 15px 25px;
}
.asconsole clm-content-picker .content-picker-top .content-container {
  display: flex;
  flex: 1;
  background-color: #F8F9FC;
  overflow-y: auto;
}
.asconsole clm-content-picker .content-picker-top .content-container-noscroll {
  overflow-y: inherit;
}
.asconsole clm-content-picker .content-picker-top .content-container-noscroll clm-content-picker-content-list {
  height: 100%;
  min-height: initial;
}
.asconsole clm-content-picker-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.asconsole clm-content-picker-modal .modal-header, .asconsole clm-content-picker-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole clm-content-picker-modal .modal-footer {
  border: none;
}
.asconsole clm-content-picker-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  min-height: 0;
}
.asconsole .modal-content-picker {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  margin: 0;
}
.asconsole .modal-content-picker .modal-dialog {
  width: 100%;
  height: 100%;
}
.asconsole .modal-content-picker .modal-content {
  width: 100%;
  height: 100%;
}

.asconsole clm-content-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 180px;
  max-height: 100%;
  overflow: hidden;
}
.asconsole clm-content-preview .not-supported-template {
  background-color: black;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: white;
  padding: 10%;
  text-align: center;
}
.asconsole clm-content-preview .not-supported-template i {
  margin-bottom: 20px;
  font-size: 40px;
  color: white;
}
.asconsole clm-content-preview .not-supported-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 10%;
  text-align: center;
  background-color: #eef4f9;
  border: 1px solid #DDE3EE;
}
.asconsole clm-content-preview .not-supported-content asui-card-content {
  width: 100%;
}
.asconsole clm-content-preview .not-supported-content asui-card-content .asui-card {
  border: none !important;
  background-color: none !important;
  box-shadow: none !important;
}
.asconsole clm-content-preview .not-supported-content asui-card-content .asui-card .card-thumbnail {
  background-color: none !important;
}
.asconsole clm-content-preview .not-supported-content asui-card-content .asui-card .card-thumbnail .card-thumbnail-image i {
  font-size: 260px;
}
.asconsole clm-content-preview .not-supported-content span {
  margin-top: 20px;
  font-size: 16px;
}
.asconsole clm-content-preview .not-supported-content span.not-supported-content-message {
  margin-top: 100px;
}
.asconsole clm-content-preview .clm-preview-container {
  width: 100%;
  height: 100%;
  position: relative;
  position: relative;
  overflow: hidden;
}
.asconsole clm-content-preview .clm-preview-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.asconsole clm-content-preview .clm-preview-container > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole clm-content-preview .clm-preview-container img {
  object-fit: contain;
}
.asconsole clm-content-preview .clm-preview-container img, .asconsole clm-content-preview .clm-preview-container video, .asconsole clm-content-preview .clm-preview-container .preview-iframe {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
}
.asconsole clm-content-preview .clm-preview-container video {
  background-color: black;
  object-fit: contain;
}
.asconsole clm-content-preview .content-editor-preview-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #6275A3;
}
.asconsole clm-content-preview .content-editor-preview-container .content {
  width: 100%;
  height: 100%;
}
.asconsole clm-content-preview .clm-preview-container .content, .asconsole clm-content-preview .content-editor-preview-container .content {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole clm-content-preview .clm-preview-container .content .content-background, .asconsole clm-content-preview .content-editor-preview-container .content .content-background {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  transform: scale(1.25);
  filter: blur(12px);
  z-index: 1;
}
.asconsole clm-content-preview.content-editor-preview {
  display: initial;
  height: 100%;
}
.asconsole clm-content-preview.content-editor-preview asui-loading-mask {
  top: unset;
  left: unset;
  width: unset;
  height: unset;
}

.asconsole clm-content-previous {
  display: flex;
  flex: 1;
  padding: 0;
  position: relative;
}
.asconsole clm-content-previous .content-nav-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole clm-content-previous .content-nav-container .content-nav-btn {
  display: flex;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  align-items: center;
  text-decoration: none;
  margin-bottom: 16px;
  line-height: 1.4;
}
@media all and (max-width: 667px) {
  .asconsole clm-content-previous .content-nav-container .content-nav-btn {
    font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.asconsole clm-content-previous .content-nav-container .content-nav-btn .icon {
  color: #2d3851;
  margin-right: 10px;
}
.asconsole clm-content-previous .content-nav-container .content-thumbnail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media all and (max-width: 992px) {
  .asconsole clm-content-previous .content-nav-container .content-thumbnail {
    flex-direction: column;
    align-items: flex-start;
  }
}
.asconsole clm-content-previous .content-nav-container .content-thumbnail .content-nav-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  padding-left: 15px;
  max-width: 250px;
  word-break: break-all;
  word-break: break-word;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 992px) {
  .asconsole clm-content-previous .content-nav-container .content-thumbnail .content-nav-title {
    padding-left: 0;
    padding-top: 5px;
    max-height: 41px;
    overflow: hidden;
  }
}
@media all and (max-width: 667px) {
  .asconsole clm-content-previous .content-nav-container .content-thumbnail .content-nav-title {
    display: none;
  }
}
.asconsole clm-content-previous .content-nav-container.no-thumbnail .content-thumbnail .content-nav-title {
  padding-left: 0;
}

.asconsole clm-browse-content-search-autocomplete {
  width: 100%;
}
.asconsole clm-browse-content-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}

.asconsole clm-content-tags .content-tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.asconsole clm-content-tags .content-tags .tag-item {
  overflow: hidden;
  word-break: break-all;
  padding: 5px 12px;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  background-color: white;
  border: 1px #6275A3 solid;
  color: #333F55;
  margin-right: 10px;
  min-width: 50px;
  margin-bottom: 10px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 12px;
}
.asconsole clm-content-tags .content-tags .tag-item:last-child {
  margin-right: 0;
}

.asconsole clm-content-upload {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: calc(100vh - 20px);
}
.asconsole clm-content-upload .change-location-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: absolute;
  bottom: 18px;
  left: 20px;
}
.asconsole clm-content-upload .change-location-container .change-location-label {
  color: #475369;
  margin-right: 10px;
}
.asconsole clm-content-upload .change-location-container .change-location-link {
  display: flex;
  align-items: center;
  margin-right: 3px;
  cursor: pointer;
}
.asconsole clm-content-upload .change-location-container .change-location-link i {
  color: #8493AE;
}
.asconsole clm-content-upload iframe {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
}
@media (max-width: 850px) {
  .asconsole clm-content-upload {
    height: 95vh;
  }
}
.asconsole .modal-content-upload {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}

.asconsole clm-copy-notification-pane console-notification-pane .np-body-collapsed {
  max-height: 8px;
}
.asconsole clm-copy-notification-pane console-notification-pane .icon-cross {
  display: none;
}
.asconsole clm-copy-notification-pane .show-close-btn .icon-cross {
  display: inline;
  display: initial;
}
.asconsole clm-copy-notification-pane .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDE3EE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole clm-copy-notification-pane .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole clm-copy-notification-pane .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole clm-copy-notification-pane .file-list {
  max-height: 500px;
  overflow-y: auto;
}
.asconsole clm-copy-notification-pane .file-list .file-row {
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 2px;
  height: 50px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 15px;
}
.asconsole clm-copy-notification-pane .file-list .file-row .file-col {
  align-items: center;
  flex-flow: row nowrap;
  display: flex;
  margin-right: 15px;
}
.asconsole clm-copy-notification-pane .file-list .file-row .file-col:last-child {
  margin-right: 0;
}
.asconsole clm-copy-notification-pane .file-list .file-row .card-icon-xs {
  height: 20px !important;
  width: 35px !important;
}
.asconsole clm-copy-notification-pane .file-list .file-row .filename-col {
  display: flex;
  width: 100%;
  min-width: 0;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-copy-notification-pane .file-list .file-row .filename-col break-word {
    word-break: break-all;
  }
}
.asconsole clm-copy-notification-pane .file-list .file-row .filesize-col {
  min-width: 50px;
  justify-content: flex-end;
  white-space: nowrap;
}
.asconsole clm-copy-notification-pane .file-list .file-row .status-col {
  justify-content: flex-end;
}
.asconsole clm-copy-notification-pane .file-list .file-row .status-col .icon-clear {
  font-size: 165%;
  color: #6275A3;
  cursor: pointer;
}
.asconsole clm-copy-notification-pane .file-list .file-row .status-col .icon-clear:hover {
  opacity: 1;
}
.asconsole clm-copy-notification-pane .file-list .file-row .status-col .icon-check-circle {
  color: #0A5BEB;
  font-size: 200%;
}
.asconsole clm-copy-notification-pane .file-list .file-row .status-col .icon-alert {
  color: #CB4848;
  font-size: 175%;
}
.asconsole clm-copy-notification-pane .file-list .file-uploading {
  opacity: 0.5;
}

.asconsole clm-create-browse-embed {
  display: flex;
  flex: 1;
  background-color: white;
}

.asconsole clm-create-browse-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole clm-create-browse-modal .cub-header {
  display: flex;
  width: 100%;
  align-items: center;
  height: 60px;
  padding-right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-header {
    padding-right: 10px;
  }
}
.asconsole clm-create-browse-modal .cub-header .icon-arrow-back {
  color: #6275A3;
  font-size: 18px;
  padding: 20px 13px 20px 25px;
  cursor: pointer;
}
.asconsole clm-create-browse-modal .cub-header .content-title {
  padding: 0 20px 0 0;
  margin: 0;
  min-width: 0;
  flex: 1;
}
.asconsole clm-create-browse-modal .cub-header .content-title .icon {
  font-size: 75%;
  color: #68768D;
  padding: 0 5px;
}
.asconsole clm-create-browse-modal .cub-header .cub-buttons button {
  min-width: 70px;
}
.asconsole clm-create-browse-modal .cub-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-menu {
    padding: 0;
  }
}
.asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar {
  border: 0;
  margin-bottom: 0;
  height: unset;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar {
    border-bottom: 1px solid #DDE3EE;
  }
}
.asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar li {
  min-width: 120px;
  margin: 0px 20px;
  text-align: center;
  padding-bottom: 6px;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar li {
    flex: 1;
    margin: 0;
    font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar li a {
    color: #858b9a;
    padding: 5px 0;
  }
}
.asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar li.active {
  border-bottom: 4px solid #002169;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-menu asui-horizontal-navbar li.active {
    color: #0b1835;
  }
}
.asconsole clm-create-browse-modal .cub-content {
  background-color: #f7f8fb;
  display: flex;
  flex: 1;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-content {
    padding: 16px 0px 0 0px;
  }
}
.asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container {
    padding: 0 15px;
  }
}
.asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container .template-search {
  max-width: 330px;
  position: absolute;
  top: 13px;
  right: 30px;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container .template-search {
    position: initial;
    max-width: initial;
  }
}
.asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container .show-in-navbar {
  top: 65px;
  padding-left: 20px;
}
@media all and (max-width: 667px) {
  .asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container .show-in-navbar {
    top: 118px;
    right: 15px;
    left: 15px;
    padding-left: 0;
  }
}
.asconsole clm-create-browse-modal .cub-content .cub-content-scroll-container .add-btn-visible {
  right: 110px;
}
.asconsole clm-create-browse-modal .saving-mask {
  opacity: 0.5;
}

.asconsole clm-create-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: calc(100vh - 20px);
}
.asconsole clm-create-card .change-location-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: absolute;
  bottom: 18px;
  left: 20px;
}
.asconsole clm-create-card .change-location-container .change-location-label {
  color: #475369;
  margin-right: 10px;
}
.asconsole clm-create-card iframe {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
}
.asconsole .modal-content-create-card {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}

.asconsole clm-create-other-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: calc(100vh - 20px);
}
.asconsole clm-create-other-content .change-location-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: absolute;
  bottom: 18px;
  left: 20px;
}
.asconsole clm-create-other-content .change-location-container .change-location-label {
  color: #475369;
  margin-right: 10px;
}
.asconsole clm-create-other-content iframe {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
}
.asconsole .modal-clm-create-other-content {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}

.asconsole clm-delete-content-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole .modal-clm-delete-content {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  max-width: 800px;
  position: relative;
}
.asconsole .modal-clm-delete-content asui-loading-mask {
  opacity: 0.5;
}
.asconsole .modal-clm-delete-content .modal-title {
  font-size: 140%;
}
.asconsole .modal-clm-delete-content .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  padding: 0;
}
.asconsole .modal-clm-delete-content .modal-body .clm-delete-desc {
  margin: 15px 20px;
}
.asconsole .modal-clm-delete-content .modal-body asui-grid {
  max-width: 100%;
  margin-left: 10px;
}
.asconsole .modal-clm-delete-content .modal-body asui-grid .grid-container {
  min-height: auto;
  min-height: unset;
  margin: 0;
  flex-wrap: wrap !important;
  overflow-y: auto;
  max-height: 165px;
}
.asconsole .modal-clm-delete-content .modal-body asui-grid .grid-item {
  flex: none !important;
  padding: 10px 0 10px 10px;
}
.asconsole .modal-clm-delete-content .modal-body asui-grid .grid-item clm-card-folder-rect {
  width: 117px;
  height: 68px;
}
.asconsole .modal-clm-delete-content .modal-body asui-grid .grid-item:last-child {
  padding-right: 20px;
}

.asconsole clm-playout-display-properties {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole clm-playout-display-properties {
    padding: 0 15px;
  }
}
.asconsole clm-playout-display-properties .label-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.asconsole clm-playout-display-properties .label-container .clm-editor-label {
  flex: 1;
}
.asconsole clm-playout-display-properties .pp-input-container .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole clm-playout-display-properties .pp-input-container .asui-dropdown .filter-option {
  padding-left: 20px !important;
  line-height: 1.5;
}
.asconsole clm-playout-display-properties .pp-input-container .asui-dropdown .btn, .asconsole clm-playout-display-properties .pp-input-container .asui-dropdown .dropdown-menu {
  font-size: 14px;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container {
  position: relative;
  display: flex;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container asui-range-slider {
  margin: 7px 0;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container asui-range-slider input[type=range]::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border-radius: 16px;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container .volume-level {
  position: absolute;
  right: 0;
  top: -30px;
  margin-top: 12px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container .volume-level label {
  margin: 0px;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container .volume-level .volume-reset {
  color: #0a5beb;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container .audio-labels {
  display: flex;
  justify-content: space-between;
  margin-right: 5px;
}
.asconsole clm-playout-display-properties .pp-input-container .audio-container .audio-labels .volume-icon {
  cursor: pointer;
}
.asconsole clm-playout-display-properties .frequency-container {
  margin-top: 10px;
}
.asconsole clm-playout-display-properties .frequency-container .frequency-textbox {
  width: 60px;
  padding: 3px 10px;
  height: unset;
}
.asconsole clm-playout-display-properties .frequency-container .asui-dropdown {
  width: unset;
}
.asconsole clm-playout-display-properties .frequency-container .asui-dropdown .dropdown-toggle {
  height: unset !important;
  padding: 3px 10px;
  padding-right: 23px;
}
.asconsole clm-playout-display-properties .frequency-container .frequency-time {
  margin: 0 10px 0 5px;
}
.asconsole clm-playout-display-properties .frequency-container .read-only {
  color: #8493AE;
}

.asconsole clm-download-notification-pane console-notification-pane .np-body-collapsed {
  max-height: 8px;
}
.asconsole clm-download-notification-pane .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDE3EE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole clm-download-notification-pane .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole clm-download-notification-pane .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole clm-download-notification-pane .np-body asui-grid {
  padding: 15px 15px 0 15px;
}
.asconsole clm-download-notification-pane .np-body asui-grid .grid-container {
  margin: -15px 0 15px -15px;
  min-height: 0;
  max-height: 265px;
  overflow-y: auto;
}
.asconsole clm-download-notification-pane .np-body asui-grid .grid-container .grid-item {
  padding: 15px 0 0 15px;
  flex: 0 0 33.33333% !important;
}
.asconsole clm-download-notification-pane .np-body asui-grid .grid-container .grid-item .bcn-grid-item {
  padding: 0;
  position: relative;
}
.asconsole clm-download-notification-pane .np-body asui-grid .grid-container .grid-item .bcn-grid-item asui-card-content .card-icon-only .card-icon-sm {
  width: auto;
}

.asconsole clm-drag-box {
  display: flex;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 200px;
  max-width: 200px;
  min-width: 0;
  height: 40px;
  margin: 10px;
  opacity: 1;
  transition-property: width, height, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-drag-box .drag-box-container {
  display: flex;
  flex: 1;
  border: #DDE3EE solid 1px;
  align-items: center;
  padding: 10px;
  background-color: #eff7ff;
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole clm-drag-box .drag-box-container span {
  color: #0A5BEB;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-size: 110%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-drag-box .drag-box-container span break-word {
    word-break: break-all;
  }
}
.asconsole clm-drag-box .drag-box-container .count-bubble {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 24px;
  height: 24px;
  background-color: #CB4848;
  border-radius: 50%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: white;
  border: #DDE3EE 1px solid;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole .clm-drag-box-item-source {
  opacity: 0.5;
}
.asconsole clm-dropdown .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole clm-dropdown .asui-dropdown button {
  height: 36px;
}

.asconsole clm-dynamic-content-editor {
  display: flex;
  flex: 1;
  position: relative;
  min-width: 0;
  min-height: 0;
}

.asconsole clm-dynamic-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 0 25px 0;
}
.asconsole clm-dynamic-editor-form .clm-editor .clm-editor-label:first-child {
  margin-top: 0 !important;
}
.asconsole clm-dynamic-editor-form .req-auth-checkbox {
  margin-bottom: 10px;
  font-size: 90%;
  font-weight: 200;
}
.asconsole clm-dynamic-editor-form .req-auth-checkbox input {
  width: unset !important;
  margin-right: 5px;
}
.asconsole clm-dynamic-editor-form .authentication-block {
  padding-left: 15px;
  margin-left: 5px;
  border-left: 1px solid #DDE3EE;
}
.asconsole clm-dynamic-editor-form .authentication-block label {
  font-size: 90%;
  font-weight: 200;
}
.asconsole clm-dynamic-editor-form asui-duration .duration-clear {
  top: 6px;
}

.asconsole clm-dynamic-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
  min-height: 0;
}
.asconsole clm-dynamic-editor-preview clm-content-preview {
  flex: 1;
}
.asconsole clm-dynamic-editor-preview clm-content-preview .clm-preview-container img, .asconsole clm-dynamic-editor-preview clm-content-preview .clm-preview-container video, .asconsole clm-dynamic-editor-preview clm-content-preview .clm-preview-container .preview-iframe {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  object-fit: contain;
}

.asconsole clm-edit-content-legacy {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: calc(100vh - 20px);
  min-height: 0;
}
.asconsole clm-edit-content-legacy iframe {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
  height: 100%;
}
.asconsole clm-edit-content-legacy .modal-body {
  display: flex;
  flex: 1;
  padding: 0;
}
.asconsole clm-edit-content-legacy .content-properties-image-container {
  overflow: hidden;
  display: flex;
  flex: 1;
  margin-top: 60px;
  border-top: 1px solid #DDE3EE;
  background-color: #eef4f9;
}
.asconsole clm-edit-content-legacy img {
  margin: 10px;
  flex: 1;
  min-width: 0;
  object-fit: contain;
  width: 100%;
}
.asconsole .modal-edit-content-legacy {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}

.asconsole clm-external-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-external-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.asconsole clm-external-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
  position: relative;
  min-height: 0;
}
.asconsole clm-external-editor-preview clm-content-preview {
  flex: 1;
}
.asconsole clm-external-editor-preview clm-content-preview .clm-preview-container img, .asconsole clm-external-editor-preview clm-content-preview .clm-preview-container video, .asconsole clm-external-editor-preview clm-content-preview .clm-preview-container .preview-iframe {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  object-fit: contain;
}

.asconsole clm-card-facebook .input-group .input-group-addon {
  background-color: #fff;
}
.asconsole clm-card-facebook .input-group input {
  margin: 0;
}
.asconsole clm-card-facebook .input-group .input-valid {
  color: #0A5BEB;
}
.asconsole clm-card-facebook .settings .checkbox-panel {
  text-align: right;
  margin-top: 5px;
}
.asconsole clm-card-facebook .settings .checkbox-panel .token-label {
  margin: 0;
  font-weight: normal;
  width: unset;
  margin-right: 20px;
}
.asconsole clm-card-facebook .settings .checkbox-panel .token-label .token-checkbox {
  width: unset;
  height: unset;
  margin: 3px 10px;
}
.asconsole clm-card-facebook .settings .card-block {
  position: relative;
  display: block;
  margin: 10px 0;
  background-color: #fff;
  border: 1px dashed #DDE3EE;
  border-radius: 2px;
  padding: 15px;
}
.asconsole clm-card-facebook .settings .card-block .fb-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole clm-card-facebook .settings .card-block .fb-row .fb-label {
  width: 120px;
}
.asconsole clm-card-facebook .settings .card-block .fb-row .fb-textbox {
  background-color: #fff;
}
.asconsole clm-card-facebook .settings .card-block .fb-row:last-child {
  margin-bottom: 0;
}

.asconsole clm-card-file-upload {
  display: flex;
}
.asconsole clm-card-file-upload .file-upload-container {
  display: flex;
  flex: 1;
}
.asconsole clm-card-file-upload .file-upload-container .ai-button {
  margin-left: 8px;
}
.asconsole clm-card-file-upload .file-upload-container .upload-icon {
  font-size: 32px;
  margin-bottom: 20px;
}
.asconsole clm-card-file-upload .file-upload-container .single-file {
  flex: 1;
}
.asconsole clm-card-file-upload .file-upload-container .single-file .upload-text .upload-error {
  padding-bottom: 2px;
}
.asconsole clm-card-file-upload .file-upload-container .single-file img {
  object-fit: contain;
  background-color: #eef4f9;
  width: 100%;
  height: 100%;
  max-height: 100px;
  min-height: 41px;
  border: 0;
  padding: 6px;
}
.asconsole clm-card-file-upload .file-upload-container .upload-img {
  margin: 15px 0 0 0;
  cursor: pointer;
  display: none;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px dashed #DDE3EE;
  background-color: white;
  border-radius: 2px;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .thumbnail-error-label {
  color: #475369;
  font-weight: 200;
  padding: 3px;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .icon-file {
  color: #68768D;
  text-align: center;
  width: 100%;
  font-size: 23px;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 11px 12px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-overlay .upload-overlay-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-overlay .icon-cloud-upload {
  font-size: 250%;
  color: #6275A3;
  display: none;
  margin: 10px 0 5px 0;
  cursor: pointer;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-overlay .icon-trash {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  font-size: 120%;
  color: white;
  background-color: #333F55;
  border-radius: 2px;
  cursor: pointer;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-text {
  text-align: center;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-text .link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-text .comma {
  margin-left: -3px;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .upload-error {
  padding-bottom: 12px;
  color: #CB4848;
  text-align: center;
  font-size: 90%;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .file-progress-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .file-progress-container .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .file-progress-container .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole clm-card-file-upload .file-upload-container .card-file-uploader .file-progress-container .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole clm-card-file-upload .file-upload-container .show-on-hover .upload-overlay {
  display: none;
}
.asconsole clm-card-file-upload .file-upload-container .show-on-hover:hover {
  border: 1px dashed #6275A3;
  border-radius: 2px;
}
.asconsole clm-card-file-upload .file-upload-container .show-on-hover:hover .upload-overlay {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole clm-card-file-upload .file-upload-container .multifile-uploader {
  height: unset;
}
.asconsole clm-card-file-upload .file-upload-container asui-table {
  width: 100%;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container {
  margin: 0;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table {
  margin: 0;
  border: 0 !important;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .as-drag-sort-column {
  padding-left: 12px;
  width: 27px;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .tn-cell {
  height: 100%;
  width: 55px;
  min-width: 55px;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .tn-cell > div {
  height: 25px;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .tn-cell img {
  object-fit: contain;
  background-color: #eef4f9;
  width: 100%;
  height: 100%;
  max-height: 100px;
  border: 0;
  min-height: 10px;
  padding: 0px;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .name-cell {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  max-width: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .name-cell break-word {
    word-break: break-all;
  }
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .delete-cell {
  color: #6275A3;
  cursor: pointer;
  width: 40px;
}
.asconsole clm-card-file-upload .file-upload-container asui-table .asui-table-container .asui-table .delete-cell .icon-trash {
  padding: 5px;
}

.asconsole clm-content-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole clm-content-filter-bar .filter-container {
  color: #475369;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
  padding-left: 3px;
}
.asconsole clm-content-filter-bar .filter-container .filter-header {
  white-space: nowrap;
}
.asconsole clm-content-filter-bar .filter-container .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.asconsole clm-content-filter-bar .filter-container .filter-right .btn-published {
  color: #6275A3;
  font-size: 87%;
  border-radius: 10px;
  padding: 2px 5px;
  margin-right: 15px;
  height: 18px;
  min-width: 0;
  background-color: white;
}
.asconsole clm-content-filter-bar .filter-container .filter-right .btn-published:hover {
  background-color: #eef4f9;
}
.asconsole clm-content-filter-bar .filter-container .filter-right .btn-published.selected {
  color: #0A5BEB;
  border: 1px solid #0A5BEB;
}
.asconsole clm-content-filter-bar .filter-container .filter-right .divider {
  margin: 0 5px;
}
.asconsole clm-content-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole clm-content-filter-bar .asui-command-bar {
  margin-top: 0;
}
.asconsole clm-content-filter-bar .asui-command-bar .content {
  padding: 0;
}
.asconsole clm-content-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 8px 0 8px 15px;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container {
  display: flex;
  width: 100%;
  padding-right: 30px;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .cm-button {
  white-space: nowrap;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container {
  position: relative;
  width: 80px;
  margin-right: 15px;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker {
  border: none;
  width: initial;
  cursor: pointer;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker input {
  height: 17px;
  cursor: pointer;
  min-width: 54px;
  width: unset;
  z-index: 2;
  padding: 0;
  padding-right: 12px;
  text-overflow: unset;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker input::placeholder {
  color: #333F55;
  opacity: 1;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55 !important;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55 !important;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .fa-caret-down {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #6275A3;
  padding-top: 2px;
  padding-left: 5px;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-tags-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
  margin-left: -7px;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-tags-container .tag-item {
  color: white;
  background: #6275A3;
  border: 1px solid #6275A3;
  padding: 2px 10px;
  font-size: 80%;
  text-transform: uppercase;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  border-radius: var(--nc-radii__full);
  margin-left: 7px;
  margin-top: 5px;
  cursor: pointer;
}
.asconsole clm-content-filter-bar .asui-command-bar ng-transclude.content .clm-tags-container .tag-item.selected {
  background: #586b82;
  border: 1px solid #586b82;
}

.asconsole clm-folder-grid {
  display: flex;
  flex-direction: column;
  padding-left: 2px;
}
.asconsole clm-folder-grid .select-checkmark {
  left: 8px;
  top: 9px;
}
.asconsole clm-folder-grid asui-grid .grid-container .grid-item {
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1024px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  .asconsole clm-folder-grid asui-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole clm-folder-grid .grid-item:hover .clm-card-folder .icon-folder, .asconsole clm-folder-grid .grid-item:hover .clm-card-folder .icon-shared-folder {
  visibility: hidden;
}
.asconsole clm-folder-grid .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 0 10px;
  color: #0A5BEB;
}
.asconsole clm-folder-grid .show-more span {
  cursor: pointer;
}
.asconsole clm-folder-grid .folder-list-container {
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}
.asconsole clm-folder-grid .grid-container {
  min-height: 0 !important;
}
.asconsole clm-folder-grid .grid-container .item-select-direct clm-card-folder, .asconsole clm-folder-grid .grid-container .item-select-inherit clm-card-folder {
  background-color: #eff7ff;
  border: 1px solid #77B0EE;
}
.asconsole clm-folder-grid .grid-container .item-select-direct clm-card-folder span, .asconsole clm-folder-grid .grid-container .item-select-inherit clm-card-folder span {
  color: #0A5BEB;
}
.asconsole clm-folder-grid .grid-container .folder-grid-item {
  cursor: pointer;
  position: relative;
}
.asconsole clm-folder-grid .grid-container .folder-grid-item .clm-context-menu {
  position: absolute;
  top: 0;
  right: 0;
  color: #475369;
}
.asconsole clm-folder-grid .grid-container .folder-grid-item .clm-context-menu .asui-context-menu {
  display: flex;
}
.asconsole clm-folder-grid .grid-container .folder-grid-item .clm-context-menu .cm-button {
  padding: 9px;
  line-height: 1.9;
}
.asconsole clm-folder-grid .grid-container .folder-grid-item:hover .clm-context-menu {
  display: flex;
}
.asconsole clm-folder-grid .grid-container .clm-grid-item-selected clm-card-folder {
  border: 1px solid #77B0EE;
  box-shadow: 0 0 3px #77B0EE;
}

.asconsole clm-folder-picker .fp-container .fp-form-input {
  padding: 6px 8px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole clm-folder-picker .fp-container .fp-form-input span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 2px;
}
.asconsole clm-folder-picker .fp-container .fp-form-input .icon-library {
  line-height: 0.8 !important;
  margin-right: 6px;
  color: #6275A3;
}
.asconsole clm-folder-picker .fp-container .fp-form-input .card-thumbnail {
  margin-right: 6px;
}
.asconsole clm-folder-picker .fp-container .fp-form-input .card-icon-xs {
  min-width: 10px;
  min-height: 13px;
  padding: 2px;
  font-size: 8px !important;
}
.asconsole clm-folder-picker .fp-container .fp-path {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.asconsole clm-folder-picker .fp-container .fp-path .change-location-label {
  color: #475369;
  margin-right: 10px;
}
.asconsole clm-folder-picker .fp-container .fp-path .change-location-link {
  display: flex;
  align-items: center;
  margin-right: 3px;
  cursor: pointer;
}
.asconsole clm-folder-picker .fp-container .fp-path .change-location-link i {
  color: #8493AE;
}
.asconsole clm-folder-picker .fp-container .fp-path .cross-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #475369;
}
.asconsole clm-folder-picker .fp-container .fp-path .cross-btn:hover {
  color: #333F55;
}
.asconsole clm-folder-picker .fp-container .fp-placeholder {
  color: #8493AE;
}

.asconsole clm-folder-picker-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole clm-folder-picker-modal .modal-header, .asconsole clm-folder-picker-modal .modal-footer, .asconsole clm-folder-picker-modal .modal-body {
  padding: 15px 25px;
}
.asconsole clm-folder-picker-modal .modal-body {
  height: 400px;
  overflow: auto;
  display: flex;
}

.asconsole clm-folder-sharing {
  display: flex;
  align-items: center;
}
.asconsole clm-folder-sharing .folder-sharing-icon {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.asconsole clm-folder-sharing .folder-sharing-icon .sharing-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
  color: white;
  width: 20px;
  height: 20px;
  font-size: 7.5px;
}
.asconsole clm-folder-sharing .folder-sharing-icon .sharing-icon i {
  font-size: 130%;
}
.asconsole clm-folder-sharing .folder-sharing-icon .sharing-icon .icon-users {
  line-height: 0.7 !important;
}
.asconsole .folder-sharing-popover {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 350px;
  max-height: 50vh;
}
.asconsole .folder-sharing-popover .user-hr {
  color: #DDE3EE;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.asconsole .folder-sharing-popover .share-link {
  color: #0A5BEB;
  cursor: pointer;
}

.asconsole clm-folder-picker-library-tree {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  position: relative;
}
.asconsole clm-folder-picker-library-tree .angular-ui-tree-nodes:first-child {
  padding-left: 0;
}
.asconsole clm-folder-picker-library-tree .library-tree-container {
  display: flex;
  flex: 1 1 0;
  overflow-y: auto;
}
.asconsole clm-folder-picker-library-tree .library-tree-container ol {
  width: 100%;
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-container {
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  left: 0;
  padding: 6px 0;
  width: 100%;
  top: 100%;
  z-index: 10;
  background-color: white;
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-mode:hover {
  border: 1px solid #0A5BEB;
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-mode {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 32px;
  width: 100%;
  border: 1px solid #DDE3EE;
  padding: 6px 12px;
  cursor: pointer;
  position: relative;
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-mode .node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-mode .node-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding-right: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-folder-picker-library-tree .clm-inline-tree-mode .node-name span break-word {
    word-break: break-all;
  }
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-mode .node-name .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole clm-folder-picker-library-tree .clm-inline-tree-mode .fa-caret-down {
  color: #6275A3;
  font-size: 15px;
  position: absolute;
  top: 6px;
  right: 12px;
}
.asconsole clm-folder-picker-library-tree .tree-node {
  padding: 2px 5px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-items: center;
  cursor: pointer;
}
.asconsole clm-folder-picker-library-tree .tree-node .tree-caret {
  line-height: 10px;
  padding: 0 5px 0 3px;
}
.asconsole clm-folder-picker-library-tree .tree-node .tree-label {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.asconsole clm-folder-picker-library-tree .tree-node .asui-badge-circle i {
  color: inherit !important;
}
.asconsole clm-folder-picker-library-tree .tree-node .badge-right {
  right: 10px;
}
.asconsole clm-folder-picker-library-tree .disabled {
  color: #6275A3;
  cursor: default;
}
.asconsole clm-folder-picker-library-tree .disabled .tree-icon {
  color: #6275A3 !important;
  cursor: default !important;
}
.asconsole clm-folder-picker-library-tree .selected {
  background-color: #edf2f7;
}

.asconsole clm-generic-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-generic-content-editor .ce-editor .ce-preview clm-content-preview .clm-preview-container img {
  object-fit: scale-down;
}

.asconsole clm-image-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clm-image-editor-form {
    padding: 10px 15px;
  }
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .key {
  color: #475369;
  width: 125px;
  display: flex;
  align-items: center;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .value {
  display: flex;
  align-items: center;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .value .sub-label {
  color: #475369;
  font-size: 80%;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons {
  display: flex;
  font-size: 140%;
  color: #475369;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons span {
  display: flex;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  margin-right: 20px;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons span:last-child {
  margin-right: 0;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons span:hover {
  outline: 1px solid #DDE3EE;
  background-color: #f1f5f8;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons .popover-content {
  padding: 2px 5px;
  color: #333F55;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .image-edit-textbox {
  width: 50px;
  padding: 0 8px;
  margin: 0 0 0 3px;
  height: 24px;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .icon-lock {
  color: #6275A3;
  margin: 0 15px;
  font-size: 12px;
}

.asconsole clm-image-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.asconsole clm-image-editor-preview {
  flex: 1;
  position: relative;
  min-height: 0;
  display: flex;
}
.asconsole clm-image-editor-preview clm-content-preview {
  height: 100%;
}

.asconsole clm-image-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clm-image-editor-form {
    padding: 10px 15px;
  }
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .key {
  color: #475369;
  width: 125px;
  display: flex;
  align-items: center;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .value {
  display: flex;
  align-items: center;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .value .sub-label {
  color: #475369;
  font-size: 80%;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons {
  display: flex;
  font-size: 140%;
  color: #475369;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons span {
  display: flex;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  margin-right: 20px;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons span:last-child {
  margin-right: 0;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons span:hover {
  outline: 1px solid #DDE3EE;
  background-color: #f1f5f8;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .transform-icons .popover-content {
  padding: 2px 5px;
  color: #333F55;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .image-edit-textbox {
  width: 50px;
  padding: 0 8px;
  margin: 0 0 0 3px;
  height: 24px;
}
.asconsole clm-image-editor-form .editor-body .ce-info-details-row .icon-lock {
  color: #6275A3;
  margin: 0 15px;
  font-size: 12px;
}

.asconsole clm-image-uploader {
  position: relative;
}
.asconsole clm-image-uploader asui-card-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.asconsole clm-image-uploader asui-card-content .asui-card {
  border: none;
  box-shadow: none;
  width: 100% !important;
  height: 100% !important;
}
.asconsole clm-image-uploader asui-card-content .asui-card .card-icon-only .card-icon-responsive {
  padding: 0;
}
.asconsole clm-image-uploader asui-card-content .asui-card .card-thumbnail {
  padding: 0;
  height: 100%;
  background-color: transparent !important;
}
.asconsole clm-image-uploader asui-card-content .asui-card .card-thumbnail .card-thumbnail-image .thumbnail-img {
  object-fit: contain;
}
.asconsole clm-image-uploader .image-uploader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  border: 1px solid #DDE3EE;
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.asconsole clm-image-uploader .image-uploader .content-card-container {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.asconsole clm-image-uploader .image-uploader .icon-placeholder {
  color: #4f596e;
  font-size: 700%;
  line-height: 0.8;
}
.asconsole clm-image-uploader .image-uploader img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.asconsole clm-image-uploader .image-uploader .uploader-tn {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay {
  display: none;
  z-index: 2;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  padding: 10px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("../images/lgcta/placeholder.svg");
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .upload-full {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .upload-full .icon {
  font-size: 300%;
  color: #6275A3;
  margin-bottom: 10px;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .upload-full .upload-text {
  font-size: 120%;
  text-align: center;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .upload-btn {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #667AA5;
  border-radius: 4px;
  height: 32px;
  cursor: pointer;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .upload-btn .icon {
  font-size: 15px;
  color: #4f596e;
  margin: 0 4px 0 0;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .upload-btn .upload-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .trash-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 9px;
  right: 8px;
  padding-bottom: 1px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  width: 24px;
  height: 24px;
}
.asconsole clm-image-uploader .image-uploader .upload-overlay .trash-container .icon-trash {
  font-size: 18px;
  color: white;
}
.asconsole clm-image-uploader .image-uploader .file-progress-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.asconsole clm-image-uploader .image-uploader .file-progress-container .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole clm-image-uploader .image-uploader .file-progress-container .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole clm-image-uploader .image-uploader .file-progress-container .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole clm-image-uploader .image-uploader:hover {
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
.asconsole clm-image-uploader .image-uploader:hover .upload-overlay {
  display: flex;
}
.asconsole clm-image-uploader .image-uploader-show {
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
.asconsole clm-image-uploader .image-uploader-show .upload-overlay {
  display: flex;
}

.asconsole clm-info-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole clm-info-editor {
    padding: 0 15px 10px 15px;
  }
}
.asconsole clm-info-editor .ce-info-general {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.asconsole clm-info-editor .ce-info-general .key {
  color: #475369;
  min-width: 100px;
}
.asconsole clm-info-editor .ce-info-general .value {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-info-editor .ce-info-general .value break-word {
    word-break: break-all;
  }
}
.asconsole clm-info-editor .thumbnail-uploader {
  max-width: 350px;
}
.asconsole clm-info-editor .badge-container .ce-thumbnail .card-icon-lg {
  width: 100%;
}
.asconsole clm-info-editor .badge-container .ce-thumbnail .asui-card {
  background-color: #333F55;
}
.asconsole clm-info-editor .badge-container .icon-trash {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: white;
  padding: 10px;
  cursor: pointer;
}
.asconsole clm-info-editor .badge-container-hover {
  cursor: default;
}
.asconsole clm-info-editor .badge-container-hover .card-thumbnail {
  opacity: 0.5;
}
.asconsole clm-info-editor .badge-container:hover .badge-show-hover {
  display: flex;
}
.asconsole clm-info-editor .badge-container-readonly .card-thumbnail {
  opacity: 1 !important;
}
.asconsole clm-info-editor .asui-fileupload {
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  position: relative;
  margin: 0;
}
.asconsole clm-info-editor .asui-fileupload .drop {
  padding: 0;
  color: #475369;
  border-color: #DDE3EE;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.asconsole clm-info-editor .asui-fileupload .drop .upload-icon {
  color: #6275A3;
  font-size: 80px;
  margin-bottom: 0;
}
.asconsole clm-info-editor .asui-fileupload .drop .browse {
  color: #0A5BEB;
}
.asconsole clm-info-editor .asui-fileupload .drop .file-list {
  margin-top: 10px;
  font-size: 90%;
}
.asconsole clm-info-editor .asui-fileupload .drop .file-row {
  padding: 0;
  height: auto;
  border: none;
}
.asconsole clm-info-editor .asui-fileupload .drop .progress-col {
  margin-left: 10px;
}
.asconsole clm-info-editor .asui-fileupload .drop .sort-col {
  display: none;
}
.asconsole clm-info-editor .ce-info-tags {
  position: relative;
}
.asconsole clm-info-editor .ce-info-tags > i {
  position: absolute;
  top: 15px;
  left: 10px;
  z-index: 2;
  font-size: 95%;
  color: #6275A3;
}
.asconsole clm-info-editor .ce-info-tags asui-tags-input .tags {
  padding: 0;
}
.asconsole clm-info-editor .ce-info-tags asui-tags-input .asui-tags-input {
  min-height: 70px;
}
.asconsole clm-info-editor .ce-info-tags asui-tags-input .asui-tags-input .input {
  padding-left: 22px;
}
.asconsole clm-info-editor .ce-tags-readonly {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.asconsole clm-info-editor .ce-tags-readonly .ce-tags-readonly-tag {
  color: white;
  border: 1px solid #6275A3;
  background: #6275A3;
  font-size: 12px;
  max-width: 200px;
  border-radius: var(--nc-radii__full);
  margin: 2px;
  text-transform: uppercase;
  line-height: 24px;
  padding: 0px 9px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-info-editor .ce-tags-readonly .ce-tags-readonly-tag break-word {
    word-break: break-all;
  }
}
.asconsole clm-info-editor .ce-checkbox {
  font-weight: normal;
}
.asconsole clm-info-editor .ce-checkbox asui-input {
  margin-right: 10px;
}
.asconsole clm-info-editor .action-btn {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole clm-info-editor .action-btn i {
  margin-right: 10px;
  color: #475369;
}

.asconsole clm-library-settings {
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole clm-library-settings .auto-delete {
  width: 100%;
}
.asconsole clm-library-settings .date-picker {
  position: relative;
  margin-top: 5px;
}
.asconsole clm-library-settings .date-picker .asui-date-picker {
  width: 100%;
}
.asconsole clm-library-settings .date-picker .asui-date-picker input {
  padding-left: 35px;
}
.asconsole clm-library-settings .date-picker .icon-calendar {
  position: absolute;
  top: 9px;
  left: 12px;
  z-index: 2;
  color: #475369;
}
.asconsole clm-library-settings .toggle-container {
  justify-content: space-between;
  margin-bottom: 0 !important;
}
.asconsole clm-library-settings .toggle-container .toggle.btn-xs {
  width: 50px !important;
  min-width: 50px !important;
}
.asconsole clm-library-settings .toggle-container .btn-xs.toggle-handle {
  box-shadow: none !important;
}
.asconsole clm-library-settings .toggle-container .icon-check {
  font-size: 22px;
  margin-top: -2px;
}
.asconsole clm-library-settings .pp-input-container {
  position: relative;
}
.asconsole clm-library-settings .pp-input-container > .icon {
  position: absolute;
  left: 9px;
  top: 62px !important;
  color: #6275A3;
  font-size: 95%;
}
.asconsole clm-library-settings asui-tags-input .tags {
  padding: 0;
}
.asconsole clm-library-settings asui-tags-input .asui-tags-input {
  min-height: 70px;
}
.asconsole clm-library-settings asui-tags-input .asui-tags-input .input {
  padding-left: 22px;
  margin: 0;
}
.asconsole clm-library-settings .content-tags-readonly {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.asconsole clm-library-settings .content-tags-readonly .content-tags-readonly-tag {
  color: white;
  border: 1px solid #6275A3;
  background: #6275A3;
  font-size: 12px;
  max-width: 200px;
  border-radius: var(--nc-radii__full);
  margin: 2px;
  text-transform: uppercase;
  line-height: 24px;
  padding: 0px 9px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-library-settings .content-tags-readonly .content-tags-readonly-tag break-word {
    word-break: break-all;
  }
}

.asconsole clm-library-tree {
  display: flex;
  flex: 1;
}
.asconsole clm-library-tree .clm-normal-node {
  display: flex;
  width: 100%;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole clm-library-tree .clm-normal-node {
    display: none !important;
    height: unset;
  }
}
.asconsole clm-library-tree .clm-mobile-node {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: #eef4f9;
  padding: 8px 10px;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole clm-library-tree .clm-mobile-node {
    display: flex !important;
  }
}
.asconsole clm-library-tree .clm-mobile-node .clm-mobile-node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole clm-library-tree .clm-mobile-node .clm-mobile-node-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-library-tree .clm-mobile-node .clm-mobile-node-name span break-word {
    word-break: break-all;
  }
}
.asconsole clm-library-tree .clm-mobile-node .clm-mobile-node-name .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole clm-library-tree .clm-mobile-node .clm-mobile-node-name .icon-library {
  color: #475369;
}
.asconsole clm-library-tree .clm-mobile-node .fa-caret-down {
  color: #6275A3;
}
.asconsole clm-library-tree .clm-mobile-tree-container {
  position: absolute;
  top: 90px;
  left: 0px;
  z-index: 100;
  width: calc(100% - 1px);
  min-height: 150px;
  height: calc(100vh - 140px);
  background: #fff;
  border: 1px solid #dbe0ea;
  border-top: none;
  overflow-y: hidden;
  padding: 15px;
}
.asconsole clm-library-tree .clm-mobile-tree-container .clm-library-tree-container {
  max-height: calc(90vh - 240px) !important;
}
@media all and (max-width: 667px) {
  .asconsole clm-library-tree .clm-mobile-tree-container .clm-library-tree-container {
    max-height: calc(100vh - 215px) !important;
  }
}
.asconsole clm-library-tree .clm-library-tree-base {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-library-tree-container-scroll {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-library-tree-container {
  display: flex;
  overflow-y: auto;
  max-height: calc(100% - 86px);
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-library-tree .clm-library-tree-base .clm-library-tree-container {
    height: 100%;
  }
}
.asconsole clm-library-tree .clm-library-tree-base .clm-library-tree-container > ol {
  padding-left: 0;
  width: 100%;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-tree-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 5px 0;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-side-menu-container {
  margin: 0;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-side-menu-container .clm-side-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 5px 6px 28px;
  cursor: pointer;
  height: 32px;
  font-weight: 400;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-side-menu-container .clm-side-menu-item span {
  color: #333F55;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-side-menu-container .clm-side-menu-item i {
  color: #475369;
  margin-right: 10px;
  font-size: 18px;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-side-menu-container .clm-side-menu-item:hover {
  background-color: #EDF2F7;
}
.asconsole clm-library-tree .clm-library-tree-base .clm-side-menu-container .clm-side-menu-item.selected {
  background-color: #EDF2F7;
  font-weight: 700;
}
.asconsole clm-library-tree asui-loading-mask {
  opacity: 0.5;
}
.asconsole clm-library-tree .angular-ui-tree-node {
  display: flex;
  flex-direction: column;
}
.asconsole clm-library-tree .angular-ui-tree-node input {
  width: initial;
  flex: 1;
  margin-bottom: 0;
  margin-top: 1px;
  margin-right: 1px;
}
.asconsole clm-library-tree .angular-ui-tree-node .new-folder-node {
  margin-top: 1px;
  margin-right: 2px;
}
.asconsole clm-library-tree .angular-ui-tree-node .node-selection-inherit .asui-selectable-item {
  pointer-events: none;
}
.asconsole clm-library-tree .angular-ui-tree-node .node-selection-inherit .asui-selectable-item .asui-selectable-item-check {
  visibility: visible;
  background-color: white;
  border: 1px solid #858B9A !important;
  opacity: 0.6;
}
.asconsole clm-library-tree .angular-ui-tree-node .node-selection-inherit .asui-selectable-item .asui-selectable-item-check .icon-check {
  left: 3px;
  top: 3px;
  color: #858B9A !important;
  display: inline !important;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .asui-selectable-item {
  right: 8px;
  top: 0;
  left: unset;
  width: unset;
  height: unset;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .asui-selectable-item .asui-selectable-item-check {
  left: unset;
  right: 0;
  top: 0;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .asui-selectable-item .asui-selectable-item-overlay {
  display: none !important;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .clm-tree-node-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .clm-tree-node-item span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding: 6px 0px;
  font-weight: 400;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-library-tree .angular-ui-tree-node .tree-node .clm-tree-node-item span break-word {
    word-break: break-all;
  }
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .clm-tree-node-item .tree-caret {
  color: #8493AE;
  margin-right: 5px;
  padding-left: 5px;
  font-size: 120%;
  line-height: 0.8;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .clm-tree-node-item .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .fa-plus {
  color: #6275A3;
  font-size: 100%;
  padding: 2px;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node .new-folder {
  font-weight: normal;
  color: #6275A3;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node:hover {
  border-radius: 4px;
  background-color: #EDF2F7;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node.selected {
  border-radius: 4px;
  background-color: #f7f8fb;
}
.asconsole clm-library-tree .angular-ui-tree-node .tree-node.selected span {
  font-weight: 700;
}
.asconsole clm-library-tree .new-folder-node,
.asconsole clm-library-tree .new-folder-textbox {
  margin-left: 26px;
}
.asconsole clm-library-tree .new-folder-editing {
  border: 1px solid #DDE3EE;
  padding: 6px;
}
.asconsole clm-library-tree .new-folder-node:hover {
  background-color: transparent;
  outline: 1px solid #DDE3EE;
}
.asconsole .angular-ui-tree-drag span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding: 6px 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .angular-ui-tree-drag span break-word {
    word-break: break-all;
  }
}
.asconsole .angular-ui-tree-drag .tree-caret {
  color: #8493AE;
  margin-right: 5px;
  padding-left: 5px;
  font-size: 120%;
  line-height: 0.8;
}
.asconsole .angular-ui-tree-drag .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole .angular-ui-tree-drag .icon-library {
  color: #475369;
}

.asconsole clm-card-panel-input {
  display: flex;
  outline: 1px solid #DDE3EE;
}
.asconsole clm-card-panel-input .card-panel-input {
  display: flex;
  width: 100%;
  flex-direction: row;
  height: 60px;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
}
.asconsole clm-card-panel-input .card-panel-input .panel-icon {
  margin-left: 25px;
  text-align: center;
  line-height: 0.7;
}
.asconsole clm-card-panel-input .card-panel-input .panel-label {
  flex: 1;
  margin-left: 25px;
  text-transform: capitalize;
}
.asconsole clm-card-panel-input .card-panel-input .panel-arrow {
  margin-right: 25px;
}

.asconsole clm-playout-properties {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole clm-playout-properties asui-accordion .panel-group {
  border: 0;
}
.asconsole clm-playout-properties asui-accordion .panel-body {
  padding-top: 0 !important;
}
.asconsole clm-playout-properties asui-accordion .cap-panel-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #6275A3;
  font-size: 75%;
}
.asconsole clm-playout-properties asui-accordion .cap-panel-desc .desc-item {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1;
  padding: 5px 0px 0 42px;
}
.asconsole clm-playout-properties asui-accordion .cap-panel-desc .desc-item .icon {
  margin-right: 8px;
  font-size: 88%;
}
.asconsole clm-playout-properties asui-accordion .cap-panel-desc .override {
  color: #0A5BEB;
}
.asconsole clm-playout-properties .pp-input-container {
  position: relative;
}
.asconsole clm-playout-properties .pp-input-container > .icon {
  position: absolute;
  left: 9px;
  top: 59px;
  z-index: 10;
  color: #6275A3;
}
.asconsole clm-playout-properties .pp-input-container .icon-abs {
  position: absolute;
  left: 9px;
  top: 59px;
  z-index: 10;
  color: #6275A3;
}

.asconsole clm-full-preview-modal {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole clm-full-preview-modal .modal-header {
  display: none;
}
.asconsole clm-full-preview-modal .modal-body {
  display: flex;
  height: 100%;
  background-color: black;
  padding: 0;
  min-height: 0;
  z-index: 0;
}
.asconsole clm-full-preview-modal .modal-body .circle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  width: 26px;
  height: 26px;
  border-radius: var(--nc-radii__full);
  background-color: black;
  color: white;
  cursor: pointer;
  position: absolute;
  top: -11px;
  right: -11px;
  z-index: 9999;
}
@media all and (max-width: 667px) {
  .asconsole clm-full-preview-modal .modal-body .circle-container {
    top: 9px;
    right: 8px;
  }
}
.asconsole clm-full-preview-modal .modal-body .clm-preview-container img {
  object-fit: contain;
}
.asconsole .modal-clm-full-preview {
  width: 100%;
  height: 100%;
}
.asconsole .modal-clm-full-preview .modal-content {
  height: 100%;
  background-color: rgba(40, 40, 40, 0.9);
  padding: 20px;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
@media all and (max-width: 667px) {
  .asconsole .modal-clm-full-preview .modal-content {
    padding: 0;
  }
}

.asconsole clm-preview-toolbar-editor {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  height: 40px;
}
.asconsole clm-preview-toolbar-editor .context-menu {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole clm-preview-toolbar-editor .context-menu .icon {
  color: #6275A3;
}
.asconsole clm-preview-toolbar-editor .context-menu .label-icon, .asconsole clm-preview-toolbar-editor .context-menu .icon-caret-down {
  margin-right: 4px;
}
.asconsole clm-preview-toolbar-editor .context-menu .label-icon {
  margin-left: 8px;
}
.asconsole clm-preview-toolbar-editor .context-menu .icon-caret-down {
  margin-left: 2px;
}
.asconsole clm-preview-toolbar-editor .resolution {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.asconsole clm-preview-toolbar-editor .resolution .custom-res-width, .asconsole clm-preview-toolbar-editor .resolution .custom-res-height {
  margin: 0;
  padding: 1px 3px;
  height: 18px;
  width: 36px;
}
.asconsole clm-preview-toolbar-editor .resolution .custom-res-width {
  margin-right: 3px;
}
.asconsole clm-preview-toolbar-editor .resolution .custom-res-height {
  margin-left: 3px;
}
.asconsole clm-preview-toolbar-editor .resolution input::-webkit-outer-spin-button,
.asconsole clm-preview-toolbar-editor .resolution input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.asconsole clm-preview-toolbar-editor .resolution input[type=number] {
  -moz-appearance: textfield;
  text-align: right;
}
.asconsole clm-preview-toolbar-editor .icon-expand,
.asconsole clm-preview-toolbar-editor .icon-orientation-rotate {
  padding: 8px 3px;
  color: #475369;
  cursor: pointer;
  font-size: 14px;
  margin-left: 8px;
}
.asconsole clm-preview-toolbar-editor .preview-zone-picker,
.asconsole clm-preview-toolbar-editor asui-dropdown-typeahead {
  margin: 0 5px;
}
.asconsole clm-preview-toolbar-editor asui-dropdown-typeahead .dropdown-item .item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.asconsole clm-card-rich-text {
  position: relative;
}
.asconsole clm-card-rich-text .force-uppercase .asui-richtext .sticky-toolbar .fr-box .fr-element {
  text-transform: uppercase !important;
}
.asconsole clm-card-rich-text .styling-locked .asui-richtext .fr-toolbar {
  display: none;
}
.asconsole clm-card-rich-text .styling-locked .asui-richtext .sticky-toolbar .fr-box .fr-element {
  border-top: 1px solid #dbe0ea;
}
.asconsole clm-card-rich-text asui-rich-text {
  min-height: initial;
}
.asconsole clm-card-rich-text asui-rich-text .asui-richtext {
  margin: 0;
}
.asconsole clm-card-rich-text asui-rich-text .asui-richtext .sticky-toolbar .fr-box .fr-element * {
  color: #333F55 !important;
  background-color: white !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
}
.asconsole clm-card-rich-text asui-rich-text .asui-richtext .sticky-toolbar .fr-wrapper {
  height: unset !important;
}
.asconsole clm-card-rich-text .ai-button-container {
  position: relative;
}

.asconsole clm-richtext-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-richtext-content-editor .ce-editor .ce-preview {
  overflow: auto;
}

.asconsole clm-richtext-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px;
}
.asconsole clm-richtext-editor-form asui-rich-text {
  min-height: 0;
  flex: 1;
}
.asconsole clm-richtext-editor-form asui-rich-text .asui-richtext {
  margin: 0;
}

.asconsole clm-richtext-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
  position: relative;
  min-height: 0;
  overflow-y: auto;
}
.asconsole clm-richtext-editor-preview iframe {
  height: 100%;
  width: 100%;
}
.asconsole clm-richtext-editor-preview .ce-richtext-preview {
  height: 100%;
}

.asconsole clm-card-rss .input-group .input-group-addon {
  background-color: #fff;
}
.asconsole clm-card-rss .input-group input {
  margin: 0;
}
.asconsole clm-card-rss .input-group .input-valid {
  color: #0A5BEB;
}
.asconsole clm-card-rss .settings .checkbox-panel {
  text-align: right;
  margin-top: 5px;
}
.asconsole clm-card-rss .settings .checkbox-panel .auth-label {
  margin: 0;
  font-weight: normal;
  width: unset;
  margin-right: 20px;
}
.asconsole clm-card-rss .settings .checkbox-panel .auth-label .auth-checkbox {
  width: unset;
  height: unset;
  margin: 3px 10px;
}
.asconsole clm-card-rss .settings .card-block {
  position: relative;
  display: block;
  margin: 10px 0;
  background-color: #fff;
  border: 1px dashed #DDE3EE;
  border-radius: 2px;
  padding: 15px;
}
.asconsole clm-card-rss .settings .card-block .rss-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole clm-card-rss .settings .card-block .rss-row .rss-label {
  width: 120px;
}
.asconsole clm-card-rss .settings .card-block .rss-row .rss-textbox {
  background-color: #fff;
  padding: 6px 12px;
}
.asconsole clm-card-rss .settings .card-block .rss-row:last-child {
  margin-bottom: 0;
}
.asconsole clm-card-rss .ignore-error {
  color: #337ab7;
}
.asconsole clm-card-rss .ignore-error a {
  cursor: pointer;
  text-decoration: underline;
}

.asconsole clm-schedule-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}
.asconsole clm-schedule-editor .clm-editor {
  flex: unset !important;
  padding: 0 25px 20px 25px !important;
  overflow: unset !important;
}
.asconsole clm-schedule-editor .clm-max-items-block {
  padding: 0px 25px 15px 25px;
  margin-top: -10px;
  color: #CB4848;
}
.asconsole clm-schedule-editor asui-dropdown-typeahead asui-card-channel {
  margin-right: 10px;
}
.asconsole clm-schedule-editor asui-dropdown-typeahead asui-card-channel .card-icon-xs {
  min-width: 14px !important;
  min-height: 17px !important;
  font-size: 9px !important;
}
.asconsole clm-schedule-editor .no-content-container {
  flex: unset;
  margin: 30px 50px;
}
.asconsole clm-schedule-editor .no-content-container img {
  max-width: 150px;
}
.asconsole clm-schedule-editor .no-content-container .non-content-text {
  font-size: 110%;
}

.asconsole clm-playout-scheduling {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole clm-playout-scheduling {
    padding: 0 15px;
  }
}
.asconsole clm-playout-scheduling .label-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.asconsole clm-playout-scheduling .label-container .clm-editor-label {
  flex: 1;
}
.asconsole clm-playout-scheduling chm-playout-tag-rules label {
  display: flex;
  align-items: center;
  font-size: 15.6px;
  color: #1e213f;
  width: 100%;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 7px;
}
.asconsole clm-playout-scheduling asui-duration {
  width: 100%;
  margin-bottom: 5px;
}
.asconsole clm-playout-scheduling asui-duration .duration-label {
  text-align: left;
  padding-left: 32px;
}
.asconsole clm-playout-scheduling .icon-clock {
  top: 38px;
}
.asconsole clm-playout-scheduling .btn-setup-dayparting {
  width: 100%;
}
.asconsole clm-playout-scheduling .dayparting-block {
  position: relative;
}
.asconsole clm-playout-scheduling .dayparting-block asui-dayparting {
  font-size: 70%;
  margin-top: 4px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-playout-scheduling .dayparting-block asui-dayparting {
    height: 144px;
  }
}
.asconsole clm-playout-scheduling .dayparting-block .inherited-dayparting .dayparting-container .dayparting-time-block .dayparting-row > div > div {
  background: #6275A3 !important;
  opacity: 0.5;
}
.asconsole clm-playout-scheduling .dayparting-block .edit-layover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.asconsole clm-playout-scheduling .dayparting-block .edit-layover .dayparting-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 120%;
  color: white;
  line-height: 0.8;
  width: 90px;
  padding: 10px;
  cursor: pointer;
  border: 2px solid transparent;
}
.asconsole clm-playout-scheduling .dayparting-block .edit-layover .dayparting-btn-clear {
  font-size: 105%;
}
.asconsole clm-playout-scheduling .dayparting-block .edit-layover .dayparting-btn-edit {
  border: 2px solid white;
  padding: 8px 10px;
}
.asconsole clm-playout-scheduling .dayparting-block .edit-layover:hover {
  opacity: 0.5;
}
.asconsole clm-playout-scheduling .dayparting-block .inherited-dayparting-placeholder {
  opacity: 0.5;
  font-size: 130%;
  color: #333F55;
  top: 69px;
  left: 87px;
  position: absolute;
  pointer-events: none;
}
@media all and (max-width: 667px) {
  .asconsole clm-playout-scheduling .dayparting-block .inherited-dayparting-placeholder {
    left: 91px;
    text-align: center;
  }
}

.asconsole clm-search-header {
  display: flex;
  padding-bottom: 10px;
  flex-direction: column;
}
.asconsole clm-search-header hr {
  margin: 0 0;
}
.asconsole clm-search-header .search-header-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole clm-search-header .search-header-container .title-container {
  display: flex;
  align-items: center;
  font-size: 130%;
  color: #333F55;
  width: 100%;
}
.asconsole clm-search-header .search-header-container .title-container .filters-tags-bar {
  display: flex;
  flex-wrap: wrap;
  color: #475369;
  margin-left: 15px;
}
.asconsole clm-search-header .search-header-container .title-container .filters-tags-bar .tag-item {
  display: flex;
  align-items: center;
  color: white;
  background: #475369;
  border: 1px solid #475369;
  padding: 3px 0 3px 7px;
  font-size: 10px;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  border-radius: 12px;
  margin-right: 7px;
  text-transform: uppercase;
}
.asconsole clm-search-header .search-header-container .title-container .filters-tags-bar .tag-item .icon-cross {
  padding-left: 5px;
  padding-right: 4px;
  cursor: pointer;
  font-size: 120%;
}
.asconsole clm-search-header .search-header-container .menu-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  cursor: pointer;
}

.asconsole clm-content-picker-selected-contents {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole clm-content-picker-selected-contents .selected-block-header {
  padding: 5px 20px;
  background-color: #475369;
  color: white;
  font-size: 130%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  cursor: pointer;
}
.asconsole clm-content-picker-selected-contents .selected-block-header .selected-count {
  flex: 1;
}
.asconsole clm-content-picker-selected-contents .selected-block {
  transition: height 0.3s;
  height: 0;
  flex: 1;
  overflow-y: hidden;
  padding: 0 0px;
  display: flex;
}
.asconsole clm-content-picker-selected-contents .selected-block .selected-block-inner {
  flex: 1 1 0;
  padding: 15px 0 0 0;
  width: 0;
  overflow-x: auto;
  display: none;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-content-picker-selected-contents .selected-block .selected-block-inner {
    overflow-x: visible;
  }
}
.asconsole clm-content-picker-selected-contents .selected-block .selected-block-inner .selected-cta-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color: #475369;
  font-size: 120%;
  height: 78px;
  padding: 10px;
}
.asconsole clm-content-picker-selected-contents .selected-block .selected-block-inner .selected-cta-container i {
  margin-right: 5px;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container {
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 0;
  margin-left: 0;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item {
  flex: none;
  position: relative;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .asui-card {
  width: 115.55557px;
  border: none;
  box-shadow: none;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .card-thumbnail {
  height: 65px;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .card-thumbnail .card-thumbnail-image {
  border: 0.5px solid #dbe0ea;
  box-shadow: 5px 6px 13px -7px rgba(0, 6, 100, 0.3);
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .card-thumbnail i {
  font-size: 34px;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item asui-card-content {
  padding: 3px 0;
  font-size: 90%;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .asui-card-folder {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .asui-card-folder .folder-thumbnail {
  background-color: #DDE3EE;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .asui-card-folder .folder-thumbnail i {
  font-size: 34px;
  color: #475369;
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .asui-card-folder .details-header {
  padding: 3px 0;
  font-size: 80%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .asui-card-folder .details-header break-word {
    word-break: break-all;
  }
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .edit-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  opacity: 0;
  background-color: rgba(20, 20, 20, 0.5);
  color: white;
  display: flex;
  font-size: 20px;
  padding: 3px;
  align-items: flex-end;
  justify-content: flex-start;
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .edit-icon-container {
    height: 100%;
  }
}
.asconsole clm-content-picker-selected-contents .selected-block .grid-container .grid-item .edit-icon-mouseover {
  opacity: 1;
}
.asconsole clm-content-picker-selected-contents .selected-block .hpopover {
  position: fixed;
  top: auto;
  left: auto;
  width: inherit;
}
.asconsole clm-content-picker-selected-contents .selected-block-expand {
  min-height: 106px;
  transition: height 0.3s;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole clm-content-picker-selected-contents .selected-block-expand .selected-block-inner {
  display: inline;
}
.asconsole .modal-content-playout-properties {
  width: 350px;
}

.asconsole clm-folder-sharing-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 82vh;
}
.asconsole .modal-folder-sharing {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  max-width: 630px;
}
.asconsole .modal-folder-sharing .modal-title {
  font-size: 140%;
}
.asconsole .modal-folder-sharing .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
}
.asconsole .modal-folder-sharing .modal-body .input-container {
  display: flex;
}
.asconsole .modal-folder-sharing .modal-body .input-container .asui-tags-input {
  min-height: 0;
  padding: 0;
}
.asconsole .modal-folder-sharing .modal-body .input-container .asui-context-menu .btn {
  height: 34px;
  border-radius: 0;
  min-width: 40px;
  display: flex;
  border-left: none;
  align-items: center;
  font-weight: normal;
}
.asconsole .modal-folder-sharing .modal-body .input-container .asui-context-menu .btn .fa-caret-down {
  padding-left: 7px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole .modal-folder-sharing .modal-body .grid-title {
  color: #475369;
  margin: 15px 0;
}
.asconsole .modal-folder-sharing .modal-body .grid-item {
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 15px;
}

.asconsole clm-folder-sharing-user-grid {
  display: flex;
  overflow: auto;
}
.asconsole clm-folder-sharing-user-grid asui-loading-mask {
  opacity: 0.5;
}
.asconsole clm-folder-sharing-user-grid .grid-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item {
  padding: 15px 0 0 20px;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item:first-child {
  padding-top: 25px;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user .user-details {
  margin: 0 15px;
  flex: 1;
  overflow: auto;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user .user-details .user-email {
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user .user-details .user-email break-word {
    word-break: break-all;
  }
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user .asui-context-menu .btn {
  display: flex;
  min-width: 70px;
  padding: 0 5px;
  height: 25px;
  justify-content: center;
  align-items: center;
  font-weight: normal;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user .asui-context-menu .btn i {
  color: #6275A3;
}
.asconsole clm-folder-sharing-user-grid .grid-container .grid-item .sharing-user .asui-context-menu .btn .fa-caret-down {
  padding-left: 7px;
  padding-top: 1px;
}
.asconsole clm-folder-sharing-user-grid .sharing-empty {
  padding: 5px 0;
}

.asconsole clm-content-tags-expiry-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole clm-content-tags-expiry-modal .modal-header, .asconsole clm-content-tags-expiry-modal .modal-footer, .asconsole clm-content-tags-expiry-modal .modal-body {
  padding: 15px 25px;
}
.asconsole clm-content-tags-expiry-modal .modal-body {
  padding: 25px 25px 15px 25px;
  flex: 1;
  flex-direction: column;
}
.asconsole clm-content-tags-expiry-modal .modal-body .edit-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole clm-content-tags-expiry-modal .modal-body .edit-row .edit-label {
  color: #475369;
  width: 100px;
  display: flex;
  align-items: center;
}
.asconsole clm-content-tags-expiry-modal .modal-body .edit-row .asui-date-picker, .asconsole clm-content-tags-expiry-modal .modal-body .edit-row asui-tags-input {
  width: 100%;
}
.asconsole clm-content-tags-expiry-modal .modal-body .edit-row asui-tags-input .tag-item {
  text-transform: uppercase;
}
.asconsole .modal-clm-content-tags-expiry {
  width: 450px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-clm-content-tags-expiry {
    width: calc(100vw - 7px);
  }
}

.asconsole clm-template-builder {
  display: flex;
}

.asconsole clm-card-template-grid {
  display: flex;
  flex: 1;
  z-index: 0;
  flex-direction: row;
  min-width: 0;
  border-top: 1px solid #DDE3EE;
  height: 100%;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid {
    flex-direction: column;
    background-color: #f7f8fb;
    border-top: 0;
  }
}
.asconsole clm-card-template-grid .grid-loader {
  z-index: 1000;
}
.asconsole clm-card-template-grid .grid-loader .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole clm-card-template-grid .left-sidebar {
  display: flex;
  flex-direction: column;
  width: 350px;
  z-index: 2;
  background-color: #ffffff;
  min-width: 0;
  overflow-y: auto;
  height: 100%;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar {
    width: 100%;
    height: 210px;
    overflow-y: visible;
    background-color: #f7f8fb;
  }
}
.asconsole clm-card-template-grid .left-sidebar .left-sidebar-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.asconsole clm-card-template-grid .left-sidebar .type-item {
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 50px;
  color: #2d3851;
  border-right: 5px solid transparent;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .type-item {
    display: none;
  }
}
.asconsole clm-card-template-grid .left-sidebar .type-item .icon {
  margin-right: 13px;
}
.asconsole clm-card-template-grid .left-sidebar .type-item:hover {
  background-color: #f7f8fb;
}
.asconsole clm-card-template-grid .left-sidebar .type-item.active {
  background-color: #f7f8fb;
  border-right: 5px solid #002169;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole clm-card-template-grid .left-sidebar .sidebar-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 14px 0;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .sidebar-hr {
    display: none;
  }
}
.asconsole clm-card-template-grid .left-sidebar .filter-container {
  display: flex;
  flex-direction: column;
  padding: 0 20px 20px 20px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .filter-container {
    padding: 10px 0 0 0;
  }
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .filter-header {
  margin-bottom: 10px;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .filter-container .filter-header {
    display: none;
  }
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .template-type {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .filter-container .template-type {
    display: initial;
  }
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .template-ddl {
  margin-bottom: 12px;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .category-header {
  margin-bottom: 6px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .category-ddl {
  margin: 0;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .category-ddl .btn-group .btn {
  padding: 3px 24px 3px 12px;
  height: 40px;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container {
  margin-top: 16px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container {
    overflow-x: auto;
    display: flex;
    width: 100%;
  }
  .asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .category-header {
    display: none;
  }
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .tags-list {
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .tags-list {
    flex-wrap: nowrap;
  }
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .tags-list .tag-item {
  color: #2d3851;
  background: white;
  border: 1px solid #6275A3;
  padding: 2px 8px;
  border-radius: 12px;
  margin-right: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  font-size: 10px;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .tags-list .tag-item:hover {
  background-color: #eef4f9;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .tags-list .tag-item.selected {
  background-color: #6275A3;
  color: white;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background-color: black;
  display: none;
  z-index: 100;
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 100px;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .arrow.visible {
  display: block;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .arrow.left {
  left: 0;
}
.asconsole clm-card-template-grid .left-sidebar .filter-container .tags-container .arrow.right {
  right: 0;
}
.asconsole clm-card-template-grid .template-grid {
  position: relative;
  display: flex;
  flex: 1;
  background-color: #f7f8fb;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid {
    position: initial;
  }
}
.asconsole clm-card-template-grid .template-grid .grid-header {
  position: absolute;
  left: 25px;
  margin-top: 16px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid .grid-header {
    display: none;
  }
}
.asconsole clm-card-template-grid .template-grid .clm-uploader-container {
  position: relative;
  width: 100% !important;
  padding-top: 69.5%;
  height: 100%;
}
.asconsole clm-card-template-grid .template-grid .clm-uploader-container .clm-uploader {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 1px dashed #DDE3EE;
  border-radius: 9px;
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.asconsole clm-card-template-grid .template-grid .clm-uploader-container .clm-uploader .icon-upload {
  font-size: 23px;
  color: #6275A3;
  margin: 10px 0 5px 0;
  cursor: pointer;
}
.asconsole clm-card-template-grid .template-grid .clm-uploader-container .clm-uploader .upload-text {
  padding: 10px 20px;
  text-align: center;
  font-size: 14px;
  color: #2d3851;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background: radial-gradient(100% 1185.75% at 100% 100%, rgba(239, 139, 255, 0.12) 0%, rgba(0, 27, 255, 0.12) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: 9px;
  height: 100%;
  width: 100%;
  padding: 30px;
  justify-content: space-between;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .top-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .header-container {
  display: flex;
  flex-direction: row;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .header-container .header {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .header-container .icon {
  width: 46px;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .description {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .button-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .button-container .ai-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 8px 12px;
  background: radial-gradient(100% 1185.75% at 100% 100%, #BE8BFF 0%, #7B88F2 100%);
  border-radius: 8px;
  font-size: 16px;
  color: white;
}
.asconsole clm-card-template-grid .template-grid .clm-generative-container .button-container .button-text {
  padding-left: 5px;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container {
  margin-top: 25px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container {
    position: absolute;
    top: -11px;
    right: 0;
    width: 100%;
    margin: 0;
    z-index: 2;
  }
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block {
  top: -3px;
  right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block {
    right: 0;
  }
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .divider, .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .item-count, .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .icon-filter {
    display: none;
  }
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .asui-context-menu .sort-label, .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .asui-context-menu .fa-caret-down {
    display: none;
  }
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .asui-context-menu .icon-sort-asc, .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .filter-block .asui-context-menu .icon-sort-desc {
    color: #4f596e;
    font-size: 20px;
    padding-right: 10px;
  }
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .filter-container .asui-search {
  display: none;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base asui-grid {
  flex: 1;
  display: inline;
  display: initial;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base asui-grid .loading-mask {
  background-color: transparent;
  min-height: 80vh;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .loading-mask-container {
  background-color: #eef4f9;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .asui-command-bar {
  margin: 0 30px;
  width: calc(100% - 60px);
  margin-top: 10px;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .asui-command-bar .content {
  background-color: white;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .asui-command-bar .up-arrow_box {
  left: calc(100% - 13px) !important;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .asui-command-bar .popover-content {
  max-height: 415px;
  overflow: auto;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container {
  margin-bottom: 0;
  margin-top: 10px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container {
    margin-top: 0;
  }
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-loading-mask {
  top: 10px;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container .no-content-container img {
  width: 30%;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container .s-grid-container-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 25px 25px 0 25px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container .s-grid-container-inner {
    padding: 0;
    overflow-y: initial;
  }
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid {
  flex: none;
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container {
  margin: -40px 0 20px -20px;
}
@media all and (max-width: 667px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container {
    margin: -14px 0 20px -20px;
  }
}
.asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1024px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  .asconsole clm-card-template-grid .template-grid searchable-grid .s-grid-base .s-grid-container asui-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole clm-card-template-grid .template-grid .recent-grid .filter-block .asui-context-menu, .asconsole clm-card-template-grid .template-grid .recent-grid .filter-block .divider {
  display: none;
}

.asconsole clm-card-template-search-autocomplete {
  width: 100%;
}
.asconsole clm-card-template-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}

.asconsole clm-templates {
  display: flex;
}

.asconsole .force-uppercase .asui-textbox input {
  text-transform: uppercase !important;
}
.asconsole .styling-locked .asui-textbox .style-toolbar {
  display: none !important;
}

.asconsole .force-uppercase .asui-textbox input {
  text-transform: uppercase !important;
}
.asconsole .styling-locked .asui-textbox .style-toolbar {
  display: none !important;
}

.asconsole clm-card-theme-schema-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}
.asconsole clm-card-theme-schema-editor .clm-theme-schema-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole clm-card-theme-schema-editor .clm-theme-schema-editor .clm-theme-schema-editor-toolbar {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.asconsole clm-card-theme-schema-editor .clm-theme-schema-editor .clm-theme-schema-editor-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole clm-card-theme-schema-editor .clm-theme-schema-editor .clm-theme-schema-editor-body asui-code-view {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole clm-card-theme-schema-editor .clm-theme-schema-editor .clm-theme-schema-editor-body asui-code-view .CodeMirror {
  flex: 1;
  height: auto;
  min-height: 320px;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  font-family: monospace;
  font-size: 13px;
}
.asconsole clm-card-theme-schema-editor .clm-theme-schema-editor .clm-theme-schema-editor-body.clm-theme-schema-editor-body--invalid asui-code-view .CodeMirror {
  border-color: #CB4848;
}

.asconsole clm-upload-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview {
  position: relative;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .base-uploader {
  flex: 1;
  min-height: 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .full-uploader {
  display: flex;
  flex: 1;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .full-uploader clm-uploader-card {
  width: 100%;
  font-size: 18px;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload .clm-grid-item {
  min-height: 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload .clm-grid-item clm-content-preview {
  z-index: 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload .clm-grid-item clm-content-preview .clm-preview-container img {
  object-fit: scale-down;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload clm-uploader-card .clm-upload-drop-container-browse {
  background-color: transparent;
  border: 0;
  flex-direction: row;
  font-size: 18px;
  padding: 30px 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload clm-uploader-card .clm-upload-drop-container-browse .icon-upload {
  font-size: 20px;
  margin: 0 10px 0 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .single-upload clm-uploader-card .clm-upload-drop-container-browse .upload-text {
  padding: 0;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .grid-container {
  margin: -20px 0 20px -20px;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .uploader-grid-item {
  height: 100%;
  display: flex;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .uploader-grid-item clm-uploader-card {
  font-size: 16px;
  width: 100%;
  padding-top: 56%;
  position: relative;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .uploader-grid-item clm-uploader-card .clm-upload-drop-container-browse {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
  flex: 0 0 10%;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item item-directive {
  width: 100%;
  height: 100%;
}
@media (max-width: 5200px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1024px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  .asconsole clm-upload-editor .ce-editor .ce-preview .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item {
  position: relative;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item .remove-button {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
  background-color: black;
  color: white;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item asui-card-content .asui-card {
  background-color: #333F55;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item asui-card-content .asui-card .card-thumbnail {
  overflow: hidden;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item asui-card-content .asui-card .card-thumbnail .card-thumbnail-image {
  transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item asui-card-content .asui-card .details-header {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item asui-card-content .asui-card .thumbnail-img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  object-fit: scale-down;
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item:hover asui-card-content .card-thumbnail-image {
  filter: brightness(0.8);
}
.asconsole clm-upload-editor .ce-editor .ce-preview .clm-grid-item:hover .remove-button {
  display: flex;
}

.asconsole clm-upload-notification-pane console-notification-pane .np-body-collapsed {
  max-height: 8px;
}
.asconsole clm-upload-notification-pane .upload-location {
  display: flex;
  align-items: center;
  color: #8493AE;
  font-size: 84%;
}
.asconsole clm-upload-notification-pane .upload-location i {
  margin-right: 5px;
}
.asconsole clm-upload-notification-pane .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDE3EE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole clm-upload-notification-pane .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole clm-upload-notification-pane .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole clm-upload-notification-pane .file-list {
  max-height: 500px;
  overflow-y: auto;
}
.asconsole clm-upload-notification-pane .file-list .file-row {
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 2px;
  height: 55px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 15px;
}
.asconsole clm-upload-notification-pane .file-list .file-row .file-col {
  align-items: center;
  flex-flow: row nowrap;
  display: flex;
  margin-right: 15px;
}
.asconsole clm-upload-notification-pane .file-list .file-row .file-col:last-child {
  margin-right: 0;
}
.asconsole clm-upload-notification-pane .file-list .file-row .file-thumbnail {
  height: 20px;
  width: 35px;
  color: #475369;
  object-fit: contain;
  border: none;
}
.asconsole clm-upload-notification-pane .file-list .file-row .filename-col {
  display: flex;
  width: 100%;
  min-width: 0;
  position: relative;
}
.asconsole clm-upload-notification-pane .file-list .file-row .filename-col .filename-label {
  min-width: 0;
  font-size: 13px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-upload-notification-pane .file-list .file-row .filename-col .filename-label break-word {
    word-break: break-all;
  }
}
.asconsole clm-upload-notification-pane .file-list .file-row .filename-col .status-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  position: absolute;
  top: 34px;
  font-size: 11px;
  left: 0;
  width: 100%;
  color: #0A5BEB;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clm-upload-notification-pane .file-list .file-row .filename-col .status-label break-word {
    word-break: break-all;
  }
}
.asconsole clm-upload-notification-pane .file-list .file-row .filename-col .status-label-error {
  color: #CB4848;
}
.asconsole clm-upload-notification-pane .file-list .file-row .filesize-col {
  min-width: 50px;
  justify-content: flex-end;
  white-space: nowrap;
}
.asconsole clm-upload-notification-pane .file-list .file-row .status-col {
  justify-content: flex-end;
}
.asconsole clm-upload-notification-pane .file-list .file-row .status-col .icon-clear {
  font-size: 165%;
  color: #6275A3;
  cursor: pointer;
}
.asconsole clm-upload-notification-pane .file-list .file-row .status-col .icon-clear:hover {
  opacity: 1;
}
.asconsole clm-upload-notification-pane .file-list .file-row .status-col .icon-check-circle {
  color: #0A5BEB;
  font-size: 200%;
}
.asconsole clm-upload-notification-pane .file-list .file-row .status-col .icon-alert {
  color: #CB4848;
  font-size: 175%;
}
.asconsole clm-upload-notification-pane .file-list .file-uploading {
  opacity: 0.5;
}

.asconsole clm-uploader-card {
  display: flex;
}
.asconsole clm-uploader-card .clm-upload-drop-container {
  display: flex;
}
.asconsole clm-uploader-card .clm-upload-drop-container .transclude-container {
  flex: 1;
  display: flex;
  min-width: 0;
}
.asconsole clm-uploader-card .clm-upload-drop-container .clm-upload-drop-container-browse {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 1px dashed #DDE3EE;
  border-radius: 2px;
  padding: 15px;
}
.asconsole clm-uploader-card .clm-upload-drop-container .clm-upload-drop-container-browse .icon-upload {
  font-size: 300%;
  color: #6275A3;
  margin: 10px 0 5px 0;
  cursor: pointer;
}
.asconsole clm-uploader-card .clm-upload-drop-container .clm-upload-drop-container-browse .upload-text {
  padding: 20px 20px 10px 20px;
  text-align: center;
}
.asconsole clm-uploader-card .clm-upload-drop-container .clm-upload-drop-container-browse .upload-text .link {
  color: #0A5BEB;
  cursor: pointer;
}

.asconsole clm-video-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.asconsole clm-video-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  min-height: 0;
}

.asconsole clm-video-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 25px;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .key {
  color: #475369;
  width: 125px;
  display: flex;
  align-items: center;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .value {
  display: flex;
  align-items: center;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .value .sub-label {
  color: #475369;
  font-size: 80%;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .transform-icons {
  display: flex;
  font-size: 140%;
  color: #475369;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .transform-icons span {
  display: flex;
  align-items: center;
  padding: 6px;
  cursor: pointer;
  margin-right: 20px;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .transform-icons span:last-child {
  margin-right: 0;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .transform-icons span:hover {
  outline: 1px solid #DDE3EE;
  background-color: #f1f5f8;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .transform-icons .popover-content {
  padding: 2px 5px;
  color: #333F55;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .image-edit-textbox {
  width: 50px;
  padding: 0 8px;
  margin: 0 0 0 3px;
  height: 24px;
}
.asconsole clm-video-editor-form .editor-body .ce-info-details-row .icon-lock {
  color: #6275A3;
  margin: 0 15px;
  font-size: 12px;
}

.asconsole clm-web-content-editor {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.asconsole clm-web-editor-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 25px 25px 25px;
}
.asconsole clm-web-editor-form asui-code-view {
  margin-top: 15px;
  flex: 1;
}
.asconsole clm-web-editor-form asui-code-view .CodeMirror {
  height: 100%;
}
.asconsole clm-web-editor-form .clm-editor {
  padding: 0 !important;
}
.asconsole clm-web-editor-form .clm-editor .req-auth-checkbox {
  font-size: 90%;
  font-weight: 200;
}
.asconsole clm-web-editor-form .clm-editor .req-auth-checkbox input {
  width: unset !important;
  margin-right: 5px;
}
.asconsole clm-web-editor-form .clm-editor .authentication-block {
  padding-left: 15px;
  margin-left: 5px;
  border-left: 1px solid #DDE3EE;
}
.asconsole clm-web-editor-form .clm-editor .authentication-block label {
  font-size: 90%;
  font-weight: 200;
}

.asconsole clm-web-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
  position: relative;
}
.asconsole clm-web-editor-preview asui-template {
  overflow: hidden;
  height: 100%;
}
.asconsole clm-web-editor-preview iframe {
  width: 100%;
  height: 100%;
  z-index: 2;
}

.asconsole assign-channel-input {
  display: flex;
  width: 100%;
}
.asconsole assign-channel-input .assign-channel-container {
  display: flex;
  width: 100%;
}
.asconsole assign-channel-input .assign-channel-container .assign-channel {
  padding: 6px 8px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #DDE3EE;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole assign-channel-input .assign-channel-container .assign-channel span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 2px;
}
.asconsole assign-channel-input .assign-channel-container .assign-channel .mode-icon {
  margin-right: 6px;
  color: #6275A3;
  font-size: 150%;
}
.asconsole assign-channel-input .assign-channel-container .assign-channel .asui-card {
  margin-right: 6px;
}
.asconsole assign-channel-input .assign-channel-container .assign-channel .card-icon-xs {
  min-width: 14px;
  min-height: 19px;
  padding: 2px;
  font-size: 12px !important;
}
.asconsole assign-channel-input .assign-channel-container.is-disabled {
  cursor: not-allowed;
}
.asconsole assign-channel-input .assign-channel-container.is-disabled .assign-channel {
  background: #eef4f9;
  color: #475369;
  pointer-events: none;
  cursor: not-allowed;
}
.asconsole assign-channel-input .assign-channel-container.is-disabled .assign-channel span {
  opacity: 0.5;
}
.asconsole assign-channel-input .assign-channel-container.is-disabled .assign-channel .mode-icon {
  color: #475369;
  opacity: 0.5;
}

.asconsole nwk-assign-channel-modal {
  display: flex;
  flex: 1;
  min-width: 0;
}
.asconsole .modal-assign-channel {
  width: 90vw;
  height: 90vh;
  margin: 0;
}
.asconsole .modal-assign-channel .modal-dialog {
  width: 100%;
  height: 100%;
}
.asconsole .modal-assign-channel .modal-content {
  width: 100%;
  height: 100%;
  display: flex;
}
.asconsole .modal-assign-channel .modal-content nwk-assign-channel-workflow {
  margin: 0;
  min-width: 0;
  height: initial;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .modal-assign-channel .modal-content nwk-assign-channel-workflow {
    height: 100%;
  }
}

.asconsole change-account-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole change-account-modal .modal-header, .asconsole change-account-modal .modal-footer, .asconsole change-account-modal .modal-body {
  padding: 15px 25px;
}
.asconsole change-account-modal .modal-body {
  height: 300px;
}
.asconsole change-account-modal .modal-body .loading-mask-container {
  width: 100%;
  height: 100%;
}
.asconsole change-account-modal .modal-body .loading-mask-container asui-loading-mask {
  position: relative;
}
.asconsole change-account-modal .modal-body .angular-ui-tree-nodes:first-child {
  padding-left: 0;
}
.asconsole change-account-modal .modal-body .acc-tree-container {
  display: flex;
  flex: 1;
  overflow-y: auto;
  height: 100%;
}
.asconsole change-account-modal .modal-body .acc-tree-container ol {
  width: 100%;
}
.asconsole change-account-modal .modal-body .tree-node:hover {
  background-color: #EDF2F7;
}
.asconsole change-account-modal .modal-body .tree-node {
  padding: 2px 5px;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole change-account-modal .modal-body .tree-node .tree-label {
  flex: 1;
}
.asconsole change-account-modal .modal-body .asui-ui-tree-node .tree-caret {
  margin-right: 2px;
  color: #6275A3;
}
.asconsole change-account-modal .modal-body .selected {
  background-color: #eff7ff;
}

.asconsole nwk-assign-channel-grid {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole nwk-assign-channel-grid .filter-block {
  display: flex;
  padding: 20px 25px 10px 25px;
  background-color: #f7f8fb;
}
.asconsole nwk-assign-channel-grid .filter-block .search-block {
  flex: 1;
  padding-right: 25px;
}
.asconsole nwk-assign-channel-grid .filter-block .total-block {
  display: flex;
  min-width: 200px;
  justify-content: center;
  align-items: center;
  color: #475369;
}
.asconsole nwk-assign-channel-grid .filter-block2 {
  background-color: #f7f8fb;
  padding: 0px 25px;
  font-size: 90%;
}
.asconsole nwk-assign-channel-grid .filter-block2 .filter-block2-content {
  border-top: 1px solid #DDE3EE;
  padding: 10px 0;
}
.asconsole nwk-assign-channel-grid .content-block {
  background-color: #f7f8fb;
  overflow: auto;
  padding: 20px 25px 0 25px;
  flex: 1 1 0;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid {
  flex: 1;
  width: 100%;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container {
  margin: -2em 0 1em -1.5em;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item {
  padding: 1em 0 0 1.5em;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item > div {
  position: relative;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .view-profile {
  position: absolute;
  bottom: 0;
  right: 4px;
  cursor: pointer;
  padding: 10px;
  line-height: 1;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .view-profile .icon-object-profile {
  color: #A8BCCD;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .view-profile .popover-content {
  white-space: nowrap;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item asui-card-channel .details-container .details-main .channel-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 3;
}
@-moz-document url-prefix() {
  .asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item asui-card-channel .details-container .details-main .channel-title {
    white-space: nowrap;
    display: block;
  }
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .badge-container:has(.picker-channel-thumbnail-overlay) asui-card-channel .card-thumbnail {
  background-color: transparent !important;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .badge-container:has(.picker-channel-thumbnail-overlay) asui-card-channel .card-thumbnail img,
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .badge-container:has(.picker-channel-thumbnail-overlay) asui-card-channel .card-thumbnail i,
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .badge-container:has(.picker-channel-thumbnail-overlay) asui-card-channel .card-thumbnail .icon {
  visibility: hidden !important;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .picker-channel-thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 93px;
  height: 100%;
  z-index: 2;
  display: flex;
  background-color: white;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .picker-channel-thumbnail-overlay .channel-thumbnail {
  width: 100%;
  min-width: 100%;
  height: 100%;
  border-radius: 0;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .picker-channel-thumbnail-overlay .channel-thumbnail-svg-icon {
  width: 40px;
  height: 40px;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .picker-channel-thumbnail-overlay .channel-thumbnail .icon {
  font-size: 32px;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .picker-channel-thumbnail-overlay .channel-thumbnail-image {
  border-radius: 0;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .grid-item .no-channel {
  font-weight: 200;
  font-size: 12px;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .badge-container {
  margin: 4px;
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  outline: 0.5px solid #DDE3EE;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .channel-selected {
  outline: 4px solid #8CCFFF;
}
.asconsole nwk-assign-channel-grid .content-block asui-grid .grid-container .loading-mask {
  background-color: #f7f8fb;
}
.asconsole nwk-assign-channel-grid .no-content-container {
  background-color: #f7f8fb;
}

.asconsole nwk-assign-channel-mode {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  overflow: auto;
}
@media all and (max-width: 992px) {
  .asconsole nwk-assign-channel-mode {
    flex-direction: column;
  }
}
.asconsole nwk-assign-channel-mode .mode-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 246px;
  margin: 25px;
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  outline: 0.5px solid #DDE3EE;
  cursor: pointer;
}
@media all and (max-width: 992px) {
  .asconsole nwk-assign-channel-mode .mode-block {
    margin: 20px;
    margin-bottom: 0;
  }
}
.asconsole nwk-assign-channel-mode .mode-block i {
  color: #475369;
}
.asconsole nwk-assign-channel-mode .mode-block .icon-block {
  display: flex;
  flex: 1;
  align-items: center;
  font-size: 10em;
}
.asconsole nwk-assign-channel-mode .mode-block .mode-name {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 8px 10px;
  border-top: 1px solid #DDE3EE;
  min-height: 65px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}
.asconsole nwk-assign-channel-mode .mode-selected {
  outline: 3px solid #8ccfff;
}

.asconsole network-picker-dropdown {
  display: block;
  width: 100%;
}
.asconsole network-picker-dropdown network-tree {
  display: block;
  padding: 3px;
}

.asconsole network-picker-input .network-picker {
  padding: 6px 8px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #DDE3EE;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  background: white;
}
.asconsole network-picker-input .network-picker span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 2px;
}
.asconsole network-picker-input .network-picker .assign-placeholder {
  color: #8493AE;
}
.asconsole network-picker-input .network-picker .nwk-icon {
  line-height: 0.8 !important;
  margin-right: 6px;
  color: #6275A3;
}
.asconsole network-picker-input .network-picker .card-thumbnail {
  margin-right: 6px;
}
.asconsole network-picker-input .network-picker .card-icon-xs {
  min-width: 10px;
  min-height: 13px;
  padding: 2px;
  font-size: 8px !important;
}
.asconsole network-picker-input .network-picker.is-disabled {
  background: #eef4f9;
  color: #475369;
  pointer-events: none;
  cursor: not-allowed;
}
.asconsole network-picker-input .network-picker.is-disabled .nwk-icon {
  color: #475369;
  opacity: 0.5;
}
.asconsole network-picker-input .network-picker.is-disabled .assign-placeholder {
  color: #475369;
  opacity: 0.5;
}
.asconsole .modal-network-picker {
  width: calc(100vw - 10px);
  max-width: 600px;
}

.asconsole network-picker-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole network-picker-modal .modal-network-picker {
  max-width: 600px;
}
.asconsole network-picker-modal asui-search {
  margin-bottom: 10px;
}
.asconsole network-picker-modal .modal-header, .asconsole network-picker-modal .modal-footer, .asconsole network-picker-modal .modal-body {
  padding: 15px 25px;
}
.asconsole network-picker-modal .modal-body {
  min-height: 300px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.asconsole network-picker-modal .modal-body .angular-ui-tree-nodes:first-child {
  padding-left: 0;
}
.asconsole network-picker-modal .modal-body .nwk-tree-container {
  display: flex;
  flex: 1;
  overflow-y: auto;
  height: 100%;
}
.asconsole network-picker-modal .modal-body .nwk-tree-container ol {
  width: 100%;
}
.asconsole network-picker-modal .modal-body .tree-node:hover {
  background-color: #EDF2F7;
}
.asconsole network-picker-modal .modal-body .tree-node {
  padding: 2px 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
}
.asconsole network-picker-modal .modal-body .tree-node .disabled {
  color: #8493AE;
  cursor: default;
}
.asconsole network-picker-modal .modal-body .asui-ui-tree-node .tree-caret {
  margin-right: 2px;
  color: #6275A3;
}
.asconsole network-picker-modal .modal-body .selected {
  background-color: #eff7ff;
}

.asconsole network-tree {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole network-tree {
    background-color: white;
    display: inline;
  }
}

.asconsole nwk-assign-channel-workflow {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  height: 0;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow .modal-header .asui-workflow-navbar {
  margin: 0;
  border: none;
  flex: 1;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 49px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow .modal-body {
  display: flex;
  flex: 1;
  padding: 0;
  background-color: #F8F9FC;
}
.asconsole nwk-assign-channel-workflow .assign-channel-workflow .footer-block {
  border-top: 1px solid #DDE3EE;
  padding: 10px 25px;
  text-align: right;
}

.asconsole .device-status-popover {
  cursor: pointer;
}
.asconsole .device-status-popover .popover {
  max-width: 380px;
}
.asconsole .device-status-popover .popover .reset-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole .device-status-popover .popover .reset-container .spinner-sm {
  margin-left: 5px;
}

.asconsole dvc-register-advanced-options textarea {
  min-height: 0;
  margin: 0 0 -5px 0;
}
.asconsole dvc-register-advanced-options textarea.tag-input-disabled {
  min-height: 70px;
  resize: none;
  margin: 0;
  cursor: not-allowed;
  pointer-events: none;
}
.asconsole dvc-register-advanced-options .asui-tags-input .tags .input {
  width: 218px !important;
}

app-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  height: 100%;
  align-items: center;
  justify-content: center;
}
app-preview .app-preview-iframe-container {
  flex: 1;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}
app-preview .app-preview-iframe-container iframe {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  flex: 1;
  outline: 0;
  width: 1920px;
  height: 1080px;
  transform-origin: center center;
  position: absolute;
  margin: 0;
}
app-preview asui-loading-mask .loading-mask-container {
  background-color: transparent;
}

.asconsole dvc-edit-device-banner-component {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-banner-component {
    flex-direction: column;
  }
}
.asconsole dvc-edit-device-banner-component .overview-col-left {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 0;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-icon {
  display: flex;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details {
  display: flex;
  margin-left: 20px;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  width: 100%;
  min-width: 0;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details .overview-name .editable-label, .asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details .overview-name input {
  font-size: 18px;
  white-space: normal;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details .overview-name-readonly {
  font-size: 18px;
  cursor: pointer;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details .overview-desc {
  margin-top: 6px;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details .overview-desc .editable-label {
  white-space: normal;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details dvc-edit-device-tags-component {
  margin-top: 1px;
}
.asconsole dvc-edit-device-banner-component .overview-col-left .overview-col-details dvc-edit-device-tags-component .tags {
  padding: 0;
}
.asconsole dvc-edit-device-banner-component .overview-col-right {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-banner-component .overview-col-right {
    margin-top: 10px;
    margin-left: 100px;
  }
}
.asconsole dvc-edit-device-banner-component .overview-col-right button {
  height: 26px;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #475369;
}
.asconsole .properties-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -20px 0 0 -20px;
}
.asconsole .properties-container .prop-col {
  display: flex;
  min-width: 250px;
  flex: 0 0 33.33333%;
  flex-direction: column;
  padding: 20px 0 0 20px;
}
@media all and (max-width: 992px) {
  .asconsole .properties-container .prop-col {
    flex: 0 0 33%;
  }
}
@media all and (max-width: 667px) {
  .asconsole .properties-container .prop-col {
    flex: 0 0 50%;
  }
}
.asconsole .properties-container .prop-col .prop-row {
  display: flex;
  flex-direction: row;
}
.asconsole .properties-container .prop-col .prop-row .prop-key {
  color: #475369;
  margin-right: 20px;
}

.asconsole dvc-batch-device-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole dvc-register-brightsign-config .asui-radio input[type=radio] {
  margin-right: 5px;
}
.asconsole dvc-register-brightsign-config asui-timezone .asui-dropdown {
  width: 100%;
}
.asconsole dvc-register-brightsign-config asui-timezone .asui-dropdown .as-select .dropdown-toggle .filter-option {
  padding-left: 0px !important;
}
.asconsole dvc-register-brightsign-config textarea {
  min-height: 0;
  margin: 0 0 -5px 0;
}

.asconsole cdm-browse-device-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 80vh;
}
.asconsole .modal-header, .asconsole .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-cdm-browse-device {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  max-width: 600px;
}
.asconsole .modal-cdm-browse-device .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  padding: 0;
}
.asconsole .modal-cdm-browse-device .modal-body .available-devices {
  padding: 20px 20px 0 20px;
  color: #475369;
}
.asconsole .modal-cdm-browse-device .modal-body .device-picker-container {
  overflow: auto;
  padding: 20px 20px 0 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole .modal-cdm-browse-device .selected-container {
  background-color: #6275A3;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 120%;
}

.asconsole dvc-register-ciscocre-config .asui-dropdown {
  width: 100%;
}
.asconsole dvc-register-ciscocre-config .cisco-password {
  margin-bottom: 5px !important;
}
.asconsole dvc-register-ciscocre-config .error-msg {
  color: #CB4848;
}

.asconsole dvc-edit-device-config {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  margin: 20px 30px;
}
.asconsole dvc-edit-device-config asui-loading-mask {
  left: 0;
}
.asconsole dvc-edit-device-config asui-loading-mask .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}
.asconsole dvc-edit-device-config .dvc-config-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row {
    flex-direction: column;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row > label {
  width: 250px;
  min-width: 250px;
  color: #475369;
  font-weight: 200;
  white-space: nowrap;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row > label {
    margin-bottom: 5px;
    width: 100%;
    min-width: none;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row dvc-edit-schedule-component {
  width: 360px;
  margin-top: -7px;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row dvc-edit-schedule-component {
    width: 100%;
    margin-top: -15px;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .device-translation-languages-row {
  overflow: visible;
  align-items: flex-start;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .device-translation-languages-row > .device-translation-languages {
  display: block;
  box-sizing: border-box;
  flex: 1;
  min-width: 0;
  width: 100%;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input {
    width: 100%;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input reservation-resource-typeahead {
  width: 360px;
  min-width: 360px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .input-help {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  margin-bottom: 14px;
  max-width: 445px;
  margin-top: 4px;
  color: #475369;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .asui-dropdown {
  width: 360px;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .asui-dropdown {
    width: 100%;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .asui-dropdown .filter-option {
  display: flex;
  align-items: center;
  padding-left: 0;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .asui-dropdown .dropdown-menu li a {
  display: flex;
  align-items: center;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .asui-dropdown i {
  padding-right: 25px;
  padding-left: 0;
  font-size: 140%;
  color: #6275A3;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .sub-input {
  margin-top: -7px;
  width: 360px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .sub-input {
    width: 100%;
    margin-top: -15px;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .sub-input .sub-label {
  white-space: nowrap;
  margin: 0 10px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .dvc-settings-input .sub-input .sub-textbox {
  width: 188px;
  margin: 0;
  border-color: #DDE3EE;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours {
  flex-direction: column;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .setup-schedule {
  width: 360px;
  border-color: #002169;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .setup-schedule {
    width: 100%;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block {
  position: relative;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  padding: 0px 10px 10px 10px;
  max-width: 360px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block {
    max-width: none;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block asui-dayparting {
  font-size: 70%;
  margin-top: 4px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block asui-dayparting {
    height: 144px;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .inherited-dayparting .dayparting-container .dayparting-time-block .dayparting-row > div > div {
  background: #6275A3 !important;
  opacity: 0.5;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover .dayparting-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  line-height: 0.8;
  width: 90px;
  padding: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 6px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover .dayparting-btn:hover {
  font-weight: 700;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover .dayparting-btn:last-child {
  margin-bottom: 0;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover .dayparting-btn-clear {
  border: 1px solid white;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover .dayparting-btn-copy {
  width: 170px;
  padding: 0;
  line-height: 1.2;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover .dayparting-btn-edit {
  padding: 8px 10px;
  background-color: #0A5BEB;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .edit-layover:hover {
  opacity: 1;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .inherited-dayparting-placeholder {
  opacity: 0.5;
  font-size: 130%;
  color: #333F55;
  top: 69px;
  left: 87px;
  position: absolute;
  pointer-events: none;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .dayparting-block .inherited-dayparting-placeholder {
    left: 91px;
    text-align: center;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-frequency-dropdown {
  max-width: none;
  width: 100%;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-frequency-dropdown button {
  font-size: 14px;
  font-style: normal;
  margin-bottom: 8px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-frequency-dropdown .select-dropdown {
  max-height: 300px;
  width: fit-content;
  min-width: 200px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-schedule-button {
  max-width: none;
  width: 100%;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-schedule-button button {
  font-size: 14px;
  font-style: normal;
}
@media (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-schedule-button {
    max-width: none;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .pin-device-app-version-button {
  max-width: none;
  width: 100%;
  flex-direction: row;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .pin-device-app-version-button button {
  font-size: 14px;
  font-style: normal;
}
@media (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .pin-device-app-version-button {
    max-width: none;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-app-version-button {
  max-width: 360px;
  width: 100%;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-app-version-button button {
  font-size: 14px;
  font-style: normal;
}
@media (max-width: 667px) {
  .asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .update-app-version-button {
    max-width: none;
  }
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours {
  max-width: 600px;
  width: 100%;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours button {
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  border-radius: 4px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours > button {
  margin-top: 8px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours .select-dropdown {
  max-height: 300px;
  width: fit-content;
  min-width: 200px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours > div {
  margin-top: 8px;
}
.asconsole dvc-edit-device-config .dvc-config-container .dvc-config-row .operating-hours > div:first-child {
  margin-top: 0;
  max-width: 360px;
}
.asconsole dvc-edit-device-config .dvc-config-container .h-border {
  border-bottom: 1px solid #dbe0ea;
  margin: 20px 0 30px 0;
}
.asconsole dvc-edit-device-config .btn-footer {
  text-align: right;
}

.asconsole dvc-register-crestronxio-config .register-device-sub-block {
  padding: 12px 12px 15px 12px;
  background-color: #f7fafc;
  border: 1px dashed #DDE3EE;
  position: relative;
}
.asconsole dvc-register-crestronxio-config .register-device-sub-block .register-device-label:first-child {
  margin-top: 0 !important;
}
.asconsole dvc-register-crestronxio-config .register-device-sub-block .btn {
  width: 100%;
  margin-top: 15px;
}
.asconsole dvc-register-crestronxio-config .register-device-sub-block .error-msg {
  margin-top: 5px;
  color: #CB4848;
}
.asconsole dvc-register-crestronxio-config .browse-device-block .acc-name {
  display: flex;
  align-items: center;
  color: #475369;
  padding-left: 8px;
  width: 100%;
  border: 1px solid #DDE3EE;
  height: 30px;
  border-radius: 2px;
}
.asconsole dvc-register-crestronxio-config .browse-device-block .change-acc {
  color: #0A5BEB;
  cursor: pointer;
  margin-top: 5px;
}
.asconsole dvc-register-crestronxio-config .browse-device-block .btn {
  width: 100%;
}

.asconsole dvc-device-card {
  display: flex;
  flex-direction: column;
  border: solid 1px #DDE3EE;
  border-radius: 4px;
  background-color: white;
  padding: 10px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole dvc-device-card .dvc-device-card-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 79px;
}
.asconsole dvc-device-card .dvc-device-card-top asui-card-device {
  cursor: pointer;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 10px;
  min-width: 0;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .name-left {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .name-left .license {
  text-transform: uppercase;
  color: #3c465d;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 10px;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .name-left .license-lite {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: fit-content;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .name-left .license-lite .icon-upgrade {
  margin-left: 5px;
  color: #6275A3;
  font-size: 10px;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .name-left .name {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .name-left .name break-word {
    word-break: break-all;
  }
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .icon-context-vertical {
  color: #68768D;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  height: 25px;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .name-container .icon-context-vertical:hover {
  background-color: #EDF2F7;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .type {
  color: #3c465d;
  font-size: 14px;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .status {
  color: #4f596e;
  font-size: 12px;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .status.error {
  color: #CB4848;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .status.warning {
  color: #EBBE36;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .status.online {
  color: #0C817B;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .ug-grouper {
  min-width: 0;
  display: flex;
}
.asconsole dvc-device-card .dvc-device-card-top .dvc-device-card-details .ug-grouper .grouper-tooltip {
  display: flex;
  flex-direction: column;
  width: 300px;
}
.asconsole dvc-device-card .dvc-device-card-top .status-circle {
  position: absolute;
  top: 65px;
  left: 60px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid white;
  background-color: #6275A3;
}
.asconsole dvc-device-card .dvc-device-card-top .status-circle.error {
  background-color: #CB4848;
}
.asconsole dvc-device-card .dvc-device-card-top .status-circle.warning {
  background-color: #EBBE36;
}
.asconsole dvc-device-card .dvc-device-card-top .status-circle.online {
  background-color: #0C817B;
}
.asconsole dvc-device-card .dvc-device-card-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 10px 0;
}
.asconsole dvc-device-card .dvc-device-card-bottom {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
}
.asconsole dvc-device-card .dvc-device-card-bottom .content-licenses {
  display: flex;
  align-items: center;
  color: #2d3851;
}
.asconsole dvc-device-card .dvc-device-card-bottom .content-licenses i {
  color: #4f596e;
  margin-right: 8px;
  font-size: 95%;
}
.asconsole dvc-device-card .dvc-device-card-bottom .content-licenses .license-text {
  display: flex;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-device-card .dvc-device-card-bottom .content-licenses .license-text break-word {
    word-break: break-all;
  }
}
.asconsole dvc-device-card .dvc-device-card-bottom .content-licenses .license-text.lite {
  cursor: default;
}

.asconsole device-create-custom-rule {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole device-create-custom-rule .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole device-create-custom-rule .modal-header .modal-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole device-create-custom-rule .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole device-create-custom-rule .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole device-create-custom-rule .modal-body .input-row > label {
  width: 120px;
  display: flex;
  align-items: center;
  color: #475369;
  margin: 0;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole device-create-custom-rule .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole device-create-custom-rule .modal-body .input-row .asui-dropdown .btn {
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole device-create-custom-rule .modal-body .input-row device-tags-input {
  flex: 1;
}
.asconsole device-create-custom-rule .modal-body .input-row device-tags-input asui-tags-input {
  margin: 0;
}
.asconsole device-create-custom-rule .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole device-create-custom-rule .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
@media all and (max-width: 667px) {
  .asconsole .modal-device-create-custom-rule {
    width: calc(100vw - 7px);
  }
}

.asconsole device-custom-rules {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  min-height: 0;
  position: relative;
  background-color: white;
}
.asconsole device-custom-rules .left-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 10px 25px;
  border-right: 1px solid #DDE3EE;
}
.asconsole device-custom-rules .left-container .rules-header .btn {
  color: #475369;
  font-size: 14px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole device-custom-rules .left-container .rules-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.asconsole device-custom-rules .left-container .rules-container .rule-item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 8px;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole device-custom-rules .left-container .rules-container .rule-item .rule {
  flex: 1;
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole device-custom-rules .left-container .rules-container .rule-item .icon-clear {
  color: #6275A3;
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.asconsole device-custom-rules .left-container .rules-container .rule-item .icon-clear:hover {
  color: #475369;
}
.asconsole device-custom-rules .right-container {
  flex: 1;
  position: relative;
}
.asconsole device-custom-rules .right-container .scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 25px;
}
.asconsole device-custom-rules .right-container .rules-header {
  padding: 2.5px 0;
}
.asconsole device-custom-rules .right-container .cta-container {
  flex: 1;
  display: flex;
}
.asconsole device-custom-rules .right-container searchable-table {
  margin-top: 0 !important;
}
.asconsole device-custom-rules .right-container searchable-table .filter-container {
  display: none;
}
.asconsole device-custom-rules .right-container searchable-table .transclude-cta {
  align-items: center;
  display: flex;
}
.asconsole device-custom-rules .rules-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.asconsole device-custom-rules .rules-header .desc {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole device-custom-rules .rules-header .item-count {
  color: #475369;
}
.asconsole device-custom-rules asui-loading-mask {
  opacity: 0.5;
}

.asconsole dvc-device-directory {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: white;
  padding-bottom: 0;
  padding-right: 0;
  min-height: 0;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-directory {
    flex-direction: column;
  }
}
.asconsole dvc-device-directory .dvc-left {
  display: flex;
  flex-direction: column;
  width: 310px;
  overflow: hidden;
  position: relative;
  margin: 25px 15px 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-directory .dvc-left {
    width: 100%;
    overflow: unset;
    margin: 0;
    padding: 10px;
  }
}
.asconsole dvc-device-directory .dvc-left .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-directory .dvc-left .header-container {
    margin-bottom: 10px;
  }
}
.asconsole dvc-device-directory .dvc-left .header-container .title {
  font-size: 24px;
  font-weight: 500;
  margin-left: 5px;
}
.asconsole dvc-device-directory .dvc-left .header-container .add-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole dvc-device-directory .dvc-left network-picker-dropdown {
  margin-bottom: 10px;
}
.asconsole dvc-device-directory .dvc-right {
  display: flex;
  flex: 1;
  min-width: 0;
  background-color: #F8F9FC;
  padding-top: 25px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-directory .dvc-right {
    padding: 0 10px;
  }
}
.asconsole dvc-device-directory ui-view {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-directory ui-view {
    max-height: unset !important;
  }
}
.asconsole dvc-device-directory asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole dvc-device-grid {
  width: 100%;
  display: flex;
  flex: 1;
}
.asconsole dvc-device-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole dvc-device-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole dvc-device-grid .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole dvc-device-grid .grid-container .grid-item .asui-selectable-item-check {
  left: 6px !important;
  top: 6px !important;
}
.asconsole dvc-device-grid .grid-container .um-grid-item {
  position: relative;
  flex: 1;
}
.asconsole dvc-device-grid .grid-container .item-selected dvc-device-card {
  border: 1px solid #77B0EE;
  border-radius: 4px;
}
.asconsole dvc-device-grid .grid-container .loading-mask {
  background-color: #F8F9FC;
}

.asconsole dvc-device-group-picker-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole dvc-device-group-picker-modal .modal-header, .asconsole dvc-device-group-picker-modal .modal-footer, .asconsole dvc-device-group-picker-modal .modal-body {
  padding: 15px 25px;
}
.asconsole dvc-device-group-picker-modal .modal-body {
  height: 300px;
}
.asconsole dvc-device-group-picker-modal .modal-body .loading-mask-container {
  width: 100%;
  height: 100%;
}
.asconsole dvc-device-group-picker-modal .modal-body .loading-mask-container asui-loading-mask {
  position: relative;
}
.asconsole dvc-device-group-picker-modal .modal-body .angular-ui-tree-nodes:first-child {
  padding-left: 0;
}
.asconsole dvc-device-group-picker-modal .modal-body .dg-tree-container {
  display: flex;
  flex: 1;
  overflow-y: auto;
  height: 100%;
}
.asconsole dvc-device-group-picker-modal .modal-body .dg-tree-container ol {
  width: 100%;
}
.asconsole dvc-device-group-picker-modal .modal-body .tree-node {
  padding: 2px 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole dvc-device-group-picker-modal .modal-body .tree-node .tree-label {
  flex: 1;
}
.asconsole dvc-device-group-picker-modal .modal-body .tree-node .disabled {
  color: #8493AE;
  cursor: default;
}
.asconsole dvc-device-group-picker-modal .modal-body .asui-ui-tree-node .tree-caret {
  margin-right: 2px;
  color: #6275A3;
}
.asconsole dvc-device-group-picker-modal .modal-body .selected {
  background-color: #eff7ff;
}

.asconsole dvc-device-group-tree {
  display: flex;
  flex: 1;
  position: relative;
}
.asconsole dvc-device-group-tree .device-group-tree-container {
  display: flex;
  overflow-y: auto;
  margin-bottom: 10px;
  width: 100%;
}
.asconsole dvc-device-group-tree .device-group-tree-container > ol {
  padding-left: 0;
  width: 100%;
}
.asconsole dvc-device-group-tree asui-loading-mask {
  opacity: 0.5;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node {
  display: flex;
  flex-direction: column;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .device-group-tree-node-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .device-group-tree-node-item span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding: 6px 0px;
  font-weight: 400;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .device-group-tree-node-item span break-word {
    word-break: break-all;
  }
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .device-group-tree-node-item .icon-context {
  font-size: 24px;
  color: #6275A3;
  display: none;
  padding-right: 10px;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .device-group-tree-node-item .tree-caret {
  color: #8493AE;
  margin-right: 5px;
  padding-left: 5px;
  font-size: 120%;
  line-height: 0.8;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .device-group-tree-node-item .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node .fa-plus {
  color: #6275A3;
  font-size: 100%;
  padding: 2px;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node:hover {
  background-color: #EDF2F7;
  border-radius: 4px;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node:hover .device-group-tree-node-item .icon-context {
  display: inline;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node.selected {
  background-color: #f7f8fb;
  border-radius: 4px;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node.selected span {
  font-weight: 700;
}
.asconsole dvc-device-group-tree .angular-ui-tree-node .tree-node.selected i {
  font-weight: 700;
}

.asconsole device-import-notification-pane .upload-location {
  display: flex;
  align-items: center;
  color: #8493AE;
  font-size: 84%;
}
.asconsole device-import-notification-pane .upload-location i {
  margin-right: 5px;
}
.asconsole device-import-notification-pane .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDE3EE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole device-import-notification-pane .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole device-import-notification-pane .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole device-import-notification-pane .item-list {
  max-height: 500px;
  overflow-y: auto;
}
.asconsole device-import-notification-pane .item-list .item-row {
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  height: 48px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 20px;
}
.asconsole device-import-notification-pane .item-list .item-row .item-col {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  margin-right: 15px;
  flex-direction: column;
}
.asconsole device-import-notification-pane .item-list .item-row .item-col:last-child {
  margin-right: 0;
}
.asconsole device-import-notification-pane .item-list .item-row .name-col {
  display: flex;
  width: 100%;
  min-width: 0;
}
.asconsole device-import-notification-pane .item-list .item-row .name-col .name-label {
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole device-import-notification-pane .item-list .item-row .name-col .name-label break-word {
    word-break: break-all;
  }
}
.asconsole device-import-notification-pane .item-list .item-row .name-col .status-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #6275A3;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole device-import-notification-pane .item-list .item-row .name-col .status-label break-word {
    word-break: break-all;
  }
}
.asconsole device-import-notification-pane .item-list .item-row .name-col .status-error {
  color: #CB4848;
}
.asconsole device-import-notification-pane .item-list .item-row .status-col .icon-check-circle {
  color: #0A5BEB;
  font-size: 24px;
}
.asconsole device-import-notification-pane .item-list .item-row .status-col .icon-alert {
  color: #CB4848;
  font-size: 20px;
}

.asconsole dvc-device-import-preview {
  min-height: 600px;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
}
.asconsole dvc-device-import-preview .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole dvc-device-import-preview .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole dvc-device-import-preview .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole dvc-device-import-preview .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole dvc-device-import-preview .modal-body {
  flex: 1;
  overflow-y: auto;
}
.asconsole dvc-device-import-preview .modal-body asui-table {
  width: 100%;
}
.asconsole dvc-device-import-preview .modal-body asui-table .asui-table-container {
  margin: 0;
}
.asconsole dvc-device-import-preview .modal-body asui-table .asui-table-container .warning {
  color: #EBBE36;
  cursor: pointer;
}
.asconsole dvc-device-import-preview .modal-body asui-table .asui-table-container .error {
  color: #CB4848;
}
.asconsole .modal-device-import-preview {
  max-width: 1024px;
  width: 90%;
}

.asconsole .modal-device-info {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  max-width: 1024px;
}
.asconsole .modal-device-info .modal-content {
  min-height: 100%;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
.asconsole dvc-device-info-modal {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}
.asconsole dvc-device-info-modal dvc-edit-device-overview dvc-edit-device-banner-component .overview-col-right {
  display: none;
}
.asconsole dvc-device-info-modal asui-horizontal-navbar {
  margin: 0;
}

.asconsole dvc-device-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-list {
    padding: 0;
  }
}
.asconsole dvc-device-list .dvc-header-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole dvc-device-list .dvc-header-container .header-text {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  min-width: 0;
  padding-right: 10px;
  color: #0b1835;
}
.asconsole dvc-device-list .dvc-header-container .header-text .text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-device-list .dvc-header-container .header-text .text break-word {
    word-break: break-all;
  }
}
.asconsole dvc-device-list .dvc-header-container .menu-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.asconsole dvc-device-list .dvc-header-container .menu-container .icon-list, .asconsole dvc-device-list .dvc-header-container .menu-container .icon-metro {
  padding-left: 15px;
}
.asconsole dvc-device-list .dvc-header-container .menu-container .popover-content {
  white-space: nowrap;
  padding: 2px 5px;
}
.asconsole dvc-device-list .dvc-header-container .menu-container dvc-search-autocomplete {
  width: 250px;
  margin-right: 10px;
}
.asconsole dvc-device-list .dvc-header-container .menu-container dvc-search-autocomplete .search-group-block {
  padding: 5px 0;
}
.asconsole dvc-device-list .dvc-header-container .menu-container dvc-search-autocomplete .search-group-block .search-header {
  margin: 5px 15px;
}
.asconsole dvc-device-list .dvc-header-container .menu-container dvc-search-autocomplete .search-group-block .search-item-row {
  padding: 4px 25px;
}
.asconsole dvc-device-list .container-scroll {
  position: absolute;
  top: 40px;
  left: 25px;
  width: calc(100% - 25px);
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-list .container-scroll {
    left: 0;
    width: 100%;
    padding-right: 0;
  }
}
.asconsole dvc-device-list .container-scroll .list-view-filter .asui-command-bar {
  margin-bottom: 0;
  border-bottom: 0;
}
.asconsole dvc-device-list .container-scroll .list-view-filter .asui-command-bar .content {
  background-color: #F8F9FC;
}
.asconsole dvc-device-list .container-scroll .list-view-filter.cta-on .asui-command-bar {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .clear-filters a {
  cursor: pointer;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .dvc-cta-container {
  display: flex;
  flex: 1;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .dvc-cta-container .non-content-text {
  z-index: 2;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .dvc-cta-container h3 {
  color: #333F55;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section .dvc-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole dvc-device-list .container-scroll .dvc-content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole dvc-device-list asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole dvc-device-overview {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-overview {
    padding: 0;
  }
}
.asconsole dvc-device-overview .dvc-header-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole dvc-device-overview .dvc-header-container .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  min-width: 0;
  padding-right: 10px;
  color: #0b1835;
}
.asconsole dvc-device-overview .container-scroll {
  position: absolute;
  top: 40px;
  left: 25px;
  width: calc(100% - 25px);
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-overview .container-scroll {
    left: 0;
    top: 45px;
    width: 100%;
    padding-right: 0;
  }
}
.asconsole dvc-device-overview .container-scroll .chart-section {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.asconsole dvc-device-overview .container-scroll .chart-section anl-chart-widget {
  padding: 0 0 20px 20px;
  flex: 0 0 25%;
}
.asconsole dvc-device-overview .container-scroll .chart-section anl-chart-widget .no-content-container .icon-container img {
  max-width: 200px;
}
.asconsole dvc-device-overview .container-scroll .chart-section .dvc-license-learn-more {
  padding: 30px 20px;
  text-align: center;
}
.asconsole dvc-device-overview .container-scroll .chart-section .dvc-license-learn-more img {
  height: 45%;
}
.asconsole dvc-device-overview .container-scroll .chart-section .dvc-license-learn-more .dvc-license-header {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 500;
}
.asconsole dvc-device-overview .container-scroll .chart-section .dvc-license-learn-more .dvc-license-desc {
  color: #4f596e;
}
.asconsole dvc-device-overview .container-scroll .chart-section .dvc-license-learn-more .btn {
  margin-top: 20px;
  font-size: 16px;
  width: 130px;
  color: #002169;
  border: 1px solid #002169;
}
@media all and (max-width: 3000px) {
  .asconsole dvc-device-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 25%;
  }
}
@media all and (max-width: 2400px) {
  .asconsole dvc-device-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 33.333%;
  }
}
@media all and (max-width: 1800px) {
  .asconsole dvc-device-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole dvc-device-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 100%;
  }
}
.asconsole dvc-device-overview asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole dvc-device-picker-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 80vh;
}
.asconsole .modal-device-picker {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  max-width: 800px;
}
.asconsole .modal-device-picker .modal-header, .asconsole .modal-device-picker .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-device-picker .modal-content {
  max-height: 100%;
  height: 100%;
}
.asconsole .modal-device-picker .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  padding: 0;
}
.asconsole .modal-device-picker .modal-body .device-picker-container {
  overflow: auto;
  padding: 20px 20px 0 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole .modal-device-picker .selected-container {
  background-color: #6275A3;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 120%;
}

.asconsole device-preview-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  position: relative;
  margin: 0 auto;
}
.asconsole device-preview-container asui-loading-mask {
  position: relative;
}
.asconsole device-preview-container asui-loading-mask .loading-mask-container {
  background-color: transparent;
}
.asconsole device-preview-container .device-preview {
  box-shadow: 0px 10px 15px rgba(129, 138, 152, 0.1);
  border: 1px solid #DBE0EA;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
}
.asconsole device-preview-container .device-preview.has-sidebar .device-preview-body {
  top: 0;
  left: 140px;
  right: 0;
  bottom: 0;
  width: auto;
}
.asconsole device-preview-container .device-preview-title-bar {
  width: 100%;
  height: 30px;
  background: #F2F4F8;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 15px;
}
.asconsole device-preview-container .circle-button {
  background: #DBE0EA;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
.asconsole device-preview-container .circle-button + .circle-button {
  margin-left: 8px;
}
.asconsole device-preview-container .device-preview-body {
  position: absolute;
  top: 30px;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
  padding: 20px;
  box-sizing: border-box;
}
.asconsole device-preview-container .device-preview-sidebar {
  position: absolute;
  background: #F7F8FB;
  top: 0;
  left: 0;
  width: 140px;
  height: 100%;
  padding: 15px 0;
}
.asconsole device-preview-container .device-preview-sidebar .sidebar-section {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
.asconsole device-preview-container .device-preview-sidebar .sidebar-section.has-buttons {
  flex-direction: row;
  margin-bottom: 10px;
}
.asconsole device-preview-container .device-preview-sidebar .sidebar-section.gap {
  padding-top: 30px;
}
.asconsole device-preview-container .device-preview-sidebar .sidebar-text {
  background: #DBE0EA;
  border-radius: 4px;
  height: 8px;
  margin: 6px 0;
}
.asconsole device-preview-container .device-preview-sidebar .sidebar-text.title {
  width: 20%;
  margin-bottom: 16px;
}

.asconsole device-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole device-settings .device-settings-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  min-height: 55px;
  padding-right: 20px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole device-settings .device-settings-navbar {
    padding-right: 15px;
  }
}
.asconsole device-settings .device-settings-navbar asui-horizontal-navbar {
  border: 0;
}
@media all and (max-width: 667px) {
  .asconsole device-settings .device-settings-navbar asui-horizontal-navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.asconsole device-settings .device-settings-navbar asui-horizontal-navbar .nav-pills > li {
  margin-right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole device-settings .device-settings-navbar asui-horizontal-navbar .nav-pills > li {
    margin-right: 0;
  }
  .asconsole device-settings .device-settings-navbar asui-horizontal-navbar .nav-pills > li a {
    padding: 10px;
  }
}
.asconsole device-settings ui-view {
  padding: 25px 25px;
  padding: 0;
}
@media all and (max-width: 667px) {
  .asconsole device-settings ui-view {
    padding: 15px 15px;
  }
}

.asconsole dvc-device-sidebar {
  display: flex;
  flex: 1;
}
.asconsole dvc-device-sidebar .dvc-section-title {
  color: #3c465d;
  font-size: 90%;
  margin-left: 10px;
  margin-top: 7px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-sidebar .dvc-normal-node.mobile-view {
    display: flex !important;
    position: absolute;
    top: 121px;
    left: 10px;
    z-index: 100;
    width: calc(100% - 20px);
    background-color: white;
    border: 1px solid #DDE3EE;
    overflow-y: auto;
  }
  .asconsole dvc-device-sidebar .dvc-normal-node.mobile-view .dvc-group-container-scroll-container {
    overflow-y: initial !important;
  }
}
.asconsole dvc-device-sidebar .dvc-normal-node {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-sidebar .dvc-normal-node {
    display: none !important;
    height: unset;
  }
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 5px 0;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 6px 5px 6px 10px;
  cursor: pointer;
  height: 32px;
  font-weight: 400;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
  border-radius: 4px;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item .group-name {
  display: flex;
  align-items: center;
  color: #333F55;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding: 6px 0px;
  font-weight: 400;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item .group-name break-word {
    word-break: break-all;
  }
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item .group-name .icon {
  color: #475369;
  margin-right: 10px;
  font-size: 140%;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item .icon-context {
  font-size: 24px;
  color: #6275A3;
  display: none;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item:hover,
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item.selected {
  background-color: #f7f8fb;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item:hover .icon-context {
  display: inline;
  display: flex;
}
.asconsole dvc-device-sidebar .dvc-normal-node .dvc-group-item.selected .group-name {
  font-weight: 700;
}
.asconsole dvc-device-sidebar .dvc-normal-node .tags-list {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0 10px 10px;
}
.asconsole dvc-device-sidebar .dvc-normal-node .tags-list .tag-item {
  color: #2d3851;
  background: white;
  border: 1px solid #6275A3;
  padding: 2px 8px;
  border-radius: 12px;
  margin-right: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  font-size: 10px;
}
.asconsole dvc-device-sidebar .dvc-normal-node .tags-list .tag-item:hover {
  background-color: #eef4f9;
}
.asconsole dvc-device-sidebar .dvc-normal-node .tags-list .tag-item.selected {
  background-color: #6275A3;
  color: white;
}
.asconsole dvc-device-sidebar .dvc-mobile-node {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: white;
  padding: 5px 15px;
  cursor: pointer;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-device-sidebar .dvc-mobile-node {
    display: flex !important;
  }
}
.asconsole dvc-device-sidebar .dvc-mobile-node .dvc-mobile-node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole dvc-device-sidebar .dvc-mobile-node .dvc-mobile-node-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-device-sidebar .dvc-mobile-node .dvc-mobile-node-name span break-word {
    word-break: break-all;
  }
}
.asconsole dvc-device-sidebar .dvc-mobile-node .dvc-mobile-node-name .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole dvc-device-sidebar .dvc-mobile-node .dvc-mobile-node-name .icon-library {
  color: #475369;
}
.asconsole dvc-device-sidebar .dvc-mobile-node .fa-caret-down {
  color: #6275A3;
  font-size: 14px;
}
.asconsole dvc-device-sidebar dvc-device-group-tree {
  flex: unset;
}
.asconsole dvc-device-sidebar asui-loading-mask {
  opacity: 0.5;
}
.asconsole dvc-device-sidebar .new-folder-node,
.asconsole dvc-device-sidebar .new-folder-textbox {
  margin-left: 26px;
}
.asconsole dvc-device-sidebar .new-folder-editing {
  border: 1px solid #DDE3EE;
  padding: 6px;
}
.asconsole dvc-device-sidebar .new-folder-node:hover {
  background-color: transparent;
  outline: 1px solid #DDE3EE;
}

.asconsole dvc-device-table {
  width: 100%;
}
.asconsole dvc-device-table .asui-table-container {
  margin-top: 0;
}
.asconsole dvc-device-table .asui-table-container .device-info {
  display: flex;
  align-items: center;
  position: relative;
}
.asconsole dvc-device-table .asui-table-container .device-info asui-card-device {
  padding-right: 10px;
  cursor: pointer;
}
.asconsole dvc-device-table .asui-table-container .device-info .status-circle {
  position: absolute;
  top: 26px;
  left: 28px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  border: 1px solid white;
  background-color: #6275A3;
}
.asconsole dvc-device-table .asui-table-container .device-info .status-circle.error {
  background-color: #CB4848;
}
.asconsole dvc-device-table .asui-table-container .device-info .status-circle.warning {
  background-color: #EBBE36;
}
.asconsole dvc-device-table .asui-table-container .device-info .status-circle.online {
  background-color: #0C817B;
}
.asconsole dvc-device-table .asui-table-container .device-info .device-name .name-text {
  color: #0A5BEB;
  flex: 1;
  cursor: pointer;
}
.asconsole dvc-device-table .asui-table-container .device-info .device-name .type {
  color: #475369;
  font-size: 90%;
}
.asconsole dvc-device-table .asui-table-container .license-lite {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: fit-content;
}
.asconsole dvc-device-table .asui-table-container .license-lite .icon-upgrade {
  margin-left: 8px;
  color: #6275A3;
  font-size: 11px;
}
.asconsole dvc-device-table .asui-table-container .license-td {
  min-width: 100px;
}
.asconsole dvc-device-table .asui-table-container .subscriptions-td > div {
  display: flex;
  flex-direction: row;
}
.asconsole dvc-device-table .asui-table-container .subscriptions-td > div .subscription {
  color: #858b9a;
  cursor: pointer;
}
.asconsole dvc-device-table .asui-table-container .subscriptions-td > div .subscription.subscription-tag {
  background-color: #6275A3;
  color: white;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 2px 10px;
  margin-right: 5px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  font-size: 10px;
}
.asconsole dvc-device-table .asui-table-container .subscriptions-td > div .dash hr {
  width: 15px;
  border-top: 2px solid #858b9a;
  margin-top: 0;
  margin-bottom: 0;
}
.asconsole dvc-device-table .asui-table-container .as-action-column .fa-ellipsis-h {
  color: #475369;
}

.asconsole dvc-edit-device-tags-component {
  display: inline-flex;
  flex-direction: row;
}
.asconsole dvc-edit-device-tags-component asui-tags-input {
  flex: 1;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input {
  padding: 2px 0;
  border: 1px solid transparent;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tags .tag-item {
  padding: 2px;
  padding-right: 20px;
  height: 20px;
  margin-right: 5px;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tags .tag-item .tag-icon {
  display: flex;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tags .tag-item .remove-button {
  padding-top: 0px;
  padding-right: 0px;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tag-item:first-child {
  margin-left: 0;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tags {
  min-height: 24px;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tags .input {
  margin: 0;
  height: 23px;
  padding-left: 0px;
}
.asconsole dvc-edit-device-tags-component asui-tags-input .asui-tags-input .tag-text {
  margin-left: 3px;
}
.asconsole dvc-edit-device-tags-component .read-only {
  pointer-events: none;
}
.asconsole dvc-edit-device-tags-component .read-only .tags .input {
  display: none;
}
.asconsole dvc-edit-device-tags-component .device-tags-editing .asui-tags-input {
  border: 1px solid #0A5BEB !important;
}
.asconsole dvc-edit-device-tags-component .device-tags-hover .asui-tags-input {
  border: #DDE3EE 1px solid;
}
.asconsole dvc-edit-device-tags-component .buttons-container {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-left: 4px;
}
.asconsole dvc-edit-device-tags-component .buttons-container .btn {
  height: 26px;
  min-width: 0;
  padding: 5px;
  color: #6275A3;
}
.asconsole dvc-edit-device-tags-component .buttons-container .btn-primary {
  margin-right: 2px;
  color: white;
}
.asconsole dvc-edit-device-tags-component asui-spinner {
  display: flex;
  align-items: center;
}

device-tags-input {
  display: flex;
  width: 100%;
}
device-tags-input asui-tags-input {
  width: 100%;
  overflow: initial;
  margin-bottom: 10px;
}
device-tags-input asui-tags-input .asui-tags-input {
  min-height: 150px;
}
device-tags-input asui-tags-input .asui-tags-input .autocomplete-icon {
  color: #6275A3 !important;
  font-size: 141%;
  display: flex;
}
device-tags-input asui-tags-input .asui-tags-input .card-icon-xs {
  display: flex;
}

.asconsole dvc-edit-device-diagnostics {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  background-color: white;
  margin: 20px 30px;
}
.asconsole dvc-edit-device-diagnostics asui-loading-mask {
  left: 0;
}
.asconsole dvc-edit-device-diagnostics asui-loading-mask .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-subheader {
  color: #72889c;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row label {
  width: 130px;
  color: #475369;
  font-weight: 200;
  white-space: nowrap;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row label {
    width: 100px;
  }
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row .dvc-diagnostics-value {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row .dvc-diagnostics-value .status-green {
  background-color: #0C817B;
  color: white;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row .dvc-diagnostics-value .status-offline {
  background-color: #eef4f9;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row .dvc-diagnostics-value .status-failed {
  background-color: #CB4848;
  color: white;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-row .dvc-diagnostics-protocol {
  text-transform: uppercase;
}
.asconsole dvc-edit-device-diagnostics .dvc-diagnostics-error {
  background-color: #CB4848;
  color: white;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-diagnostics .device-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole dvc-edit-device-diagnostics .h-border {
  border-bottom: 1px solid #dbe0ea;
  margin: 20px 0 30px 0;
}
.asconsole dvc-edit-device-diagnostics asui-table .content-thumbnail {
  width: 89px;
}
.asconsole dvc-edit-device-diagnostics asui-table .synctime-cell {
  width: 150px;
}
.asconsole dvc-edit-device-diagnostics asui-table .status-cell {
  width: 100px;
}
.asconsole dvc-edit-device-diagnostics asui-table .log-cell {
  width: 100px;
}

.asconsole dvc-search-autocomplete {
  width: 100%;
  min-width: 360px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-search-autocomplete {
    min-width: initial;
  }
}
.asconsole dvc-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}

.asconsole dvc-edit-device {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device {
    padding: 15px 15px;
  }
}
.asconsole dvc-edit-device .dvc-edit-view {
  display: flex;
  flex: 1;
  flex-direction: row;
  border: 1px solid #dbe0ea;
  background-color: #fff;
  width: 100%;
  flex-basis: auto;
}
.asconsole dvc-edit-device .asui-view-overlay-initializing {
  background-color: white !important;
}
.asconsole dvc-edit-device .asui-view-overlay-saving {
  background-color: white !important;
}
.asconsole dvc-edit-device .asui-view-overlay-deleting {
  background-color: white !important;
}

.asconsole dvc-device-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole dvc-device-filter-bar .filter-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 15px 0;
  width: 100%;
  z-index: 99;
}
.asconsole dvc-device-filter-bar .filter-container .filter-left {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right .sort-direction {
  padding: 3px 10px;
  cursor: pointer;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right .sort-ddl {
  margin: 0;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right .sort-ddl .dropdown-toggle {
  border: 0;
  padding: 0 21px 0 0;
  height: initial;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right .sort-ddl .dropdown-toggle .caret {
  right: 6px;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right .divider {
  margin: 0 5px 0 0;
}
.asconsole dvc-device-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole dvc-device-filter-bar .asui-command-bar {
  margin-top: 0;
}
.asconsole dvc-device-filter-bar .asui-command-bar .content {
  background-color: #eef4f9;
  padding: 0;
}
.asconsole dvc-device-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole dvc-device-filter-bar .asui-command-bar .up-arrow_box:after {
  border-bottom-color: #eef4f9;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 8px 0 8px 15px;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content .dvc-filter-container {
  display: flex;
  width: 100%;
  padding-right: 30px;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content .dvc-filter-container .cm-button {
  white-space: nowrap;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content .dvc-filter-container .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content .dvc-filter-container .asui-multiselect .bootstrap-select {
  min-width: initial;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content .dvc-filter-container .asui-multiselect .bootstrap-select .btn {
  padding: 0 25px 0 0px;
  height: initial;
  border: 0;
}
.asconsole dvc-device-filter-bar .asui-command-bar ng-transclude.content .dvc-filter-container .asui-multiselect .bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #333F55;
}

.asconsole device-settings-general-setting {
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole device-settings-general-setting {
    padding: 0;
  }
}
.asconsole device-settings-general-setting .field-value {
  align-self: center;
}
.asconsole device-settings-general-setting .field-description {
  color: #8493AE;
  font-size: 12px;
}

.asconsole dvc-import-properties-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole .modal-header, .asconsole .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-import-properties-modal {
  flex-direction: column;
  width: 400px;
}
.asconsole .modal-import-properties-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 20px;
  flex-basis: auto;
}
.asconsole .modal-import-properties-modal .modal-body .checkbox-label {
  margin: 20px 0 5px 0;
}

.asconsole dvc-manage-licenses {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-basis: auto;
}
.asconsole dvc-manage-licenses .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole dvc-manage-licenses .modal-header .modal-title {
  display: flex;
  align-items: center;
  flex: 1;
}
.asconsole dvc-manage-licenses .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole dvc-manage-licenses .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole dvc-manage-licenses .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole dvc-manage-licenses .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
}
.asconsole dvc-manage-licenses .modal-body .header {
  margin-bottom: 12px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole dvc-manage-licenses .modal-body asui-multiselect-checkbox {
  margin-bottom: 37px;
}
.asconsole dvc-manage-licenses .modal-body asui-multiselect-checkbox .license {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.asconsole dvc-manage-licenses .modal-body asui-multiselect-checkbox .license .usage {
  color: #4f596e;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole dvc-manage-licenses .modal-body asui-multiselect-checkbox .license .usage.max-usage {
  color: #CB4848;
}
.asconsole dvc-manage-licenses .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-dvc-manage-licenses {
  width: 600px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-dvc-manage-licenses {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-dvc-manage-licenses .modal-content {
  border-radius: 8px;
}

.asconsole dvc-edit-device-metadata-component {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -40px 0 0 -20px;
  max-width: 1280px;
}
.asconsole dvc-edit-device-metadata-component .status-green {
  background-color: #0C817B;
  color: white;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-metadata-component .status-offline {
  background-color: #eef4f9;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-metadata-component .status-failed {
  background-color: #CB4848;
  color: white;
  padding: 0px 5px;
}
.asconsole dvc-edit-device-metadata-component .meta-col {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0 40px;
  min-width: 0;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 7px;
  max-height: 20px;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .meta-key {
  color: #475369;
  margin-right: 10px;
  white-space: nowrap;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .lbm-enabled {
  color: red;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .lbm-enabled .low-bandwidth-mode .dropdown-toggle {
  background-color: #EBBE36 !important;
  border-color: #EBBE36;
  padding: 0 6px;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .upper {
  text-transform: uppercase;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .meta-val {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .meta-val .info-unavailable {
  color: #8493AE;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .meta-val .meta-val-ellipsis {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-edit-device-metadata-component .meta-col .meta-row .meta-val .meta-val-ellipsis break-word {
    word-break: break-all;
  }
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .meta-val .popover-content {
  word-break: break-all;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .network-picker {
  border: none;
  padding: 0;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .network-picker span {
  color: #0A5BEB;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .low-bandwidth-mode .dropdown-toggle {
  height: 22px;
  padding: 2px 6px;
  padding-right: 12px;
  background-color: #cdd5de !important;
  border-color: #cdd5de;
  color: white;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .low-bandwidth-mode .dropdown-toggle .filter-option {
  padding-right: 12px;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .low-bandwidth-mode .dropdown-toggle .caret {
  right: 6px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  color: white;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .network-name, .asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .group-name {
  width: 100%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #0A5BEB;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .network-name break-word, .asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .group-name break-word {
    word-break: break-all;
  }
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .group-name {
  display: flex;
  align-items: center;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .group-name .icon-remove {
  display: none;
  padding-left: 10px;
  color: #475369;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .group-name:hover .icon-remove {
  display: inline;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .change-network .assign-placeholder {
  color: #8493AE;
}
.asconsole dvc-edit-device-metadata-component .meta-col .meta-row .icon-network {
  line-height: 0.8 !important;
  margin-right: 4px;
  color: #6275A3;
}
@media (max-width: 1400px) {
  .asconsole dvc-edit-device-metadata-component .meta-col {
    flex: 0 0 25% !important;
  }
}
@media (max-width: 1280px) {
  .asconsole dvc-edit-device-metadata-component .meta-col {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1080px) {
  .asconsole dvc-edit-device-metadata-component .meta-col {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-metadata-component .meta-col {
    flex: 0 0 100% !important;
    padding: 20px 0 0 20px;
  }
}

.asconsole dvc-register-network-channel-select .register-device-assign {
  padding: 6px 8px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole dvc-register-network-channel-select .register-device-assign span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 2px;
}
.asconsole dvc-register-network-channel-select .register-device-assign .assign-placeholder {
  color: #8493AE;
}
.asconsole dvc-register-network-channel-select .register-device-assign .icon-network {
  line-height: 0.8 !important;
  margin-right: 6px;
  color: #6275A3;
}
.asconsole dvc-register-network-channel-select .register-device-assign .card-thumbnail {
  margin-right: 6px;
}
.asconsole dvc-register-network-channel-select .register-device-assign .card-icon-xs {
  min-width: 10px;
  min-height: 13px;
  padding: 2px;
  font-size: 8px !important;
}

.asconsole dvc-edit-device-overview {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: white;
  padding: 20px 30px 30px 30px;
  min-width: 0;
  max-width: 1280px;
  flex-basis: auto;
}
.asconsole dvc-edit-device-overview asui-loading-mask .loading-mask-container {
  border-radius: 8px;
}
@media all and (max-width: 667px) {
  .asconsole dvc-edit-device-overview {
    padding: 20px;
  }
  .asconsole dvc-edit-device-overview dvc-edit-device-metadata-component {
    margin-top: 0px;
  }
}
.asconsole dvc-edit-device-overview dvc-edit-device-metadata-component {
  margin-top: 10px;
}
.asconsole dvc-edit-device-overview .preview-label {
  display: flex;
  align-items: stretch;
}
.asconsole dvc-edit-device-overview .preview-label i {
  color: #475369;
  font-size: 160%;
  cursor: pointer;
}
.asconsole dvc-edit-device-overview .preview-label i:hover {
  color: #333F55;
}
.asconsole dvc-edit-device-overview .app-preview-container {
  display: flex;
  justify-content: left;
  position: relative;
}
.asconsole dvc-edit-device-overview .app-preview-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.asconsole dvc-edit-device-overview .app-preview-container > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole dvc-edit-device-overview .app-preview-container app-preview {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dvc-edit-device-overview .app-preview-container .app-preview-iframe-container {
    max-width: 970px;
  }
}
.asconsole dvc-edit-device-overview .app-preview-landscape app-preview {
  max-width: 1000px;
}
.asconsole dvc-edit-device-overview .app-preview-portrait app-preview {
  max-height: 560px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dvc-edit-device-overview .app-preview-portrait {
    min-height: 50vh;
    max-height: 560px;
  }
}
.asconsole dvc-edit-device-overview .dvc-subheader {
  color: #475369;
  margin-bottom: 7px;
  margin-top: 20px;
  text-transform: uppercase;
}
.asconsole dvc-edit-device-overview .dvc-subheader.dvc-subheader-with-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole dvc-edit-device-overview .dvc-subheader-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.asconsole dvc-edit-device-overview .publishing-desc {
  margin: 30px 0 10px 0;
}

.asconsole dvc-edit-device-properties {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  margin: 20px 30px;
}
.asconsole dvc-edit-device-properties asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole dvc-edit-device-properties .filter-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5px;
}
.asconsole dvc-edit-device-properties .filter-container .buttons-container {
  display: flex;
  flex-direction: row;
}
.asconsole dvc-edit-device-properties .filter-container .buttons-container .btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole dvc-edit-device-properties .filter-container .buttons-container .btn-icon {
  line-height: 0.8 !important;
  color: #8493AE;
}
.asconsole dvc-edit-device-properties .filter-container .buttons-container .hidden-file-input {
  display: none;
}
.asconsole dvc-edit-device-properties .filter-container .asui-dropdown {
  width: 170px;
}
.asconsole dvc-edit-device-properties .asui-table-container {
  margin: 0;
}
.asconsole dvc-edit-device-properties .asui-table-container .read-only-row .as-table-checkbox {
  display: none;
}
.asconsole dvc-edit-device-properties .asui-table-container .content-name {
  word-break: break-all;
}
.asconsole dvc-edit-device-properties .asui-table-container .content-thumbnail-cell {
  width: 100px;
}
.asconsole dvc-edit-device-properties .table-header {
  display: flex;
  width: 100%;
  border: 1px solid #DDE3EE;
  border-bottom: none;
}
.asconsole dvc-edit-device-properties .table-header .group-menu {
  align-items: center;
  padding-right: 10px;
}
.asconsole dvc-edit-device-properties .table-header .group-menu i {
  color: #475369;
}
.asconsole dvc-edit-device-properties .table-header-inner {
  padding: 0px 10px;
  background-color: #EDF2F7;
}
.asconsole dvc-edit-device-properties .table-header-inner .header-folder-container {
  min-height: 20px;
  margin-bottom: 5px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.asconsole dvc-edit-device-properties .table-header-inner .check-all {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 10px;
}
.asconsole dvc-edit-device-properties .table-header-inner .visibility-hidden {
  visibility: hidden;
}
.asconsole dvc-edit-device-properties .row-disabled {
  opacity: 0.4;
}
.asconsole dvc-edit-device-properties .selected-item {
  background-color: #f9fbfc;
}

.asconsole > .popover {
  max-width: 340px;
  width: 310px;
  height: 50px;
}
.asconsole .regcode-tooltip {
  display: flex;
  flex-direction: row;
  font-size: 90%;
}
.asconsole .regcode-tooltip .icon-registration-code {
  font-size: 58px;
  margin-top: -10px;
  margin-left: 20px;
}

.asconsole dvc-register-device-advanced {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown {
  margin: 0;
  width: 100%;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .filter-option, .asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .dropdown-menu li a {
  display: flex;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .filter-option i, .asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .dropdown-menu li a i {
  padding-left: 0 !important;
  color: #8493AE;
  margin-right: 10px;
  line-height: 1 !important;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .filter-option .icon-crestron, .asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .dropdown-menu li a .icon-crestron {
  font-size: 16px;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .filter-option .icon-check-circle, .asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .dropdown-menu li a .icon-check-circle {
  font-size: 15px;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .filter-option {
  padding-left: 4px !important;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .dropdown-menu li a {
  padding-left: 15px;
}
.asconsole dvc-register-device-advanced .register-form-container .asui-dropdown .dropdown {
  width: 100%;
}
.asconsole dvc-register-device-advanced .register-form-container .network-picker, .asconsole dvc-register-device-advanced .register-form-container .assign-channel {
  font-size: 14px;
}
.asconsole dvc-register-device-advanced .register-form-container .bg-neutral-200 {
  background-color: #EDF2F7;
}
.asconsole dvc-register-device-advanced .register-form-container .regenerate-buttons-wrapper {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.asconsole dvc-register-device-advanced .register-form-container .regenerate-buttons-wrapper .btn {
  width: 100%;
}
.asconsole dvc-register-device-advanced .register-form-container #ms-team-integration-id-wrapper.register-device-label {
  position: relative;
}
.asconsole dvc-register-device-advanced .register-form-container #ms-team-integration-id-wrapper.register-device-label .readonly-input {
  border: 1px solid #DDE3EE;
}
.asconsole dvc-register-device-advanced .register-form-container #ms-team-integration-id-wrapper.register-device-label .icon-button {
  position: absolute;
  right: 12px;
  cursor: pointer;
}
.asconsole dvc-register-device-advanced .register-form-container #ms-team-integration-id-wrapper.register-device-label .icon-button .integration-id-copy-icon {
  display: block;
}
.asconsole dvc-register-device-advanced .register-form-container #ms-team-integration-id-wrapper.register-device-label .icon-button .integration-id-copy-icon .icon-copy {
  color: #333F55;
}
.asconsole dvc-register-device-advanced .register-form-container .registration-url {
  margin-top: 20px;
  color: #475369;
  margin-left: 10px;
}
.asconsole dvc-register-device-advanced .register-form-container .register-whats-next {
  border: 1px solid #DDE3EE;
  background-color: #eef4f9;
  color: #475369;
  margin-top: 20px;
  padding: 20px;
  font-size: 95%;
}
.asconsole dvc-register-device-advanced .register-form-container .register-whats-next .whats-next-header {
  color: #333F55;
  font-size: 110%;
  margin-bottom: 3px;
}
.asconsole dvc-register-device-advanced .register-form-container .no-content-container .icon-container {
  margin-bottom: 0;
}
.asconsole dvc-register-device-advanced .register-form-container .no-content-container .cta-illustration {
  width: 80%;
  height: unset;
}
.asconsole dvc-register-device-advanced .register-form-container .no-content-container .non-content-text {
  font-size: 95%;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead input,
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 12px !important;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead input[type=text]:disabled {
  background-color: #eef4f9 !important;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead asui-card-channel .card-icon-only {
  border-radius: 8px;
  box-shadow: none;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead asui-card-channel .card-icon-only .card-icon-xs {
  min-width: 32px;
  min-height: 40px;
  font-size: 15px;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 34px;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container .dropdown-container-inner {
  font-family: "Inter";
  font-weight: 600;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container .dropdown-container-inner .dt-group {
  font-size: 12px;
  padding: 8px 12px 2px 12px;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container .dropdown-container-inner .dropdown-item {
  font-size: 14px;
  padding: 4px 12px !important;
}
.asconsole dvc-register-device-advanced .register-form-container browse-channel-typeahead > .icon {
  display: none;
}
.asconsole dvc-register-device-advanced .register-form-container .selected-item asui-card-channel .card-icon-only,
.asconsole dvc-register-device-advanced .register-form-container .assignment-content asui-card-channel .card-icon-only {
  border-radius: 4px;
}
.asconsole dvc-register-device-advanced .register-form-container .selected-item asui-card-channel .card-icon-only .card-icon-xs,
.asconsole dvc-register-device-advanced .register-form-container .assignment-content asui-card-channel .card-icon-only .card-icon-xs {
  min-width: 20px;
  min-height: 20px;
  font-size: 12px;
}
.asconsole dvc-register-device-advanced .register-form-container .device-playback-assignment {
  width: 100%;
  border-radius: 14px;
  border: solid 1px #DDE3EE;
  padding: 13px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  margin: 15px 0 5px 0;
}
.asconsole dvc-register-device-advanced .register-form-container .device-playback-assignment .assignment-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  font-size: 14px;
}
.asconsole dvc-register-device-advanced .register-form-container .device-playback-assignment .assignment-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole dvc-register-device-advanced .rd-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 15px 0 5px 0;
}
.asconsole .disable-id-modal .asui-modal-confirmation .btn-primary,
.asconsole .regenerate-id-modal .asui-modal-confirmation .btn-primary {
  text-transform: none;
}

.asconsole dvc-register-device {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole dvc-register-device as-upgrade-tooltip {
  width: 100%;
}
.asconsole dvc-register-device .register-form-container .register-device-label i {
  margin-left: 5px;
  color: #8493AE;
}
.asconsole dvc-register-device .register-form-container input {
  margin-bottom: 0;
}
.asconsole dvc-register-device .register-form-container .reg-code-container {
  display: flex;
  flex-direction: row;
}
.asconsole dvc-register-device .register-form-container .network-picker, .asconsole dvc-register-device .register-form-container .assign-channel {
  font-size: 14px;
}
.asconsole dvc-register-device .register-form-container .asui-dropdown .dropdown {
  width: 100%;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead input,
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 12px !important;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead input[type=text]:disabled {
  background-color: #eef4f9 !important;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead asui-card-channel .card-icon-only {
  border-radius: 4px;
  box-shadow: none;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead asui-card-channel .card-icon-only .card-icon-xs {
  min-width: 20px;
  min-height: 20px;
  font-size: 12px;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 34px;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container .dropdown-container-inner {
  font-family: "Inter";
  font-weight: 600;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container .dropdown-container-inner .dt-group {
  font-size: 12px;
  padding: 8px 12px 2px 12px;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead asui-dropdown-typeahead .dropdown-container .dropdown-container-inner .dropdown-item {
  font-size: 14px;
  padding: 4px 12px !important;
}
.asconsole dvc-register-device .register-form-container browse-channel-typeahead > .icon {
  display: none;
}
.asconsole .register-footer .xlsx-link {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
}
.asconsole .register-footer .xlsx-link .browse {
  color: #0A5BEB;
}
.asconsole .reg-status {
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 260px;
}

.asconsole .dvc-register-base {
  display: flex;
  flex: 1;
  padding: 25px 25px;
  background-color: #F8F9FC;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole .dvc-register-base {
    padding: 15px 15px;
  }
}
.asconsole .dvc-register-base asui-breadcrumbs {
  width: 100%;
}
.asconsole .dvc-register-base .register-base-outer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: auto;
  margin-left: auto;
  flex: 1;
  max-width: 500px;
  width: 100%;
  padding-top: 20px;
}
@media all and (max-width: 667px) {
  .asconsole .dvc-register-base .register-base-outer {
    min-width: 0;
    padding-top: 0;
  }
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  background-color: white;
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  padding: 25px;
  position: relative;
  flex-basis: auto;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container asui-loading-mask {
  left: 0;
  opacity: 0.5;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-title {
  font-size: 16px;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-subtitle {
  color: #475369;
  margin: 5px 0;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-subtitle-error {
  color: #CB4848;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 15px 0 5px 0;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-assign {
  padding: 6px 8px;
  width: 100%;
  font-size: 12px;
  border: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-assign span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 2px;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-assign .assign-placeholder {
  color: #8493AE;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-assign .icon-network {
  line-height: 0.8 !important;
  margin-right: 6px;
  color: #6275A3;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-assign .card-thumbnail {
  margin-right: 6px;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-device-assign .card-icon-xs {
  min-width: 10px;
  min-height: 13px;
  padding: 2px;
  font-size: 8px !important;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-advanced-btn {
  padding: 30px 0 0 0;
  color: #6275A3;
  width: 100%;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-advanced-btn:before, .asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-advanced-btn:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 0.5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-advanced-btn:after {
  margin: 0 -55% 0 0.5em;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-form-container .register-btn {
  width: 100%;
  margin-top: 20px;
}
.asconsole .dvc-register-base .register-base-outer .register-base-inner .register-footer {
  text-align: center;
  margin-top: 20px;
  color: #475369;
}

.asconsole dvc-register-device-status {
  display: flex;
  flex-direction: column;
  flex: 1;
  border: 1px solid #DDE3EE;
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole dvc-register-device-status .rds-header {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  padding: 7px 12px;
  background-color: #475369;
  color: white;
}
.asconsole dvc-register-device-status .rds-header .rds-header-buttons {
  align-items: center;
  display: flex;
}
.asconsole dvc-register-device-status .rds-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: white;
  font-size: 95%;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-th {
  background-color: #EDF2F7;
  padding: 2px 15px !important;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 4px 15px;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .name-col {
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 5px;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .name-col .icon-device {
  margin-right: 7px;
  color: #475369;
  font-size: 75%;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .pending-col {
  color: #475369;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .success-col {
  color: #0A5BEB;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .failed-col {
  color: #CB4848;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .status-col {
  display: flex;
  align-items: center;
  width: 70px;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-row .status-col span {
  margin-left: 5px;
}
.asconsole dvc-register-device-status .rds-body .rds-status-table .rds-status-list {
  margin: 5px 0 10px 0;
  max-height: 400px;
  overflow: auto;
}

.asconsole dvc-registration-code {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative;
}
.asconsole dvc-registration-code .validating {
  pointer-events: none;
  opacity: 0.4;
}
.asconsole dvc-registration-code .register-device-digit-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.asconsole dvc-registration-code .register-device-digit-container input {
  text-align: center;
  width: 48px;
  height: 58px;
  padding: 20px 0;
  font-size: 20px;
  color: var(--colors-neutral-900);
  font-weight: 500;
  line-height: 100%;
  border-radius: 15px;
  margin: 0;
  text-transform: uppercase;
}
.asconsole dvc-registration-code .register-device-digit-container input:disabled {
  cursor: not-allowed;
  background: #eef4f9;
  color: #475369;
}
.asconsole dvc-registration-code .register-device-digit-container input.reg-error {
  border: 1px solid #CB4848;
  color: #CB4848;
}
.asconsole dvc-registration-code .register-device-digit-container input.reg-success {
  border: 1px solid #0C817B;
  color: #0C817B;
}
.asconsole dvc-registration-code .register-device-regcode-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  flex-basis: auto;
  gap: 10px;
}
.asconsole dvc-registration-code .register-device-regcode-container ng-transclude {
  align-items: center;
  gap: 10px;
}
.asconsole dvc-registration-code .register-device-regcode-container .icon-camera {
  margin-left: 4px;
  font-size: 24px;
  color: #6275A3;
  cursor: pointer;
}
.asconsole dvc-registration-code .register-device-regcode-container .icon-camera:hover {
  color: #475369;
}
.asconsole dvc-registration-code .register-device-regcode-container input::-ms-clear {
  display: none;
}
.asconsole dvc-registration-code .register-device-regcode-container ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole dvc-registration-code .register-device-regcode-container .register-device-regcode-placeholder {
  border: 1px solid #eef4f9;
  color: #8493AE;
}
.asconsole dvc-registration-code .register-device-regcode-container .register-device-regcode:focus {
  border: 1px solid #77B0EE;
}
.asconsole dvc-registration-code .register-device-regcode-container .register-device-regcode::-moz-selection {
  background-color: #dd2020;
  color: #fff;
}
.asconsole dvc-registration-code .register-device-regcode-container .register-device-regcode::selection {
  background: #dd2020;
  color: #fff;
}
.asconsole dvc-registration-code .register-device-regcode-container .register-device-regcode.reg-error {
  border: 1px solid #CB4848;
  color: #CB4848;
}
.asconsole dvc-registration-code .register-device-regcode-container .register-device-regcode.reg-success {
  border: 1px solid #0C817B;
  color: #0C817B;
}
.asconsole dvc-registration-code .spinner-sm {
  position: absolute;
  top: 15px;
  left: 132px;
}
.asconsole dvc-registration-code .invalid-code-error {
  color: #CB4848;
  font-size: 95%;
  margin-top: 6px;
}

.asconsole dvc-edit-schedule-component {
  display: flex;
  flex-direction: column;
}
.asconsole dvc-edit-schedule-component .sched-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 7px;
  justify-content: flex-end;
}
.asconsole dvc-edit-schedule-component .sched-container label {
  width: auto !important;
  color: #333F55 !important;
}
.asconsole dvc-edit-schedule-component .sched-container .asui-dropdown {
  width: 241px !important;
  margin: 0 0 0 7px !important;
}
.asconsole dvc-edit-schedule-component .sched-container .asui-date-picker {
  margin: 0 7px;
  width: 102px;
}
.asconsole dvc-edit-schedule-component .sched-container .asui-date-picker input {
  border-radius: 2px !important;
  border-color: #DDE3EE;
  padding: 6px;
  width: 100%;
  min-width: 100px;
}
.asconsole dvc-edit-schedule-component .sched-container .asui-date-picker .date-clear {
  width: 23px;
}
.asconsole dvc-edit-schedule-component .sched-container .asui-date-picker:last-child {
  margin-right: 0;
}
.asconsole dvc-edit-schedule-component .sched-container:first-child {
  margin-top: 0;
}

.asconsole dvc-register-serial-number asui-radio {
  margin-bottom: 8px;
}
.asconsole dvc-register-serial-number .file-link {
  border: 1px solid #DDE3EE;
  padding: 8px 0;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  cursor: pointer;
  margin-bottom: 10px;
}
.asconsole dvc-register-serial-number .file-link .icon {
  color: #4f596e;
  padding: 10px;
  font-size: 18px;
}
.asconsole dvc-register-serial-number .file-link .file-name {
  flex: 1;
}
.asconsole dvc-register-serial-number .sample-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole dvc-register-serial-number .error {
  color: #CB4848;
}
.asconsole dvc-register-serial-number .asui-tags-input tags-input {
  min-height: 60px;
}
.asconsole dvc-register-serial-number .asui-tags-input tags-input .tags .input {
  width: 220px !important;
}
.asconsole dvc-register-serial-number .asui-tags-input tags-input .tags .invalid-tag {
  border: 1px solid #EBBE36 !important;
}
.asconsole dvc-register-serial-number .asui-tags-input tags-input .tags .invalid-tag.selected {
  background-color: #ffecc5 !important;
}
.asconsole dvc-register-serial-number .asui-tags-input tags-input .tags .selected {
  background-color: #dfe4ea !important;
}
.asconsole dvc-register-serial-number textarea {
  min-height: 70px;
  resize: none;
  margin: 0;
}

.asconsole device-settings-setting {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.asconsole device-settings-setting ui-view {
  background-color: #f7f8fb;
}
.asconsole device-settings-setting .ui-view-padding {
  padding: 22px 30px;
}
@media all and (max-width: 667px) {
  .asconsole device-settings-setting .ui-view-padding {
    padding: 11px 16px;
  }
}
.asconsole device-settings-setting .setting-panel {
  display: flex;
  flex-direction: column;
}
.asconsole device-settings-setting .setting-panel .setting-column {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
}
.asconsole device-settings-setting .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole device-settings-setting .setting-panel .setting-row {
    flex-direction: column;
  }
}
.asconsole device-settings-setting .setting-panel .setting-row .field-label {
  min-width: 350px;
  margin-right: 30px;
  color: #475369;
  display: flex;
  margin-top: 8px;
}
.asconsole device-settings-setting .setting-panel .setting-row .field-label .icon-info {
  margin-left: 10px;
}
.asconsole device-settings-setting .setting-panel .setting-row .field-label .popover {
  word-wrap: break-word;
  width: 250px;
}
@media all and (max-width: 667px) {
  .asconsole device-settings-setting .setting-panel .setting-row .field-label {
    min-width: 200px;
  }
}
.asconsole device-settings-setting .setting-panel .setting-row .sub-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-bottom: 9px;
}
.asconsole device-settings-setting .setting-panel .setting-row .field-value {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole device-settings-setting .setting-panel .setting-row .field-value > input,
.asconsole device-settings-setting .setting-panel .setting-row .field-value .asui-dropdown {
  width: 100%;
  max-width: 300px;
}
.asconsole device-settings-setting .setting-panel .setting-row .field-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole device-settings-setting .setting-panel .setting-row .duration-ddl {
  width: 145px;
}
.asconsole device-settings-setting .setting-panel .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole device-settings-setting .setting-panel .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole device-settings-setting .setting-panel .setting-row asui-dropdown-typeahead {
  background-color: white;
  max-width: 300px;
}
.asconsole device-settings-setting .setting-panel .setting-row-vcenter {
  align-items: center;
}
.asconsole device-settings-setting label {
  color: #475369;
}
.asconsole device-settings-setting .bg-muted {
  opacity: 0.5;
}
.asconsole device-settings-setting .btn-footer {
  margin-top: 0px;
}
.asconsole device-settings-setting .btn-footer .btn-group {
  margin: 0;
}
.asconsole device-settings-setting .btn-footer .btn-group .btn:first-child {
  margin-left: 0;
}

.asconsole dvc-edit-device-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  align-items: stretch;
  background-color: white;
}
.asconsole dvc-edit-device-settings .device-settings-sidemenu {
  text-align: center;
}
.asconsole dvc-edit-device-settings .device-settings-sidemenu .asui-vertical-navbar {
  border: none;
}

.asconsole dvc-upgrade-license {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-basis: auto;
}
.asconsole dvc-upgrade-license .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole dvc-upgrade-license .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole dvc-upgrade-license .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  height: 120px;
}
.asconsole dvc-upgrade-license .modal-body .header {
  margin-bottom: 20px;
  font-size: 14px;
  color: #2d3851;
}
.asconsole dvc-upgrade-license .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-um-manage-licenses {
  width: 600px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-manage-licenses {
    width: calc(100vw - 7px);
  }
}

.asconsole webex-registration-url-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  min-height: 269px;
}
.asconsole webex-registration-url-modal .modal-header, .asconsole webex-registration-url-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole webex-registration-url-modal .modal-body {
  display: flex;
  flex: 1;
  align-items: center;
}
.asconsole webex-registration-url-modal .modal-body .copy-link {
  border: 1px solid #DDE3EE;
  padding: 4px 6px;
  display: flex;
  width: 100%;
  height: 31px;
  min-width: 0;
  margin-right: 10px;
  border-radius: 2px;
}
.asconsole webex-registration-url-modal .modal-body .copy-link span {
  padding: 2px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole webex-registration-url-modal .modal-body .copy-link .copied {
  background-color: #77B0EE;
}
.asconsole webex-registration-url-modal .modal-body asui-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #0A5BEB;
  width: 60px;
  height: 31px;
}
.asconsole webex-registration-url-modal .modal-body asui-copy .popover {
  color: #333F55;
}
.asconsole webex-registration-url-modal .modal-body .asui-copy:hover {
  color: white;
}
.asconsole webex-registration-url-modal .modal-body .webex-error {
  display: flex;
  align-items: center;
  flex: 1;
  flex-direction: column;
  color: #CB4848;
}
.asconsole webex-registration-url-modal .modal-body .webex-error img {
  width: 100px;
}
.asconsole webex-registration-url-modal .modal-body .webex-error div {
  text-align: center;
}
.asconsole webex-registration-url-modal .modal-body .webex-error .try-again {
  display: flex;
  flex-direction: row;
  color: #333F55;
}
.asconsole webex-registration-url-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-webex-reg-url {
  width: 400px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-webex-reg-url {
    width: calc(100vw - 7px);
  }
}

.asconsole brightsign-timezone .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole brightsign-timezone .asui-dropdown .as-select .dropdown-toggle .filter-option {
  padding-left: 0px !important;
}
.asconsole brightsign-timezone .asui-dropdown .dropdown-menu {
  max-height: 40vh !important;
}

.asconsole analytics-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole .modal-header, .asconsole .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-dgm-analytics {
  flex-direction: column;
  width: 600px;
}
.asconsole .modal-dgm-analytics .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
  padding-bottom: 10px;
  height: calc(100vh - 180px);
}
.asconsole .modal-dgm-analytics .modal-body .analytics-item {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
}
.asconsole .modal-dgm-analytics .modal-body .analytics-item .analytics-item-key {
  font-weight: bold;
  min-width: 130px;
}
.asconsole .modal-dgm-analytics .modal-body .analytics-item .analytics-item-val {
  word-break: break-all;
}

.asconsole dgm-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole dgm-analytics .search-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole dgm-analytics .search-container .icon-filter {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #6275A3;
  cursor: pointer;
}
.asconsole dgm-analytics .search-container .asui-command-bar {
  margin-top: -10px;
  margin-bottom: 7px !important;
  min-height: initial;
}
.asconsole dgm-analytics .search-container .asui-command-bar .trigger-pointer {
  right: 7px;
}
.asconsole dgm-analytics .search-container .asui-command-bar .close-btn {
  display: none;
}
.asconsole dgm-analytics .summary-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole dgm-analytics .summary-container .date-filter-container {
  display: flex;
  align-items: center;
  color: #475369;
}
.asconsole dgm-analytics .summary-container .date-filter-container .date-filter {
  margin: 0 20px 0 5px;
  font-weight: 500;
}
.asconsole dgm-analytics .summary-container .date-filter-container .date-filter .fa-caret-down {
  margin-left: 5px;
}
.asconsole dgm-analytics .summary-container .date-filter-container .asui-btn {
  min-width: 0;
  padding: 0;
  padding-top: 4px;
  width: 34px;
  height: 22px;
  margin-right: 5px;
  color: #475369;
}
.asconsole dgm-analytics .summary-container .date-filter-container .asui-btn i {
  margin-right: 0;
}
.asconsole dgm-analytics .summary-container .total-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
}
.asconsole dgm-analytics .summary-container .total-container .total-item {
  color: #475369;
  margin-right: 20px;
  font-weight: 500;
}
.asconsole dgm-analytics .summary-container .total-container .total-item:last-child {
  margin-right: 5px;
}
.asconsole dgm-analytics .asui-table-container {
  margin-top: 5px;
}
.asconsole dgm-analytics .asui-table-container .messageCount {
  display: flex;
  align-items: center;
}
.asconsole dgm-analytics .asui-table-container .messageCount span {
  line-height: 1;
}
.asconsole dgm-analytics .asui-table-container .messageCount i {
  font-size: 100%;
  margin-left: 5px;
}
.asconsole dgm-analytics .transaction-link {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole dgm-diagnostics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole dgm-diagnostics ui-view {
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole dgm-diagnostics ui-view {
    padding: 15px 15px;
  }
}

.asconsole dgm-transactions {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole dgm-transactions .search-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole dgm-transactions .search-container .icon-filter {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #6275A3;
  cursor: pointer;
}
.asconsole dgm-transactions .search-container .asui-command-bar {
  margin-top: -10px;
  margin-bottom: 7px !important;
  min-height: initial;
}
.asconsole dgm-transactions .search-container .asui-command-bar .trigger-pointer {
  right: 7px;
}
.asconsole dgm-transactions .search-container .asui-command-bar .close-btn {
  display: none;
}
.asconsole dgm-transactions .summary-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole dgm-transactions .summary-container .date-filter-container {
  display: flex;
  align-items: center;
  color: #475369;
}
.asconsole dgm-transactions .summary-container .date-filter-container .date-filter {
  margin: 0 20px 0 5px;
  font-weight: 500;
}
.asconsole dgm-transactions .summary-container .date-filter-container .date-filter .fa-caret-down {
  margin-left: 5px;
}
.asconsole dgm-transactions .summary-container .date-filter-container .asui-btn {
  min-width: 0;
  padding: 0;
  padding-top: 4px;
  width: 34px;
  height: 22px;
  margin-right: 5px;
  color: #475369;
}
.asconsole dgm-transactions .summary-container .date-filter-container .asui-btn i {
  margin-right: 0;
}
.asconsole dgm-transactions .summary-container .total-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
}
.asconsole dgm-transactions .summary-container .total-container .total-item {
  color: #475369;
  margin-right: 20px;
  font-weight: 500;
}
.asconsole dgm-transactions .summary-container .total-container .total-item:last-child {
  margin-right: 5px;
}
.asconsole dgm-transactions .summary-container .total-container .total-error {
  cursor: pointer;
}
.asconsole dgm-transactions .summary-container .total-container .total-error span {
  color: #CB4848;
}
.asconsole dgm-transactions .summary-container .total-container .total-warning {
  cursor: pointer;
}
.asconsole dgm-transactions .summary-container .total-container .total-warning span {
  color: #EBBE36;
}
.asconsole dgm-transactions .asui-table-container {
  margin-top: 5px;
}
.asconsole dgm-transactions .asui-table-container .messageCount {
  display: flex;
  align-items: center;
}
.asconsole dgm-transactions .asui-table-container .messageCount span {
  line-height: 1;
}
.asconsole dgm-transactions .asui-table-container .messageCount i {
  font-size: 100%;
  margin-left: 5px;
}
.asconsole dgm-transactions .transaction-link {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole dgm-users {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole dgm-users .search-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole dgm-users .search-container .icon-filter {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #6275A3;
  cursor: pointer;
}
.asconsole dgm-users .search-container .asui-command-bar {
  margin-top: -10px;
  margin-bottom: 7px !important;
  min-height: initial;
}
.asconsole dgm-users .search-container .asui-command-bar .trigger-pointer {
  right: 7px;
}
.asconsole dgm-users .search-container .asui-command-bar .close-btn {
  display: none;
}
.asconsole dgm-users .summary-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
}
.asconsole dgm-users .summary-container .total-item {
  color: #475369;
  margin-right: 20px;
  font-weight: 500;
}
.asconsole dgm-users .summary-container .total-item:last-child {
  margin-right: 5px;
}
.asconsole dgm-users .asui-table-container {
  margin-top: 5px;
}
.asconsole dgm-users .transaction-link {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole transactions-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole .break-word {
  word-break: break-all;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole break-word {
    word-break: break-word;
  }
}
.asconsole .modal-header, .asconsole .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-dgm-transaction {
  flex-direction: column;
  width: 80vw;
}
.asconsole .modal-dgm-transaction .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
  padding-bottom: 10px;
  height: calc(100vh - 180px);
}
.asconsole .modal-dgm-transaction .modal-body asui-horizontal-navbar {
  margin-bottom: 5px;
}
.asconsole .modal-dgm-transaction .trans-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  padding: 20px;
  margin: 10px 0;
}
.asconsole .modal-dgm-transaction .trans-details .trans-item {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
}
.asconsole .modal-dgm-transaction .trans-details .trans-item .trans-item-key {
  font-weight: bold;
  min-width: 130px;
}
.asconsole .modal-dgm-transaction .msg-histories {
  overflow-y: auto;
}
.asconsole .modal-dgm-transaction asui-loading-mask {
  left: 0;
}

.asconsole profile-channel-group-banner {
  display: flex;
  margin-left: -30px;
  margin-top: -30px;
  height: 90px;
  width: calc(100% + 60px);
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole profile-channel-group-banner {
    margin-top: -18px;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.asconsole profile-channel-group-banner asui-card-channel-group {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.asconsole profile-channel-group-banner asui-card-channel-group .card-thumbnail {
  min-height: 90px !important;
}
.asconsole profile-channel-group-banner .cg-banner-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin-left: 30px;
  text-shadow: 1px 1px #475369;
}
.asconsole profile-channel-group-banner .cg-banner-info .cg-banner-name {
  font-size: 140%;
  cursor: pointer;
}

.asconsole profile-card-channel .sc-channel-container {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  width: 100px;
  cursor: pointer;
}
.asconsole profile-card-channel .sc-channel-container .sc-channel-icon {
  display: flex;
  justify-content: center;
}
.asconsole profile-card-channel .sc-channel-container .sc-channel-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 7px 10px;
}

.asconsole profile-card-channel-group .sc-cg-container {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  width: 240px;
  cursor: pointer;
}
.asconsole profile-card-channel-group .sc-cg-container .sc-cg-icon {
  display: flex;
  justify-content: center;
}
.asconsole profile-card-channel-group .sc-cg-container .sc-cg-icon .card-thumbnail {
  min-height: 80px;
}
.asconsole profile-card-channel-group .sc-cg-container .sc-cg-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 7px 10px;
}

.asconsole profile-card-device .sc-device-container {
  display: flex;
  flex-direction: row;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  width: 200px;
  height: 70px;
}
.asconsole profile-card-device .sc-device-container .sc-device-icon {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.asconsole profile-card-device .sc-device-container .sc-device-icon .card-icon-sm {
  width: 45px;
  height: 45px;
}
.asconsole profile-card-device .sc-device-container .sc-device-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10px;
  flex: 1;
  width: 0;
}
.asconsole profile-card-device .sc-device-container .sc-device-details .sc-device-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.asconsole profile-card-device .sc-device-container .sc-device-details .sc-device-type {
  font-size: 90%;
  color: #475369;
  margin-top: 1px;
}

.asconsole profile-card-user .sc-container {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  padding: 10px 15px;
  width: 110px;
  cursor: pointer;
}
.asconsole profile-card-user .sc-container .sc-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.asconsole profile-card-user .sc-container .sc-icon .sc-white-bg .circle-icon {
  background-color: white;
}
.asconsole profile-card-user .sc-container .sc-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.asconsole profile-card-user .sc-container .sc-type {
  font-size: 90%;
  color: #475369;
}

.asconsole profile-channel {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  min-width: 0;
}
.asconsole profile-channel .profile-loading {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.asconsole profile-channel .profile-channel-block {
  display: flex;
  flex-direction: column;
}
.asconsole profile-channel .profile-channel-block profile-properties {
  margin-top: 10px;
}
.asconsole profile-channel .profile-channel-block profile-properties .publish-count-icon {
  margin-right: 5px;
  color: #6275A3;
  font-size: 85%;
}
.asconsole profile-channel .profile-channel-block profile-properties .icon-device {
  font-size: 75%;
}
.asconsole profile-channel .stream-popover .prop-key {
  margin-right: 2px !important;
  width: 30px;
}

.asconsole profile-channel-grid {
  display: flex;
}
.asconsole profile-channel-grid .sw-content {
  min-height: 39px !important;
}
.asconsole profile-channel-grid asui-grid {
  max-width: 100%;
}
.asconsole profile-channel-grid asui-grid .grid-item {
  flex: none !important;
}
.asconsole profile-channel-grid .no-content-channel {
  border: 1px solid #DDE3EE;
  margin: 10px 0 20px 0;
}
.asconsole profile-channel-grid .no-content-channel .non-content-text {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 100%;
  padding: 8px;
  margin-bottom: 0;
}
.asconsole profile-channel-grid .no-content-channel .non-content-text i {
  color: #8493AE;
  margin-right: 10px;
}

.asconsole profile-channel-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
  min-width: 0;
}
.asconsole profile-channel-group .profile-loading {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.asconsole profile-channel-group .profile-channel-block {
  display: flex;
  flex-direction: column;
}
.asconsole profile-channel-group .profile-channel-block profile-properties {
  margin-top: 20px;
}
.asconsole profile-channel-group .profile-channel-block profile-properties .publish-count-icon {
  margin-right: 5px;
  color: #6275A3;
  font-size: 85%;
}
.asconsole profile-channel-group .profile-channel-block profile-properties .icon-device {
  font-size: 75%;
}
.asconsole profile-channel-group .profile-cg-caption {
  word-break: break-all;
}
.asconsole profile-channel-group .stream-popover .prop-key {
  margin-right: 2px !important;
  width: 30px;
}

.asconsole profile-result-collection-grid {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  position: relative;
  min-height: 50px;
}
.asconsole profile-result-collection-grid asui-loading-mask .loading-mask-container {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.asconsole profile-result-collection-grid .no-content-container {
  margin-bottom: 0;
  border: 1px solid #DDE3EE;
  padding: 15px;
}
.asconsole profile-result-collection-grid .no-content-container .icon-container i {
  font-size: 3vh;
  color: #6275A3;
}
.asconsole profile-result-collection-grid .no-content-container .non-content-text {
  font-size: 100%;
}
.asconsole profile-result-collection-grid .collection-grid-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
}
.asconsole profile-result-collection-grid .collection-grid-container .collection-grid-item-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
}
.asconsole profile-result-collection-grid .collection-grid-container .collection-grid-item-container .collection-grid-item {
  margin-right: 10px;
  opacity: 1;
}
.asconsole profile-result-collection-grid .collection-grid-container .collection-grid-item-container collection-grid-item.ng-enter {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
.asconsole profile-result-collection-grid .collection-grid-container .collection-grid-item-container collection-grid-item.ng-enter-active {
  opacity: 1;
}
.asconsole profile-result-collection-grid .collection-grid-container .collection-grid-next-page {
  color: #475369;
  position: absolute;
  top: 50%;
  right: -10px;
  cursor: pointer;
  background-color: white;
  border-radius: 50%;
  display: flex;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}
.asconsole profile-result-collection-grid .collection-grid-container .collection-grid-previous-page {
  color: #475369;
  position: absolute;
  top: 50%;
  left: -10px;
  cursor: pointer;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 20px;
  justify-content: center;
  transform: translateY(-50%);
}

.asconsole profile-device {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  min-width: 0;
}
.asconsole profile-device dvc-edit-device-overview {
  padding: 0;
}

:root {
  --rct-arrow-container-size: 16px;
  --rct-arrow-padding: 6px;
  --rct-arrow-size: 10px;
  --rct-bar-offset: 6px;
  --rct-bar-width: 4px;
  --rct-color-arrow: #373a3f;
  --rct-color-drag-between-line-bg: #0366d6;
  --rct-color-focustree-item-active-bg: #e4e6eb;
  --rct-color-focustree-item-active-text: #4f4f4f;
  --rct-color-focustree-item-draggingover-bg: #ebf0f4;
  --rct-color-focustree-item-draggingover-color: inherit;
  --rct-color-focustree-item-focused-border: #0366d6;
  --rct-color-focustree-item-hover-bg: #f0f2f5;
  --rct-color-focustree-item-hover-text: inherit;
  --rct-color-focustree-item-selected-bg: #e8eaed;
  --rct-color-focustree-item-selected-bg: #f0f2f5;
  --rct-color-focustree-item-selected-text: inherit;
  --rct-color-nonfocustree-item-focused-border: #dbdbdb;
  --rct-color-nonfocustree-item-selected-bg: #e8eaed;
  --rct-color-nonfocustree-item-selected-text: inherit;
  --rct-color-renaming-input-submitbutton-bg-active: #095fc1;
  --rct-color-renaming-input-submitbutton-bg-hover: #0366d6;
  --rct-color-renaming-input-submitbutton-bg: inherit;
  --rct-color-renaming-input-submitbutton-text-active: #ffffff;
  --rct-color-renaming-input-submitbutton-text-hover: #ffffff;
  --rct-color-renaming-input-submitbutton-text: inherit;
  --rct-color-tree-bg: #f6f8fa;
  --rct-color-tree-bg: transparent;
  --rct-color-tree-focus-outline: #0366d6;
  --rct-color-tree-focus-outline: transparent;
  --rct-cursor: pointer;
  --rct-focus-outline: #000000;
  --rct-item-height: 22px;
  --rct-item-height: 28px;
  --rct-item-margin: 1px;
  --rct-item-padding: 8px;
  --rct-radius: 4px;
}

.rct-tree-root {
  font-family: sans-serif;
  background-color: var(--rct-color-tree-bg);
  padding: 4px 0;
}

.rct-tree-root-focus {
  outline: 1px solid var(--rct-color-tree-focus-outline);
}

.rct-tree-item-li {
  font-size: 0.8rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.rct-tree-item-title-container {
  display: flex;
  align-items: center;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.rct-tree-item-button {
  flex-grow: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  border: none;
  width: 100%;
  height: var(--rct-item-height);
  text-align: left;
  color: inherit;
  outline: none;
}

.rct-tree-item-arrow {
  width: 10px;
}

.rct-tree-item-arrow svg {
  width: 10px;
}

.rct-tree-item-arrow-path {
  fill: var(--rct-color-arrow);
}

.rct-tree-items-container {
  margin: 0;
  padding: 0;
}

.rct-tree-root:not(.rct-tree-root-focus) .rct-tree-item-title-container-selected {
  background-color: var(--rct-color-nonfocustree-item-selected-bg);
  color: var(--rct-color-nonfocustree-item-selected-text);
}

.rct-tree-root.rct-tree-root-focus .rct-tree-item-title-container-selected {
  background-color: var(--rct-color-focustree-item-selected-bg);
  color: var(--rct-color-focustree-item-selected-text);
}

.rct-tree-root.rct-tree-root-focus .rct-tree-item-title-container-focused {
  outline: none;
  border-color: var(--rct-color-focustree-item-focused-border);
}

.rct-tree-root:not(.rct-tree-root-focus) .rct-tree-item-title-container-focused {
  outline: none;
  border-color: var(--rct-color-nonfocustree-item-focused-border);
}

.rct-tree-item-title-container-dragging-over {
  background-color: var(--rct-color-focustree-item-draggingover-bg);
  color: var(--rct-color-focustree-item-draggingover-color);
}

.rct-tree-drag-between-line {
  position: absolute;
  right: 0;
  top: -2px;
  height: 4px;
  background-color: var(--rct-color-drag-between-line-bg);
}

.rct-tree-drag-between-line-top {
  top: 0px;
}

.rct-tree-drag-between-line-bottom {
  top: -4px;
}

.rct-tree-item-renaming-form {
  flex-grow: 1;
  display: flex;
}

.rct-tree-item-renaming-input {
  flex-grow: 1;
  background-color: inherit;
  border: none;
  color: inherit;
  outline: none;
}

.rct-tree-item-renaming-submit-button {
  border: none;
  background-color: var(--rct-color-renaming-input-submitbutton-bg);
  border-radius: 999px;
  color: var(--rct-color-renaming-input-submitbutton-text);
  cursor: pointer;
}

.rct-tree-item-renaming-submit-button:hover {
  background-color: var(--rct-color-renaming-input-submitbutton-bg-hover);
  color: var(--rct-color-renaming-input-submitbutton-text-hover);
}

.rct-tree-item-renaming-submit-button:active {
  background-color: var(--rct-color-renaming-input-submitbutton-bg-active);
  color: var(--rct-color-renaming-input-submitbutton-text-active);
}

.rct-tree-item-button {
  padding: 0 var(--rct-item-padding) 0 calc(var(--rct-item-padding) + var(--rct-arrow-container-size) + var(--rct-arrow-padding));
  margin-left: calc(-1 * var(--rct-arrow-size));
  cursor: var(--rct-cursor);
  transition: color 100ms ease-out, background-color 100ms ease-out;
}

.rct-tree-item-button:focus-visible {
  outline: 2px solid var(--rct-focus-outline);
}

.rct-tree-item-button:hover {
  background-color: var(--rct-color-focustree-item-hover-bg);
  color: var(--rct-color-focustree-item-hover-text);
}

.rct-tree-item-button:active {
  background-color: var(--rct-color-focustree-item-active-bg);
  color: var(--rct-color-focustree-item-active-text);
}

.rct-tree-item-title-container-selected .rct-tree-item-button {
  background-color: var(--rct-color-focustree-item-selected-bg);
  color: var(--rct-color-focustree-item-selected-text);
}

.rct-tree-item-button {
  margin-top: var(--rct-item-margin);
  margin-bottom: var(--rct-item-margin);
  position: relative;
  border-radius: var(--rct-radius);
}

.rct-tree-item-title-container-dragging-over .rct-tree-item-button {
  background-color: var(--rct-color-focustree-item-draggingover-bg);
  color: var(--rct-color-focustree-item-draggingover-color);
}

.rct-tree-item-title-container {
  border: none;
  background-color: unset !important;
}

.rct-tree-item-arrow {
  z-index: 1;
  margin-right: calc(-1 * var(--rct-arrow-container-size) + var(--rct-arrow-padding));
  width: var(--rct-arrow-container-size);
  height: var(--rct-arrow-container-size);
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: var(--rct-radius);
  cursor: var(--rct-cursor);
}

.rct-tree-item-arrow.rct-tree-item-arrow-isFolder:hover {
  background-color: var(--rct-color-focustree-item-hover-bg);
  color: var(--rct-color-focustree-item-hover-text);
}

.rct-tree-item-arrow svg {
  width: var(--rct-arrow-size);
}

.rct-tree-item-renaming-submit-button {
  border-radius: var(--rct-radius);
  visibility: hidden;
}

.rct-tree-drag-between-line {
  border-radius: 99px;
  height: 3px;
}

.rct-tree-input-icon {
  content: url(data:image/svg+xml,%3Csvg%20stroke%3D%22currentColor%22%20fill%3D%22currentColor%22%20stroke-width%3D%220%22%20viewBox%3D%220%200%2016%2016%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
  position: fixed;
  transform: translateY(var(--rct-search-padding)) translateX(var(--rct-search-padding));
  z-index: 1;
}

.asconsole profile-device-table {
  display: flex;
}
.asconsole profile-device-table .sw-content {
  min-height: 39px !important;
}
.asconsole profile-device-table .asui-table-container {
  margin: 0;
}
.asconsole profile-device-table .no-content-device {
  border: 1px solid #DDE3EE;
  padding: 10px;
}
.asconsole profile-device-table .no-content-device .non-content-text {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 100%;
  margin-bottom: 0;
}
.asconsole profile-device-table .no-content-device .non-content-text i {
  color: #8493AE;
  margin-right: 10px;
}

.asconsole profile-device-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
  min-width: 0;
}
.asconsole profile-device-group .profile-loading {
  visibility: hidden;
  position: absolute;
}
.asconsole profile-device-group .profile-device-block {
  display: flex;
  flex-direction: column;
}
.asconsole profile-device-group .profile-device-block profile-properties {
  margin-top: 20px;
}
.asconsole profile-device-group .profile-device-block profile-properties .publish-count-icon {
  margin-right: 5px;
  color: #6275A3;
  font-size: 85%;
}
.asconsole profile-device-group .profile-device-block profile-properties .icon-device {
  font-size: 75%;
}

.asconsole profile-network {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  min-width: 0;
}
.asconsole profile-network .profile-network-block {
  display: flex;
  flex-direction: column;
}
.asconsole profile-network .profile-network-block profile-properties {
  margin-top: 10px;
}
.asconsole profile-network .network-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
  color: white;
  width: 66px;
  height: 66px;
  font-size: 36px;
}
.asconsole profile-network .network-icon i {
  font-size: 130%;
}

.asconsole profile-network-table {
  display: flex;
}
.asconsole profile-network-table .sw-content {
  min-height: 39px !important;
}
.asconsole profile-network-table .asui-table-container {
  margin: 0;
}
.asconsole profile-network-table .asui-table-container .device-group-count, .asconsole profile-network-table .asui-table-container .device-count {
  color: #6275A3;
}
.asconsole profile-network-table .subnetworks-no-content {
  border: 1px solid #DDE3EE;
  padding: 10px;
}
.asconsole profile-network-table .subnetworks-no-content .non-content-text {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 100%;
  margin-bottom: 0;
}
.asconsole profile-network-table .subnetworks-no-content .non-content-text i {
  color: #8493AE;
  margin-right: 10px;
}
.asconsole profile-network-table .subnetworks-no-content .non-content-text .icon-no-results {
  color: #475369;
  font-size: 120%;
}

.asconsole profile-channel-permission {
  display: flex;
}
.asconsole profile-channel-permission asui-grid {
  overflow: hidden;
  max-width: 100%;
}
.asconsole profile-channel-permission asui-grid .grid-item {
  flex: none !important;
}

.asconsole profile-channel-preview app-preview {
  width: 100%;
}
.asconsole profile-channel-preview app-preview .app-preview-iframe-container iframe {
  transform-origin: top left;
}
.asconsole profile-channel-preview .no-content-container {
  border: 1px solid #DDE3EE;
}
.asconsole profile-channel-preview .no-content-container .icon-container i {
  font-size: 12vh;
}
.asconsole profile-channel-preview .no-content-container .non-content-text {
  padding-bottom: 20px;
}

.asconsole profile {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole profile .view-container {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 0 25px 25px 25px;
}
.asconsole profile .view-container .profile-view {
  border: 1px solid #DDE3EE;
  padding: 30px;
  max-width: 1024px;
  width: 100%;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole profile .view-container .profile-view {
    padding: 15px;
  }
}
.asconsole profile .view-container .profile-view .loading-mask-container {
  background-color: white;
}
.asconsole .profile-well {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.asconsole .profile-well .sw-header {
  display: flex;
  color: #475369;
  margin-bottom: 5px;
  align-items: stretch;
  justify-content: space-between;
}
.asconsole .profile-well .sw-header .sw-header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.asconsole .profile-well .sw-desc {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 10px;
}
.asconsole .profile-well .sw-desc .sw-desc-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #475369;
}
.asconsole .profile-well .sw-content {
  display: flex;
  position: relative;
  min-height: 102px;
}
.asconsole .profile-well searchable-table .table-container {
  min-height: 47px;
}
.asconsole .profile-well chm-publishing-editor .publish-to-all {
  top: 10px;
}

.asconsole profile-banner {
  display: flex;
  flex-direction: row;
}
.asconsole profile-banner .banner-col-icon {
  display: flex;
}
.asconsole profile-banner .banner-col-icon chm-channel-thumbnail .channel-thumbnail {
  width: 96px;
  min-width: 96px;
  height: 132px;
}
.asconsole profile-banner .banner-col-icon chm-channel-thumbnail .channel-thumbnail .icon {
  font-size: 40px;
}
.asconsole profile-banner .banner-col-icon chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-svg-icon {
  width: 48px;
  height: 48px;
}
.asconsole profile-banner .banner-col-details {
  display: flex;
  margin-left: 20px;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  width: 100%;
  overflow: hidden;
  /* hide ... if we have text, which is less than or equal to max lines */
}
.asconsole profile-banner .banner-col-details .banner-name {
  font-size: 15px;
  margin-bottom: 5px;
}
.asconsole profile-banner .banner-col-details .banner-type {
  color: #475369;
  margin-bottom: 5px;
}
.asconsole profile-banner .banner-col-details .aoverview-desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
.asconsole profile-banner .banner-col-details .banner-desc {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  /* place for '...' */
  margin-right: -9px;
  padding-right: 9px;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole profile-banner .banner-col-details .banner-desc break-word {
    word-break: break-all;
  }
}
.asconsole profile-banner .banner-col-details .banner-desc:before {
  /* points in the end */
  content: "...";
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
.asconsole profile-banner .banner-col-details .banner-desc:after {
  /* points in the end */
  content: "";
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 9px;
  height: 9px;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.asconsole profile-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole profile-modal {
    min-height: calc(100vh - 20px);
  }
}
.asconsole profile-modal .modal-body {
  padding: 25px;
  height: 100%;
  display: flex;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole profile-modal .modal-body {
    padding: 15px;
  }
}
.asconsole profile-modal .modal-body .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 180%;
  width: 60px;
  height: 60px;
  color: #475369;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}
.asconsole profile-modal .modal-body .top-r-close:hover {
  color: #333F55;
}
.asconsole profile-modal .modal-body profile-channel-group-banner {
  margin-left: -25px;
  margin-top: -25px;
  width: calc(100% + 50px);
}
.asconsole .modal-profile {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  max-width: 1052px;
}
.asconsole .modal-profile .modal-content {
  min-height: 100%;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.asconsole profile-properties {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -20px 0 0 -20px;
}
.asconsole profile-properties .prop-col {
  display: flex;
  min-width: 250px;
  flex: 0 0 33.33333%;
  flex-direction: column;
  padding: 20px 0 0 20px;
}
@media all and (max-width: 992px) {
  .asconsole profile-properties .prop-col {
    flex: 0 0 33%;
  }
}
@media all and (max-width: 667px) {
  .asconsole profile-properties .prop-col {
    flex: 0 0 50%;
  }
}
.asconsole profile-properties .prop-col .prop-row {
  display: flex;
  flex-direction: row;
}
.asconsole profile-properties .prop-col .prop-row .prop-key {
  color: #475369;
  margin-right: 20px;
  white-space: nowrap;
}
.asconsole profile-properties .prop-col .prop-row .info-unavailable {
  color: #8493AE;
}
.asconsole profile-properties .prop-col .prop-row .prop-val {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole profile-properties .prop-col .prop-row .prop-val break-word {
    word-break: break-all;
  }
}

.asconsole profile-result-collection {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.asconsole profile-user {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
  min-width: 0;
}
.asconsole profile-user .profile-loading {
  visibility: hidden;
  position: absolute;
}
.asconsole profile-user .profile-user-block {
  display: flex;
  flex-direction: column;
}
.asconsole profile-user .profile-user-block profile-properties {
  margin-top: 10px;
}
.asconsole profile-user .profile-user-block profile-properties .icon-network {
  margin-right: 5px;
  color: #6275A3;
  font-size: 85%;
}
.asconsole profile-user .profile-user-block profile-properties .user-active-status {
  background-color: #0C817B;
  padding: 0px 5px;
  border-radius: 2px;
  color: white;
}
.asconsole profile-user .profile-user-block profile-properties .network-link {
  color: #0A5BEB;
  cursor: pointer;
}

.asconsole profile-user-permission {
  display: flex;
  min-height: 110px;
}
.asconsole profile-user-permission .profile-well {
  height: 100%;
}
.asconsole profile-user-permission .profile-well .user-permission-container {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 92px;
}
.asconsole profile-user-permission .sw-content {
  min-height: 40px !important;
}
.asconsole profile-user-permission .sw-content asui-grid {
  max-width: 100%;
}
.asconsole profile-user-permission .sw-content asui-grid .grid-item {
  flex: none !important;
}
.asconsole profile-user-permission .user-permission-well {
  margin-top: 30px;
}
.asconsole profile-user-permission .user-permission-hidden {
  margin-top: 0;
}
.asconsole profile-user-permission .user-permission-cg {
  margin-top: 10px;
}
.asconsole profile-user-permission .profile-channel-container {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  width: 95px;
  cursor: pointer;
}
.asconsole profile-user-permission .profile-channel-container .profile-channel-icon {
  display: flex;
  justify-content: center;
}
.asconsole profile-user-permission .profile-channel-container .profile-channel-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 7px 10px;
}
.asconsole profile-user-permission .profile-cg-container {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  width: 240px;
  cursor: pointer;
}
.asconsole profile-user-permission .profile-cg-container .profile-cg-icon {
  display: flex;
  justify-content: center;
}
.asconsole profile-user-permission .profile-cg-container .profile-cg-icon .card-thumbnail {
  min-height: 80px;
}
.asconsole profile-user-permission .profile-cg-container .profile-cg-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 7px 10px;
}
.asconsole profile-user-permission .no-content-container {
  border: 1px solid #DDE3EE;
  margin: 10px 0 20px 0;
}
.asconsole profile-user-permission .no-content-container .non-content-text {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 100%;
  margin-bottom: 0;
  padding: 8px;
}
.asconsole profile-user-permission .no-content-container .non-content-text i {
  font-size: 150%;
  color: #8493AE;
  margin-right: 10px;
}

.asconsole profile-user-publish {
  display: flex;
}
.asconsole profile-user-publish .user-publish-well {
  margin-top: 50px;
}
.asconsole profile-user-publish .sw-content {
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  min-height: 300px !important;
}

.asconsole profile-user-table {
  display: flex;
  min-height: 110px;
}
.asconsole profile-user-table .sw-content {
  min-height: 39px !important;
}
.asconsole profile-user-table .asui-table-container {
  margin: 0;
}
.asconsole profile-user-table .no-content-container {
  border: 1px solid #DDE3EE;
  margin: 10px 0 20px 0;
}
.asconsole profile-user-table .no-content-container .non-content-text {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 100%;
  padding: 8px;
}
.asconsole profile-user-table .no-content-container .non-content-text i {
  color: #8493AE;
  margin-right: 10px;
}

.asconsole profile-user-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
  min-width: 0;
}
.asconsole profile-user-group .profile-loading {
  visibility: hidden;
  position: absolute;
}
.asconsole profile-user-group .profile-user-block {
  display: flex;
  flex-direction: column;
}
.asconsole profile-user-group .profile-user-block profile-properties {
  margin-top: 20px;
}
.asconsole profile-user-group .profile-user-block profile-properties .icon-network {
  margin-right: 5px;
  color: #6275A3;
  font-size: 85%;
}
.asconsole profile-user-group .profile-user-block profile-properties .user-active-status {
  background-color: #0C817B;
  padding: 0px 5px;
  border-radius: 2px;
  color: white;
}

.asconsole as-error {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  justify-content: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole as-error {
    padding: 15px 15px;
  }
}
.asconsole as-error .no-content-container {
  max-width: 480px;
}
.asconsole as-error .no-content-container h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.asconsole as-error .no-content-container img {
  width: 100% !important;
}
.asconsole as-error .non-content-text {
  padding-bottom: 20px;
}

.asconsole um-accept-user-request {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-basis: auto;
}
.asconsole um-accept-user-request .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole um-accept-user-request .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole um-accept-user-request .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 25px;
  min-height: 100px;
  justify-content: center;
}
.asconsole um-accept-user-request .modal-body map-location-dropdown {
  flex: initial;
  border-radius: 4px;
}
.asconsole um-accept-user-request .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-accept-user-request .modal-body asui-multiselect .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole um-accept-user-request .modal-body label > .required {
  color: #CB4848;
}
.asconsole .modal-um-accept-user-request {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-accept-user-request {
    width: calc(100vw - 7px);
  }
}

.asconsole um-batch-user-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole um-change-password {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}
.asconsole um-change-password .modal-header {
  display: flex;
  padding: 0;
  border-bottom: 0;
  -webkit-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
}
.asconsole um-change-password .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 15px 30px;
}
.asconsole um-change-password .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding: 25px 30px;
  flex-basis: auto;
}
.asconsole um-change-password .modal-body .um-edit-row, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant {
  display: flex;
  flex-direction: row;
  flex-basis: auto;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-change-password .modal-body .um-edit-row, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant {
    flex-direction: column;
    margin-bottom: 12px;
  }
}
.asconsole um-change-password .modal-body .um-edit-row .key, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .key, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .key {
  color: #475369;
  min-width: 150px;
  margin-top: 6px;
}
.asconsole um-change-password .modal-body .um-edit-row .input-container, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .input-container, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .input-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  flex-basis: auto;
}
.asconsole um-change-password .modal-body .um-edit-row .requirements, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .requirements, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .requirements {
  color: #8da0b2;
  font-size: 12px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  max-width: 389px;
}
.asconsole um-change-password .modal-body .um-edit-row .requirements ul, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .requirements ul, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .requirements ul {
  padding-left: 20px;
}
.asconsole um-change-password .modal-body .um-edit-row .requirements ul li, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .requirements ul li, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .requirements ul li {
  margin-top: 5px;
}
.asconsole um-change-password .modal-body .um-edit-row .verify-error, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .verify-error, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .verify-error {
  margin-top: 10px;
  position: absolute;
  top: 30px;
  left: 5px;
  font-size: 12px;
}
.asconsole um-change-password .modal-body .um-edit-row .validating-msg, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .validating-msg, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .validating-msg {
  margin-top: 10px;
  color: #475369;
  display: flex;
  align-items: center;
  font-size: 12px;
  position: absolute;
  top: 30px;
  left: 5px;
}
.asconsole um-change-password .modal-body .um-edit-row .validating-msg asui-spinner, .asconsole um-change-password .modal-body um-edit-user-general .um-edit-row-assistant .validating-msg asui-spinner, .asconsole um-edit-user-general um-change-password .modal-body .um-edit-row-assistant .validating-msg asui-spinner {
  flex: unset;
  margin-left: 20px;
}
.asconsole um-change-password .modal-body um-password-input {
  display: flex;
  flex: 1;
  border-radius: 2px;
  border: 1px solid #DDE3EE;
  flex-basis: auto;
}
.asconsole um-change-password .modal-body um-password-input input {
  margin: 0;
  border: 0;
}
.asconsole um-change-password .modal-body um-password-input .icon-container {
  display: flex;
  align-items: center;
  color: #475369;
  cursor: pointer;
  border-left: 1px solid #DDE3EE;
}
.asconsole um-change-password .modal-body um-password-input .icon-container .icon-copy {
  font-size: 16px;
  padding: 5px;
}
.asconsole um-change-password .modal-body um-password-input .icon-container .icon-eye-enabled, .asconsole um-change-password .modal-body um-password-input .icon-container .icon-eye-disabled {
  font-size: 22px;
  padding: 3px 5px;
}
.asconsole um-change-password .modal-body um-password-input.error-border {
  border-color: #CB4848;
}
.asconsole um-change-password .modal-body .error {
  color: #CB4848;
  font-size: 12px;
}
.asconsole um-change-password .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 15px 30px;
}
.asconsole um-change-password .modal-footer button {
  font-size: 14px;
}
.asconsole .modal-um-change-password {
  width: 600px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-change-password {
    width: calc(100vw - 7px);
  }
}

.asconsole um-common-library-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 82vh;
  min-height: 320px;
}
.asconsole .modal-um-common-library {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  max-width: 630px;
  font-size: 14px;
}
.asconsole .modal-um-common-library .modal-header {
  padding: 15px 25px;
}
.asconsole .modal-um-common-library .modal-header .modal-title {
  font-size: 140%;
}
.asconsole .modal-um-common-library .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px;
  position: relative;
  overflow: auto;
}
.asconsole .modal-um-common-library .modal-body .um-edit-row, .asconsole .modal-um-common-library .modal-body um-edit-user-general .um-edit-row-assistant, .asconsole um-edit-user-general .modal-um-common-library .modal-body .um-edit-row-assistant {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.asconsole .modal-um-common-library .modal-body .um-edit-row .key, .asconsole .modal-um-common-library .modal-body um-edit-user-general .um-edit-row-assistant .key, .asconsole um-edit-user-general .modal-um-common-library .modal-body .um-edit-row-assistant .key {
  color: #475369;
  min-width: 150px;
  margin-top: 6px;
}
.asconsole .modal-um-common-library .modal-body .um-edit-row .asui-dropdown, .asconsole .modal-um-common-library .modal-body um-edit-user-general .um-edit-row-assistant .asui-dropdown, .asconsole um-edit-user-general .modal-um-common-library .modal-body .um-edit-row-assistant .asui-dropdown {
  width: 100%;
}
.asconsole .modal-um-common-library .modal-body .um-edit-row .toggle-input, .asconsole .modal-um-common-library .modal-body um-edit-user-general .um-edit-row-assistant .toggle-input, .asconsole um-edit-user-general .modal-um-common-library .modal-body .um-edit-row-assistant .toggle-input {
  display: flex;
  align-items: center;
  height: 32px;
}
.asconsole .modal-um-common-library .modal-body .um-edit-row .toggle-input .toggle.btn, .asconsole .modal-um-common-library .modal-body um-edit-user-general .um-edit-row-assistant .toggle-input .toggle.btn, .asconsole um-edit-user-general .modal-um-common-library .modal-body .um-edit-row-assistant .toggle-input .toggle.btn {
  font-size: 12px !important;
}
.asconsole .modal-um-common-library .modal-body .btn {
  font-size: 14px;
}
.asconsole .modal-um-common-library .modal-body .asui-dropdown .dropdown-menu.inner {
  font-size: 14px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings .ug-tags-input {
  display: flex;
}
.asconsole .modal-um-common-library .modal-body .custom-settings .ug-tags-input .asui-tags-input {
  min-height: 0;
  padding: 0;
}
.asconsole .modal-um-common-library .modal-body .custom-settings .ug-tags-input .asui-tags-input .input, .asconsole .modal-um-common-library .modal-body .custom-settings .ug-tags-input .asui-tags-input .tag-item, .asconsole .modal-um-common-library .modal-body .custom-settings .ug-tags-input .asui-tags-input .remove-button {
  font-size: 14px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings .ug-tags-input .add-btn {
  margin-left: 10px;
  height: 34px;
  width: 65px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings .grid-title {
  color: #475369;
  font-size: 90%;
  margin: 5px 0;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid {
  overflow-y: auto;
  height: 283px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item {
  padding: 15px 0 15px 20px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item:first-child {
  padding-top: 25px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item .sharing-user {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item .sharing-user .user-details {
  margin: 0 15px;
  flex: 1;
  overflow: auto;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item .sharing-user .ug-permission .btn {
  width: 126px;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item .delete-td {
  width: 50px;
  padding-left: 25px;
  color: #6275A3;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item .delete-td .icon-clear {
  font-size: 22px;
  cursor: pointer;
}
.asconsole .modal-um-common-library .modal-body .custom-settings asui-grid .grid-container .grid-item .delete-td:hover {
  color: #475369;
}
.asconsole .modal-um-common-library .modal-body .custom-settings .sharing-empty {
  padding: 5px 0;
}
.asconsole .modal-um-common-library .modal-body asui-loading-mask {
  opacity: 0.6;
}

.asconsole um-attributes-rules-create {
  font-size: 14px;
}
.asconsole um-attributes-rules-create .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole um-attributes-rules-create .modal-header .modal-title {
  font-size: 20px;
}
.asconsole um-attributes-rules-create .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole um-attributes-rules-create .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole um-attributes-rules-create .modal-body .input-row > label {
  width: 180px;
  display: flex;
  align-items: center;
  color: #475369;
  margin: 0;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole um-attributes-rules-create .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole um-attributes-rules-create .modal-body .input-row .asui-dropdown, .asconsole um-attributes-rules-create .modal-body .input-row asui-dropdown-typeahead, .asconsole um-attributes-rules-create .modal-body .input-row > input {
  flex: 1;
  margin: 0;
}
.asconsole um-attributes-rules-create .modal-body .input-row asui-tags-input {
  flex: 1;
}
.asconsole um-attributes-rules-create .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole um-attributes-rules-create .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-um-attr-rules-create {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-attr-rules-create {
    width: calc(100vw - 7px);
  }
}

.asconsole um-delete-library-modal {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 300px;
}
.asconsole um-delete-library-modal .modal-header .modal-title {
  font-size: 20px;
}
.asconsole um-delete-library-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px;
  margin: 0;
  color: #333F55;
}
.asconsole um-delete-library-modal .modal-body .cb-container {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.asconsole um-delete-library-modal .modal-body .cb-container label {
  font-weight: 200;
  margin: 0;
}
.asconsole um-delete-library-modal .modal-body .cb-container input {
  margin: 3px 15px 0 0;
}
.asconsole um-delete-library-modal .modal-body .cb-container input:focus-visible {
  outline: none;
}
.asconsole um-delete-library-modal .modal-body .cb-container input:focus-visible + label {
  outline: 2px solid #77B0EE;
  outline-offset: 1px;
}
.asconsole um-delete-library-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole um-delete-library-modal .modal-footer .btn {
  font-weight: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
}
.asconsole um-delete-library-modal .modal-footer .btn-delete {
  color: #CB4848 !important;
  border-color: #CB4848;
}
.asconsole um-delete-library-modal .modal-footer .btn-delete .btn-icon {
  color: #CB4848;
}
.asconsole .modal-um-delete-library {
  width: calc(100vw - 20px);
  max-width: 600px;
}

.asconsole um-delete-usergroup-modal {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 238px;
}
.asconsole um-delete-usergroup-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px;
  margin: 0;
  justify-content: center;
}
.asconsole um-delete-usergroup-modal .modal-body .cb-container {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.asconsole um-delete-usergroup-modal .modal-body .cb-container label {
  font-weight: 200;
  margin: 0;
}
.asconsole um-delete-usergroup-modal .modal-body .cb-container input {
  margin: 5px 12px 5px 0;
}
.asconsole .modal-um-delete-ug {
  width: calc(100vw - 20px);
  max-width: 600px;
}

.asconsole um-edit-user {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}
.asconsole um-edit-user .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-bottom: 0;
  -webkit-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
}
.asconsole um-edit-user .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 15px 30px;
}
.asconsole um-edit-user .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  padding: 0 15px;
  color: #6275A3;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole um-edit-user .modal-header .top-r-close:hover {
  color: #475369;
}
.asconsole um-edit-user .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding: 0;
  flex-basis: auto;
  overflow-y: auto;
}
.asconsole um-edit-user .modal-body .btn-primary {
  text-transform: unset;
}
.asconsole um-edit-user .modal-body asui-horizontal-navbar {
  padding: 0 30px;
  border-top: 0;
  margin-top: 10px;
  margin-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user .modal-body asui-horizontal-navbar {
    display: none;
  }
}
.asconsole um-edit-user .modal-body asui-horizontal-navbar li {
  padding: 5px 30px;
}
.asconsole um-edit-user .modal-body .um-edit-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 30px;
  min-height: 500px;
  max-height: 500px;
  overflow: auto;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user .modal-body .um-edit-content {
    padding: 15px;
    max-height: unset;
  }
}
.asconsole um-edit-user .modal-body .um-edit-content .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-edit-user .modal-body .pending-container {
  min-height: 300px;
}
.asconsole um-edit-user .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 30px;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user .modal-footer {
    padding: 15px;
    flex-wrap: wrap;
  }
}
.asconsole um-edit-user .modal-footer .footer-left {
  display: flex;
  flex: 1;
}
.asconsole um-edit-user .modal-footer .footer-right {
  display: flex;
  justify-content: flex-end;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user .modal-footer .footer-right {
    margin-top: 5px;
  }
}
.asconsole um-edit-user .btn {
  font-weight: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
}
.asconsole um-edit-user .btn-default .btn-icon {
  color: #475369;
}
.asconsole um-edit-user .btn-delete {
  color: #CB4848 !important;
  border-color: #CB4848;
}
.asconsole um-edit-user .btn-delete .btn-icon {
  color: #CB4848;
}
.asconsole um-edit-user .btn-primary .btn-icon {
  color: white;
}
.asconsole .modal-um-user-edit {
  width: 800px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-user-edit {
    width: 100vw;
  }
  .asconsole .modal-um-user-edit um-edit-user {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}

.asconsole um-edit-user-group-general {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 10px;
  position: relative;
}
.asconsole um-edit-user-group-general asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-edit-user-group-general .um-edit-row, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole um-edit-user-group-general .um-edit-row asui-multiselect-checkbox, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant asui-multiselect-checkbox, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant asui-multiselect-checkbox {
  flex: 1;
  width: 100%;
}
.asconsole um-edit-user-group-general .um-edit-row asui-multiselect-checkbox .mc-input, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant asui-multiselect-checkbox .mc-input, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant asui-multiselect-checkbox .mc-input {
  font-size: 14px;
  height: 32px;
}
.asconsole um-edit-user-group-general .um-edit-row asui-multiselect-checkbox .mc-dropdown-container .mc-item, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant asui-multiselect-checkbox .mc-dropdown-container .mc-item, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant asui-multiselect-checkbox .mc-dropdown-container .mc-item {
  font-size: 14px;
  line-height: 20px;
}
.asconsole um-edit-user-group-general .um-edit-row .key, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .key, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .key {
  color: #475369;
  min-width: 150px;
  margin-top: 6px;
}
.asconsole um-edit-user-group-general .um-edit-row .name, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .name, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .name, .asconsole um-edit-user-group-general .um-edit-row .desc, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .desc, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .desc {
  margin: 0;
}
.asconsole um-edit-user-group-general .um-edit-row .mapping-ddl, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .mapping-ddl, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .mapping-ddl {
  width: 100%;
}
.asconsole um-edit-user-group-general .um-edit-row .mapping-ddl .bootstrap-select .filter-option-inner-inner, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .mapping-ddl .bootstrap-select .filter-option-inner-inner, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .mapping-ddl .bootstrap-select .filter-option-inner-inner {
  overflow: unset;
}
.asconsole um-edit-user-group-general .um-edit-row .rules-input, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .rules-input, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .rules-input {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.asconsole um-edit-user-group-general .um-edit-row .rules-input .rules-container, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .rules-input .rules-container, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .rules-input .rules-container {
  background: #f7f8fb;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  padding: 6px 12px;
}
.asconsole um-edit-user-group-general .um-edit-row .rules-input .rules-container .rule, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .rules-input .rules-container .rule, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .rules-input .rules-container .rule {
  cursor: pointer;
  color: #0A5BEB;
  margin-bottom: 7px;
}
.asconsole um-edit-user-group-general .um-edit-row .rules-input .rules-container .rule:last-child, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .rules-input .rules-container .rule:last-child, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .rules-input .rules-container .rule:last-child {
  margin-bottom: 0;
}
.asconsole um-edit-user-group-general .um-edit-row .rules-input .rules-container.read-only, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .rules-input .rules-container.read-only, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .rules-input .rules-container.read-only {
  background-color: #eef4f9;
  opacity: 0.65;
}
.asconsole um-edit-user-group-general .um-edit-row .rules-input .rules-container.read-only .rule, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .rules-input .rules-container.read-only .rule, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .rules-input .rules-container.read-only .rule {
  cursor: default;
  color: #3c465d;
  opacity: 0.5;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .desc, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .desc, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .desc {
  display: flex;
  align-items: center;
  color: #475369;
  margin-bottom: 10px;
  margin-top: 6px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .toggle-label, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .toggle-label, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .toggle-label {
  display: flex;
  align-items: center;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .toggle-label .icon-info, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .toggle-label .icon-info, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .toggle-label .icon-info {
  margin-left: 10px;
  color: #475369;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .toggle-label .popover-content, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .toggle-label .popover-content, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .toggle-label .popover-content {
  font-size: 14px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .lib-toggle-btn, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .lib-toggle-btn, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .lib-toggle-btn {
  margin-left: 30px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .lib-toggle-btn .icon-check, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .lib-toggle-btn .icon-check, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .lib-toggle-btn .icon-check {
  color: white;
  font-size: 18px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .lib-toggle-btn .toggle, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .lib-toggle-btn .toggle, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .lib-toggle-btn .toggle {
  width: 60px !important;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .input-group, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .input-group, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .asui-dropdown, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .asui-dropdown, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .asui-dropdown {
  width: 120px;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .asui-dropdown .dropdown-menu, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .asui-dropdown .dropdown-menu, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .asui-dropdown .dropdown-menu {
  font-size: 14px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .custom-duration, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .custom-duration, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .custom-duration {
  width: 80px;
  margin: 0;
  color: #333F55;
  margin-right: 10px;
}
.asconsole um-edit-user-group-general .um-edit-row .lib-container .input-error, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .lib-container .input-error, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .lib-container .input-error {
  border: 1px solid #CB4848;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container .desc, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container .desc, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container .desc {
  display: flex;
  align-items: center;
  color: #475369;
  margin-bottom: 5px;
  margin-top: 6px;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container .cb-container, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container .cb-container, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container .cb-container {
  display: flex;
  flex-direction: row;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container .cb-container .cb, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container .cb-container .cb, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container .cb-container .cb {
  display: flex;
  align-items: center;
  font-weight: 200;
  margin-left: 5px;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container .cb-container .cb input[type=checkbox], .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container .cb-container .cb input[type=checkbox], .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container .cb-container .cb input[type=checkbox] {
  margin-right: 10px;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container .cb-container .cb input[type=checkbox]:focus-visible, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container .cb-container .cb input[type=checkbox]:focus-visible, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container .cb-container .cb input[type=checkbox]:focus-visible {
  outline: none;
}
.asconsole um-edit-user-group-general .um-edit-row .license-container .cb-container .cb input[type=checkbox]:focus-visible + .checkbox-description, .asconsole um-edit-user-group-general um-edit-user-general .um-edit-row-assistant .license-container .cb-container .cb input[type=checkbox]:focus-visible + .checkbox-description, .asconsole um-edit-user-general um-edit-user-group-general .um-edit-row-assistant .license-container .cb-container .cb input[type=checkbox]:focus-visible + .checkbox-description {
  outline: 2px solid #77B0EE;
  outline-offset: 1px;
}
.asconsole um-edit-user-group-general .um-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.1875rem;
  border: 1px solid #DDE3EE;
  margin-bottom: 1.25rem;
}
.asconsole um-edit-user-group-general .um-status .vert-bar {
  border-bottom-left-radius: 0.1875rem;
  width: 0.4375rem;
  height: 100%;
}
.asconsole um-edit-user-group-general .um-status i {
  font-size: 1.5rem;
  padding: 0 0.9375rem;
}
.asconsole um-edit-user-group-general .info-container .um-info {
  color: #0A5BEB;
}
.asconsole um-edit-user-group-general .info-container .um-info .vert-bar {
  background-color: #0A5BEB;
}

.asconsole um-edit-user-group {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}
.asconsole um-edit-user-group .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-bottom: 0;
  -webkit-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
}
.asconsole um-edit-user-group .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 15px 30px;
}
.asconsole um-edit-user-group .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  padding: 0 15px;
  color: #6275A3;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole um-edit-user-group .modal-header .top-r-close:hover {
  color: #475369;
}
.asconsole um-edit-user-group .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding: 0;
  flex-basis: auto;
}
.asconsole um-edit-user-group .modal-body .btn-primary {
  text-transform: unset;
}
.asconsole um-edit-user-group .modal-body asui-horizontal-navbar {
  padding: 0 30px;
  border-top: 0;
  margin-top: 10px;
  margin-bottom: 0;
}
.asconsole um-edit-user-group .modal-body asui-horizontal-navbar li {
  padding: 5px 30px;
}
.asconsole um-edit-user-group .modal-body .um-edit-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 30px;
  min-height: 560px;
  max-height: 560px;
  overflow: auto;
}
.asconsole um-edit-user-group .modal-body .um-edit-content .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-edit-user-group .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 30px;
}
.asconsole um-edit-user-group .modal-footer .footer-left {
  display: flex;
  flex: 1;
}
.asconsole um-edit-user-group .modal-footer .footer-right {
  display: flex;
  justify-content: flex-end;
}
.asconsole um-edit-user-group .btn {
  font-weight: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
}
.asconsole um-edit-user-group .btn-default .btn-icon {
  color: #475369;
}
.asconsole um-edit-user-group .btn-delete {
  color: #CB4848 !important;
  border-color: #CB4848;
}
.asconsole um-edit-user-group .btn-delete .btn-icon {
  color: #CB4848;
}
.asconsole um-edit-user-group .btn-delete-disabled {
  opacity: 0.5;
}
.asconsole um-edit-user-group .btn-save {
  margin-left: 10px !important;
}
.asconsole um-edit-user-group .btn-save .btn-icon {
  color: white;
}
.asconsole .modal-um-edit-user-group {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-edit-user-group {
    width: calc(100vw - 7px);
  }
}

.asconsole um-user-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole um-user-filter-bar .filter-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 10px 0;
  width: 100%;
}
.asconsole um-user-filter-bar .filter-container .filter-left {
  display: flex;
  flex-direction: row;
}
.asconsole um-user-filter-bar .filter-container .filter-left .role-input .asui-multiselect {
  width: 137px;
}
.asconsole um-user-filter-bar .filter-container .filter-left .asui-multiselect {
  margin: 0;
}
.asconsole um-user-filter-bar .filter-container .filter-left .asui-multiselect .btn {
  height: 29px;
}
.asconsole um-user-filter-bar .filter-container .filter-left .asui-multiselect .filter-option {
  color: #333F55;
}
.asconsole um-user-filter-bar .filter-container .filter-left network-picker-dropdown .dropdown-container {
  top: 28px;
  border: 1px solid #DDE3EE;
  min-width: 200px;
}
.asconsole um-user-filter-bar .filter-container .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  color: #475369;
}
.asconsole um-user-filter-bar .filter-container .filter-right .divider {
  margin: 0 5px;
}
.asconsole um-user-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole um-user-filter-bar .asui-command-bar {
  margin-top: 0;
}
.asconsole um-user-filter-bar .asui-command-bar .content {
  background-color: #eef4f9;
  padding: 0;
}
.asconsole um-user-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole um-user-filter-bar .asui-command-bar .up-arrow_box:after {
  border-bottom-color: #eef4f9;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 8px 0 8px 15px;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container {
  display: flex;
  width: 100%;
  padding-right: 30px;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .cm-button {
  white-space: nowrap;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container {
  position: relative;
  width: 146px;
  margin-right: 15px;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker {
  border: none;
  width: initial;
  cursor: pointer;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker input {
  height: 17px;
  cursor: pointer;
  min-width: 50px;
  width: unset;
  z-index: 2;
  padding: 0;
  padding-right: 12px;
  text-overflow: unset;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker input::placeholder {
  color: #333F55;
  opacity: 1;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333F55 !important;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker ::-ms-input-placeholder { /* Microsoft Edge */
  color: #333F55 !important;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .date-range-container .fa-caret-down {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #6275A3;
  padding-top: 2px;
  padding-left: 5px;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-tags-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
  margin-left: -7px;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-tags-container .tag-item {
  color: white;
  background: #6275A3;
  border: 1px solid #6275A3;
  padding: 2px 10px;
  font-size: 80%;
  text-transform: uppercase;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  border-radius: var(--nc-radii__full);
  margin-left: 7px;
  margin-top: 5px;
  cursor: pointer;
}
.asconsole um-user-filter-bar .asui-command-bar ng-transclude.content .clm-tags-container .tag-item.selected {
  background: #586b82;
  border: 1px solid #586b82;
}

.asconsole um-edit-user-general {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 10px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user-general {
    padding-top: 0px;
  }
}
.asconsole um-edit-user-general .um-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #DDE3EE;
  margin-bottom: 20px;
}
.asconsole um-edit-user-general .um-status .vert-bar {
  border-bottom-left-radius: 3px;
  border-top-left-radius: px;
  width: 7px;
  height: 100%;
}
.asconsole um-edit-user-general .um-status i {
  font-size: 24px;
  padding: 0 15px;
}
.asconsole um-edit-user-general .um-pending {
  color: #EBBE36;
}
.asconsole um-edit-user-general .um-pending .vert-bar {
  background-color: #EBBE36;
}
.asconsole um-edit-user-general .suspended-container {
  margin-bottom: 30px;
}
.asconsole um-edit-user-general .suspended-container .um-suspended {
  color: #CB4848;
}
.asconsole um-edit-user-general .suspended-container .um-suspended .vert-bar {
  background-color: #CB4848;
}
.asconsole um-edit-user-general .primary-details {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user-general .primary-details {
    flex-direction: column-reverse;
  }
}
.asconsole um-edit-user-general .primary-details .details-left {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole um-edit-user-general .primary-details .details-left .name {
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user-general .primary-details .details-left .name {
    margin-right: 0px;
    margin-bottom: 6px;
  }
}
.asconsole um-edit-user-general .primary-details .details-left .asui-tags-input {
  min-height: 115px;
}
.asconsole um-edit-user-general .primary-details .details-left .asui-tags-input .tag-item {
  font-size: 12px;
}
.asconsole um-edit-user-general .primary-details .details-left user-assistant-typeahead .asui-tags-input {
  min-height: 35px;
  padding: 3px;
}
.asconsole um-edit-user-general .primary-details .details-left .cg-tags-readonly {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  min-height: 115px;
  border: 1px solid #DDE3EE;
  padding: 5px;
  background-color: #eef4f9;
  min-width: 0;
}
.asconsole um-edit-user-general .primary-details .details-left .cg-tags-readonly .cg-tags-readonly-tag {
  display: flex;
  color: white;
  border: 1px solid #6275A3;
  background: #6275A3;
  font-size: 12px;
  height: 26px;
  border-radius: var(--nc-radii__full);
  margin: 2px;
  line-height: 24px;
  padding: 0px 9px;
  min-width: 0;
}
.asconsole um-edit-user-general .primary-details .details-left .cg-tags-readonly .cg-tags-readonly-tag span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-edit-user-general .primary-details .details-left .cg-tags-readonly .cg-tags-readonly-tag span break-word {
    word-break: break-all;
  }
}
.asconsole um-edit-user-general .primary-details .details-left .cg-tags-readonly .icon-users {
  padding-left: 2px;
  padding-right: 5px;
  display: flex;
  align-items: center;
}
.asconsole um-edit-user-general .primary-details .details-left .license-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
}
.asconsole um-edit-user-general .primary-details .details-left .license-container .usage-loading {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.asconsole um-edit-user-general .primary-details .details-left .license-container .cb {
  display: flex;
  align-items: center;
  font-weight: 200;
  margin-left: 5px;
}
.asconsole um-edit-user-general .primary-details .details-left .license-container .cb input[type=checkbox] {
  margin-right: 10px;
}
.asconsole um-edit-user-general .primary-details .details-left .license-container .cb input[type=checkbox]:focus-visible {
  outline: none;
}
.asconsole um-edit-user-general .primary-details .details-left .license-container .cb input[type=checkbox]:focus-visible + .checkbox-description {
  outline: 2px solid #77B0EE;
  outline-offset: 1px;
}
.asconsole um-edit-user-general .primary-details .details-left asui-phone-number .iti {
  width: 100%;
}
.asconsole um-edit-user-general .primary-details .details-left asui-phone-number .iti input[type=tel] {
  width: 100%;
}
.asconsole um-edit-user-general .primary-details .details-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user-general .primary-details .details-right {
    margin-left: 0px;
    margin-bottom: 20px;
  }
}
.asconsole um-edit-user-general .primary-details .details-right .avatar {
  position: relative;
}
.asconsole um-edit-user-general .primary-details .details-right .avatar asui-card-user .card-icon-lg .card-thumbnail-image-circle {
  width: 140px !important;
  height: 140px !important;
}
.asconsole um-edit-user-general .primary-details .details-right .avatar .avatar-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid white;
  display: flex;
  overflow: hidden;
}
.asconsole um-edit-user-general .primary-details .details-right .avatar .avatar-overlay .avatar-overlay-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 70%;
  flex: 1;
  opacity: 0.6;
  background-color: black;
  cursor: pointer;
}
.asconsole um-edit-user-general .primary-details .details-right .avatar .avatar-overlay .icon-camera {
  position: absolute;
  top: 110px;
  left: 60px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.asconsole um-edit-user-general .primary-details .details-right .remove-avatar {
  color: #0A5BEB;
  cursor: pointer;
  margin-top: 10px;
}
.asconsole um-edit-user-general .um-edit-row, .asconsole um-edit-user-general .um-edit-row-assistant {
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user-general .um-edit-row, .asconsole um-edit-user-general .um-edit-row-assistant {
    flex-direction: column;
    margin-bottom: 12px;
  }
}
.asconsole um-edit-user-general .um-edit-row .um-sync-btn-row, .asconsole um-edit-user-general .um-edit-row-assistant .um-sync-btn-row {
  position: absolute;
  right: -25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  gap: 8px;
}
.asconsole um-edit-user-general .um-edit-row .key, .asconsole um-edit-user-general .um-edit-row-assistant .key {
  color: #0b1835;
  min-width: 170px;
  margin-top: 6px;
  font-weight: 700;
}
@media all and (max-width: 667px) {
  .asconsole um-edit-user-general .um-edit-row .key, .asconsole um-edit-user-general .um-edit-row-assistant .key {
    margin-bottom: 8px;
    font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.08em;
  }
}
.asconsole um-edit-user-general .um-edit-row .key .key-name, .asconsole um-edit-user-general .um-edit-row-assistant .key .key-name {
  margin-right: 0.5rem;
}
.asconsole um-edit-user-general .um-edit-row .email, .asconsole um-edit-user-general .um-edit-row-assistant .email {
  display: flex;
  align-items: center;
}
.asconsole um-edit-user-general .um-edit-row asui-multiselect-checkbox, .asconsole um-edit-user-general .um-edit-row-assistant asui-multiselect-checkbox {
  flex: 1;
}
.asconsole um-edit-user-general .um-edit-row asui-multiselect-checkbox .mc-input.disabled, .asconsole um-edit-user-general .um-edit-row-assistant asui-multiselect-checkbox .mc-input.disabled {
  color: var(--colors-neutral-700, #475369);
  background: #eef4f9;
}
.asconsole um-edit-user-general .um-edit-row asui-tags-input, .asconsole um-edit-user-general .um-edit-row-assistant asui-tags-input,
.asconsole um-edit-user-general .um-edit-row asui-dropdown-typeahead,
.asconsole um-edit-user-general .um-edit-row-assistant asui-dropdown-typeahead,
.asconsole um-edit-user-general .um-edit-row user-secondary-manager-typeahead,
.asconsole um-edit-user-general .um-edit-row-assistant user-secondary-manager-typeahead,
.asconsole um-edit-user-general .um-edit-row user-manager-typeahead,
.asconsole um-edit-user-general .um-edit-row-assistant user-manager-typeahead {
  width: 100%;
}
.asconsole um-edit-user-general .um-edit-row .input-container, .asconsole um-edit-user-general .um-edit-row-assistant .input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole um-edit-user-general .um-edit-row .input-container .footnote, .asconsole um-edit-user-general .um-edit-row-assistant .input-container .footnote {
  margin-top: 5px;
  font-size: 12px;
}
.asconsole um-edit-user-general .um-edit-row input, .asconsole um-edit-user-general .um-edit-row-assistant input {
  margin: 0;
}
.asconsole um-edit-user-general .um-edit-row .readonly-location, .asconsole um-edit-user-general .um-edit-row-assistant .readonly-location {
  opacity: 0.7;
  cursor: not-allowed;
}
.asconsole um-edit-user-general .um-edit-row .readonly-location .location-dropdown, .asconsole um-edit-user-general .um-edit-row-assistant .readonly-location .location-dropdown {
  pointer-events: none;
}
.asconsole um-edit-user-general .um-edit-row .user-directory-toggle, .asconsole um-edit-user-general .um-edit-row-assistant .user-directory-toggle {
  display: flex;
  flex-direction: column;
}
.asconsole um-edit-user-general .um-edit-row .user-directory-toggle .desc, .asconsole um-edit-user-general .um-edit-row-assistant .user-directory-toggle .desc {
  margin-top: 8px;
  font-size: 12px;
}
.asconsole um-edit-user-general .um-edit-row .user-directory-toggle toggle .toggle-on.btn-sm, .asconsole um-edit-user-general .um-edit-row-assistant .user-directory-toggle toggle .toggle-on.btn-sm {
  padding-left: 5px;
}
.asconsole um-edit-user-general .um-edit-row .user-directory-toggle toggle .toggle-off.btn-sm, .asconsole um-edit-user-general .um-edit-row-assistant .user-directory-toggle toggle .toggle-off.btn-sm {
  padding-right: 0px;
  background-color: #858b9a;
  color: white;
  font-weight: 700;
}
.asconsole um-edit-user-general .um-edit-row-assistant {
  margin-bottom: 10px;
}
.asconsole um-edit-user-general .um-color-element {
  position: absolute;
  top: 2px;
  right: -40px;
}

.asconsole um-invitation-status-modal {
  display: flex;
  flex-direction: column;
  min-height: 610px;
  flex-basis: auto;
}
.asconsole um-invitation-status-modal .modal-content {
  display: flex;
}
.asconsole um-invitation-status-modal .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole um-invitation-status-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole um-invitation-status-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
}
.asconsole um-invitation-status-modal .modal-body .header {
  display: flex;
  margin-bottom: 20px;
  font-size: 14px;
}
.asconsole um-invitation-status-modal .modal-body .header .available-invites {
  color: #0C817B;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  flex-basis: auto;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .invite-list-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #EDF2F7;
  color: #475369;
  border: 1px solid #DDE3EE;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  height: 30px;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .item-td {
  display: flex;
  align-items: center;
  padding-left: 20px;
  flex: 1;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-invitation-status-modal .modal-body .um-invite-list .email break-word {
    word-break: break-all;
  }
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .status {
  color: #475369;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .status.error {
  color: #CB4848;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .status.success {
  color: #0C817B;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .invite-list-scroll {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  overflow-y: auto;
  overflow-x: hidden;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .invite-list-scroll .grid-container {
  margin: 0;
  min-height: 70px;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .invite-list-scroll .grid-container .grid-item {
  flex: 0 0 100% !important;
  border: 1px solid #DDE3EE;
  border-top: 0;
  padding: 10px 0;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .invite-list-scroll .grid-container .grid-item item-directive {
  display: flex;
  height: 100%;
}
.asconsole um-invitation-status-modal .modal-body .um-invite-list .invite-list-scroll .grid-container .grid-item item-directive .invite-item {
  display: flex;
  flex: 1;
}
.asconsole um-invitation-status-modal .modal-body .no-content-container p {
  font-size: 14px;
}
.asconsole um-invitation-status-modal .btn {
  font-size: 14px;
  padding: 5px 12px;
}
.asconsole .modal-um-invitation-status {
  width: 100%;
  max-width: 95vw;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-invitation-status {
    width: calc(100vw - 7px);
  }
}

.asconsole um-invitation-status-pane console-notification-pane .np-body-collapsed {
  max-height: 8px;
}
.asconsole um-invitation-status-pane .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDE3EE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole um-invitation-status-pane .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole um-invitation-status-pane .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole um-invitation-status-pane .progress-details {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.asconsole um-invitation-status-pane .progress-details .invite-status {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole um-invitation-status-pane .progress-details .invite-status .icon {
  margin-right: 20px;
  font-size: 20px;
}
.asconsole um-invitation-status-pane .progress-details .invite-status.processing .icon {
  color: #6275A3;
}
.asconsole um-invitation-status-pane .progress-details .invite-status.completed .icon {
  color: #0C817B;
  font-size: 22px;
}
.asconsole um-invitation-status-pane .progress-details .invite-status.error {
  margin-bottom: 0;
}
.asconsole um-invitation-status-pane .progress-details .invite-status.error .icon {
  color: #CB4848;
}

.asconsole um-invite-users {
  display: flex;
  flex-direction: column;
  min-height: 600px;
  flex-basis: auto;
}
.asconsole um-invite-users .modal-content {
  display: flex;
}
.asconsole um-invite-users .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole um-invite-users .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
  min-height: 63px;
}
.asconsole um-invite-users .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  max-height: calc(100vh - 120px);
}
.asconsole um-invite-users .modal-body .header {
  display: flex;
  margin-bottom: 20px;
  font-size: 14px;
}
.asconsole um-invite-users .modal-body .header .available-invites {
  color: #0C817B;
}
.asconsole um-invite-users .modal-body .header.error {
  color: #CB4848;
}
.asconsole um-invite-users .modal-body .input-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.asconsole um-invite-users .modal-body .input-container .manual-invite-tags-input {
  width: 100%;
  margin-right: 10px;
}
.asconsole um-invite-users .modal-body .input-container .manual-invite-tags-input .asui-tags-input .input {
  width: 500px !important;
}
.asconsole um-invite-users .modal-body .input-container .add-btn {
  width: fit-content;
  min-width: 100px;
  height: 42px;
}
.asconsole um-invite-users .modal-body .um-invite-list {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  flex-basis: auto;
  overflow-x: auto;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table {
  width: 100%;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .delete-td {
  flex: unset;
  width: 65px;
  padding-left: 12px;
  padding-right: 20px;
  min-width: unset;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .delete-td .icon-clear {
  color: #6275A3;
  font-size: 22px;
  cursor: pointer;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .phone-td {
  min-width: 160px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .ug-td {
  min-width: 170px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .ug-td asui-tags-input {
  margin-bottom: 0;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .ug-td asui-tags-input .asui-tags-input {
  min-height: auto;
  min-height: unset;
  padding: 0;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .ug-td asui-tags-input .input {
  margin: 0;
  width: 114px !important;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .role-td {
  min-width: 156px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .input-validator .message {
  color: #CB4848;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .labels-with-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .labels-with-info .icon {
  font-size: 1rem;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .phone-input {
  margin: 0;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table asui-phone-number {
  display: block;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table asui-phone-number input[type=tel].error {
  border-color: #DDE3EE;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .asui-multiselect {
  width: 100%;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .asui-multiselect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  min-width: 140px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .license-td .btn-group {
  min-width: 150px !important;
  max-width: 300px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table network-picker-dropdown {
  width: 100%;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table network-picker-dropdown .dropdown-container {
  top: 29px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table network-picker-dropdown .nwk-input {
  height: 32px;
}
.asconsole um-invite-users .modal-body .um-invite-list asui-table .no-role {
  margin: 12px 5px;
  width: 12px;
  border: none;
  height: 2px;
  color: #858b9a; /* old IE */
  background-color: #858b9a; /* Modern Browsers */
}
.asconsole um-invite-users .modal-body .no-content-container p {
  font-size: 14px;
}
.asconsole um-invite-users .modal-body .no-content-container .asui-fileupload {
  display: inline-block;
}
.asconsole um-invite-users .btn {
  font-size: 14px;
  padding: 5px 12px;
}
.asconsole um-invite-users .split-btn {
  margin-left: 10px;
}
.asconsole um-invite-users .split-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole um-invite-users .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-um-invite-users {
  width: 100%;
  max-width: 95vw;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-invite-users {
    width: calc(100vw - 7px);
  }
}
.asconsole .invalid-invites {
  margin-left: auto;
  color: #CB4848;
}

.asconsole um-user-card {
  display: flex;
  flex-direction: column;
  border: solid 1px #DDE3EE;
  border-radius: 4px;
  background-color: white;
  padding: 10px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole um-user-card .um-user-card-top {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole um-user-card .um-user-card-top asui-card-user .card-icon-lg .card-thumbnail-image-circle {
  width: 72px !important;
  height: 72px !important;
}
.asconsole um-user-card .um-user-card-top asui-card-user .card-icon-lg .card-thumbnail-image-circle span {
  font-size: 32px !important;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 10px;
  min-width: 0;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .name-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .name-container .name-left {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .name-container .name-left .license {
  text-transform: uppercase;
  color: #3c465d;
  letter-spacing: 1px;
  font-weight: 900;
  font-size: 11px;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .name-container .name-left .name {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-card .um-user-card-top .um-user-card-details .name-container .name-left .name break-word {
    word-break: break-all;
  }
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .name-container .icon-context-vertical {
  color: #68768D;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  height: 25px;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .name-container .icon-context-vertical:hover {
  background-color: #EDF2F7;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .role {
  color: #3c465d;
  font-size: 14px;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .login {
  color: #4f596e;
  font-size: 11px;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .login.suspended {
  color: #CB4848;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .login.pending {
  color: #EBBE36;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .login.requested {
  color: #EB8C38;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .login.active-now {
  color: #0C817B;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .ug-grouper {
  min-width: 0;
  display: flex;
}
.asconsole um-user-card .um-user-card-top .um-user-card-details .ug-grouper .grouper-tooltip {
  display: flex;
  flex-direction: column;
  width: 300px;
}
.asconsole um-user-card .um-user-card-top .status-circle {
  position: absolute;
  top: 67px;
  left: 63px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid white;
  background-color: #6275A3;
}
.asconsole um-user-card .um-user-card-top .status-circle.suspended {
  background-color: #CB4848;
}
.asconsole um-user-card .um-user-card-top .status-circle.pending {
  background-color: #EBBE36;
}
.asconsole um-user-card .um-user-card-top .status-circle.requested {
  background-color: #EB8C38;
}
.asconsole um-user-card .um-user-card-top .status-circle.active-now {
  background-color: #0C817B;
}
.asconsole um-user-card .um-user-card-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 10px 0;
}
.asconsole um-user-card .um-user-card-bottom {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  height: 38px;
}
.asconsole um-user-card .um-user-card-bottom .email, .asconsole um-user-card .um-user-card-bottom .ug {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  color: #2d3851;
}
.asconsole um-user-card .um-user-card-bottom .email .ug-grouper, .asconsole um-user-card .um-user-card-bottom .ug .ug-grouper {
  min-width: 0;
}
.asconsole um-user-card .um-user-card-bottom .email i, .asconsole um-user-card .um-user-card-bottom .ug i {
  color: #4f596e;
  margin-right: 7px;
  font-size: 95%;
}
.asconsole um-user-card .um-user-card-bottom .email-inner {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-card .um-user-card-bottom .email-inner break-word {
    word-break: break-all;
  }
}
.asconsole um-user-card .um-user-card-bottom .ug .ug-grouper {
  min-width: 0;
}
.asconsole .um-user-card-ug-po {
  word-break: break-all;
}

.asconsole um-manage-home-location {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-basis: auto;
}
.asconsole um-manage-home-location .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole um-manage-home-location .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole um-manage-home-location .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 25px;
  min-height: 100px;
  justify-content: center;
}
.asconsole um-manage-home-location .modal-body map-location-dropdown {
  flex: initial;
}
.asconsole um-manage-home-location .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-um-manage-home-location {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-manage-home-location {
    width: calc(100vw - 7px);
  }
}

.asconsole um-manage-licenses {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-basis: auto;
}
.asconsole um-manage-licenses .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole um-manage-licenses .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole um-manage-licenses .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  min-height: 200px;
}
.asconsole um-manage-licenses .modal-body .header {
  margin-bottom: 20px;
}
.asconsole um-manage-licenses .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-manage-licenses .modal-body hr {
  width: 100%;
  border-top: 1px solid #DDE3EE;
}
.asconsole um-manage-licenses .modal-body .cb-container {
  display: flex;
  flex-direction: row;
  position: relative;
  flex-wrap: wrap;
}
.asconsole um-manage-licenses .modal-body .cb-container .usage-loading {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.asconsole um-manage-licenses .modal-body .cb-container .cb {
  display: flex;
  align-items: center;
  font-weight: 200;
  margin-left: 5px;
}
.asconsole um-manage-licenses .modal-body .cb-container .cb input[type=checkbox] {
  margin-right: 10px;
}
.asconsole um-manage-licenses .modal-body .error {
  color: #CB4848;
  font-size: 13px;
}
.asconsole .modal-um-manage-licenses {
  width: 600px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-manage-licenses {
    width: calc(100vw - 7px);
  }
}

.asconsole um-manage-membership {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-basis: auto;
}
.asconsole um-manage-membership .modal-header {
  padding: 15px 25px;
  display: flex;
}
.asconsole um-manage-membership .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole um-manage-membership .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
}
.asconsole um-manage-membership .modal-body .header {
  margin-bottom: 20px;
}
.asconsole um-manage-membership .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-manage-membership .modal-body .asui-tags-input .tag-item, .asconsole um-manage-membership .modal-body .asui-tags-input .input {
  font-size: 14px;
  padding-right: 28px;
}
.asconsole um-manage-membership .modal-body .asui-tags-input .input {
  font-size: 14px;
}
.asconsole um-manage-membership .modal-body .asui-tags-input .remove-button {
  font-size: 14px !important;
  padding-top: 5px !important;
}
.asconsole um-manage-membership .modal-body .remove-tags-input .input {
  display: none;
}
.asconsole .modal-um-manage-membership {
  width: 600px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-um-manage-membership {
    width: calc(100vw - 7px);
  }
}

.asconsole um-people-directory-settings {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  margin-top: -12px;
}

.asconsole um-edit-user-permissions {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group {
  border: 0;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-heading {
  background-color: white;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-heading .header-text {
  font-size: 100%;
  font-weight: 500;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-heading a > span {
  padding: 15px 5px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-heading .header-desc {
  color: #6275A3;
  font-size: 90%;
  margin-top: 2px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body {
  padding: 5px 5px 25px 5px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .desc-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .desc-container .add-btn {
  color: #475369;
  font-size: 14px;
  padding: 5px 4.5px;
  height: 27px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container {
  margin: 0;
  min-height: 38px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item {
  flex: 0 0 100% !important;
  border-bottom: 1px solid #DDE3EE;
  padding: 8px 0;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive {
  display: flex;
  align-items: center;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive asui-card-channel .card-icon-xs {
  min-width: 18px !important;
  min-height: 24px !important;
  font-size: 10px !important;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive asui-card-channel-group .card-icon-xs {
  min-width: 52px !important;
  min-height: 26px !important;
  font-size: 15px !important;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .passport-logo {
  width: 28px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .icon-shared-folder {
  color: #6275A3;
  font-size: 25px;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .item-td {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 30%;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .tn-td {
  cursor: pointer;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .permission-td, .asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .location-td {
  color: #475369;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .name-td {
  cursor: pointer;
  color: #0A5BEB;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .name-td break-word {
    word-break: break-all;
  }
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .delete-td {
  width: 52px;
  padding-left: 25px;
  color: #6275A3;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .delete-td .icon-clear {
  font-size: 22px;
  cursor: pointer;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive .delete-td:hover {
  color: #475369;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive.read-only .tn-td {
  cursor: default;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item item-directive.read-only .name-td {
  cursor: default;
  color: #333F55;
}
.asconsole um-edit-user-permissions asui-accordion .panel-group .panel-body .grid-container .grid-item:last-child {
  border: 0;
}
.asconsole um-edit-user-permissions .no-content-container .icon-container img {
  max-width: 150px;
}
.asconsole um-edit-user-permissions .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  font-size: 100%;
  align-items: center;
  margin-top: 12px;
}
.asconsole um-edit-user-permissions .no-content-container h4 {
  margin: 0;
}
.asconsole um-edit-user-permissions .no-content-container .add-btn {
  margin-top: 15px;
}
.asconsole um-edit-user-permissions .no-content-container .add-btn .icon-plus {
  font-size: 10px;
  margin-right: 8px;
}

.asconsole um-edit-user-roles {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole um-edit-user-roles .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.asconsole um-edit-user-roles .header .asui-cmn-element {
  color: #475369;
  font-size: 15px;
  padding: 6px 7px;
}
.asconsole um-edit-user-roles .um-role-list {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.asconsole um-edit-user-roles .um-role-list .role-list-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  color: #475369;
  border-bottom: 1px solid #DDE3EE;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  height: 30px;
  padding-bottom: 8px;
  font-weight: 500;
}
.asconsole um-edit-user-roles .um-role-list .item-td {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 50%;
}
.asconsole um-edit-user-roles .um-role-list .role-td {
  padding-left: 10px;
}
.asconsole um-edit-user-roles .um-role-list .scope-td {
  width: 45%;
}
.asconsole um-edit-user-roles .um-role-list .delete-td {
  width: 60px;
  color: #6275A3;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 20px;
}
.asconsole um-edit-user-roles .um-role-list .delete-td .icon-clear {
  font-size: 22px;
  cursor: pointer;
}
.asconsole um-edit-user-roles .um-role-list .delete-td .icon-users {
  font-size: 20px;
}
.asconsole um-edit-user-roles .um-role-list .delete-td:hover {
  color: #475369;
}
.asconsole um-edit-user-roles .um-role-list .role-list-scroll {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  overflow-y: auto;
}
.asconsole um-edit-user-roles .um-role-list .role-list-scroll .grid-container {
  margin: 0;
  min-height: 70px;
}
.asconsole um-edit-user-roles .um-role-list .role-list-scroll .grid-container .grid-item {
  flex: 0 0 100% !important;
  border-bottom: 1px solid #DDE3EE;
  padding: 10px 0;
}
.asconsole um-edit-user-roles .um-role-list .role-list-scroll .grid-container .grid-item item-directive {
  display: flex;
  height: 100%;
}
.asconsole um-edit-user-roles .um-role-list .role-list-scroll .grid-container .grid-item item-directive .role-item {
  display: flex;
  flex: 1;
}
.asconsole um-edit-user-roles .um-role-list .role-list-scroll .grid-container .grid-item item-directive network-picker-dropdown .dropdown-container {
  font-size: 12px;
}
.asconsole um-edit-user-roles .no-content-container p, .asconsole um-edit-user-roles .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  font-size: 100%;
  align-items: center;
}
.asconsole um-edit-user-roles .no-content-container .add-btn {
  margin-top: 15px;
}
.asconsole um-edit-user-roles .no-content-container .add-btn .icon-plus {
  font-size: 10px;
  margin-right: 8px;
}

.asconsole chm-tag-rule-template-confirmation {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 218px;
}
.asconsole chm-tag-rule-template-confirmation .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole chm-tag-rule-template-confirmation .modal-header .modal-title {
  flex: 1;
}
.asconsole chm-tag-rule-template-confirmation .modal-header .icon-cross {
  color: #4f596e;
  cursor: pointer;
  font-size: 22px;
}
.asconsole chm-tag-rule-template-confirmation .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px;
  margin: 0;
}
.asconsole chm-tag-rule-template-confirmation .modal-footer .btn-primary {
  text-transform: none;
}
.asconsole .modal-tag-rule-template-confirmation {
  width: calc(100vw - 20px);
  max-width: 600px;
}

.asconsole um-search-autocomplete {
  width: 100%;
}
.asconsole um-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}

.asconsole um-user-account-authentication {
  background-color: #f7f8fb;
  margin: 22px 30px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole um-user-account-authentication .setting-panel .line-separator {
  flex: 1;
  width: 100%;
  margin-top: 26px;
  margin-bottom: 36px;
  color: #EDF2F7;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .sub-setting {
  margin-bottom: 10px;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .sub-setting .property-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #68768D;
  display: block;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value textarea, .asconsole um-user-account-authentication .setting-panel .setting-row .property-value .asui-fileupload {
  width: 100%;
  max-width: 500px;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .radio-input {
  width: 100%;
  max-width: 500px;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .radio-input label {
  display: flex;
  align-items: center;
  margin: 0;
  color: #1E293B;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .radio-input input {
  margin-right: 8px;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .radio-input .radio-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 7px;
  margin-left: 23px;
  color: #4f596e;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .radio-input + .radio-input {
  margin-top: 10px;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .copy-link {
  width: 100%;
  max-width: 500px;
  color: #0A5BEB;
}
.asconsole um-user-account-authentication .setting-panel .setting-row .property-value .domain-input-container {
  width: 100%;
  max-width: 500px;
}
.asconsole um-user-account-authentication .view-metadata-button {
  color: #1E293B;
  cursor: pointer;
}
.asconsole um-user-account-authentication .errorMsg {
  color: #CB4848;
  font-size: 0.9em;
}
.asconsole um-user-account-authentication .errorInput {
  border: solid 1px #CB4848;
}
.asconsole um-user-account-authentication .toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.asconsole um-user-account-authentication .toggle-switch .toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.asconsole um-user-account-authentication .toggle-switch .toggle-input:checked + .toggle-label {
  background-color: #0A5BEB;
}
.asconsole um-user-account-authentication .toggle-switch .toggle-input:checked + .toggle-label:before {
  transform: translateX(26px);
}
.asconsole um-user-account-authentication .toggle-switch .toggle-input:focus + .toggle-label {
  box-shadow: 0 0 1px #0A5BEB;
}
.asconsole um-user-account-authentication .toggle-switch .toggle-label {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DDE3EE;
  transition: 0.4s;
  border-radius: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.asconsole um-user-account-authentication .toggle-switch .toggle-label:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.asconsole um-user-account-authentication .setting-description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #68768D;
  margin-top: 8px;
  line-height: 1.4;
}
.asconsole um-user-account-authentication .setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.asconsole user-assistant-typeahead {
  display: flex;
  flex: 1;
  width: 100%;
}
.asconsole user-assistant-typeahead user-tags-input {
  width: 100%;
}
.asconsole user-assistant-typeahead .no-assistant-assigned {
  width: 100%;
}
.asconsole user-assistant-typeahead .no-assistant-assigned input {
  width: 100%;
  padding: none;
}

.asconsole um-user-attributes-rules-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.asconsole um-user-attributes-rules-modal .user-attr-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 70px;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .icon-arrow-back {
  color: #6275A3;
  font-size: 18px;
  padding: 20px 20px 20px 30px;
  cursor: pointer;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .title {
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .action-buttons {
  margin-right: 25px;
  margin-left: 20px;
  justify-content: flex-end;
  display: flex;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .action-buttons button {
  min-width: 70px;
  height: 30px;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .action-buttons .btn-primary {
  text-transform: none;
}
.asconsole um-user-attributes-rules-modal .user-attr-header .action-buttons .btn-save {
  background-color: #002169;
}
.asconsole um-user-attributes-rules-modal .user-attr-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  min-height: 0;
  position: relative;
  border-top: 1px solid #DDE3EE;
  background-color: #f7f8fb;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  background-color: white;
  padding: 10px 25px;
  border-right: 1px solid #DDE3EE;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .rules-header .btn {
  color: #475369;
  font-size: 14px;
  padding: 6px;
  height: 30px;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .rules-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .rules-container .rule-item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 8px;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .rules-container .rule-item .rule {
  flex: 1;
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .rules-container .rule-item .icon-clear {
  color: #6275A3;
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .rules-container .rule-item .icon-clear:hover {
  color: #475369;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .no-content-container {
  margin: 0;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .no-content-container .title {
  margin: 5px 0;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .left-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 10px;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container {
  flex: 1;
  background-color: #f7f8fb;
  position: relative;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #f7f8fb;
  padding: 10px 0;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .scroll-container .table-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 25px 15px 20px;
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .scroll-container .table-desc .desc {
  flex: 1;
  margin-right: 20px;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .scroll-container .asui-table-container {
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .scroll-container .asui-table-container .asui-table {
  border-left: 0 !important;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .scroll-container .asui-table-container .asui-table th {
  font-weight: 700 !important;
  cursor: default;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .right-container .cta-container {
  flex: 1;
  display: flex;
}
.asconsole um-user-attributes-rules-modal .user-attr-content .rules-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole um-user-attributes-rules-modal asui-loading-mask {
  opacity: 0.5;
}

.asconsole user-card {
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole user-card .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole user-card .user-label {
  margin-left: 8px;
  min-width: 0;
}
.asconsole user-card .user-label .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.asconsole user-card .user-label .email {
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.asconsole user-create-custom-rule {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole user-create-custom-rule .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole user-create-custom-rule .modal-header .modal-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole user-create-custom-rule .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole user-create-custom-rule .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole user-create-custom-rule .modal-body .input-row > label {
  width: 120px;
  display: flex;
  align-items: center;
  color: #475369;
  margin: 0;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole user-create-custom-rule .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole user-create-custom-rule .modal-body .input-row .asui-dropdown .btn {
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole user-create-custom-rule .modal-body .input-row user-tags-input {
  flex: 1;
}
.asconsole user-create-custom-rule .modal-body .input-row user-tags-input asui-tags-input {
  margin: 0;
}
.asconsole user-create-custom-rule .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole user-create-custom-rule .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
@media all and (max-width: 667px) {
  .asconsole .modal-user-create-custom-rule {
    width: calc(100vw - 7px);
  }
}

.asconsole um-user-custom-attributes-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole um-user-custom-attributes-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
  overflow: visible;
}
.asconsole um-user-custom-attributes-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole um-user-custom-attributes-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole um-user-custom-attributes-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole um-user-custom-attributes-modal .language-dropdown-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 10px 25px 0;
  position: relative;
  overflow: visible;
  z-index: 1;
}
.asconsole um-user-custom-attributes-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole um-user-custom-attributes-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole um-user-custom-attributes-modal .modal-body {
    padding: 20px;
  }
}
.asconsole um-user-custom-attributes-modal .modal-body .modal-separator {
  margin: 5px 0 15px;
  border: 0;
  border-top: 1px solid #DDE3EE;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-custom-attributes-modal .modal-body .edit-row {
    flex-direction: column;
  }
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .key {
  margin-top: 0;
  min-width: 240px;
  max-width: 240px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .key.option-label {
  padding-top: 18px;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .property-value {
  width: 100%;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .property-value input {
  width: 100%;
  margin: 0;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .property-value .property-helptext {
  color: #68768D;
  text-align: right;
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row > input {
  margin: 0;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row toggle .toggle.btn-sm {
  min-width: 95px !important;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .radio-group {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .radio-group .asui-radio {
  width: 100%;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host {
  width: 100%;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .asui-table {
  border: none !important;
  border-collapse: separate;
  border-spacing: 0;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr td {
  border-top: 1px solid var(--nc-colors__neutral300) !important;
  vertical-align: middle;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr td:first-child {
  border-left: 1px solid var(--nc-colors__neutral300) !important;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr td:last-child {
  border-right: 1px solid var(--nc-colors__neutral300) !important;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr:last-child td {
  border-bottom: 1px solid var(--nc-colors__neutral300) !important;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .option-value-td {
  width: 100%;
  max-width: 0;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .option-delete-td {
  width: 44px;
  text-align: center;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .selection-option-cell {
  display: flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .selection-option-input {
  margin: 0;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .selection-option-text {
  overflow: hidden;
  color: var(--nc-colors__neutral900);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  cursor: pointer;
  width: 100%;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .selection-option-error {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--nc-colors__negative);
  font-size: 12px;
  line-height: 1.35;
  align-self: flex-start;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .icon-warning {
  color: var(--nc-colors__negative);
  font-size: 16px;
  align-self: flex-start;
}
.asconsole um-user-custom-attributes-modal .modal-body .edit-row .selection-list-options-host .selection-list-options-table .selection-option-delete-icon {
  color: var(--nc-colors__neutral600);
  cursor: pointer;
  font-size: 20px;
}
.asconsole um-user-custom-attributes-modal .modal-body .sync-helptext {
  color: #68768D;
  text-align: left;
  margin-top: -8px;
  margin-bottom: 15px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole um-user-custom-attributes-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-user-custom-attributes {
  width: 770px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-user-custom-attributes {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-user-custom-attributes .modal-content {
  border-radius: 8px;
  overflow: visible;
}

.asconsole user-custom-rules {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  min-height: 0;
  position: relative;
  background-color: white;
}
.asconsole user-custom-rules .left-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 10px 25px;
  border-right: 1px solid #DDE3EE;
}
.asconsole user-custom-rules .left-container .rules-header .btn {
  color: #475369;
  font-size: 14px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole user-custom-rules .left-container .rules-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.asconsole user-custom-rules .left-container .rules-container .rule-item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 8px;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole user-custom-rules .left-container .rules-container .rule-item .rule {
  flex: 1;
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole user-custom-rules .left-container .rules-container .rule-item .icon-clear {
  color: #6275A3;
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.asconsole user-custom-rules .left-container .rules-container .rule-item .icon-clear:hover {
  color: #475369;
}
.asconsole user-custom-rules .right-container {
  flex: 1;
  position: relative;
}
.asconsole user-custom-rules .right-container .scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 25px;
}
.asconsole user-custom-rules .right-container .rules-header {
  padding: 2.5px 0;
}
.asconsole user-custom-rules .right-container .cta-container {
  flex: 1;
  display: flex;
}
.asconsole user-custom-rules .right-container searchable-table {
  margin-top: 0 !important;
}
.asconsole user-custom-rules .right-container searchable-table .filter-container {
  display: none;
}
.asconsole user-custom-rules .right-container searchable-table .transclude-cta {
  align-items: center;
  display: flex;
}
.asconsole user-custom-rules .rules-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.asconsole user-custom-rules .rules-header .desc {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole user-custom-rules .rules-header .item-count {
  color: #475369;
}
.asconsole user-custom-rules asui-loading-mask {
  opacity: 0.5;
}

.asconsole um-user-general-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 22px 30px;
}
.asconsole um-user-general-settings .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
.asconsole um-user-general-settings .setting-panel .setting-row.align-top {
  align-items: flex-start;
}
@media all and (max-width: 667px) {
  .asconsole um-user-general-settings .setting-panel .setting-row {
    flex-direction: column;
  }
}
.asconsole um-user-general-settings .setting-panel .setting-row .property-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  min-width: 260px;
  color: #1E293B;
  display: flex;
  margin: 0;
  align-items: center;
  margin-right: 80px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .property-value .location-toggle {
  margin-top: 4px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .property-value .toggle.btn-sm {
  min-width: 68px !important;
}
.asconsole um-user-general-settings .setting-panel .setting-row .action-container {
  margin-left: 330px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .action-container button {
  margin-right: 8px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .property-helptext {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
  margin-top: 14px;
}
.asconsole um-user-general-settings .setting-panel .setting-row asui-duration .duration-clear {
  top: 12px;
}
.asconsole um-user-general-settings .setting-panel .setting-row asui-duration .duration-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 40px;
  border-radius: 8px;
  text-align: left;
}
.asconsole um-user-general-settings .setting-panel .setting-row input {
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  color: #1E293B;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper {
  position: relative;
  min-width: 420px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper input {
  padding-right: 40px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper .icon-button {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper .icon-button .copy-icon {
  display: block;
  font-size: 16px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper .icon-button .copy-icon .icon-copy {
  color: #333F55;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper .qrcode {
  margin-top: 14px;
  width: 100px;
  height: 100px;
}
.asconsole um-user-general-settings .setting-panel .setting-row .login-url-wrapper .qrcode img {
  max-width: 100%;
  max-height: 100%;
}

.asconsole um-user-grid {
  width: 100%;
  display: flex;
  flex: 1;
}
.asconsole um-user-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole um-user-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole um-user-grid .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole um-user-grid .grid-container .grid-item .asui-selectable-item-check {
  left: 6px !important;
  top: 6px !important;
}
.asconsole um-user-grid .grid-container .um-grid-item {
  position: relative;
  flex: 1;
}
.asconsole um-user-grid .grid-container .um-grid-item.item-selected um-user-card {
  border-color: #77B0EE;
}
.asconsole um-user-grid .grid-container .loading-mask {
  background-color: #F8F9FC;
}

.asconsole um-user-library {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: white;
  padding-bottom: 0;
  padding-right: 0;
  min-height: 0;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole um-user-library {
    flex-direction: column;
  }
}
.asconsole um-user-library .um-left {
  display: flex;
  flex-direction: column;
  width: 310px;
  overflow: hidden;
  position: relative;
  margin: 25px 15px 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-library .um-left {
    width: 100%;
    overflow: unset;
    margin: 0;
    padding: 10px;
  }
}
.asconsole um-user-library .um-left .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-library .um-left .header-container {
    margin-bottom: 10px;
  }
}
.asconsole um-user-library .um-left .header-container .title {
  font-size: 24px;
  font-weight: 500;
  margin-left: 5px;
}
.asconsole um-user-library .um-left .header-container .add-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole um-user-library .um-left network-picker-dropdown {
  margin-bottom: 10px;
}
.asconsole um-user-library .um-right {
  display: flex;
  flex: 1;
  min-width: 0;
  background-color: #F8F9FC;
  padding-top: 25px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-library .um-right {
    padding: 0 10px;
  }
}
.asconsole um-user-library ui-view {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole um-user-library ui-view {
    max-height: unset !important;
  }
}
.asconsole um-user-library asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole um-user-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole um-user-list {
    padding: 0;
  }
}
.asconsole um-user-list .um-header-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole um-user-list .um-header-container .usergroup {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  min-width: 0;
  padding-right: 10px;
  color: #0b1835;
}
.asconsole um-user-list .um-header-container .usergroup .text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-list .um-header-container .usergroup .text break-word {
    word-break: break-all;
  }
}
.asconsole um-user-list .um-header-container .menu-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.asconsole um-user-list .um-header-container .menu-container .popover-content {
  white-space: nowrap;
  padding: 2px 5px;
}
.asconsole um-user-list .um-header-container .menu-container um-search-autocomplete {
  width: 250px;
  margin-right: 10px;
}
.asconsole um-user-list .um-header-container .menu-container um-search-autocomplete .search-group-block {
  padding: 5px 0;
}
.asconsole um-user-list .um-header-container .menu-container um-search-autocomplete .search-group-block .search-header {
  margin: 5px 15px;
}
.asconsole um-user-list .um-header-container .menu-container um-search-autocomplete .search-group-block .search-item-row {
  padding: 4px 25px;
}
.asconsole um-user-list .container-scroll {
  position: absolute;
  top: 40px;
  left: 25px;
  width: calc(100% - 25px);
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-list .container-scroll {
    left: 0;
    width: 100%;
    padding-right: 0;
  }
}
.asconsole um-user-list .container-scroll .list-view-filter .asui-command-bar {
  margin-bottom: 0;
  border-bottom: 0;
}
.asconsole um-user-list .container-scroll .list-view-filter .asui-command-bar .content {
  background-color: #F8F9FC;
}
.asconsole um-user-list .container-scroll .list-view-filter.cta-on .asui-command-bar {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole um-user-list .container-scroll .um-content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole um-user-list .container-scroll .um-content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole um-user-list .container-scroll .um-content-section .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole um-user-list .container-scroll .um-content-section .clear-filters a {
  cursor: pointer;
}
.asconsole um-user-list .container-scroll .um-content-section .um-cta-container {
  display: flex;
  flex: 1;
}
.asconsole um-user-list .container-scroll .um-content-section .um-cta-container .non-content-text {
  z-index: 2;
}
.asconsole um-user-list .container-scroll .um-content-section .um-cta-container h3 {
  color: #333F55;
}
.asconsole um-user-list .container-scroll .um-content-section .um-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole um-user-list .container-scroll .um-content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole um-user-list asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole user-manager-tags-input {
  display: flex;
  width: 100%;
}
.asconsole user-manager-tags-input asui-tags-input {
  width: 100%;
  overflow: initial;
  margin-bottom: 10px;
}
.asconsole user-manager-tags-input asui-tags-input .asui-tags-input {
  min-height: 150px;
}
.asconsole user-manager-tags-input asui-tags-input .asui-tags-input .tags .input {
  padding: 6px 8px;
  width: 250px !important;
}
.asconsole user-manager-tags-input asui-tags-input asui-card-user .card-icon-xs .card-thumbnail-image-circle span {
  font-size: 10px !important;
}

.asconsole user-manager-typeahead {
  display: flex;
  flex: 1;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .selected-item .user-icon {
  margin-right: 10px;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label {
  display: flex;
  min-width: 0;
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole user-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email {
  display: none;
  margin-left: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}

.asconsole um-user-overview {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole um-user-overview {
    padding: 0;
  }
}
.asconsole um-user-overview .um-header-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole um-user-overview .um-header-container .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  min-width: 0;
  padding-right: 10px;
  color: #0b1835;
}
.asconsole um-user-overview .container-scroll {
  position: absolute;
  top: 40px;
  left: 25px;
  width: calc(100% - 25px);
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-overview .container-scroll {
    left: 0;
    top: 45px;
    width: 100%;
    padding-right: 0;
  }
}
.asconsole um-user-overview .container-scroll .chart-section {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.asconsole um-user-overview .container-scroll .chart-section anl-chart-widget {
  padding: 0 0 20px 20px;
  flex: 0 0 25%;
}
.asconsole um-user-overview .container-scroll .chart-section anl-chart-widget .no-content-container .icon-container img {
  max-width: 200px;
}
@media all and (max-width: 3000px) {
  .asconsole um-user-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 25%;
  }
}
@media all and (max-width: 2400px) {
  .asconsole um-user-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 33.333%;
  }
}
@media all and (max-width: 1800px) {
  .asconsole um-user-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole um-user-overview .container-scroll .chart-section .widget-col-2 {
    flex: 0 0 100%;
  }
}
.asconsole um-user-overview asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole user-picker-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 80vh;
}
.asconsole .modal-user-picker {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
  max-width: 600px;
}
.asconsole .modal-user-picker .modal-header, .asconsole .modal-user-picker .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-user-picker .modal-header .modal-title, .asconsole .modal-user-picker .modal-footer .modal-title {
  font-size: 20px;
}
.asconsole .modal-user-picker .modal-content {
  max-height: 100%;
  height: 100%;
}
.asconsole .modal-user-picker .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  padding: 0;
}
.asconsole .modal-user-picker .modal-body .item-picker-container {
  padding: 20px 20px 0 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.asconsole .modal-user-picker .selected-container {
  background-color: #6275A3;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 120%;
}

.asconsole um-edit-user-attributes {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole um-edit-user-attributes as-form-renderer {
  margin-top: 10px;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-label {
  min-width: 170px;
  font-size: 14px;
  margin-bottom: 0;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-label .primary-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-input {
  padding-bottom: 0;
  width: 100%;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-input input[type=text],
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-input input[type=number] {
  height: 32px;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-input asui-phone-number .iti input {
  height: 32px;
}
.asconsole um-edit-user-attributes as-form-renderer .as-input-row .asip-input.asip-input-error {
  padding-bottom: 24px;
}

.asconsole um-user-profile-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole um-user-profile-settings .top-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 23px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-profile-settings .top-section {
    padding: 0 15px;
  }
}
.asconsole um-user-profile-settings .top-section .top-left {
  display: flex;
  align-items: center;
}
.asconsole um-user-profile-settings .top-section .top-left .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole um-user-profile-settings .top-section .top-left .add-btn {
  width: fit-content;
  min-width: 76px;
  margin-right: 10px;
}
.asconsole um-user-profile-settings .top-section .top-left .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole um-user-profile-settings .top-section .top-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.asconsole um-user-profile-settings .top-section .top-right .configure-profile-link {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  color: #0A5BEB;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  background: none;
  border: none;
  padding: 0;
}
.asconsole um-user-profile-settings .top-section .top-right .configure-profile-link .icon {
  font-size: 16px;
}
.asconsole um-user-profile-settings .top-section .top-right .configure-profile-link:hover span {
  text-decoration: underline;
}
@media all and (max-width: 667px) {
  .asconsole um-user-profile-settings .asui-table-container {
    padding: 0 15px;
  }
}
.asconsole um-user-profile-settings .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole um-user-profile-settings .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole um-user-profile-settings .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
@media all and (max-width: 667px) {
  .asconsole um-user-profile-settings .asui-table .as-order-input-column-header {
    display: none;
  }
}
.asconsole um-user-profile-settings .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
  height: 30px;
}
.asconsole um-user-profile-settings .asui-table .icon-td {
  color: #4f596e;
}
.asconsole um-user-profile-settings .asui-table .display-name-td .name {
  cursor: pointer;
}
.asconsole um-user-profile-settings .asui-table .languages-td .language-count-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole um-user-profile-settings .asui-table .languages-td .language-count-wrapper i {
  color: #4f596e;
}
.asconsole um-user-profile-settings .asui-table .as-order-input-column input {
  height: 30px;
}
.asconsole um-user-profile-settings .asui-table .read-only-row .as-table-checkbox, .asconsole um-user-profile-settings .asui-table .read-only-row .drag-icon {
  display: none;
}
.asconsole um-user-profile-settings .asui-table .read-only-row .as-order-input-column input {
  pointer-events: none;
  background-color: #EDF2F7;
}
.asconsole um-user-profile-settings .asui-table .read-only-row .display-name-td .name {
  cursor: default;
}
.asconsole um-user-profile-settings .asui-table .as-action-column .popover {
  border-radius: 6px;
  border: 1px solid #DDE3EE;
}
.asconsole um-user-profile-settings .asui-table .as-action-column .item-label {
  color: #2d3851;
}
.asconsole um-user-profile-settings .asui-table .as-action-column .item-icon {
  color: #4f596e !important;
}

.asconsole um-user-provisioning {
  background-color: #f7f8fb;
  margin: 22px 30px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole um-user-provisioning .setting-panel .line-separator {
  flex: 1;
  width: 100%;
  margin-top: 26px;
  margin-bottom: 36px;
  color: #EDF2F7;
}
.asconsole um-user-provisioning .setting-panel .setting-row.vertical {
  flex-direction: column;
}
.asconsole um-user-provisioning .setting-panel .setting-row.vertical:last-child {
  margin-bottom: 0;
}
.asconsole um-user-provisioning .setting-panel .setting-row .action-container {
  margin-left: 330px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .action-container button {
  margin-right: 8px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value-group.notifications-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value-group.notifications-checkbox .property-label {
  min-width: unset;
  margin: 0;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value-group + .property-value-group {
  margin-top: 16px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-label-group {
  width: 330px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-label-group .property-sublabel {
  padding-top: 4px;
  font-size: 12px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .sub-setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-size: 14px;
  color: #475369;
  font-weight: 500;
}
.asconsole um-user-provisioning .setting-panel .setting-row .sub-setting {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole um-user-provisioning .setting-panel .setting-row .sub-setting .property-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #68768D;
  display: block;
}
.asconsole um-user-provisioning .setting-panel .setting-row .sub-setting .property-value > input {
  width: 100%;
  max-width: 100%;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value asui-tags-input {
  height: auto;
  width: 100%;
  max-width: 500px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value asui-tags-input .asui-tags-input {
  min-height: unset;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value #auto-activation-switch {
  width: 70px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .scim-base-url,
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .scim-bearer-token {
  padding: 6px 12px;
  font-size: 12px;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  background-color: #FFFFFF;
  opacity: 1;
  width: 100%;
  max-width: 500px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .scim-bearer-token {
  height: 160px;
  word-break: break-all;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value asui-dropdown-typeahead,
.asconsole um-user-provisioning .setting-panel .setting-row .property-value map-location-dropdown {
  display: block;
  width: 100%;
  max-width: 392px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value asui-spinner {
  justify-content: flex-start;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .generate-token {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .generate-token .btn {
  padding-left: 0;
  padding-right: 0;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .scim-sync-checkbox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .scim-sync-checkbox input[type=checkbox] {
  margin-right: 0.5rem;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .scim-sync-checkbox label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #1E293B;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .setting-toggle {
  margin-top: 4px;
}
.asconsole um-user-provisioning .setting-panel .setting-row .property-value .toggle.btn-sm {
  min-width: 68px !important;
}
.asconsole um-user-provisioning .errorMsg {
  color: var(--nc-colors__negative, #CB4848);
  font-size: 0.9em;
}

.asconsole user-secondary-manager-typeahead {
  display: flex;
  flex: 1;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .selected-item .user-icon {
  margin-right: 10px;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label {
  display: flex;
  min-width: 0;
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email {
  display: none;
  margin-left: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-secondary-manager-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}

.asconsole um-user-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole um-user-settings asui-breadcrumbs {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole um-user-settings .asui-view-overlay-initializing {
  background-color: #F8F9FC !important;
}
.asconsole um-user-settings .content-container {
  display: flex;
  flex: 1;
  align-items: stretch;
}
.asconsole um-user-settings .container-scroll {
  padding: 12px 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
}
.asconsole um-user-settings .setting-panel {
  display: flex;
  flex-direction: column;
}
.asconsole um-user-settings .setting-panel .setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3c465d;
  margin-bottom: 5px;
  margin-top: 10px;
}
.asconsole um-user-settings .setting-panel .setting-header:first-child {
  margin-top: 0;
}
.asconsole um-user-settings .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-settings .setting-panel .setting-row {
    flex-direction: column;
  }
}
.asconsole um-user-settings .setting-panel .setting-row .property-label {
  min-width: 300px;
  color: #475369;
  display: flex;
  margin-top: 8px;
  margin-right: 30px;
}
.asconsole um-user-settings .setting-panel .setting-row .property-value {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole um-user-settings .setting-panel .setting-row .property-value > input, .asconsole um-user-settings .setting-panel .setting-row .property-value .asui-dropdown {
  width: 100%;
  max-width: 300px;
}
.asconsole um-user-settings .setting-panel .btn-footer {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.asconsole um-user-settings .setting-panel .btn-footer button + button {
  margin-left: 10px;
}
.asconsole um-user-settings .setting-panel .property-helptext {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
  margin-top: 14px;
}
.asconsole um-user-settings .setting-panel asui-duration .duration-clear {
  top: 12px;
}
.asconsole um-user-settings .setting-panel asui-duration .duration-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 40px;
  border-radius: 8px;
  text-align: left;
}
.asconsole um-user-settings asui-accordion {
  width: 100%;
  max-width: 500px;
}
.asconsole um-user-settings asui-accordion .panel-group {
  border: 0;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel {
  box-shadow: none;
  background-color: transparent;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel:last-child {
  border: none;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-heading {
  border: 0;
  border-radius: inherit;
  background-color: transparent;
  margin-bottom: 20px;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-heading .header-container .header-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  font-weight: 600;
  color: #68768D;
  text-transform: initial !important;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-heading .header-container .icon {
  font-size: 12px;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-heading .header-container .icon.rotate {
  transform: rotate(180);
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-heading a > span {
  padding: 0;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-body {
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
}
.asconsole um-user-settings asui-accordion .panel-group ng-transclude .panel .panel-body .advance-configurations {
  display: flex;
  flex-direction: column;
}

.asconsole um-user-sign-in-settings {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 12px 30px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-sign-in-settings {
    padding: 5px 20px;
  }
}
@media all and (max-width: 992px) {
  .asconsole um-user-sign-in-settings {
    flex-direction: column;
  }
}
.asconsole um-user-sign-in-settings .setting-panel {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  flex: 1;
}
@media all and (max-width: 992px) {
  .asconsole um-user-sign-in-settings .setting-panel {
    flex: unset;
  }
}
.asconsole um-user-sign-in-settings .setting-panel .setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3c465d;
  margin-bottom: 5px;
  margin-top: 10px;
}
.asconsole um-user-sign-in-settings .setting-panel .setting-header:first-child {
  margin-top: 0;
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-sign-in-settings .setting-panel .setting-row {
    flex-direction: column;
  }
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row .property-label {
  min-width: 200px;
  color: #2d3851;
  display: flex;
  margin-top: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole um-user-sign-in-settings .setting-panel .setting-row .property-label {
    padding-bottom: 5px;
  }
}
@media all and (max-width: 1200px) {
  .asconsole um-user-sign-in-settings .setting-panel .setting-row .property-label {
    min-width: 150px;
  }
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row .property-value {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row .property-value > input, .asconsole um-user-sign-in-settings .setting-panel .setting-row .property-value .asui-dropdown {
  width: 100%;
  max-width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-sign-in-settings .setting-panel .setting-row .property-value .asui-checkbox {
    padding-left: 5px;
  }
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row .property-value .placeholder-item {
  margin-bottom: 10px;
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row .property-value .placeholder-item .placeholder-title {
  margin-bottom: 4px;
}
.asconsole um-user-sign-in-settings .setting-panel .setting-row .max-selection {
  margin-top: 8px;
  color: #2d3851;
  font-style: italic;
  font-size: 14px;
}
.asconsole um-user-sign-in-settings .preview-panel {
  display: flex;
  flex-direction: row;
}
.asconsole um-user-sign-in-settings .preview-panel .login-container {
  display: flex;
  flex-direction: column;
  width: 460px;
  padding: 30px;
  border: 1px solid #DDE3EE;
  border-radius: 1.4rem;
  background-color: white;
  height: 280px;
  margin-left: 35px;
  margin-top: 5px;
}
@media all and (max-width: 992px) {
  .asconsole um-user-sign-in-settings .preview-panel .login-container {
    margin: 0;
    width: 100%;
    max-width: 500px;
  }
}
.asconsole um-user-sign-in-settings .preview-panel .login-container .iti__tel-input {
  padding-left: 48px;
}
.asconsole um-user-sign-in-settings .setting-container {
  position: relative;
  background: #fff;
  border-radius: 0.6rem;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  width: 100%;
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.asconsole um-user-sign-in-settings .setting-container__image {
  width: 5rem;
  height: 5rem;
  padding-right: 1.5rem;
}
.asconsole um-user-sign-in-settings .setting-container__content {
  font-size: 0.8rem;
}
.asconsole um-user-sign-in-settings .setting-container__title {
  margin-bottom: 0.5rem;
}

.asconsole um-user-table {
  width: 100%;
}
.asconsole um-user-table .asui-table-container {
  margin-top: 0;
}
.asconsole um-user-table .asui-table-container .read-only-row .as-table-checkbox {
  display: none;
}
.asconsole um-user-table .asui-table-container .user-info {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 30pc;
}
.asconsole um-user-table .asui-table-container .user-info asui-card-user {
  padding-right: 10px;
}
.asconsole um-user-table .asui-table-container .user-info .name-container {
  min-width: 0;
}
.asconsole um-user-table .asui-table-container .user-info .name-container .user-name {
  color: #0A5BEB;
  flex: 1;
  min-width: 0;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-table .asui-table-container .user-info .name-container .user-name break-word {
    word-break: break-all;
  }
}
.asconsole um-user-table .asui-table-container .user-info .name-container .email {
  min-width: 0;
  color: #475369;
  font-size: 90%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-table .asui-table-container .user-info .name-container .email break-word {
    word-break: break-all;
  }
}
.asconsole um-user-table .asui-table-container .user-info .status-circle {
  position: absolute;
  bottom: 2px;
  left: 28px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  background-color: #6275A3;
}
.asconsole um-user-table .asui-table-container .user-info .status-circle.suspended {
  background-color: #CB4848;
}
.asconsole um-user-table .asui-table-container .user-info .status-circle.pending {
  background-color: #EBBE36;
}
.asconsole um-user-table .asui-table-container .user-info .status-circle.requested {
  background-color: #EB8C38;
}
.asconsole um-user-table .asui-table-container .user-info .status-circle.active-now {
  background-color: #0C817B;
}
.asconsole um-user-table .asui-table-container .login-td .status-pending {
  border-radius: 3px;
  padding: 5px 8px 6px 8px;
  background-color: #EBBE36;
  color: white;
}
.asconsole um-user-table .asui-table-container .login-td .status-suspended {
  border-radius: 3px;
  padding: 5px 8px 6px 8px;
  background-color: #CB4848;
  color: white;
}
.asconsole um-user-table .asui-table-container .login-td .status-requested {
  color: #EB8C38;
}
.asconsole um-user-table .asui-table-container .as-action-column .fa-ellipsis-h {
  color: #475369;
}

.asconsole user-tags-input {
  display: flex;
  width: 100%;
  position: relative;
}
.asconsole user-tags-input .disable-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eef4f9;
  opacity: 0.7;
}
.asconsole user-tags-input .disabled-input .input {
  display: none;
}
.asconsole user-tags-input .disabled-input .asui-tags-input {
  min-height: unset;
}
.asconsole user-tags-input asui-tags-input {
  width: 100%;
  overflow: initial;
  margin-bottom: 10px;
}
.asconsole user-tags-input asui-tags-input .asui-tags-input {
  min-height: 150px;
  border-radius: 4px;
}
.asconsole user-tags-input asui-tags-input .asui-tags-input .tags .input {
  padding: 6px 8px;
  width: 250px !important;
}
.asconsole user-tags-input asui-tags-input asui-card-user .card-icon-xs .card-thumbnail-image-circle span {
  font-size: 10px !important;
}
.asconsole user-tags-input asui-tags-input .icon-external-group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #6275A3;
  background-color: #6275A3;
  color: white;
  font-size: 0.75rem;
}

.asconsole user-typeahead {
  display: flex;
  flex: 1;
}
.asconsole user-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole user-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole user-typeahead asui-dropdown-typeahead .dropdown-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole user-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole user-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole user-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
}
.asconsole user-typeahead asui-dropdown-typeahead.size-sm .dropdown-item {
  padding: 4px 8px !important;
}
.asconsole user-typeahead asui-dropdown-typeahead.size-sm .dropdown-item .card-thumbnail-image-circle {
  width: 20px !important;
  height: 20px !important;
}
.asconsole user-typeahead asui-dropdown-typeahead.size-sm .dropdown-item .card-thumbnail-image-circle span {
  font-size: 10px !important;
  line-height: 1;
}
.asconsole user-typeahead asui-dropdown-typeahead.size-sm .dropdown-item .user-typeahead-label {
  margin-left: 8px !important;
  font-size: 14px !important;
  line-height: 170% !important;
}
.asconsole user-typeahead asui-dropdown-typeahead.size-sm .dropdown-item .user-typeahead-label .email {
  display: none;
}
.asconsole user-typeahead asui-dropdown-typeahead .selected-item .user-icon {
  margin-right: 10px;
}
.asconsole user-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label {
  display: flex;
  min-width: 0;
}
.asconsole user-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole user-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email {
  display: none;
  margin-left: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole user-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole .user-typeahead-mobile-dialog .selected-item asui-card-user, .asconsole .user-typeahead-mobile-dialog .selected-item .user-typeahead-label .email {
  display: none;
}
.asconsole .user-typeahead-mobile-dialog .dropdown-container .user-typeahead-label {
  margin-left: 8px;
}

.asconsole um-user-group-list {
  display: flex;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole um-user-group-list .um-normal-node.mobile-view {
    display: flex !important;
    position: absolute;
    top: 121px;
    left: 10px;
    z-index: 100;
    width: calc(100% - 20px);
    background-color: white;
    border: 1px solid #DDE3EE;
    overflow-y: auto;
  }
  .asconsole um-user-group-list .um-normal-node.mobile-view .um-ug-container-scroll-container {
    overflow-y: initial !important;
  }
  .asconsole um-user-group-list .um-normal-node.mobile-view .settings-hr, .asconsole um-user-group-list .um-normal-node.mobile-view .settings-container {
    order: 3;
  }
  .asconsole um-user-group-list .um-normal-node.mobile-view .settings-container {
    margin-bottom: 0;
  }
  .asconsole um-user-group-list .um-normal-node.mobile-view .ug-hr, .asconsole um-user-group-list .um-normal-node.mobile-view .ug-container {
    order: 4;
  }
}
.asconsole um-user-group-list asui-grid {
  margin-top: 8px;
}
.asconsole um-user-group-list asui-grid asui-spinner {
  margin-top: 100px;
}
.asconsole um-user-group-list asui-grid .grid-container {
  padding: 0;
  margin: 0px !important;
  min-height: 10px;
}
.asconsole um-user-group-list asui-grid .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 0;
}
.asconsole um-user-group-list .um-normal-node {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole um-user-group-list .um-normal-node {
    display: none !important;
    height: unset;
  }
}
.asconsole um-user-group-list .um-normal-node .um-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 5px 0;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.asconsole um-user-group-list .um-normal-node .settings-container {
  margin-bottom: 5px;
}
.asconsole um-user-group-list .um-normal-node .settings-hr, .asconsole um-user-group-list .um-normal-node .settings-container {
  order: 4;
}
.asconsole um-user-group-list .um-normal-node .ug-hr, .asconsole um-user-group-list .um-normal-node .ug-container {
  order: 3;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container-scroll {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container-scroll .um-ug-no-user-group-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container-scroll .um-ug-no-user-group-container img {
  width: 150px;
  margin-top: 30px;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container-scroll .um-ug-no-user-group-container span {
  margin-top: 0px;
  font-weight: 500;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container-scroll .um-ug-title {
  color: #6275A3;
  font-size: 90%;
  margin-left: 10px;
  margin-top: 5px;
}
.asconsole um-user-group-list .um-normal-node .um-ug-container-scroll .um-ug-container-scroll-container {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
  overflow-y: auto;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
  padding: 6px 5px 6px 10px;
  cursor: pointer;
  height: 32px;
  border-radius: 4px;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item .group-item {
  display: flex;
  align-items: center;
  width: calc(100% - 2.125rem);
  justify-content: space-between;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item .name-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item .group-name {
  color: #333F55;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-group-list .um-normal-node .um-ug-item .group-name break-word {
    word-break: break-all;
  }
}
.asconsole um-user-group-list .um-normal-node .um-ug-item i {
  color: #68768D;
  margin-right: 10px;
  font-size: 18px;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item .icon-context {
  visibility: hidden;
  font-size: 24px;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item:hover,
.asconsole um-user-group-list .um-normal-node .um-ug-item.selected {
  background-color: #EDF2F7;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item:hover .icon-context,
.asconsole um-user-group-list .um-normal-node .um-ug-item.selected .icon-context {
  visibility: visible;
}
.asconsole um-user-group-list .um-normal-node .um-ug-item.selected {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole um-user-group-list .um-mobile-node {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: white;
  padding: 5px 15px;
  cursor: pointer;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
@media all and (max-width: 667px) {
  .asconsole um-user-group-list .um-mobile-node {
    display: flex !important;
  }
}
.asconsole um-user-group-list .um-mobile-node .um-mobile-node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole um-user-group-list .um-mobile-node .um-mobile-node-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole um-user-group-list .um-mobile-node .um-mobile-node-name span break-word {
    word-break: break-all;
  }
}
.asconsole um-user-group-list .um-mobile-node .um-mobile-node-name .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole um-user-group-list .um-mobile-node .um-mobile-node-name .icon-library {
  color: #475369;
}
.asconsole um-user-group-list .um-mobile-node .fa-caret-down {
  color: #6275A3;
  font-size: 14px;
}
.asconsole um-user-group-list asui-loading-mask {
  opacity: 0.5;
}
.asconsole um-user-group-list .new-folder-node,
.asconsole um-user-group-list .new-folder-textbox {
  margin-left: 26px;
}
.asconsole um-user-group-list .new-folder-editing {
  border: 1px solid #DDE3EE;
  padding: 6px;
}
.asconsole um-user-group-list .new-folder-node:hover {
  background-color: transparent;
  outline: 1px solid #DDE3EE;
}
.asconsole .um-user-group-list-popover {
  word-break: break-all;
}
.asconsole .total-items .asui-badge-circle {
  background-color: #EBBE36;
  border-color: #EBBE36;
  border-radius: 4px;
  box-shadow: none;
  font-size: 100%;
  color: #000000;
}

.asconsole um-users {
  display: flex;
  flex: 1;
}

.asconsole um-account-authentication-sp-metadata .spMetadata {
  padding: 6px 12px;
  font-size: 12px;
  border: 1px solid var(--nc-colors__neutral300, #DDE3EE);
  border-radius: 4px;
  background-color: var(--nc-colors__neutral100, #F8F9FC);
  opacity: 1;
  width: 100%;
}
.asconsole um-account-authentication-sp-metadata .spMetadata__title {
  font-size: 14px;
}
.asconsole um-account-authentication-sp-metadata .btn-download {
  line-height: 24px;
}
.asconsole um-account-authentication-sp-metadata .btn-download:hover {
  color: var(--nc-colors__neutral0, #FFFFFF);
}

.asconsole clb-accounts {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole clb-accounts .page-desc {
  color: #475369;
  font-size: 120%;
  margin-right: 20px;
}
.asconsole clb-accounts .slack-setup-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole clb-accounts .thumbnail-cell {
  padding: 20px 0;
}
.asconsole clb-accounts .thumbnail-cell img {
  width: 50px;
  height: 50px;
}
.asconsole clb-accounts .account-details {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole clb-accounts .account-details .account-name {
  font-size: 120%;
}
.asconsole clb-accounts .account-details .account-name .editable-label-container {
  margin: 0;
}
.asconsole clb-accounts .account-details .account-name .asui-editable-label {
  margin: 0;
}
.asconsole clb-accounts .account-details .connected-by {
  color: #475369;
  margin-bottom: 5px;
}
.asconsole clb-accounts .account-details .permission {
  margin-right: 5px;
}
.asconsole clb-accounts .account-details .permission .btn-permission {
  text-align: left;
  height: 24px;
  width: 120px;
  padding: 2px 8px;
  min-width: 0;
}
.asconsole clb-accounts .account-details .permission .btn-permission .fa-caret-down {
  float: right;
}
.asconsole clb-accounts .btn-unlink {
  height: 24px;
  padding: 2px 18px;
  min-width: 0;
}

.asconsole clb-add-channels {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole clb-add-channels .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole clb-add-channels .modal-header .modal-title {
  flex: 1;
}
.asconsole clb-add-channels .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 49px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole clb-add-channels .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole clb-add-channels .modal-body {
  display: flex;
  flex: 1;
  padding: 0;
  min-height: 0;
}
.asconsole clb-add-channels .modal-footer .cb-label {
  font-weight: 200;
  margin-right: 20px;
}
.asconsole clb-add-channels .modal-footer .cb-label input {
  margin-right: 5px;
}

.asconsole .clb-channel-container {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  width: 100px;
  position: relative;
  cursor: pointer;
}
.asconsole .clb-channel-container .clb-remove-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  z-index: 2;
  font-size: 120%;
  margin: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: white;
}
.asconsole .clb-channel-container .clb-remove-btn .icon-remove {
  line-height: 0.7 !important;
}
.asconsole .clb-channel-container .clb-channel-icon {
  display: flex;
  justify-content: center;
}
.asconsole .clb-channel-container .clb-channel-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
  padding: 7px 10px;
}

.asconsole clb-card-content-channel {
  display: flex;
  flex-direction: column;
  max-width: none;
}
.asconsole clb-card-content-channel .card-icon-md {
  width: 100% !important;
  padding-top: 56.25%;
}
.asconsole clb-card-content-channel .card-icon-md .card-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}
.asconsole clb-card-content-channel .pc-content {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}
.asconsole clb-card-content-channel .pc-content .pc-content-title {
  font-size: 110%;
  font-weight: 500;
  color: #333F55;
  max-height: 35px;
  overflow: hidden;
}
.asconsole clb-card-content-channel .pc-content .pc-content-date {
  color: #475369;
  font-size: 90%;
  margin-top: 5px;
}
.asconsole clb-card-content-channel .pc-content .pc-content-desc {
  max-height: 35px;
  overflow: hidden;
  font-size: 90%;
  color: #333F55;
  margin-top: 5px;
}
.asconsole clb-card-content-channel .pc-content .pc-content-author {
  text-overflow: ellipsis;
  font-size: 90%;
  text-transform: uppercase;
  margin-top: 7px;
  color: #475369;
}

.asconsole clb-card-content-post {
  display: flex;
  flex-direction: column;
  max-width: none;
}
.asconsole clb-card-content-post .pc-channel {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.asconsole clb-card-content-post .pc-channel .card-icon-xs {
  min-width: 12px;
  min-height: 15px;
}
.asconsole clb-card-content-post .pc-channel .pc-channel-name {
  margin-left: 5px;
  color: #475369;
  text-transform: uppercase;
  font-size: 110%;
  line-height: 1.2;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole clb-card-content-post .pc-channel .pc-channel-name break-word {
    word-break: break-all;
  }
}
.asconsole clb-card-content-post .card-icon-md {
  width: 100% !important;
  padding-top: 56.25%;
}
.asconsole clb-card-content-post .card-icon-md .card-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}
.asconsole clb-card-content-post .pc-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole clb-card-content-post .pc-details .cm-button {
  padding: 13px;
}
.asconsole clb-card-content-post .pc-details .pc-content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 2px 5px;
  width: 100%;
}
.asconsole clb-card-content-post .pc-details .pc-content .pc-content-title {
  font-size: 110%;
  font-weight: 500;
  color: #333F55;
  max-height: 35px;
  overflow: hidden;
}
.asconsole clb-card-content-post .pc-details .pc-content .pc-content-date {
  color: #475369;
  font-size: 90%;
  margin-top: 3px;
}

.asconsole clb-chat {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clb-chat {
    padding: 15px 15px;
  }
}
.asconsole clb-chat asui-horizontal-navbar .hnb-settings {
  right: 1px;
  position: absolute;
}
.asconsole clb-chat asui-horizontal-navbar .icon-cog {
  font-size: 80% !important;
  margin-right: 5px;
}

.asconsole clb-chats {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole clb-chats .filter-bar {
  margin-bottom: 10px;
}
.asconsole clb-chats .filter-bar .filter-block .icon-filter {
  padding-left: 5px;
  padding-bottom: 3px;
  cursor: pointer;
}
.asconsole clb-chats .clb-card-chat {
  display: flex;
  flex-direction: column;
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #dbe0ea;
  position: relative;
}
.asconsole clb-chats .clb-card-chat .header-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 90px;
  background-color: #6275A3;
  color: white;
  padding: 10px 15px;
}
.asconsole clb-chats .clb-card-chat .header-block .name-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole clb-chats .clb-card-chat .header-block .name-block .chat-name {
  cursor: pointer;
  font-size: 120%;
}
.asconsole clb-chats .clb-card-chat .header-block .name-block .chat-menu .cm-button i {
  color: white;
  padding: 0 5px;
}
.asconsole clb-chats .clb-card-chat .header-block .name-block .chat-menu .item-icon {
  width: 22px;
}
.asconsole clb-chats .clb-card-chat .header-block .member-count {
  margin-top: 5px;
}
.asconsole clb-chats .clb-card-chat .provider-block {
  border-top: 1px solid #DDE3EE;
  display: flex;
  align-items: center;
  background-color: white;
  flex-direction: row;
  padding: 10px 15px;
  color: #475369;
  cursor: pointer;
}
.asconsole clb-chats .clb-card-chat .provider-block img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.asconsole clb-chats .clb-card-chat .chat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #DDE3EE;
  bottom: 10px;
  right: 10px;
  background-color: white;
}
.asconsole clb-chats .clb-card-chat .chat-icon img {
  border-radius: 50%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.asconsole clb-collab-home {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clb-collab-home {
    padding: 15px 15px;
  }
}

.asconsole clb-content-grid {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole clb-content-grid asui-grid {
  flex: 1;
  width: 100%;
}
.asconsole clb-content-grid .no-content-container img {
  width: 25%;
}
.asconsole clb-content-grid asui-loading-mask {
  top: 20px;
}

.asconsole clb-chat-edit {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole clb-chat-edit .post-header {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.asconsole clb-chat-edit .post-header .post-header-left {
  margin-top: 2px;
}
.asconsole clb-chat-edit .post-header .post-header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  color: #475369;
}
.asconsole clb-chat-edit .post-header .post-header-right .btn-date-filter {
  padding: 3px 12px;
  height: 25px;
  font-size: 90%;
}
.asconsole clb-chat-edit .post-sub-header {
  color: #475369;
  margin: 20px 0 15px 0;
}
.asconsole clb-chat-edit .post-tags-bar {
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
}
.asconsole clb-chat-edit .post-tags-bar .tag-item {
  display: flex;
  align-items: center;
  color: white;
  background: #6275A3;
  border: 1px solid #6275A3;
  padding: 4px 5px;
  font-size: 85%;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  border-radius: 2px;
  margin-right: 7px;
  margin-bottom: 5px;
}
.asconsole clb-chat-edit .post-tags-bar .tag-item .icon-remove {
  margin-left: 5px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 125%;
}
.asconsole clb-chat-edit .cta-add-btn {
  margin-top: 10px;
}

.asconsole clb-link {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clb-link {
    padding: 15px 15px;
  }
}
.asconsole clb-link .link-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 350px;
  height: 325px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  margin-top: 50px;
  padding: 40px 30px;
  background-color: white;
}
.asconsole clb-link .link-block .header {
  font-size: 150%;
  margin-bottom: 30px;
}
.asconsole clb-link .link-block .logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.asconsole clb-link .link-block .logo .icon {
  color: #DDE3EE;
  font-size: 350%;
  margin: 10px 25px 0 25px;
}
.asconsole clb-link .link-block .logo img {
  width: 60px;
  height: 60px;
}
.asconsole clb-link .link-block .desc {
  text-align: center;
  margin: 30px 0 35px 0;
}
.asconsole clb-link .link-block .footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
.asconsole clb-link .link-block .footer .btn-primary {
  margin-right: 10px;
}
.asconsole clb-link .link-block .footer .btn {
  width: 50%;
}

.asconsole clb-post-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 40px 40px 40px;
  background-color: white;
  border: 1px solid #DDE3EE;
  position: relative;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
@media all and (max-width: 992px) {
  .asconsole clb-post-list {
    border: none;
    padding: 0 20px 20px 20px;
  }
}
.asconsole clb-post-list asui-loading-mask {
  left: 0;
}
.asconsole clb-post-list asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole clb-post-list .banner-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 30px 0;
  cursor: pointer;
}
@media all and (max-width: 992px) {
  .asconsole clb-post-list .banner-container {
    padding: 20px 0;
  }
}
.asconsole clb-post-list .banner-container img {
  margin-right: 20px;
  width: 40px;
  height: 40px;
}
@media all and (max-width: 992px) {
  .asconsole clb-post-list .banner-container img {
    margin-right: 15px;
    width: 30px;
    height: 30px;
  }
}
.asconsole clb-post-list .banner-container span {
  font-size: 250%;
}
@media all and (max-width: 992px) {
  .asconsole clb-post-list .banner-container span {
    font-size: 170%;
  }
}
.asconsole clb-post-list .grid-container {
  margin: -40px 0 0 -40px;
}
.asconsole clb-post-list .grid-container .grid-item {
  padding: 40px 0 0 40px;
}
.asconsole clb-post-list .loading-mask-container {
  background-color: white;
}

.asconsole clb-posts {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  background-color: #f7fafc;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clb-posts {
    padding: 15px 15px;
  }
}
.asconsole clb-posts .posts-view {
  display: flex;
  flex: 1;
  max-width: 928px;
  width: 100%;
}
@media all and (max-width: 992px) {
  .asconsole clb-posts {
    border: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole clb-posts {
    border: none;
  }
}

.asconsole clb-post-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole clb-post-preview asui-loading-mask {
  left: 0;
}
.asconsole clb-post-preview asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole clb-post-preview asui-breadcrumbs {
  margin-left: 0px;
}
.asconsole clb-post-preview .border-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  background-color: white;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
@media all and (max-width: 992px) {
  .asconsole clb-post-preview .border-container {
    border: none;
  }
}
.asconsole clb-post-preview .banner-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
}
.asconsole clb-post-preview .banner-container img {
  margin-right: 10px;
  width: 25px;
  height: 25px;
}
.asconsole clb-post-preview .banner-container span {
  font-size: 150%;
}
.asconsole clb-post-preview .preview-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.asconsole clb-post-preview .preview-container .preview-channel {
  display: flex;
  flex-direction: row;
  padding: 20px;
  align-items: center;
}
.asconsole clb-post-preview .preview-container .preview-channel a {
  text-decoration: none;
  font-size: 150%;
  padding-left: 20px;
  color: #333F55;
}
.asconsole clb-post-preview .preview-container clm-content-preview {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  flex: initial;
  display: flex;
}
.asconsole clb-post-preview .nav-container {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.asconsole clb-post-preview .nav-container .next-content {
  width: 50%;
}
@media all and (max-width: 992px) {
  .asconsole clb-post-preview .nav-container .next-content {
    padding-right: 10px;
  }
}
.asconsole clb-post-preview .nav-container .prev-content {
  width: 50%;
}
@media all and (max-width: 992px) {
  .asconsole clb-post-preview .nav-container .prev-content {
    padding-left: 10px;
  }
}

.asconsole clb-chat-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  padding: 0 30px;
  background: white;
}
.asconsole clb-chat-settings .form-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 30px 0;
}
.asconsole clb-chat-settings .form-container .form-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .asconsole clb-chat-settings .form-container .form-group {
    flex-direction: column;
  }
}
.asconsole clb-chat-settings .form-container .form-group .group-label {
  color: #475369;
  width: 200px;
  margin-bottom: 10px;
}
.asconsole clb-chat-settings .form-container .form-group .group-inputs {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole clb-chat-settings .form-container .form-group .group-inputs .input-label {
  margin-bottom: 5px;
}
.asconsole clb-chat-settings .form-container .form-group .group-inputs .input-field {
  margin-bottom: 10px;
}
.asconsole clb-chat-settings .form-container .form-group .group-inputs .asui-tags-input {
  border-radius: 2px;
}
.asconsole clb-chat-settings .form-container .form-group .content-type-cb {
  display: flex;
  flex-direction: row;
}
.asconsole clb-chat-settings .form-container .form-group .content-type-cb .asui-checkbox {
  margin-right: 20px;
}
.asconsole clb-chat-settings .form-container .form-group .content-type-cb .asui-checkbox input[type=checkbox] {
  margin-right: 5px;
}
.asconsole clb-chat-settings .form-container .form-group .radio-btns {
  display: flex;
  flex-direction: row;
}
.asconsole clb-chat-settings .form-container .form-group .radio-btns .asui-radio {
  margin-right: 20px;
}
.asconsole clb-chat-settings .group-separator {
  border-bottom: 1px solid #DDE3EE;
  margin: 30px 0;
}

.asconsole clb-subscribe {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole clb-subscribe {
    padding: 15px 15px;
  }
}
.asconsole clb-subscribe .link-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 350px;
  height: 325px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  margin-top: 50px;
  padding: 40px 30px;
  background-color: white;
}
.asconsole clb-subscribe .link-block .header {
  font-size: 150%;
  margin-bottom: 30px;
}
.asconsole clb-subscribe .link-block .logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.asconsole clb-subscribe .link-block .logo .icon {
  color: #DDE3EE;
  font-size: 350%;
  margin: 10px 25px 0 25px;
}
.asconsole clb-subscribe .link-block .logo img {
  width: 60px;
  height: 60px;
}
.asconsole clb-subscribe .link-block .desc {
  text-align: center;
  margin: 30px 0 35px 0;
}
.asconsole clb-subscribe .link-block .footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
.asconsole clb-subscribe .link-block .footer .btn-primary {
  margin-right: 10px;
}
.asconsole clb-subscribe .link-block .footer .btn {
  width: 50%;
}

.asconsole anl-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole anl-analytics .view-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  padding: 25px 25px;
  font-size: 14px;
}
@media all and (max-width: 667px) {
  .asconsole anl-analytics .view-container {
    padding: 15px 15px;
  }
}
.asconsole anl-analytics .view-container asui-breadcrumbs {
  padding-left: 0;
  padding-top: 0;
}
.asconsole anl-analytics .view-container asui-breadcrumbs .breadcrumb {
  font-size: 20px;
}
.asconsole anl-analytics .view-container asui-breadcrumbs .fa-caret-down {
  font-size: 16px;
}
.asconsole anl-analytics .view-container asui-breadcrumbs .popover-content ul li a {
  font-size: 14px !important;
}
.asconsole .analytics-dashboard {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole .analytics-dashboard .summary-section {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  flex-direction: row;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .analytics-dashboard .summary-section {
    display: inline;
  }
}
.asconsole .analytics-dashboard .summary-section anl-summary-widget {
  padding: 0 0 20px 20px;
  flex: 0 0 25%;
}
@media all and (max-width: 1920px) {
  .asconsole .analytics-dashboard .summary-section anl-summary-widget {
    flex: 0 0 25%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole .analytics-dashboard .summary-section anl-summary-widget {
    flex: 0 0 33.33333%;
  }
}
@media all and (max-width: 945px) {
  .asconsole .analytics-dashboard .summary-section anl-summary-widget {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 500px) {
  .asconsole .analytics-dashboard .summary-section anl-summary-widget {
    flex: 0 0 100%;
  }
}
.asconsole .analytics-dashboard .chart-section {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  flex-direction: row;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .analytics-dashboard .chart-section {
    display: inline;
  }
}
.asconsole .analytics-dashboard .chart-section anl-chart-widget {
  padding: 0 0 20px 20px;
  flex: 0 0 25%;
}
.asconsole .analytics-dashboard .chart-section anl-chart-widget .no-content-container {
  height: 270px;
}
.asconsole .analytics-dashboard .chart-section anl-chart-widget .no-content-container .icon-container img {
  max-width: 200px !important;
  max-height: 160px !important;
}
@media all and (max-width: 1920px) {
  .asconsole .analytics-dashboard .chart-section .widget-col-1 {
    flex: 0 0 33.33333%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole .analytics-dashboard .chart-section .widget-col-1 {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 945px) {
  .asconsole .analytics-dashboard .chart-section .widget-col-1 {
    flex: 0 0 100%;
  }
}
@media all and (max-width: 1920px) {
  .asconsole .analytics-dashboard .chart-section .widget-col-2 {
    flex: 0 0 66.6666%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole .analytics-dashboard .chart-section .widget-col-2 {
    flex: 0 0 100%;
  }
}
@media all and (max-width: 945px) {
  .asconsole .analytics-dashboard .chart-section .widget-col-2 {
    flex: 0 0 100%;
  }
}
.asconsole .analytics-dashboard .chart-section .widget-col-full {
  flex: 0 0 100% !important;
}
.asconsole .analytics-dashboard .date-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.asconsole .analytics-dashboard .date-section anl-analytics-daterange {
  padding: 0 15px;
}

.asconsole anl-analytics-base {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.asconsole anl-analytics-daterange .asui-date-range-picker {
  background-color: white;
}
.asconsole anl-analytics-daterange .asui-date-range-picker input {
  field-sizing: content;
  padding-right: 25px;
  min-width: 240px !important;
}
@media all and (max-width: 667px) {
  .asconsole anl-analytics-daterange .asui-date-range-picker input {
    min-width: 220px !important;
  }
}
.asconsole anl-analytics-daterange .asui-date-range-picker .date-clear {
  padding-right: 6px;
}
.asconsole anl-analytics-daterange .asui-date-range-picker:hover .date-clear {
  display: none;
}

.asconsole anl-analytics-apps .anl-card-creation .hbc-bar {
  background-color: #50d6b7 !important;
}

.asconsole anl-analytics-channels .anl-least-active-channels .hbc-bar {
  background-color: #EA777D !important;
}
.asconsole anl-analytics-channels .anl-card-allocation .hbc-bar {
  background-color: #50d6b7 !important;
}

.asconsole anl-analytics-library .anl-card-creation .hbc-bar {
  background-color: #50d6b7 !important;
}

.asconsole anl-analytics-devices .anl-device-status-summary .online {
  color: #0C817B !important;
}
.asconsole anl-analytics-devices .anl-device-status-summary .offline {
  color: #6275A3 !important;
}
.asconsole anl-analytics-devices .anl-device-status-summary .lost-com {
  color: #CB4848 !important;
}

.asconsole anl-analytics-overview .anl-device-status-overview .online {
  color: #0C817B !important;
}
.asconsole anl-analytics-overview .anl-device-status-overview .offline {
  color: #6275A3 !important;
}
.asconsole anl-analytics-overview .anl-device-status-overview .lost-com {
  color: #CB4848 !important;
}

.asconsole anl-analytics-users .anl-least-active-users .hbc-bar {
  background-color: #EA777D !important;
}

.asconsole anl-chart-widget {
  display: flex;
  min-width: 0;
}
.asconsole anl-chart-widget .anl-chart-widget {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  position: relative;
  border: 1px solid #DDE3EE;
  border-radius: 10px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  height: 350px;
  background-color: white;
}
.asconsole anl-chart-widget .anl-chart-widget asui-loading-mask {
  left: 0;
}
.asconsole anl-chart-widget .anl-chart-widget asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole anl-chart-widget .anl-chart-widget .anl-chart-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  color: #1E293B;
  margin-bottom: 16px;
  border-bottom: 1px solid #dbe0ea;
  min-height: 40px;
  align-items: center;
  padding: 0 10px 0 20px;
}
.asconsole anl-chart-widget .anl-chart-widget .anl-chart-header .icon-context {
  cursor: pointer;
  font-size: 24px;
  color: #6275A3;
  margin-top: -3px;
}
.asconsole anl-chart-widget .anl-chart-widget .anl-chart-canvas {
  flex: 1;
  padding: 0 20px 20px 20px;
  position: relative;
  min-height: 0;
  overflow-y: auto;
}
.asconsole anl-chart-widget .anl-chart-widget .anl-chart-canvas .canvas-container {
  width: 100%;
  height: 100%;
}
.asconsole anl-chart-widget .anl-chart-widget .anl-chart-canvas .custom-chart {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole anl-chart-widget .anl-chart-widget .more-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 25px;
  font-size: 14px;
  cursor: pointer;
  border-top: 1px solid #DDE3EE;
}
.asconsole anl-chart-widget .anl-chart-widget .more-link .more-link-label {
  color: #0A5BEB;
}
.asconsole anl-chart-widget .anl-chart-widget .more-link i {
  margin-right: 15px;
  color: #8493AE;
  font-size: 14px;
}
.asconsole anl-chart-widget .anl-chart-widget .more-link:hover {
  background-color: #eef4f9;
}
.asconsole anl-chart-widget .anl-chart-widget .no-content-container {
  margin: 0;
  height: 100%;
}
.asconsole anl-chart-widget .anl-chart-widget .no-content-container .non-content-text {
  font-size: 14px;
  margin-top: 15px;
}

.asconsole anl-report-columns-settings {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(100vh - 7px);
  min-height: 630px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole anl-report-columns-settings .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole anl-report-columns-settings .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole anl-report-columns-settings .modal-header .icon-cross {
  font-size: 22px;
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole anl-report-columns-settings .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole anl-report-columns-settings .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole anl-report-columns-settings .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 20px 25px 10px 25px;
  min-height: 0;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole anl-report-columns-settings .modal-body {
    padding: 20px;
  }
}
.asconsole anl-report-columns-settings .modal-body asui-table {
  width: 100%;
  height: 100%;
}
.asconsole anl-report-columns-settings .modal-body asui-table .name-td .disabled {
  opacity: 0.4;
}
.asconsole anl-report-columns-settings .modal-body asui-table .display-icon {
  text-align: center;
  cursor: pointer;
}
.asconsole anl-report-columns-settings .modal-body asui-table .display-icon .icon-eye-disabled {
  opacity: 0.4;
}
.asconsole .modal-report-columns-settings {
  width: 800px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-report-columns-settings {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-report-columns-settings .modal-content {
  border-radius: 8px;
}

.asconsole anl-donut-chart .canvas-container {
  position: relative;
}
.asconsole anl-donut-chart .canvas-container .center-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: calc(100% - 25px);
  top: 0;
  left: 0;
  font-size: 24px;
  pointer-events: none;
  z-index: 1;
}

.asconsole anl-donut-chart-usage .canvas-container {
  display: flex;
  flex-direction: row;
}
.asconsole anl-donut-chart-usage .canvas-container .chart-left {
  position: relative;
  width: 50%;
  padding: 20px;
}
.asconsole anl-donut-chart-usage .canvas-container .chart-left .center-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 32px;
  font-weight: 500;
  pointer-events: none;
  z-index: 1;
}
.asconsole anl-donut-chart-usage .canvas-container .chart-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.asconsole anl-donut-chart-usage .canvas-container .chart-right .subtitle {
  font-weight: 900;
  text-transform: uppercase;
  color: #4f596e;
  letter-spacing: 1px;
}
.asconsole anl-donut-chart-usage .canvas-container .chart-right .fraction {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  padding-top: 6px;
}
.asconsole anl-donut-chart-usage .chart-link {
  border-top: 1px solid #DDE3EE;
  padding: 10px;
}
.asconsole anl-donut-chart-usage .no-content-container.error .non-content-text {
  color: #CB4848;
}

.asconsole anl-edit-report {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  min-width: 0;
  min-height: 0;
  position: relative;
}
.asconsole anl-edit-report .report-modal-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 60px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.asconsole anl-edit-report .report-modal-header .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 20px 25px;
  cursor: pointer;
  width: 15%;
}
.asconsole anl-edit-report .report-modal-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole anl-edit-report .report-modal-header .steps-navbar {
  display: flex;
  justify-content: center;
  width: 70%;
}
.asconsole anl-edit-report .report-modal-header .action-buttons {
  margin-right: 25px;
  margin-left: 45px;
  justify-content: flex-end;
  display: flex;
  width: 15%;
}
.asconsole anl-edit-report .report-modal-header .action-buttons .action-btn {
  min-width: 85px;
}
.asconsole anl-edit-report .report-modal-header .action-buttons .action-btn + .action-btn {
  margin-left: 10px;
}
.asconsole anl-edit-report .report-modal-header .action-buttons .save-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole anl-edit-report .report-modal-header .action-buttons .save-btn .main-btn {
  width: 61px;
}
.asconsole anl-edit-report .report-modal-header .action-buttons asui-split-button .icon {
  font-size: 100%;
}
.asconsole anl-edit-report .report-modal-header.edit .icon-arrow-back {
  width: fit-content;
}
.asconsole anl-edit-report .report-modal-header.edit .header-title {
  flex: 1;
  color: black;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.asconsole anl-edit-report .report-modal-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  width: 100%;
}
.asconsole anl-edit-report .report-modal-content .left-panel {
  display: flex;
  width: 346px;
  overflow-y: auto;
}
.asconsole anl-edit-report .report-modal-content .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-height: 0;
  min-width: 0;
  background-color: #f7f8fb;
  overflow: auto;
}
.asconsole anl-edit-report .report-modal-content .main > h3 {
  margin-bottom: 5px;
  margin-top: 0;
}
.asconsole anl-edit-report .report-modal-content .side-menu {
  display: flex;
  flex-direction: column;
  width: 64px;
  height: 100%;
  border-left: 1px solid #DDE3EE;
}
.asconsole anl-edit-report .report-modal-content .side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 70px;
  color: #6275A3;
}
.asconsole anl-edit-report .report-modal-content .side-menu .menu-item .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole anl-edit-report .report-modal-content .side-menu .menu-item .menu-label {
  font-size: 90%;
  text-align: center;
  overflow-wrap: anywhere;
}
.asconsole anl-edit-report .report-modal-content .side-menu .menu-item:hover, .asconsole anl-edit-report .report-modal-content .side-menu .menu-item.active {
  color: #0A5BEB;
}
.asconsole anl-edit-report asui-loading-mask {
  opacity: 0.5;
}

.asconsole anl-edit-report-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  min-width: 0;
  position: relative;
}
.asconsole anl-edit-report-form .as-input-row {
  display: flex;
  flex-direction: column;
}
.asconsole anl-edit-report-form .as-input-row .asip-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.asconsole anl-edit-report-form .as-input-row .asip-label .primary-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole anl-edit-report-form .as-input-row .asip-label .label-right {
  display: flex;
}
.asconsole anl-edit-report-form .as-input-row .asip-label .label-right .icon-lock {
  font-size: 18px;
  display: none;
  color: #3c465d;
}
.asconsole anl-edit-report-form .as-input-row .asip-label .label-right .icon-lock.locked {
  display: initial;
  color: #858b9a;
}
.asconsole anl-edit-report-form .as-input-row .asip-input {
  padding-bottom: 24px;
}
.asconsole anl-edit-report-form .as-input-row .columns-input {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.asconsole anl-edit-report-form .as-input-row .columns-input .placeholder {
  display: flex;
  align-items: center;
  border: 1px solid #DDE3EE;
  border-right: 0;
  border-radius: 3px 0 0 3px;
  height: 40px;
  padding: 0 12px;
  flex: 1;
}
.asconsole anl-edit-report-form .as-input-row .columns-input .settings-btn {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 0 3px 3px 0;
  color: #6275A3;
  font-size: 18px;
}
.asconsole anl-edit-report-form .as-input-row .columns-input.locked .placeholder, .asconsole anl-edit-report-form .as-input-row .columns-input.locked .settings-btn {
  background: #eef4f9;
  color: #3c465d;
  pointer-events: none;
}
.asconsole anl-edit-report-form .as-input-row:hover .asip-label .icon-lock {
  color: #3c465d !important;
  display: initial;
}

.asconsole anl-edit-report-history {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.asconsole anl-edit-report-history .filter-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 25px;
  margin: 0;
}
.asconsole anl-edit-report-history .filter-bar .section-header {
  margin: 0;
  color: #2d3851;
}
.asconsole anl-edit-report-history .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  width: calc(100% - 1px);
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 70px;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table {
  width: 100%;
  display: flex;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: #EDF2F7;
  top: 0;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table td {
  height: 55px;
  padding: 0 8px;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table .created-td {
  padding-left: 25px;
}
.asconsole anl-edit-report-history .table-container-outer .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}

.asconsole anl-edit-report-schedule {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 44px;
  width: 800px;
  margin: 42px 50px 50px 50px;
  border: 1px solid #DDE3EE;
  background-color: white;
  border-radius: 0px 0px 8px 8px;
}
.asconsole anl-edit-report-schedule .form-group {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #4f596e;
  text-transform: uppercase;
  margin: 10px 0;
}
.asconsole anl-edit-report-schedule .form-row {
  display: flex;
  flex-direction: row;
}
.asconsole anl-edit-report-schedule .form-row .form-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  width: 270px;
  margin-right: 20px;
  margin-top: 9px;
  color: #3c465d;
}
.asconsole anl-edit-report-schedule .form-row .form-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 20px;
}
.asconsole anl-edit-report-schedule .form-row .form-input > input {
  height: 40px;
  border-radius: 6px;
  margin: 0;
}
.asconsole anl-edit-report-schedule .form-row .form-input .asui-tags-input {
  min-height: 104px;
  margin-bottom: 0;
}
.asconsole anl-edit-report-schedule .form-row .form-input .asui-tags-input .input {
  width: 200px !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  padding: 6px;
}
.asconsole anl-edit-report-schedule .form-row .form-input toggle {
  height: 36px;
  display: flex;
  align-items: center;
}
.asconsole anl-edit-report-schedule .form-row .form-input .col-2 {
  width: 50%;
}
.asconsole anl-edit-report-schedule .form-row .form-input .col-2 + .col-2 {
  margin-left: 20px;
}
.asconsole anl-edit-report-schedule .form-row .form-input.inline {
  flex-direction: row !important;
}
.asconsole anl-edit-report-schedule .form-row .end-radio label {
  margin: 0 0 5px 0;
  height: 32px;
}
.asconsole anl-edit-report-schedule .form-row .end-radio input[type=radio] {
  margin-right: 10px;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs {
  position: relative;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs > input {
  margin: 0;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .occurrences {
  border-radius: 6px;
  width: 100%;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .occurrences:disabled {
  background-color: #f7f8fb;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .occurrences-label {
  position: absolute;
  top: 41px;
  right: 10px;
  font-size: 14px;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .enddate {
  margin-top: 5px;
  border-radius: 6px;
  height: 32px;
  width: 100%;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .enddate .dropdown-toggle {
  border-radius: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .enddate .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole anl-edit-report-schedule .form-row .end-inputs .enddate.disabled {
  background-color: #f7f8fb;
  color: #475369;
}
.asconsole anl-edit-report-schedule recurrence-pattern .rp-label {
  font-weight: 400 !important;
  width: 270px !important;
  color: #3c465d;
}
.asconsole anl-edit-report-schedule recurrence-pattern .time-picker .date-clear, .asconsole anl-edit-report-schedule recurrence-pattern .time-picker .icon-remove {
  display: none;
  pointer-events: none;
}

.asconsole anl-edit-report-template {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  min-width: 0;
  min-height: 0;
}
.asconsole anl-edit-report-template .report-modal-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 60px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.asconsole anl-edit-report-template .report-modal-header .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 20px 25px;
  cursor: pointer;
}
.asconsole anl-edit-report-template .report-modal-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole anl-edit-report-template .report-modal-header .header-title {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  position: relative;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.asconsole anl-edit-report-template .report-modal-header .header-title asui-editable-label .editable-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole anl-edit-report-template .report-modal-header .header-title asui-editable-label .editable-label break-word {
    word-break: break-all;
  }
}
.asconsole anl-edit-report-template .report-modal-header .header-title .template-name {
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 20px;
  width: calc(100% - 240px);
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole anl-edit-report-template .report-modal-header .header-title .template-name {
    padding-right: 0;
    margin-right: 0;
    width: calc(100% - 60px);
  }
}
.asconsole anl-edit-report-template .report-modal-header .action-buttons {
  margin-right: 25px;
  margin-left: 45px;
  justify-content: flex-end;
  display: flex;
  width: 15%;
}
.asconsole anl-edit-report-template .report-modal-header .action-buttons .action-btn {
  min-width: 85px;
}
.asconsole anl-edit-report-template .report-modal-header .action-buttons .action-btn + .action-btn {
  margin-left: 10px;
}
.asconsole anl-edit-report-template .report-modal-header .action-buttons .save-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole anl-edit-report-template .report-modal-header .action-buttons .save-btn .main-btn {
  width: 61px;
}
.asconsole anl-edit-report-template .report-modal-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  width: 100%;
}
.asconsole anl-edit-report-template .report-modal-content .left-panel {
  display: flex;
  width: 346px;
  overflow-y: auto;
}
.asconsole anl-edit-report-template .report-modal-content .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-height: 0;
  min-width: 0;
  background-color: #f7f8fb;
  overflow: auto;
}
.asconsole anl-edit-report-template .report-modal-content .main > h3 {
  margin-bottom: 5px;
  margin-top: 0;
}
.asconsole anl-edit-report-template .report-modal-content .side-menu {
  display: flex;
  flex-direction: column;
  width: 64px;
  height: 100%;
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.05);
}
.asconsole anl-edit-report-template .report-modal-content .side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 70px;
  color: #6275A3;
}
.asconsole anl-edit-report-template .report-modal-content .side-menu .menu-item .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole anl-edit-report-template .report-modal-content .side-menu .menu-item .menu-label {
  font-size: 90%;
}
.asconsole anl-edit-report-template .report-modal-content .side-menu .menu-item:hover, .asconsole anl-edit-report-template .report-modal-content .side-menu .menu-item.active {
  color: #0A5BEB;
}
.asconsole anl-edit-report-template asui-loading-mask {
  opacity: 0.5;
}

.asconsole anl-edit-report-template-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 32px;
  width: 577px;
  margin: 42px 50px 50px 50px;
  border: 1px solid #DDE3EE;
  background-color: white;
  border-radius: 8px;
}
.asconsole anl-edit-report-template-settings .form-row {
  display: flex;
  flex-direction: column;
}
.asconsole anl-edit-report-template-settings .form-row .form-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole anl-edit-report-template-settings .form-row .form-biline {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-top: 8px;
}
.asconsole anl-edit-report-template-settings .form-row .form-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 17px;
  margin-bottom: 24px;
}
.asconsole anl-edit-report-template-settings .form-row .form-input > input {
  height: 40px;
  border-radius: 6px;
  margin: 0;
}
.asconsole anl-edit-report-template-settings .form-row .form-input .asui-tags-input {
  min-height: 104px;
  margin-bottom: 0;
}
.asconsole anl-edit-report-template-settings .form-row .form-input .asui-tags-input .input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  padding: 6px;
}

.asconsole anl-facts-chart {
  display: flex;
  flex-direction: column;
}
.asconsole anl-facts-chart .main-fact {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
.asconsole anl-facts-chart .main-fact .fact-value {
  font-size: 65px;
  color: #333F55;
  line-height: 1;
}
.asconsole anl-facts-chart .main-fact .fact-label {
  font-size: 24px;
  color: #475369;
  margin-top: 5px;
}
.asconsole anl-facts-chart .secondary-facts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole anl-facts-chart .secondary-facts .fact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole anl-facts-chart .secondary-facts .fact .fact-value {
  font-size: 24px;
}
.asconsole anl-facts-chart .secondary-facts .fact .fact-label {
  font-size: 12px;
  color: #475369;
  text-align: center;
  padding: 0 5px;
}

.asconsole anl-horizontal-bar-chart .hbc-container {
  display: flex;
  flex-direction: column;
}
.asconsole anl-horizontal-bar-chart .hbc-container .has-profile {
  cursor: pointer;
}
.asconsole anl-horizontal-bar-chart .hbc-container .has-profile:hover {
  color: #0A5BEB;
}
.asconsole anl-horizontal-bar-chart .hbc-container .hbc-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
  min-height: 20px;
}
.asconsole anl-horizontal-bar-chart .hbc-container .hbc-label .hbc-label-name {
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole anl-horizontal-bar-chart .hbc-container .hbc-label .hbc-label-name anl-resource-icon {
  margin-right: 5px;
}
.asconsole anl-horizontal-bar-chart .hbc-container .hbc-label .hbc-label-name .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole anl-horizontal-bar-chart .hbc-container .hbc-label .hbc-label-name .name break-word {
    word-break: break-all;
  }
}
.asconsole anl-horizontal-bar-chart .hbc-container .hbc-bar-base {
  background-color: #dfe4ea;
  width: 100%;
  position: relative;
  height: 3px;
  margin: 17px 0 5px 0;
}
.asconsole anl-horizontal-bar-chart .hbc-container .hbc-bar-base .hbc-bar {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0A5BEB;
  height: 100%;
}
.asconsole anl-horizontal-bar-chart .hbc-container:first-child .hbc-bar-base {
  margin-top: 0;
}

.asconsole anl-logs-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole anl-logs-modal .modal-header .modal-title {
  font-size: 16px;
  font-weight: 200;
}
.asconsole anl-logs-modal .modal-body {
  flex: 1;
}
.asconsole .modal-anl-logs {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}
.asconsole .modal-anl-logs .modal-content {
  display: flex;
  height: 100%;
}

.asconsole anl-edit-report-categories-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  cursor: pointer;
}
.asconsole anl-edit-report-categories-list .category-row {
  display: flex;
  align-items: center;
  height: 50px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  padding: 0 20px;
}
.asconsole anl-edit-report-categories-list .category-row.active {
  background-color: #f7f8fb;
  border-right: solid 4px #002169;
}

.asconsole anl-edit-report-preview {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.asconsole anl-edit-report-preview .filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 25px;
}
.asconsole anl-edit-report-preview .filter-bar .header {
  margin: 0;
  color: #2d3851;
}
.asconsole anl-edit-report-preview .filter-bar .filter-right {
  display: flex;
  align-items: center;
}
.asconsole anl-edit-report-preview .filter-bar .filter-right .btn {
  margin-right: 10px;
}
.asconsole anl-edit-report-preview .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 2px;
  width: 100%;
  height: 100% !important;
  padding-bottom: 30px;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table {
  width: 100%;
  display: flex;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: #EDF2F7;
  top: 0;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table .asui-table-container .table-container {
  overflow-x: auto;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole anl-edit-report-preview .table-container-outer .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}
.asconsole anl-edit-report-preview .table-container-outer .no-content-container .icon-container img {
  width: auto;
  max-width: 300px;
}
.asconsole anl-edit-report-preview .table-container-outer .no-content-container .non-content-text h3 {
  margin-top: 25px;
}
.asconsole anl-edit-report-preview .table-container-outer .no-content-container .non-content-text p {
  margin-bottom: 25px;
}

.asconsole anl-report-template-assign-permissions-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole anl-report-template-assign-permissions-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole anl-report-template-assign-permissions-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole anl-report-template-assign-permissions-modal .modal-header .icon-cross {
  font-size: 22px;
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole anl-report-template-assign-permissions-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole anl-report-template-assign-permissions-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole anl-report-template-assign-permissions-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 20px 25px;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole anl-report-template-assign-permissions-modal .modal-body {
    padding: 20px;
  }
}
.asconsole anl-report-template-assign-permissions-modal .modal-body .header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 8px;
}
.asconsole anl-report-template-assign-permissions-modal .modal-body .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-bottom: 17px;
}
.asconsole .modal-report-template-assign-permissions {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-report-template-assign-permissions {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-report-template-assign-permissions .modal-content {
  border-radius: 8px;
}

.asconsole anl-edit-report-template-grid {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  position: relative;
  padding: 25px;
}
.asconsole anl-edit-report-template-grid .filter-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.asconsole anl-edit-report-template-grid .filter-bar .filter-left h3 {
  margin: 0;
}
.asconsole anl-edit-report-template-grid .filter-bar .filter-right {
  display: flex;
  align-items: center;
}
.asconsole anl-edit-report-template-grid .filter-bar .filter-right .asui-search {
  margin-right: 23px;
  margin-bottom: 0;
  border-radius: 6px;
}
.asconsole anl-edit-report-template-grid .filter-bar .filter-right .total {
  white-space: nowrap;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole anl-edit-report-template-grid .template-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  padding: 18px 18px 10px 18px;
  min-height: 220px;
  background-color: white;
  cursor: pointer;
}
.asconsole anl-edit-report-template-grid .template-item .template-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole anl-edit-report-template-grid .template-item .template-content .template-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E0EAF5;
  border: 1px solid #DDE3EE;
  border-radius: 7px;
  font-size: 23px;
  color: #0A5BEB;
  width: 40px;
  height: 40px;
}
.asconsole anl-edit-report-template-grid .template-item .template-content .template-name {
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole anl-edit-report-template-grid .template-item .template-content .template-desc {
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.asconsole anl-edit-report-template-grid .template-item hr {
  margin: 10px 0;
  border-color: #DDE3EE;
  width: 100%;
}
.asconsole anl-edit-report-template-grid .template-item .template-footer {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole anl-edit-report-template-grid .report-cta-container {
  display: flex;
  flex: 1;
}
.asconsole anl-edit-report-template-grid .report-cta-container .reset-filters {
  color: #0A5BEB;
}

.asconsole anl-reporting-report-templates {
  display: flex;
  flex: 1;
  max-height: calc(100vh - 126px);
}
.asconsole anl-reporting-report-templates .content-container {
  padding: 0;
  overflow: hidden;
  flex-direction: column;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 4px 0 16px 0;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar .filter-left {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar .filter-left .icon-info {
  color: #4f596e;
  font-size: 20px;
  margin-right: 10px;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar .filter-left .header {
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar .filter-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 20px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole anl-reporting-report-templates .content-container .filter-bar .filter-right .total {
  white-space: nowrap;
}
.asconsole anl-reporting-report-templates .content-container .asui-command-bar {
  margin: 0;
  border-left: 0;
}
.asconsole anl-reporting-report-templates .content-container .asui-command-bar .content {
  padding: 0 0 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.asconsole anl-reporting-report-templates .content-container .asui-command-bar .content .asui-context-menu {
  margin-right: 20px;
}
.asconsole anl-reporting-report-templates .content-container .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 27px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 10px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table {
  width: 100%;
  height: 100%;
  display: flex;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: #EDF2F7;
  top: 0;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table thead th.name-td {
  padding-left: 12px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 17px;
  width: 40px;
  height: 40px;
  background-color: #EDF2F7;
  border-radius: 7px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .icon-container .icon {
  font-size: 24px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .name-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .name-container .name {
  color: #0b1835;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .name-container .name break-word {
    word-break: break-all;
  }
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .name-container .service-name {
  margin-top: 2px;
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .name-td .name-container .service-name break-word {
    word-break: break-all;
  }
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .creator-td {
  text-transform: capitalize;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .permission-td {
  min-width: 60px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .permission-td .permission-div {
  display: flex;
  white-space: nowrap;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .permission-td .permission-div .permission {
  color: #4f596e;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .permission-td .permission-div .permission .icon {
  margin-right: 6px;
  color: #4f596e;
  font-size: 13px;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .permission-td .permission-div .permission .count {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .permission-td .permission-div .permission:last-child {
  margin-right: 0;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .row-disabled td {
  opacity: 0.6;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .row-disabled td:first-child, .asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .row-disabled td:last-child {
  opacity: 1;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner asui-table .fa-ellipsis-h {
  color: #475369;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole anl-reporting-report-templates .content-container .table-container-outer .table-container-inner .clear-filters a {
  cursor: pointer;
}

.asconsole anl-reporting {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole anl-reporting .as-module-layout {
  display: flex;
  flex-direction: column;
}
.asconsole anl-reporting .as-module-layout asui-breadcrumbs {
  padding: 0;
  padding: 24px 0 16px 24px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole anl-reporting .as-module-layout asui-breadcrumbs .breadcrumb-item {
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 24.3px !important;
  letter-spacing: normal !important;
  color: rgb(51, 63, 85) !important;
}
.asconsole anl-reporting .as-module-layout asui-breadcrumbs .breadcrumb-item:last-child {
  font-weight: 600 !important;
}
.asconsole anl-reporting .as-module-layout asui-breadcrumbs a.breadcrumb-item {
  color: rgb(51, 63, 85) !important;
  text-decoration: none;
}
.asconsole anl-reporting .as-module-layout asui-breadcrumbs a.breadcrumb-item:hover {
  text-decoration: underline;
}
.asconsole anl-reporting .as-module-layout .sidebar-panel {
  padding: 20px 24px 24px 24px;
}
.asconsole anl-reporting .as-module-layout .content-container {
  background-color: #ffffff;
}
.asconsole anl-reporting .as-module-layout .content-container .filter-bar {
  padding-bottom: 12px;
}

.asconsole anl-reporting-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole anl-reporting-settings asui-breadcrumbs {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole anl-reporting-settings .asui-view-overlay-initializing {
  background-color: #F8F9FC !important;
}
.asconsole anl-reporting-settings .content-container {
  display: flex;
  flex: 1;
  align-items: stretch;
}
.asconsole anl-reporting-settings .container-scroll {
  padding-top: 12px;
  overflow-y: auto;
  display: flex;
  flex: 1;
}

.asconsole anl-reporting-reports {
  display: flex;
  flex: 1;
  flex-direction: row;
  max-height: calc(100vh - 116px);
}
.asconsole anl-reporting-reports .sidebar-panel {
  padding-top: 15px;
}
.asconsole anl-reporting-reports .sidebar-panel .create-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 15px;
}
.asconsole anl-reporting-reports .sidebar-panel network-picker-dropdown {
  margin-bottom: 15px;
}
.asconsole anl-reporting-reports .sidebar-panel .category-items {
  overflow-y: auto;
}
.asconsole anl-reporting-reports .content-container {
  padding: 0;
  overflow: hidden;
  border-left: 1px solid #DDE3EE;
}
.asconsole anl-reporting-reports .content-container .filter-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
}
.asconsole anl-reporting-reports .content-container .filter-bar .filter-left {
  display: flex;
  align-items: center;
}
.asconsole anl-reporting-reports .content-container .filter-bar .filter-left .section-header {
  margin: 0 0 0 25px;
  color: #2d3851;
}
.asconsole anl-reporting-reports .content-container .filter-bar .filter-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 20px;
}
.asconsole anl-reporting-reports .content-container .filter-bar .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole anl-reporting-reports .content-container .filter-bar .filter-right .asui-search {
  display: flex;
  flex: 1;
  flex-basis: auto;
  margin: 0;
  border-radius: 4px;
  margin-right: 10px;
  width: 250px;
}
.asconsole anl-reporting-reports .content-container .filter-bar .filter-right .total {
  white-space: nowrap;
}
.asconsole anl-reporting-reports .content-container .asui-command-bar {
  margin: 0;
  border-left: 0;
}
.asconsole anl-reporting-reports .content-container .asui-command-bar .content {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole anl-reporting-reports .content-container .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 27px;
}
.asconsole anl-reporting-reports .content-container .asui-command-bar user-typeahead {
  flex: unset;
  max-width: 350px;
  min-width: 220px;
}
.asconsole anl-reporting-reports .content-container .asui-command-bar user-typeahead input {
  border: 0;
}
.asconsole anl-reporting-reports .content-container .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 10px;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table {
  width: 100%;
  height: 100%;
  display: flex;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: #EDF2F7;
  top: 0;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .created-td > div, .asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .name-td > div, .asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .category-td > div, .asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .location-td > div {
  cursor: pointer;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .recipient-td {
  color: #0b1835;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .recipient-td > div {
  height: 100%;
  cursor: pointer;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .recipient-td .icon-menu-users-line {
  font-size: 13px;
  margin-right: 5px;
  color: #4f596e;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .recipient-td hr {
  width: 14px;
  margin: 0;
  border-color: #0b1835;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .schedule-td {
  color: #3c465d;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner asui-table .fa-ellipsis-h {
  color: #475369;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole anl-reporting-reports .content-container .table-container-outer .table-container-inner .clear-filters a {
  cursor: pointer;
}

.asconsole anl-resource-icon asui-card-content .card-icon-xs {
  width: 30px !important;
  height: 18px !important;
}
.asconsole anl-resource-icon asui-card-content .card-icon-xs .card-thumbnail-image {
  font-size: 12px !important;
}
.asconsole anl-resource-icon asui-card-channel .card-icon-xs {
  min-width: 14px !important;
  min-height: 18px !important;
  font-size: 8px !important;
}
.asconsole anl-resource-icon .app-logo {
  width: 18px;
}
.asconsole anl-resource-icon .applink-icon {
  display: flex;
  align-items: center;
  width: 18px;
  height: 18px;
  color: #4f596e;
  font-size: 18px;
}
.asconsole anl-resource-icon .ri-thumbnail {
  width: 30px;
  height: 18px;
}
.asconsole anl-resource-icon reservation-card-resource .icon-container {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  font-size: 11px;
  margin-right: 0;
}
.asconsole anl-resource-icon reservation-card-resource .rsc-name {
  display: none;
}

.asconsole anl-summary-widget {
  display: flex;
}
.asconsole anl-summary-widget .anl-summary {
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  height: 105px;
  padding: 20px;
  position: relative;
  background-color: white;
}
.asconsole anl-summary-widget asui-loading-mask {
  left: 0;
}
.asconsole anl-summary-widget asui-loading-mask .loading-mask-container {
  background-color: white;
}

.asconsole anl-summary1 {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: row;
  color: #475369;
  justify-content: space-between;
}
.asconsole anl-summary1 .col-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.asconsole anl-summary1 .col-left .main-value {
  font-size: 22px;
  font-weight: 500;
  color: #333F55;
}
.asconsole anl-summary1 .col-left .main-label {
  margin-top: 5px;
  font-size: 13px;
}
.asconsole anl-summary1 .col-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-size: 11px;
}
.asconsole anl-summary1 .col-right asui-template {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.asconsole anl-summary2 {
  flex-direction: column;
  color: #475369;
  position: relative;
}
.asconsole anl-summary2 .header {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1;
}
.asconsole anl-summary2 .fact-container {
  display: flex;
  flex-direction: row;
}
.asconsole anl-summary2 .fact-container .fact {
  margin-right: 28px;
}
.asconsole anl-summary2 .fact-container .fact .fact-value {
  font-size: 20px;
  font-weight: 500;
  color: #333F55;
}
.asconsole anl-summary2 .fact-container .fact .fact-label {
  margin-top: 2px;
  font-size: 11px;
  white-space: nowrap;
}
.asconsole anl-summary2 .fact-container .fact:last-child {
  margin-right: 0;
}

.asconsole anl-trend {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: row;
  color: #475369;
  justify-content: space-between;
}
.asconsole anl-trend .col-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.asconsole anl-trend .col-left .main-value {
  font-size: 22px;
  font-weight: 500;
  color: #333F55;
}
.asconsole anl-trend .col-left .main-label {
  margin-top: 5px;
  margin-right: 15px;
  font-size: 13px;
  white-space: nowrap;
}
.asconsole anl-trend .col-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole anl-trend .col-right .icon {
  font-size: 24px;
  color: #6275A3;
}
.asconsole anl-trend .col-right .icon-trend-arrow-up {
  color: #0A5BEB;
}
.asconsole anl-trend .col-right .icon-trend-arrow-down {
  color: #EA777D;
}
.asconsole anl-trend .col-right .percentage {
  font-size: 13px;
  margin-top: 5px;
}

.asconsole cell-value-renderer .cell-renderer-empty {
  color: var(--nc-colors__neutral600);
  margin-left: 2px;
}
.asconsole cell-value-renderer .cell-renderer-date {
  white-space: nowrap;
}
.asconsole cell-value-renderer .cell-renderer-number {
  text-align: right;
  font-family: monospace;
}
.asconsole cell-value-renderer .guid-tag {
  display: inline-block;
  background-color: #dfe4ea;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  max-width: 100px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole cell-value-renderer-json .json-collapsed {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.asconsole cell-value-renderer-json .json-collapsed:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.asconsole cell-value-renderer-json .json-collapsed .icon {
  font-size: 12px;
  color: #4f596e;
}
.asconsole cell-value-renderer-json .json-collapsed .json-preview {
  font-family: monospace;
  font-size: 12px;
  color: #333;
}
.asconsole cell-value-renderer-json .json-expanded .json-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  margin-bottom: 4px;
}
.asconsole cell-value-renderer-json .json-expanded .json-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.asconsole cell-value-renderer-json .json-expanded .json-header .icon {
  font-size: 12px;
  color: #666;
}
.asconsole cell-value-renderer-json .json-expanded .json-content {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 8px;
  margin: 0;
  font-size: 11px;
  font-family: "Courier New", monospace;
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 200px;
  overflow-y: auto;
}
.asconsole cell-value-renderer .cell-renderer-string {
  min-width: 100px;
}
.asconsole cell-value-renderer .value-center {
  text-align: center;
}
.asconsole cell-value-renderer .json-patch-link {
  color: #1976d2;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
}

.cell-value-jsonpatch-popover {
  min-width: 30vw !important;
  max-width: 90vw !important;
  padding: 0 !important;
}
.cell-value-jsonpatch-popover .popover-body {
  padding: 0 !important;
}
.cell-value-jsonpatch-popover .json-content {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
  background: #1e1e1e;
  color: #d4d4d4;
  border-radius: 0;
  padding: 0;
  margin: 0;
  white-space: pre;
  word-break: normal;
  max-width: 50vw;
  min-width: 30vw;
  max-height: 40vh;
  overflow-y: auto;
  border: none;
  box-shadow: none;
  position: relative;
}
.cell-value-jsonpatch-popover .json-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.cell-value-jsonpatch-popover .json-content::-webkit-scrollbar-track {
  background: #2d2d2d;
  border-radius: 5px;
}
.cell-value-jsonpatch-popover .json-content::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 5px;
}
.cell-value-jsonpatch-popover .json-content::-webkit-scrollbar-thumb:hover {
  background: #777;
}
.cell-value-jsonpatch-popover .json-content .json-key {
  color: #9cdcfe;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-string {
  color: #ce9178;
}
.cell-value-jsonpatch-popover .json-content .json-number {
  color: #b5cea8;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-boolean {
  color: #569cd6;
  font-weight: 600;
}
.cell-value-jsonpatch-popover .json-content .json-null {
  color: #569cd6;
  font-style: italic;
}
.cell-value-jsonpatch-popover .json-content .json-bracket {
  color: #d4d4d4;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-comma {
  color: #d4d4d4;
}
.cell-value-jsonpatch-popover .json-content .json-colon {
  color: #d4d4d4;
}
.cell-value-jsonpatch-popover .json-content .json-indent {
  display: inline-block;
  width: 24px;
}
.cell-value-jsonpatch-popover .json-content .json-line {
  display: flex;
  padding: 8px 16px;
  border-radius: 0;
  transition: background-color 0.2s ease;
  margin: 0;
}
.cell-value-jsonpatch-popover .json-content .json-line:hover {
  background-color: #2a2d2e;
}
.cell-value-jsonpatch-popover .json-content .json-patch-op {
  color: #4ec9b0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.cell-value-jsonpatch-popover .json-content .json-patch-path {
  color: #9cdcfe;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-patch-value {
  color: #ce9178;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object {
  display: block;
  background: rgba(78, 201, 176, 0.1);
  border: 1px solid rgba(78, 201, 176, 0.3);
  border-radius: 4px;
  padding: 8px 12px;
  margin: 4px 0;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.4;
  white-space: pre;
  overflow-x: auto;
  max-width: 100%;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-key {
  color: #9cdcfe;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-string {
  color: #ce9178;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-number {
  color: #b5cea8;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-boolean {
  color: #569cd6;
  font-weight: 600;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-null {
  color: #569cd6;
  font-style: italic;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-bracket {
  color: #d4d4d4;
  font-weight: 500;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-comma {
  color: #d4d4d4;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-colon {
  color: #d4d4d4;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-indent {
  display: inline-block;
  width: 16px;
}
.cell-value-jsonpatch-popover .json-content .json-nested-object .json-line {
  margin: 0;
  padding: 4px 8px;
}
.cell-value-jsonpatch-popover .json-content .json-error {
  color: #f44747;
  font-style: italic;
  background: rgba(244, 71, 71, 0.1);
  padding: 8px;
  border-radius: 4px;
  border-left: 3px solid #f44747;
}
.cell-value-jsonpatch-popover .popover-content {
  max-height: 45vh;
  padding: 0 !important;
  margin: 0 !important;
}
.cell-value-jsonpatch-popover .popover-title {
  font-weight: 600;
  font-size: 14px;
  padding: 12px 20px;
  border-radius: 8px 8px 0 0;
}
.cell-value-jsonpatch-popover .json-copy-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #007acc;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  z-index: 10;
}
.cell-value-jsonpatch-popover .json-copy-btn:hover {
  background: #005a9e;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 90, 158, 0.3);
}
.cell-value-jsonpatch-popover .json-copy-btn:active {
  background: #004578;
  transform: translateY(0);
}
.cell-value-jsonpatch-popover .json-copy-btn.copy-success {
  background: #28a745;
}
.cell-value-jsonpatch-popover .json-copy-btn.copy-success:hover {
  background: #218838;
}
.cell-value-jsonpatch-popover .json-copy-btn i {
  margin-right: 4px;
}
.cell-value-jsonpatch-popover .json-formatter-container {
  position: relative;
  min-height: 100px;
  padding: 0;
  margin: 0;
}
.cell-value-jsonpatch-popover .json-formatter-container .json-content {
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .cell-value-jsonpatch-popover {
    min-width: 95vw;
    max-width: 95vw;
  }
  .cell-value-jsonpatch-popover .json-content {
    font-size: 12px;
    padding: 0;
    max-height: 400px;
  }
  .cell-value-jsonpatch-popover .json-copy-btn {
    top: 4px;
    right: 4px;
    padding: 4px 8px;
    font-size: 11px;
  }
}

.asconsole integrations-api-tokens {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
}
.asconsole integrations-api-tokens .filter-bar {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  margin-right: 0;
}
.asconsole integrations-api-tokens .filter-bar .desc {
  color: #475369;
  font-size: 14px;
}
.asconsole integrations-api-tokens .filter-bar .icon-filter {
  font-size: 16px;
  padding-left: 5px;
  cursor: pointer;
}
.asconsole integrations-api-tokens .asui-command-bar {
  margin-bottom: -11px;
}
.asconsole integrations-api-tokens .asui-command-bar .content {
  background-color: #F8F9FC;
}
.asconsole integrations-api-tokens .asui-command-bar .up-arrow_box:before {
  margin-left: -34px;
}
.asconsole integrations-api-tokens .asui-command-bar .up-arrow_box:after {
  margin-left: -33px;
  border-bottom-color: #F8F9FC;
}
.asconsole integrations-api-tokens asui-table .name {
  color: #0A5BEB;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-api-tokens asui-table .name break-word {
    word-break: break-all;
  }
}
.asconsole integrations-api-tokens asui-table .revoked-btn {
  color: white;
  background-color: #CB4848;
  padding: 2px 6px;
}
.asconsole integrations-api-tokens .no-content-container .icon-container img {
  max-width: 400px;
}
.asconsole integrations-api-tokens .no-content-container .non-content-text {
  max-width: 600px;
}
.asconsole integrations-api-tokens .no-content-container react-component {
  margin-top: 16px;
}
.asconsole integrations-api-tokens .no-permission {
  margin-bottom: 60px;
}
.asconsole integrations-api-tokens .no-permission .icon-container img {
  max-width: 300px;
}

.asconsole edit-connector-output-create-rule {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector-output-create-rule .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole edit-connector-output-create-rule .modal-header h3 {
  margin: 0;
}
.asconsole edit-connector-output-create-rule .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole edit-connector-output-create-rule .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole edit-connector-output-create-rule .modal-body .input-row > label {
  min-width: 140px;
  display: flex;
  align-items: center;
  color: #0b1835;
  margin: 0;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-connector-output-create-rule .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole edit-connector-output-create-rule .modal-body .input-row .asui-dropdown .btn {
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector-output-create-rule .modal-body .input-row asui-tags-input {
  flex: 1;
}
.asconsole edit-connector-output-create-rule .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole edit-connector-output-create-rule .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
@media all and (max-width: 667px) {
  .asconsole .modal-connector-output-create-rule {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-connector-output-create-rule .modal-content {
  border-radius: 6px;
}

.asconsole connector-permissions-input asui-tags-input {
  margin-bottom: 0 !important;
}
.asconsole connector-permissions-input asui-tags-input .asui-tags-input {
  min-height: unset !important;
}
.asconsole connector-permissions-input asui-tags-input .asui-tags-input .tags .input {
  width: 309px !important;
}
.asconsole connector-permissions-input asui-tags-input .tag-item {
  text-transform: none !important;
  background-color: #EDF2F7 !important;
  border-color: #EDF2F7 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.asconsole connector-permissions-input asui-tags-input .tag-item .tag-icon .icon-users {
  color: #002169;
}
.asconsole connector-permissions-input asui-tags-input .tag-item .tag-text {
  color: #1E293B !important;
}
.asconsole connector-permissions-input asui-tags-input .tag-item .tag-text .remove-button {
  color: #475369 !important;
}

.asconsole edit-connector-source-filters {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector-source-filters .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole edit-connector-source-filters .modal-header h3 {
  margin: 0;
}
.asconsole edit-connector-source-filters .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole edit-connector-source-filters .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole edit-connector-source-filters .modal-body .input-row > label {
  min-width: 140px;
  display: flex;
  align-items: center;
  color: #0b1835;
  margin: 0;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-connector-source-filters .modal-body .input-row asui-dropdown-typeahead {
  flex: 1;
}
.asconsole edit-connector-source-filters .modal-body .input-row asui-dropdown-typeahead input {
  height: 40px;
}
.asconsole edit-connector-source-filters .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole edit-connector-source-filters .modal-body .input-row .asui-dropdown .btn {
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector-source-filters .modal-body .input-row asui-tags-input {
  flex: 1;
}
.asconsole edit-connector-source-filters .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole edit-connector-source-filters .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
@media all and (max-width: 667px) {
  .asconsole .modal-connector-source-filters {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-connector-source-filters .modal-content {
  border-radius: 6px;
}

.asconsole edit-connector-tag-mapping-modal {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector-tag-mapping-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole edit-connector-tag-mapping-modal .modal-header h3 {
  margin: 0;
}
.asconsole edit-connector-tag-mapping-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole edit-connector-tag-mapping-modal .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole edit-connector-tag-mapping-modal .modal-body .input-row > label {
  min-width: 140px;
  display: flex;
  align-items: center;
  color: #0b1835;
  margin: 0;
  padding-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-connector-tag-mapping-modal .modal-body .input-row asui-tags-input,
.asconsole edit-connector-tag-mapping-modal .modal-body .input-row .asui-dropdown {
  flex: 1;
}
.asconsole edit-connector-tag-mapping-modal .modal-body .input-row .asui-dropdown {
  margin: 0;
}
.asconsole edit-connector-tag-mapping-modal .modal-body .input-row .asui-dropdown .btn {
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector-tag-mapping-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole edit-connector-tag-mapping-modal .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
@media all and (max-width: 667px) {
  .asconsole .modal-connector-tag-mapping {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-connector-tag-mapping .modal-content {
  border-radius: 6px;
}

.asconsole select-connector-type .type-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px;
  border-radius: 14px;
  margin-bottom: 8px;
}
.asconsole select-connector-type .type-container .logo {
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  margin-right: 18px;
}
.asconsole select-connector-type .type-container .details .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 4px;
}
.asconsole select-connector-type .type-container:hover {
  background-color: #F0F6FE;
}
.asconsole select-connector-type .type-container.selected {
  background-color: #F0F6FE;
}

.asconsole connector-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole connector-typeahead asui-dropdown-typeahead .custom-template {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole connector-typeahead asui-dropdown-typeahead .custom-template .connector-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.asconsole connector-typeahead asui-dropdown-typeahead .custom-template .connector-item-wrapper {
  min-width: 0;
}
.asconsole connector-typeahead asui-dropdown-typeahead .custom-template .connector-item-wrapper .connector-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole connector-typeahead asui-dropdown-typeahead .custom-template .connector-item-wrapper .connector-name break-word {
    word-break: break-all;
  }
}
.asconsole connector-typeahead asui-dropdown-typeahead .custom-template .connector-item-wrapper .connector-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole connector-typeahead asui-dropdown-typeahead .custom-template .connector-item-wrapper .connector-desc break-word {
    word-break: break-all;
  }
}
.asconsole connector-typeahead asui-dropdown-typeahead .textbox {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  padding-left: 35px;
  padding-right: 30px;
}
.asconsole connector-typeahead asui-dropdown-typeahead .dropdown-container {
  border-radius: 8px;
}
.asconsole .connector-typeahead-mobile-modal .dropdown-item .connector-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.asconsole .connector-typeahead-mobile-modal .dropdown-item .connector-item-wrapper {
  font-size: 14px;
}

.asconsole integrations-connectors {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
}
.asconsole integrations-connectors .content-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole integrations-connectors .content-container .create-btn {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.asconsole integrations-connectors .content-container .create-btn .icon-plus {
  font-size: 12px;
}
.asconsole integrations-connectors .content-container .filter-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-right: 0;
}
.asconsole integrations-connectors .content-container .filter-bar .icon-filter {
  font-size: 16px;
  padding-left: 8px;
  cursor: pointer;
}
.asconsole integrations-connectors .content-container .filter-bar .asui-search {
  max-width: 280px;
  margin: 0 24px 0 0;
  border-radius: 8px;
}
.asconsole integrations-connectors .content-container .asui-command-bar {
  margin-bottom: -11px;
  z-index: 1;
}
.asconsole integrations-connectors .content-container .asui-command-bar .content {
  background-color: #F8F9FC;
}
.asconsole integrations-connectors .content-container .asui-command-bar .content .asui-context-menu > div.asui-context-menu-popover {
  left: 0 !important;
}
.asconsole integrations-connectors .content-container .asui-command-bar .up-arrow_box:before {
  margin-left: -34px;
}
.asconsole integrations-connectors .content-container .asui-command-bar .up-arrow_box:after {
  margin-left: -33px;
  border-bottom-color: #F8F9FC;
}
.asconsole integrations-connectors .content-container .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole integrations-connectors .content-container .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 10px;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col {
  max-width: 300px;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 4px;
  background-color: #F0F6FE;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .img-wrapper img {
  width: 24px;
  height: 24px;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .info .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .info .name break-word {
    word-break: break-all;
  }
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .info .type {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .name-col .connector .info .type break-word {
    word-break: break-all;
  }
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .details-col {
  max-width: 200px;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .details-col .details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .details-col .details .details-title {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .details-col .details .details-title break-word {
    word-break: break-all;
  }
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .details-col .details .details-desc {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .details-col .details .details-desc break-word {
    word-break: break-all;
  }
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .feeds-col {
  max-width: 200px;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .status {
  border-radius: 999px;
  padding: 4px 8px;
  color: #475369;
  background-color: #F8F9FC;
  text-align: center;
  width: fit-content;
  white-space: nowrap;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .status.active {
  color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .status.connectionlost, .asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .status.pending {
  color: #C94040;
  background-color: rgba(203, 72, 72, 0.05);
}
.asconsole integrations-connectors .content-container .table-container-outer .table-container-inner asui-table .status.paused {
  color: #B25300;
  background-color: #FBF6F2;
}
.asconsole integrations-connectors .content-container .table-container-outer .no-content-container .icon-container img {
  max-width: 400px;
}
.asconsole integrations-connectors .content-container .table-container-outer .no-content-container .non-content-text {
  max-width: 600px;
}
.asconsole integrations-connectors .content-container .table-container-outer .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole integrations-connectors .content-container .table-container-outer .clear-filters {
  padding: 10px 0;
  text-align: center;
}

.asconsole integrations-webhook-create-subscription {
  font-size: 14px;
}
.asconsole integrations-webhook-create-subscription .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 25px;
}
.asconsole integrations-webhook-create-subscription .modal-header .modal-title {
  font-size: 16px;
}
.asconsole integrations-webhook-create-subscription .modal-body {
  flex-direction: column;
  padding: 25px;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row > label {
  min-width: 150px;
  display: flex;
  padding-top: 3px;
  color: #475369;
  font-weight: 200;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole integrations-webhook-create-subscription .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row .input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row .input-container .error {
  display: flex;
  align-items: center;
  color: #CB4848;
  font-size: 90%;
  gap: 4px;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row > input, .asconsole integrations-webhook-create-subscription .modal-body .input-row .url {
  border-radius: 4px;
  flex: 1;
  margin: 0;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row asui-multiselect {
  flex: 1;
  min-width: 0;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row asui-multiselect .filter-option {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-webhook-create-subscription .modal-body .input-row asui-multiselect .filter-option break-word {
    word-break: break-all;
  }
}
.asconsole integrations-webhook-create-subscription .modal-body .input-row .toggle .toggle-off {
  background-color: #8493AE;
  color: #FFFFFF;
  padding-right: 9px;
}
.asconsole integrations-webhook-create-subscription .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole integrations-webhook-create-subscription .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-integrations-webhook-create-subscription {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-integrations-webhook-create-subscription {
    width: calc(100vw - 7px);
  }
}

.asconsole integrations-create-token {
  font-size: 14px;
}
.asconsole integrations-create-token .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 25px;
}
.asconsole integrations-create-token .modal-header .modal-title {
  font-size: 16px;
}
.asconsole integrations-create-token .modal-body {
  flex-direction: column;
  padding: 25px;
}
.asconsole integrations-create-token .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole integrations-create-token .modal-body .input-row > label {
  width: 180px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole integrations-create-token .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole integrations-create-token .modal-body .input-row .flex-align-start {
  align-items: flex-start;
  margin: 0;
  padding-top: 7px;
}
.asconsole integrations-create-token .modal-body .input-row > input {
  flex: 1;
  margin: 0;
}
.asconsole integrations-create-token .modal-body .input-row > textarea {
  flex: 1;
  margin: 0;
}
.asconsole integrations-create-token .modal-body .input-row .icon-info-full {
  margin-left: 8px;
  margin-top: 1px;
  cursor: pointer;
  color: #8493AE;
}
.asconsole integrations-create-token .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole integrations-create-token .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-integrations-create-token {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-integrations-create-token {
    width: calc(100vw - 7px);
  }
}

.asconsole integrations-download-manifest {
  font-size: 14px;
}
.asconsole integrations-download-manifest .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 25px;
}
.asconsole integrations-download-manifest .modal-header .modal-title {
  font-size: 16px;
}
.asconsole integrations-download-manifest .modal-body {
  min-height: 335px;
  flex-direction: column;
  padding: 25px;
}
.asconsole integrations-download-manifest .modal-body .input-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole integrations-download-manifest .modal-body .input-row > label {
  width: 180px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin-top: 0;
}
.asconsole integrations-download-manifest .modal-body .input-row .flex-align-start {
  align-items: flex-start;
  margin: 0;
  padding-top: 7px;
}
.asconsole integrations-download-manifest .modal-body .input-row > input {
  flex: 1;
  margin: 0;
}
.asconsole integrations-download-manifest .modal-body .input-row > textarea {
  flex: 1;
  margin: 0;
}
.asconsole integrations-download-manifest .modal-body .input-row > asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole integrations-download-manifest .modal-body .input-row .description {
  overflow-y: auto;
  max-height: 150px;
}
.asconsole integrations-download-manifest .modal-body .input-row .description p:last-child {
  margin-bottom: 0;
}
.asconsole integrations-download-manifest .modal-body .input-row .icon-info-full {
  margin-left: 8px;
  margin-top: 1px;
  cursor: pointer;
  color: #8493AE;
}
.asconsole integrations-download-manifest .modal-body .input-row .error {
  color: #CB4848;
}
.asconsole integrations-download-manifest .modal-body .input-row asui-loading-mask {
  height: auto;
  position: relative;
}
.asconsole integrations-download-manifest .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole integrations-download-manifest .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-integrations-download-manifest {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-integrations-download-manifest {
    width: calc(100vw - 7px);
  }
}

.asconsole edit-connector .edit-connector-content .main edit-connector-ai .content .form-row .form-label {
  font-weight: 600;
}

.asconsole edit-connector {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
}
.asconsole edit-connector .edit-connector-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 60px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.asconsole edit-connector .edit-connector-header .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 20px 25px;
  cursor: pointer;
  width: 15%;
}
.asconsole edit-connector .edit-connector-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole edit-connector .edit-connector-header .steps-navbar {
  display: flex;
  justify-content: center;
  width: 70%;
}
.asconsole edit-connector .edit-connector-header .action-buttons {
  margin-right: 25px;
  margin-left: 45px;
  justify-content: flex-end;
  display: flex;
  width: 15%;
}
.asconsole edit-connector .edit-connector-header .action-buttons button {
  min-width: 85px;
}
.asconsole edit-connector .edit-connector-header .action-buttons button + button {
  margin-left: 10px;
}
.asconsole edit-connector .edit-connector-header.edit .icon-arrow-back {
  width: fit-content;
}
.asconsole edit-connector .edit-connector-header.edit .header-title {
  flex: 1;
  color: black;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole edit-connector .edit-connector-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  position: relative;
  min-height: 0;
  width: 100%;
}
.asconsole edit-connector .edit-connector-content .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-height: 0;
  width: 100%;
  min-width: 0;
  background-color: #f7f8fb;
  padding: 30px 78px;
  overflow-y: auto;
}
@media all and (max-width: 1200px) {
  .asconsole edit-connector .edit-connector-content .main {
    padding: 30px;
  }
}
.asconsole edit-connector .edit-connector-content .main .content {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  padding: 32px;
}
.asconsole edit-connector .edit-connector-content .main .content .header {
  margin-bottom: 24px;
}
.asconsole edit-connector .edit-connector-content .main .content .header h3 {
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: 600;
}
.asconsole edit-connector .edit-connector-content .main .content .header .biline {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  width: 100%;
  margin-bottom: 8px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  min-width: 0;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input.horizontal {
  flex-direction: row;
  column-gap: 12px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input > input {
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-dropdown {
  margin: 0;
  flex: 1;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-dropdown .dropdown-toggle {
  height: 40px;
  border-radius: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-dropdown i {
  font-size: 18px;
  margin-right: 12px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input textarea {
  border-radius: 8px;
  margin: 0;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input asui-dropdown-typeahead input {
  height: 40px;
  border-radius: 8px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input asui-dropdown-typeahead input .dropdown-container {
  border-radius: 8px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-tags-input {
  border-radius: 8px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-tags-input .tags {
  min-height: 28px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row .form-input .asui-tags-input .tags .input {
  margin: 0;
  font-size: 16px;
}
.asconsole edit-connector .edit-connector-content .main .content .form-row:last-child {
  margin-bottom: 0;
}
.asconsole edit-connector .edit-connector-content .main .content-md {
  width: 630px;
}
.asconsole edit-connector .edit-connector-content .side-menu {
  display: flex;
  flex-direction: column;
  width: 64px;
  height: 100%;
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.05);
  margin-left: auto;
}
.asconsole edit-connector .edit-connector-content .side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 70px;
  color: #6275A3;
}
.asconsole edit-connector .edit-connector-content .side-menu .menu-item .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole edit-connector .edit-connector-content .side-menu .menu-item .menu-label {
  font-size: 90%;
}
.asconsole edit-connector .edit-connector-content .side-menu .icon-menu-sparkle-medium {
  width: 22px;
  height: 22px;
  background: transparent url("images/connectors/sparkle-filled-medium.svg") no-repeat center;
}
.asconsole edit-connector .edit-connector-content .side-menu .icon-menu-sparkle-mono-medium {
  width: 22px;
  height: 22px;
  background: transparent url("images/connectors/sparkle-outline-medium.svg") no-repeat center;
}
.asconsole edit-connector .edit-connector-content .side-menu .menu-item:hover, .asconsole edit-connector .edit-connector-content .side-menu .menu-item.active {
  color: #002169;
}
.asconsole edit-connector .edit-connector-content .side-menu .menu-item.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.asconsole edit-connector .edit-connector-content .error-msg {
  display: flex;
  align-items: center;
  margin-top: 8px;
  color: #CB4848;
  font-size: 14px;
}
.asconsole edit-connector .edit-connector-content .error-msg .icon-warning {
  margin-right: 5px;
  font-size: 16px;
  color: #CB4848;
}
.asconsole edit-connector asui-loading-mask {
  opacity: 0.5;
}

.asconsole edit-connector-beezy .source-tags-input .tag-item {
  text-transform: none !important;
  background-color: #EDF2F7 !important;
  border-color: #EDF2F7 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.asconsole edit-connector-beezy .source-tags-input .tag-item .tag-text {
  color: #1E293B !important;
}
.asconsole edit-connector-beezy .source-tags-input .tag-item .tag-text .remove-button {
  color: #475369 !important;
}
.asconsole edit-connector-beezy .source-tags-input .autocomplete-item {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.asconsole edit-connector-beezy .source-tags-input .autocomplete-item .autocomplete-text {
  font-size: 15px;
  line-height: 20px;
}
.asconsole edit-connector-beezy .source-tags-input .autocomplete-item .autocomplete-text-secondary {
  margin-left: 5px !important;
  line-height: 20px;
}
.asconsole edit-connector-beezy .source-tagsinput-progress {
  height: 4px;
  margin: 0 1px -4px 1px;
  background-color: #EEF4FA;
  border-radius: 7px 7px 0 0;
  z-index: 10;
}

.asconsole edit-beezy-properties .header-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.asconsole edit-beezy-properties .header-wrapper .header {
  margin-bottom: 0 !important;
}
.asconsole edit-beezy-properties .header-wrapper img {
  min-width: 48px;
  min-height: 48px;
  margin-left: 64px;
}
.asconsole edit-beezy-properties .toggle-row {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.asconsole edit-beezy-properties .toggle-row .toggle-label {
  width: 296px;
  font-weight: 500;
}
.asconsole edit-beezy-properties .toggle-row:last-child {
  margin-bottom: 0;
}

.asconsole edit-connector-code-input .asui-fileupload {
  margin-bottom: 14px;
}
.asconsole edit-connector-code-input .asui-fileupload .drop {
  border-radius: 8px;
}
.asconsole edit-connector-code-input asui-code-view .CodeMirror {
  height: 180px;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  font-size: 14px;
  font-family: "Coda";
}

.asconsole edit-connector-event-post-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 412px;
  padding: 24px;
  font-family: Inter;
}
.asconsole edit-connector-event-post-preview .header {
  display: flex;
  margin-bottom: 16px;
}
.asconsole edit-connector-event-post-preview .header .avatar {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.asconsole edit-connector-event-post-preview .header .text .author {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 600;
}
.asconsole edit-connector-event-post-preview .header .text .info {
  display: flex;
}
.asconsole edit-connector-event-post-preview .header .text .info .info-item {
  color: #68768D;
}
.asconsole edit-connector-event-post-preview .header .text .info .info-item:not(:last-child) {
  margin-right: 12px;
}
.asconsole edit-connector-event-post-preview .header .text .info .info-item:not(:last-child)::after {
  position: relative;
  left: 8px;
  content: "·";
}
.asconsole edit-connector-event-post-preview .description {
  margin-top: 4px;
}
.asconsole edit-connector-event-post-preview .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 256px;
  background-color: #EDF2F7;
  border-radius: 16px;
  margin-top: 16px;
  padding: 16px;
}
.asconsole edit-connector-event-post-preview .content img {
  width: 48px;
  margin-bottom: 16px;
}
.asconsole edit-connector-event-post-preview .content .event {
  display: flex;
  width: 100%;
  background-color: white;
  border-radius: 12px;
  padding: 16px;
}
.asconsole edit-connector-event-post-preview .content .event .date-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-right: 20px;
}
.asconsole edit-connector-event-post-preview .content .event .date-container .date {
  font-size: 18px;
  font-weight: 600;
  line-height: 135%;
}
.asconsole edit-connector-event-post-preview .content .event .date-container .day {
  color: #ED0039;
  font-size: 12px;
  font-family: Inter;
  line-height: 135%;
  text-transform: uppercase;
}
.asconsole edit-connector-event-post-preview .content .event .event-details .title {
  font-weight: 700;
  font-size: 14px;
}
.asconsole edit-connector-event-post-preview .tags {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 98px;
  background-color: #EDF2F7;
  border-radius: 12px;
  margin-top: 16px;
}

.asconsole edit-connector-output {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
}
.asconsole edit-connector-output .dropdown-container {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.asconsole edit-connector-output .dropdown-container:last-of-type {
  margin-bottom: 23px;
}
.asconsole edit-connector-output .dropdown-container .dropdown-label {
  margin-right: 8px;
}
.asconsole edit-connector-output .dropdown-container .asui-dropdown,
.asconsole edit-connector-output .dropdown-container asui-multiselect-checkbox {
  width: 330px;
}
.asconsole edit-connector-output .dropdown-container asui-multiselect-checkbox .mc-input {
  height: 32px;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #DDE3EE;
  padding: 0 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole edit-connector-output .dropdown-container .dropdown-menu.open {
  width: 450px;
}
.asconsole edit-connector-output .dropdown-container .dropdown-menu.inner .asui-dropdown-subtext {
  overflow: hidden;
  white-space: break-spaces;
  color: #68768D;
}
.asconsole edit-connector-output .content-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole edit-connector-output .content-inner .output-table {
  table-layout: fixed;
  width: 100%;
}
.asconsole edit-connector-output .content-inner .output-table th {
  background-color: #EDF2F7;
  padding: 6px 16px;
  white-space: nowrap;
}
.asconsole edit-connector-output .content-inner .output-table .output-row {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole edit-connector-output .content-inner .output-table .output-row:first-child {
  background-color: red;
}
.asconsole edit-connector-output .content-inner .output-table .output-row:first-child .icon-remove {
  display: none;
}
.asconsole edit-connector-output .content-inner .output-table .output-row:last-child {
  border-bottom: 0;
}
.asconsole edit-connector-output .content-inner .output-table .output-row td {
  padding: 16px;
}
.asconsole edit-connector-output .content-inner .output-table .output-row td:first-child {
  padding-left: 0;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input {
  min-height: 40px;
  padding: 7px 12px;
  border-radius: 8px;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input .autocomplete {
  left: -12px;
  top: 30px;
  width: calc(100% + 24px);
  border-radius: 8px;
  border-color: #DDE3EE;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input .tags {
  display: flex;
  flex-wrap: wrap;
  min-height: 24px;
  padding: 0;
  gap: 4px;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input .tags .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input input {
  height: 24px;
  margin: 0;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input .tag-item {
  height: 24px;
  border-radius: 999px;
  padding: 4px 28px 4px 8px !important;
  margin: 0;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input .tag-item .tag-text {
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
}
.asconsole edit-connector-output .content-inner .output-table .output-row browse-channel-tags-input .asui-tags-input .tag-item .tag-icon {
  display: none;
}
.asconsole edit-connector-output .content-inner .output-table .output-row .rule-btn {
  background-color: #EDF2F7;
  border-radius: 8px;
  border: 0;
  font-weight: 500;
}
.asconsole edit-connector-output .content-inner .output-table .output-row .rule-item {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  position: relative;
  width: fit-content;
  padding: 6px 30px 6px 12px;
  background-color: #EDF2F7;
  border-radius: 8px;
}
.asconsole edit-connector-output .content-inner .output-table .output-row .rule-item .rule-text {
  cursor: pointer;
}
.asconsole edit-connector-output .content-inner .output-table .output-row .rule-item .icon-cross {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  font-size: 16px;
  cursor: pointer;
}
.asconsole edit-connector-output .content-inner .output-table .feed-td {
  width: 35%;
}
.asconsole edit-connector-output .content-inner .output-table .rules-td {
  width: 35%;
}
.asconsole edit-connector-output .content-inner .output-table .template-td {
  width: 25%;
}
.asconsole edit-connector-output .content-inner .output-table .default-author-td {
  width: 25%;
}
.asconsole edit-connector-output .content-inner .output-table .default-author-td user-typeahead asui-dropdown-typeahead input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  height: 40px;
  border-radius: 8px;
  padding: 7px 12px;
}
.asconsole edit-connector-output .content-inner .output-table .default-author-td user-typeahead asui-dropdown-typeahead .dropdown-container {
  margin-top: 2px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}
.asconsole edit-connector-output .content-inner .output-table .btn-td {
  width: 60px;
}
.asconsole edit-connector-output .content-inner .add-another {
  color: #0A5BEB;
  background-color: white;
  border: 0;
  width: fit-content;
  height: 32px;
  text-align: left;
  font-size: 16px;
}
.asconsole edit-connector-output .no-content-container {
  padding: 5vw;
}
.asconsole edit-connector-output .no-content-container h3 {
  margin-top: 20px !important;
}
.asconsole edit-connector-output .no-content-container .add-btn {
  display: flex;
  align-items: center;
}
.asconsole edit-connector-output .no-content-container .add-btn .icon {
  font-size: 14px;
}

.asconsole edit-connector-page-story-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 480px;
  padding: 24px;
  font-family: Inter;
}
.asconsole edit-connector-page-story-preview .header {
  display: flex;
  margin-bottom: 16px;
}
.asconsole edit-connector-page-story-preview .header .avatar {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.asconsole edit-connector-page-story-preview .header .text .author {
  font-size: 16px;
  font-weight: 600;
}
.asconsole edit-connector-page-story-preview .header .text .info {
  display: flex;
}
.asconsole edit-connector-page-story-preview .header .text .info .info-item {
  color: #68768D;
}
.asconsole edit-connector-page-story-preview .header .text .info .info-item:not(:last-child) {
  margin-right: 12px;
}
.asconsole edit-connector-page-story-preview .header .text .info .info-item:not(:last-child)::after {
  position: relative;
  left: 8px;
  content: "·";
}
.asconsole edit-connector-page-story-preview .content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 256px;
  background-color: #EDF2F7;
  border-radius: 16px;
  margin-top: 16px;
}
.asconsole edit-connector-page-story-preview .content img {
  width: 48px;
}
.asconsole edit-connector-page-story-preview .title {
  margin-top: 16px;
  font-weight: 700;
  font-size: 20px;
}
.asconsole edit-connector-page-story-preview .caption {
  margin-top: 4px;
}
.asconsole edit-connector-page-story-preview .tags {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 98px;
  background-color: #EDF2F7;
  border-radius: 12px;
  margin-top: 16px;
}

.asconsole edit-connector-poll .verify-btn {
  margin-left: 8px;
  width: 73px;
  height: 40px;
  border: none;
  background-color: #EDF2F7;
  border-radius: 8px;
}
.asconsole edit-connector-poll .verify-btn:hover {
  background-color: #EDF2F7;
}
.asconsole edit-connector-poll .verify-msg {
  display: flex;
  align-items: center;
  margin-top: 8px;
  color: #475369;
}
.asconsole edit-connector-poll .verify-msg .icon-check {
  margin-right: 5px;
  color: #0C7E78;
  font-size: 16px;
}
.asconsole edit-connector-poll .asui-fileupload {
  margin-bottom: 14px;
}
.asconsole edit-connector-poll .asui-fileupload .drop {
  border-radius: 8px;
}
.asconsole edit-connector-poll asui-code-view .CodeMirror {
  height: 180px;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  font-size: 14px;
  font-family: "Coda";
}
.asconsole edit-connector-poll asui-duration {
  flex: 1;
}

.asconsole edit-connector-post-preview {
  display: flex;
  background-color: #fff;
  width: 520px;
  min-height: 412px;
  height: fit-content;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
}

.asconsole edit-connector-properties {
  display: flex;
  width: 100%;
}
.asconsole edit-connector-properties .content {
  padding: 32px 0 0 0 !important;
}
.asconsole edit-connector-properties .content .header {
  padding: 0 32px;
}
.asconsole edit-connector-properties .content .content-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container {
  padding: 0 32px 12px 32px;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container asui-horizontal-navbar {
  border: 0;
  border-bottom: 1px solid #DDE3EE;
  overflow-x: auto;
  margin-bottom: 12px;
  height: unset;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container asui-horizontal-navbar li {
  margin-right: 24px;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container asui-horizontal-navbar li:last-child {
  margin-right: 0;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container asui-horizontal-navbar li.active {
  border-bottom: 1px solid #0A5BEB;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container asui-horizontal-navbar li.active a {
  color: #0A5BEB;
}
.asconsole edit-connector-properties .content .content-inner .navbar-container asui-horizontal-navbar li a {
  white-space: nowrap;
  padding: 16px 4px;
}
.asconsole edit-connector-properties .content .content-inner .mapping-container {
  overflow-y: auto;
  padding: 0 32px 32px 32px;
}
.asconsole edit-connector-properties edit-connector-post-preview {
  margin-left: 24px;
}
@media all and (max-width: 992px) {
  .asconsole edit-connector-properties edit-connector-post-preview {
    display: none;
  }
}

.asconsole edit-connector-push .url {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  padding: 8px 12px;
  background-color: #F8F9FC;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole edit-connector-push .url break-word {
    word-break: break-all;
  }
}
.asconsole edit-connector-push asui-copy {
  display: flex;
}
.asconsole edit-connector-push .form-label-small {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  color: #475369;
  margin: 8px 0;
}
.asconsole edit-connector-push .form-input {
  position: relative;
}
.asconsole edit-connector-push .form-input.horizontal {
  align-items: end;
}
.asconsole edit-connector-push .form-input .flex-column {
  flex: 1;
}
.asconsole edit-connector-push .form-input .copy-input input {
  padding-right: 42px;
}
.asconsole edit-connector-push .form-input .copy-input asui-copy {
  position: absolute;
  transform: translateY(50%);
  right: 8px;
}
.asconsole edit-connector-push .form-input .refresh-btn {
  height: 40px;
  line-height: 1;
}

.asconsole edit-connector-sharepoint asui-tags-input .asui-tags-input .tags .input {
  font-size: 16px;
}

.asconsole edit-connector-user-post-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 480px;
  padding: 24px;
  font-family: Inter;
}
.asconsole edit-connector-user-post-preview .header {
  display: flex;
  margin-bottom: 16px;
}
.asconsole edit-connector-user-post-preview .header .avatar {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.asconsole edit-connector-user-post-preview .header .text .author {
  font-size: 16px;
  font-weight: 600;
}
.asconsole edit-connector-user-post-preview .header .text .info {
  display: flex;
}
.asconsole edit-connector-user-post-preview .header .text .info .info-item {
  color: #68768D;
}
.asconsole edit-connector-user-post-preview .header .text .info .info-item:not(:last-child) {
  margin-right: 12px;
}
.asconsole edit-connector-user-post-preview .header .text .info .info-item:not(:last-child)::after {
  position: relative;
  left: 8px;
  content: "·";
}
.asconsole edit-connector-user-post-preview .post-title {
  font-weight: 600;
  font-size: 16px;
}
.asconsole edit-connector-user-post-preview .description {
  margin-top: 4px;
}
.asconsole edit-connector-user-post-preview .content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 256px;
  background-color: #EDF2F7;
  border-radius: 16px;
  margin-top: 16px;
}
.asconsole edit-connector-user-post-preview .content img {
  width: 48px;
}
.asconsole edit-connector-user-post-preview .tags {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 98px;
  background-color: #EDF2F7;
  border-radius: 12px;
  margin-top: 16px;
}

.asconsole edit-connector-workvivo .url {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  padding: 8px 12px;
  background-color: #F8F9FC;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole edit-connector-workvivo .url break-word {
    word-break: break-all;
  }
}
.asconsole edit-connector-workvivo asui-copy {
  display: flex;
}
.asconsole edit-connector-workvivo .form-label-small {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  color: #475369;
  margin: 8px 0;
}
.asconsole edit-connector-workvivo .toggle-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.asconsole edit-connector-workvivo .tag-mappings .rule-btn {
  background-color: #EDF2F7;
  border-radius: 8px;
  border: 0;
  font-weight: 500;
}
.asconsole edit-connector-workvivo .tag-mappings .rule-item {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  position: relative;
  width: fit-content;
  margin-bottom: 8px;
  padding: 6px 30px 6px 12px;
  background-color: #EDF2F7;
  border-radius: 8px;
}
.asconsole edit-connector-workvivo .tag-mappings .rule-item .rule-text {
  cursor: pointer;
}
.asconsole edit-connector-workvivo .tag-mappings .rule-item .icon-cross {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  font-size: 16px;
  cursor: pointer;
}
.asconsole edit-connector-workvivo .tag-mappings .add-another {
  color: #0A5BEB;
  background-color: white;
  border: 0;
  width: auto;
  height: 32px;
  text-align: left;
  font-size: 16px;
  padding: 0;
  margin-top: 4px;
}
.asconsole edit-connector-workvivo .form-input {
  position: relative;
}
.asconsole edit-connector-workvivo .form-input.horizontal {
  align-items: end;
}
.asconsole edit-connector-workvivo .form-input .flex-column {
  flex: 1;
}
.asconsole edit-connector-workvivo .form-input .copy-input input {
  padding-right: 42px;
}
.asconsole edit-connector-workvivo .form-input .copy-input asui-copy {
  position: absolute;
  transform: translateY(50%);
  right: 8px;
}
.asconsole edit-connector-workvivo .form-input .refresh-btn {
  height: 40px;
  line-height: 1;
}

.asconsole integrations-edit-token {
  font-size: 14px;
}
.asconsole integrations-edit-token .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
.asconsole integrations-edit-token .modal-header .modal-title {
  padding: 15px 25px;
  font-size: 16px;
  flex: 1;
}
.asconsole integrations-edit-token .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding: 15px;
  color: #475369;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole integrations-edit-token .modal-header .top-r-close:hover {
  color: #333F55;
}
.asconsole integrations-edit-token .modal-body {
  flex-direction: column;
  padding: 25px;
}
.asconsole integrations-edit-token .modal-body .revoked-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #DDE3EE;
  margin-bottom: 30px;
  color: #CB4848;
}
.asconsole integrations-edit-token .modal-body .revoked-container .vert-bar {
  background-color: #CB4848;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  width: 7px;
  height: 100%;
}
.asconsole integrations-edit-token .modal-body .revoked-container i {
  font-size: 24px;
  padding: 0 15px;
}
.asconsole integrations-edit-token .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole integrations-edit-token .modal-body .input-row > label {
  width: 180px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole integrations-edit-token .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole integrations-edit-token .modal-body .input-row .flex-align-start {
  align-items: flex-start;
  margin: 0;
  padding-top: 7px;
}
.asconsole integrations-edit-token .modal-body .input-row > input {
  flex: 1;
  margin: 0;
}
.asconsole integrations-edit-token .modal-body .input-row > textarea {
  flex: 1;
  margin: 0;
}
.asconsole integrations-edit-token .modal-body .input-row .user-email {
  margin-top: 5px;
}
.asconsole integrations-edit-token .modal-body .input-row .user-email .email {
  color: #475369;
}
.asconsole integrations-edit-token .modal-body .input-row .user-email .user-id {
  margin-top: 3px;
  font-size: 12px;
  color: #6275A3;
}
.asconsole integrations-edit-token .modal-body .input-row .token {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DDE3EE;
  padding: 0 8px 0 12px;
}
.asconsole integrations-edit-token .modal-body .input-row .token .token-text {
  flex: 1;
}
.asconsole integrations-edit-token .modal-body .input-row .token .token-text.star {
  padding-top: 3px;
}
.asconsole integrations-edit-token .modal-body .input-row .token .icon-container {
  display: flex;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.asconsole integrations-edit-token .modal-body .input-row .token .icon-container .icon-copy {
  font-size: 16px;
  padding: 5px;
}
.asconsole integrations-edit-token .modal-body .input-row .token .icon-container .icon-eye-enabled, .asconsole integrations-edit-token .modal-body .input-row .token .icon-container .icon-eye-disabled {
  font-size: 22px;
  padding: 3px 5px;
}
.asconsole integrations-edit-token .modal-body .input-row .token .icon-container .asui-copy:hover {
  color: #475369;
}
.asconsole integrations-edit-token .modal-body .input-row .apikey {
  overflow-x: auto;
}
.asconsole integrations-edit-token .modal-footer {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 27px;
}
.asconsole integrations-edit-token .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole integrations-edit-token .modal-footer .btn-danger {
  background-color: white;
  color: #CB4848;
  border-color: #CB4848;
}
.asconsole integrations-edit-token .modal-footer .btn-danger .btn-icon {
  margin-right: 8px;
}
.asconsole .modal-integrations-edit-token {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-integrations-edit-token {
    width: calc(100vw - 7px);
  }
}

.asconsole connector-generate-modal {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole connector-generate-modal .modal-header {
  display: flex;
  width: 100%;
  align-items: center;
}
.asconsole connector-generate-modal .modal-header .h3 {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole connector-generate-modal .modal-header .h3 break-word {
    word-break: break-all;
  }
}
.asconsole connector-generate-modal .modal-header .icon-cross {
  margin-left: auto;
  margin-right: -8px;
  padding: 8px;
}
.asconsole connector-generate-modal .form-group label {
  width: 100%;
}
.asconsole connector-generate-modal .form-group label input[type=radio] {
  margin-top: 4px;
}
.asconsole connector-generate-modal .form-group textarea {
  height: 120px;
  margin-left: 18px;
  width: 100%;
}
.asconsole connector-generate-modal .form-group .custom-prompt {
  display: flex;
  width: 100%;
}

.asconsole integrations {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole integrations ui-view {
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole integrations ui-view {
    padding: 15px 15px;
  }
}

.asconsole integrations-webhook-custom-headers-input .header-input-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
.asconsole integrations-webhook-custom-headers-input .header-input-row > input {
  border-radius: 4px;
}
.asconsole integrations-webhook-custom-headers-input .header-input-row .icon.icon-cross {
  margin-top: -4px;
}
.asconsole integrations-webhook-custom-headers-input .header-input-row .icon.icon-cross.invisible {
  visibility: hidden;
}
.asconsole integrations-webhook-custom-headers-input .header-input-row:not(:last-child) {
  margin-bottom: 14px;
}

.asconsole integrations-webhooks-status-col .status-col {
  border-radius: 44px;
  padding: 4px 8px;
}
.asconsole integrations-webhooks-status-col .status-col.active {
  background-color: #F0F6FE;
  color: #0A5BEB;
}
.asconsole integrations-webhooks-status-col .status-col.inactive {
  background-color: #F8F9FC;
  color: #475369;
}

.asconsole integrations-legacy-account-api-key {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}
.asconsole integrations-legacy-account-api-key .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
.asconsole integrations-legacy-account-api-key .modal-header .modal-title {
  padding: 15px 25px;
  font-size: 16px;
  flex: 1;
}
.asconsole integrations-legacy-account-api-key .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding: 15px;
  color: #475369;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole integrations-legacy-account-api-key .modal-header .top-r-close:hover {
  color: #333F55;
}
.asconsole integrations-legacy-account-api-key .modal-body {
  flex-direction: column;
  padding: 25px;
  position: relative;
}
.asconsole integrations-legacy-account-api-key .modal-body .legacy-notice {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-radius: 3px;
  border: 1px solid #DDE3EE;
  margin-bottom: 25px;
  overflow: hidden;
  color: #475369;
}
.asconsole integrations-legacy-account-api-key .modal-body .legacy-notice .vert-bar {
  background-color: #0A5BEB;
  width: 7px;
  flex-shrink: 0;
}
.asconsole integrations-legacy-account-api-key .modal-body .legacy-notice i {
  font-size: 20px;
  padding: 12px 12px 12px 15px;
  color: #0A5BEB;
  align-self: flex-start;
}
.asconsole integrations-legacy-account-api-key .modal-body .legacy-notice .legacy-notice-text {
  padding: 12px 15px 12px 0;
  line-height: 1.4;
  font-size: 13px;
}
.asconsole integrations-legacy-account-api-key .modal-body .legacy-notice .legacy-notice-text strong {
  color: #333F55;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row > label {
  width: 160px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole integrations-legacy-account-api-key .modal-body .input-row > label {
    width: 120px;
  }
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row > div {
  flex: 1;
  min-width: 0;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  padding: 0 8px 0 12px;
  min-width: 0;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .token-text {
  flex: 1;
  overflow-x: auto;
  white-space: nowrap;
  padding: 8px 0;
  font-family: monospace;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .token-text.star {
  padding-top: 11px;
  letter-spacing: 1px;
  font-family: inherit;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .icon-container {
  display: flex;
  align-items: center;
  color: #475369;
  cursor: pointer;
  flex-shrink: 0;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .icon-container .icon-copy {
  font-size: 16px;
  padding: 5px;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .icon-container .icon-eye-enabled, .asconsole integrations-legacy-account-api-key .modal-body .input-row .token .icon-container .icon-eye-disabled {
  font-size: 22px;
  padding: 3px 5px;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .icon-container .asui-copy:hover,
.asconsole integrations-legacy-account-api-key .modal-body .input-row .token .icon-container i:hover {
  color: #333F55;
}
.asconsole integrations-legacy-account-api-key .modal-body .input-row .empty-state {
  color: #475369;
  font-style: italic;
  padding: 8px 0;
}
.asconsole integrations-legacy-account-api-key .modal-footer {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  padding: 15px 27px;
}
.asconsole integrations-legacy-account-api-key .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-integrations-legacy-account-api-key {
  width: 620px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-integrations-legacy-account-api-key {
    width: calc(100vw - 7px);
  }
}

.asconsole logs-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole passport-application-permissions {
  display: flex;
  flex-direction: row;
  max-width: 390px;
}
.asconsole passport-application-permissions .passport-permission-left {
  flex: 1;
}
.asconsole passport-application-permissions .passport-permission-left .passport-app-permission {
  font-weight: bold;
}
.asconsole passport-application-permissions .passport-permission-left .passport-permission {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 1px;
}
.asconsole passport-application-permissions .passport-permission-right {
  margin-left: 30px;
}
.asconsole passport-application-permissions .passport-permission-right .btn-default {
  display: flex;
  align-items: center;
  margin-right: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole passport-application-permissions .passport-permission-right .btn-default .icon {
  color: #4f596e;
}

.asconsole passport-configuration {
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin-top: 20px;
  overflow-y: auto;
}
.asconsole passport-configuration .group-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.asconsole passport-configuration .group-container .group-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  margin: 12px 0;
}
.asconsole passport-configuration .group-container .group-input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin-bottom: 10px;
}
.asconsole passport-configuration .group-container .group-input-container .group-input-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  min-height: 32px;
  margin: 0px 0px 5px 5px;
}
.asconsole passport-configuration .group-container .group-input-container .group-input-control {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  flex: 1;
  align-items: center;
  min-height: 32px;
}
.asconsole passport-configuration .group-container .group-input-container .group-input-control > input {
  margin-bottom: 0;
}
.asconsole passport-configuration .group-container .group-input-container .group-input-control > .asui-dropdown {
  width: 100%;
}
.asconsole passport-configuration .group-container .group-input-container .group-input-control > .asui-dropdown button.dropdown-toggle {
  height: 44px;
}
.asconsole passport-configuration .group-container .group-input-container .group-input-footnote {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin: -2px 3px 0px;
}

.asconsole passport-edit-permission-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole passport-edit-permission-modal .modal-header .modal-title {
  font-size: 118%;
  flex: 1;
}
.asconsole passport-edit-permission-modal .modal-header .top-r-close {
  float: right;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-self: center;
  font-size: 150%;
  color: #8da0b2;
  cursor: pointer;
}
.asconsole passport-edit-permission-modal .modal-header .top-r-close:hover {
  color: #2c4054;
}
.asconsole passport-edit-permission-modal .modal-body {
  display: block;
  padding: 0em 1.5em 1.5em;
  min-height: 328px;
}
.asconsole passport-edit-permission-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole passport-edit-permission-modal .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole passport-edit-permission-modal input[type=radio] {
  display: none;
}
.asconsole passport-edit-permission-modal label {
  text-align: center;
  background: #ffffff;
  color: #A8BCCD;
  padding: 0.2em 1em;
  margin: 0.5em 0.5em 2em 0em;
  cursor: pointer;
  border-radius: 10em;
  border: solid 1px #A8BCCD;
  text-transform: uppercase;
  line-height: initial;
}
.asconsole passport-edit-permission-modal label.selected,
.asconsole passport-edit-permission-modal input[type=radio][name=category]:checked {
  background: #ffffff;
  border: solid 1px #0A5BEB;
  color: #0A5BEB;
}
.asconsole passport-edit-permission-modal input[type=radio][name=category]:checked ~ .flex-container {
  width: 0;
  height: 0;
  padding: 0;
  margin: -0.4%;
  opacity: 0;
}
@media (max-height: 790px) {
  .asconsole passport-edit-permission-modal .container-fluid {
    max-height: calc(100vh - 170px);
  }
}
@media (max-width: 480px) {
  .asconsole passport-edit-permission-modal .container-fluid .row .image-container {
    width: initial;
    padding: 1em;
    margin-top: 1.2em;
  }
  .asconsole passport-edit-permission-modal .container-fluid .row .desc-column {
    padding: 1em 0em 1em 1em;
  }
}
@media (max-width: 320px) {
  .asconsole passport-edit-permission-modal .row .image-container {
    margin-top: 1.5em;
  }
}

.asconsole passport-typeahead {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole passport-typeahead asui-dropdown-typeahead {
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole passport-typeahead asui-dropdown-typeahead .item-label {
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";
    overflow: hidden;
    white-space: nowrap;
    word-break: break-word;
  }
}
@media screen and (-ms-high-contrast: active) and (-webkit-min-device-pixel-ratio: 0), screen and (-ms-high-contrast: none) and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole passport-typeahead asui-dropdown-typeahead .item-label break-word {
    word-break: break-all;
  }
}
.asconsole passport-typeahead asui-dropdown-typeahead.error > input {
  border-color: #CB4848;
}
.asconsole passport-typeahead .load-overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}
.asconsole passport-typeahead .loading-overlay {
  position: absolute;
  z-index: 10;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.asconsole post-source-mapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.asconsole post-source-mapper .filters {
  display: flex;
  justify-content: space-between;
}
.asconsole post-source-mapper .filters .filter-label {
  margin-right: 8px;
}
.asconsole post-source-mapper .filters > .btn-default {
  background-color: #EDF2F7;
}
.asconsole post-source-mapper .filters .btn {
  border-radius: 8px;
}
.asconsole post-source-mapper .filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}
.asconsole post-source-mapper .filter-pills .filter-item {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 0 0 8px;
  background-color: #EDF2F7;
  cursor: pointer;
}
.asconsole post-source-mapper .filter-pills .filter-item .icon-cross {
  font-size: 16px;
  padding: 8px;
}
.asconsole post-source-mapper .mapping-table {
  margin-top: 24px;
}
.asconsole post-source-mapper .mapping-table th {
  width: 50%;
  background-color: #EDF2F7;
  padding: 6px 16px;
}
.asconsole post-source-mapper .mapping-table .mapping-row {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole post-source-mapper .mapping-table .mapping-row:last-child {
  border-bottom: 0;
}
.asconsole post-source-mapper .mapping-table .mapping-row td {
  width: 50%;
  padding: 16px;
}
.asconsole post-source-mapper .mapping-table .mapping-row asui-dropdown-typeahead .textbox {
  border-radius: 8px;
}

.asconsole preview-log-modal {
  padding: 32px;
  position: relative;
}
.asconsole preview-log-modal .icon-cross {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 24px;
  color: #8493AE;
}
.asconsole preview-log-modal .modal-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  border: none;
  padding: 0px;
}
.asconsole preview-log-modal .modal-header .modal-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  color: #1E293B;
  width: 100%;
}
.asconsole preview-log-modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0px;
}
.asconsole preview-log-modal .modal-body .log-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asconsole preview-log-modal .modal-body .log-field label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  color: #1E293B;
}
.asconsole preview-log-modal .modal-body .log-field span {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #475369;
}
.asconsole preview-log-modal .modal-body .log-field .status-bubble {
  border-radius: 999px;
  padding: 4px 8px;
  display: inline-flex;
}
.asconsole preview-log-modal .modal-body .log-field .status-bubble.failed {
  color: #C94040;
  background-color: rgba(203, 72, 72, 0.05);
}
.asconsole preview-log-modal .modal-body .log-field .status-bubble.warning {
  color: #B25300;
  background: rgba(189, 88, 0, 0.05);
}
.asconsole preview-log-modal .modal-body .log-field .status-bubble.success {
  color: #0C7E78;
  background-color: #F3F8F8;
}
.asconsole preview-log-modal .modal-body .log-field .description-container {
  margin: 4px 8px;
  padding: 4px 4px 4px 24px;
  border-left: solid 2px #C4CEDE;
}
.asconsole preview-log-modal .modal-footer {
  padding: 40px 0 0;
  border: none;
}
.asconsole preview-log-modal .modal-footer .btn {
  padding: 10px;
  height: 40px;
  width: 50%;
  min-width: 72px;
  border-radius: var(--radii-md, 8px);
}

.asconsole view-connector-logs .content.overview-container {
  padding: 0px !important;
}
.asconsole view-connector-logs .content .overview-panel {
  display: flex;
  padding: 14px 28px;
  gap: 66px;
}
.asconsole view-connector-logs .content .overview-item {
  display: flex;
  padding: 8px;
  flex-direction: column;
  gap: 4px;
  min-width: 250px;
}
.asconsole view-connector-logs .content .overview-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  color: #475369;
}
.asconsole view-connector-logs .content .overview-label .icon {
  margin-right: 8px;
}
.asconsole view-connector-logs .content .overview-count {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  color: #1E293B;
  font-size: 28px;
}
.asconsole view-connector-logs .filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0px;
}
.asconsole view-connector-logs .filter-container .asui-search {
  width: 280px;
  border-radius: 8px;
}
.asconsole view-connector-logs .filter-container .asui-dropdown .dropdown-toggle {
  border-radius: 8px;
}
.asconsole view-connector-logs asui-table .post-id-td {
  max-width: 155px;
}
.asconsole view-connector-logs asui-table .post-id-td .post-id {
  cursor: pointer;
}
.asconsole view-connector-logs asui-table .status-td .status {
  border-radius: 999px;
  padding: 4px 8px;
  display: inline-flex;
}
.asconsole view-connector-logs asui-table .status-td .status.failed {
  color: #C94040;
  background-color: rgba(203, 72, 72, 0.05);
}
.asconsole view-connector-logs asui-table .status-td .status.warning {
  color: #B25300;
  background: rgba(189, 88, 0, 0.05);
}
.asconsole view-connector-logs asui-table .status-td .status.success {
  color: #0C7E78;
  background-color: #F3F8F8;
}
.asconsole view-connector-logs .no-content-container {
  display: flex;
  flex: 1;
  height: 100%;
}
.asconsole view-connector-logs .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole view-connector-logs .no-content-container h3 {
  color: #333F55;
}
.asconsole view-connector-logs .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 15px;
}

.asconsole integrations-webhooks {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  position: relative;
}
.asconsole integrations-webhooks .filter-bar {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  margin-right: 0;
}
.asconsole integrations-webhooks .filter-bar .desc {
  color: #475369;
  font-size: 14px;
}
.asconsole integrations-webhooks asui-table .name {
  color: #0A5BEB;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole integrations-webhooks asui-table .name break-word {
    word-break: break-all;
  }
}
.asconsole integrations-webhooks asui-table .revoked-btn {
  color: white;
  background-color: #CB4848;
  padding: 2px 6px;
}
.asconsole integrations-webhooks .no-content-container .icon-container img {
  max-width: 400px;
}
.asconsole integrations-webhooks .no-content-container .non-content-text {
  max-width: 600px;
}
.asconsole integrations-webhooks .no-permission {
  margin-bottom: 60px;
}
.asconsole integrations-webhooks .no-permission .icon-container img {
  max-width: 300px;
}

.asconsole passport-create-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole passport-create-modal .modal-header .modal-title {
  font-size: 118%;
  flex: 1;
}
.asconsole passport-create-modal .modal-header .top-r-close {
  float: right;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-self: center;
  font-size: 150%;
  color: #8da0b2;
  cursor: pointer;
}
.asconsole passport-create-modal .modal-header .top-r-close:hover {
  color: #2c4054;
}
.asconsole passport-create-modal .modal-body {
  display: block;
  padding: 0em 1.5em 1.5em;
  min-height: 328px;
}
.asconsole passport-create-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole passport-create-modal .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole passport-create-modal .category-wrap {
  width: 100%;
  position: relative;
}
.asconsole passport-create-modal .category-wrap .category {
  background: #ffffff;
  display: block;
  padding: 1.2em 0em 1em 0em;
  z-index: 1;
}
.asconsole passport-create-modal .category-wrap .category label {
  margin-bottom: 0em;
}
.asconsole passport-create-modal .passsport-create-list button {
  background: none;
  border: 0px;
  padding: 0px;
}
.asconsole passport-create-modal .passsport-create-list button .icon {
  color: #68768D;
  font-size: 1.3em;
}
.asconsole passport-create-modal .passsport-create-list button:hover {
  cursor: pointer;
}
.asconsole passport-create-modal .passsport-create-list .flex-container {
  padding-bottom: 15%;
  margin-left: -0.4em;
  margin-right: -0.9em;
  margin-top: -0.8em;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid {
  max-height: 60vh;
  overflow-y: auto;
  padding-left: 0em;
  padding-right: 0em;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row {
  margin: 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row .img-column {
  padding: 0em;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row .desc-column {
  padding: 0;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row .image-container {
  width: 90%;
  min-height: 1px;
  padding: 2em;
  align-items: center;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row img {
  height: 100%;
  width: 100%;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row:hover {
  cursor: pointer;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row:focus-visible {
  outline-offset: -2px;
}
.asconsole passport-create-modal .passsport-create-list .container-fluid .row-selected {
  background: #eef4f9;
}
.asconsole passport-create-modal input[type=radio] {
  display: none;
}
.asconsole passport-create-modal label {
  text-align: center;
  background: #ffffff;
  color: #A8BCCD;
  padding: 0.2em 1em;
  margin: 0.5em 0.5em 2em 0em;
  cursor: pointer;
  border-radius: 10em;
  border: solid 1px #A8BCCD;
  text-transform: uppercase;
  line-height: initial;
}
.asconsole passport-create-modal label.selected,
.asconsole passport-create-modal input[type=radio][name=category]:checked {
  background: #ffffff;
  border: solid 1px #0A5BEB;
  color: #0A5BEB;
}
.asconsole passport-create-modal input[type=radio][name=category]:checked ~ .flex-container {
  width: 0;
  height: 0;
  padding: 0;
  margin: -0.4%;
  opacity: 0;
}
@media (max-height: 790px) {
  .asconsole passport-create .container-fluid {
    max-height: calc(100vh - 170px);
  }
}
@media (max-width: 480px) {
  .asconsole passport-create .container-fluid .row .image-container {
    width: initial;
    padding: 1em;
    margin-top: 1.2em;
  }
  .asconsole passport-create .container-fluid .row .desc-column {
    padding: 1em 0em 1em 1em;
  }
}
@media (max-width: 320px) {
  .asconsole passport-create .row .image-container {
    margin-top: 1.5em;
  }
  .asconsole passport-create .category-wrap .category {
    width: 90%;
    padding-bottom: 1em;
  }
  .asconsole passport-create .category-wrap .category label {
    margin: 0.2em;
  }
}

.asconsole passport-customauth-setting {
  -webkit-font-smoothing: antialiased;
}
.asconsole passport-customauth-setting .preloader {
  height: 2vh;
}
.asconsole passport-customauth-setting .preloader .preloader-message {
  color: #475369;
  margin-top: 1.5em;
}
.asconsole passport-customauth-setting .spinner-container {
  margin-left: 4em;
}
.asconsole passport-customauth-setting asui-loading-mask {
  width: 80px;
}
.asconsole passport-customauth-setting .save-preloader {
  top: 40%;
  position: absolute;
  left: 45%;
}
.asconsole passport-customauth-setting .row {
  margin-bottom: 2.3em;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole passport-customauth-setting .row > div > label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole passport-customauth-setting .row input[type=text] {
  width: 390px;
  margin-top: -2em;
}
.asconsole passport-customauth-setting .row input[type=text]:disabled {
  color: #A8BCCD;
  background: #ffffff;
}
.asconsole passport-customauth-setting .row input[type=text].error-input {
  border: solid 1px #CB4848;
}
.asconsole passport-customauth-setting .row .error-msg {
  color: #CB4848;
  font-size: 11px;
  margin-top: 0.5em;
}
.asconsole passport-customauth-setting .row asui-spinner {
  position: absolute;
  margin-top: 5px;
}
.asconsole passport-customauth-setting .row .btn {
  width: auto;
  margin-right: 5px;
}
.asconsole passport-customauth-setting .row button.btn-refresh {
  border: 0px;
  background: #9CAABC;
  color: #ffffff;
  width: 19px;
  height: 19px;
  line-height: 0;
  border-radius: 100%;
  padding: 0.2% 0.2% 0.2% 0.2%;
  margin-left: 0.6em;
  margin-top: -3px;
}
.asconsole passport-customauth-setting .row button.btn-refresh i {
  font-size: 9.5px;
  text-align: center;
}
.asconsole passport-customauth-setting .row button.btn-refresh:disabled {
  opacity: 0.4;
}
.asconsole passport-customauth-setting .row .active {
  color: #0A5BEB;
  background: #ffffff;
  border: solid 1px #0A5BEB;
  padding: 0.2em 1em;
  text-transform: uppercase;
  border-radius: 3em;
  text-align: center;
  width: 7em;
  line-height: initial;
  float: left;
  margin-top: -3px;
}
.asconsole passport-customauth-setting .row .inactive {
  color: #475369;
  background: #ffffff;
  border: solid 1px #475369;
  padding: 0.2em 1em;
  text-transform: uppercase;
  border-radius: 3em;
  text-align: center;
  width: 7em;
  line-height: initial;
  float: left;
  margin-top: -3px;
}
.asconsole passport-customauth-setting .row button.btn-default {
  margin-right: 2em;
  line-height: initial;
}
.asconsole passport-customauth-setting .row button.btn-default.btn-cancel-authentication {
  margin-top: 5em;
  width: initial;
  margin-right: 3em;
}
.asconsole passport-customauth-setting .row .platform-usage {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  width: 390px;
}
.asconsole passport-customauth-setting .row .platform-usage .details {
  color: #2d3851;
}
.asconsole passport-customauth-setting .row .platform-usage .details .name {
  font-weight: 700;
}
.asconsole passport-customauth-setting .row .platform-usage .details .event {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 1px;
}
.asconsole passport-customauth-setting .row .platform-usage .icon {
  color: #4f596e;
  margin-left: 40px;
  font-size: 18px;
  cursor: pointer;
  height: 22px;
  padding: 2px;
}
.asconsole passport-customauth-setting .row .platform-usage:last-child {
  margin-bottom: 0;
}
.asconsole passport-customauth-setting .row .status-col {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole passport-customauth-setting .loading-mask-container {
  background: transparent;
}
@media (max-width: 991px) {
  .asconsole passport-customauth-setting .row input[type=text] {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .asconsole passport-customauth-setting label {
    margin-bottom: 1em;
  }
}
@media (max-width: 640px) {
  .asconsole passport-customauth-setting .row input[type=text] {
    width: 100%;
  }
  .asconsole passport-customauth-setting .row .btn {
    width: 100%;
  }
  .asconsole passport-customauth-setting .row .btn.btn-default {
    margin-left: 0em;
  }
}
@media (max-width: 360px) {
  .asconsole passport-customauth-setting .preloader-message {
    text-align: center;
  }
}
@media (max-width: 320px) {
  .asconsole passport-customauth-setting button.btn-default {
    margin-top: 3em;
  }
}

.asconsole passport-edit {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole passport-edit .preloader {
  height: 80vh;
}
.asconsole passport-edit .well-container {
  margin-bottom: 0;
  flex: 1;
  flex-basis: auto;
}
.asconsole passport-edit .all-permissions-disabled input[type=checkbox] {
  display: none;
}
.asconsole passport-edit .all-permissions-spinner {
  position: absolute;
  margin-left: -75px;
  margin-top: 2px;
}
.asconsole passport-edit .permission-dropdown button {
  background-color: #0A5BEB !important;
  border-color: #0A5BEB !important;
  color: white !important;
}
.asconsole passport-edit .permission-dropdown button .caret {
  color: white !important;
}
.asconsole passport-edit .permission-dropdown .dropdown-toggle {
  background-color: #0A5BEB !important;
}
.asconsole passport-edit .permissions-table-container searchable-table .asui-search .glyphicon.glyphicon-search {
  top: 6px;
}
.asconsole passport-edit .permissions-table-container searchable-table .table-container {
  flex-basis: auto;
}
.asconsole passport-edit .permissions-table-container tr {
  height: 35px;
}
.asconsole passport-edit .remove-permission {
  width: 1%;
}
.asconsole passport-edit .remove-permission div {
  position: absolute;
  margin-left: 7px;
  margin-top: -3px;
}
.asconsole passport-edit .permission-saving-spinner {
  position: absolute;
  display: flex;
  justify-content: center;
}
.asconsole passport-edit asui-breadcrumbs {
  margin: 0 0 1.2em 0;
  display: block;
}
.asconsole passport-edit img {
  display: block;
  width: 100%;
  height: 100%;
}
.asconsole passport-edit button {
  line-height: initial;
}
.asconsole passport-edit label {
  font-weight: normal;
  color: #475369;
  margin-top: 0px;
}
.asconsole passport-edit .details img {
  width: 80px;
  min-height: 100%;
  margin: 2em 1.5em 2em 1em;
}
.asconsole passport-edit .details h3 {
  font-weight: 300;
  margin-top: 0;
  margin-left: 0.8em;
}
.asconsole passport-edit .details h5 {
  font-weight: normal;
  color: #475369;
  margin-left: 1em;
}
.asconsole passport-edit .navigation asui-vertical-navbar {
  margin-left: -2em;
  margin-right: 1.5em;
  margin-top: 1em;
  background: #ffffff;
  border: 0;
}
.asconsole passport-edit .navigation asui-vertical-navbar li {
  margin-left: 8px;
}
.asconsole passport-edit .navigation asui-vertical-navbar li .navitem {
  display: flex;
  align-items: center;
  padding: 0;
  padding-left: 2em;
  height: 40px;
  width: 100%;
  border-left: 4px solid transparent;
}
.asconsole passport-edit .navigation asui-vertical-navbar li .navitem a {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole passport-edit .navigation asui-vertical-navbar li .active {
  background: #EEF4FB;
  border-color: #002169;
}
.asconsole passport-edit .navigation asui-vertical-navbar li .active a {
  color: #002169;
  font-weight: 700;
}
.asconsole passport-edit .setting {
  padding-top: 1em;
  margin-top: 0.5em;
}
.asconsole passport-edit .setting user-tags-input .asui-tags-input {
  min-height: auto;
  min-height: initial;
}
.asconsole passport-edit .container-fluid {
  padding: 0;
}
.asconsole passport-edit .container-fluid .all-permissions {
  text-align: right;
}
.asconsole passport-edit .container-fluid .all-permissions input[type=checkbox] {
  margin-right: 0.5em;
}
.asconsole passport-edit .pe-label-container .btn-container {
  text-align: right;
}
.asconsole passport-edit .pe-label-container .btn-container .spinner-sm .spinner-container {
  margin: auto;
  width: 40%;
}
.asconsole passport-edit .pe-label-container a.tags-search {
  cursor: pointer;
}
.asconsole passport-edit .permissions-table-container {
  margin-top: 25px;
}
.asconsole passport-edit .permissions-table-container.pe-table-margin {
  margin-top: 1em;
}
.asconsole passport-edit .permissions-table-container .loading-mask-container {
  background: #ffffff;
  margin-top: 5em;
}
.asconsole passport-edit .permissions-table-container asui-table .icon-clear {
  color: #6275A3;
}
.asconsole passport-edit .permissions-table-container asui-table .icon-clear:hover {
  cursor: pointer;
}
.asconsole passport-edit .permissions-table-container asui-table .text-ellipsis a[ng-click] {
  cursor: pointer;
}
.asconsole passport-edit .permissions-table-container .no-content-container .icon-container img {
  margin: auto;
}
.asconsole passport-edit .permissions-table-container searchable-table .table-container .cta-container .no-content-container {
  border: 0px;
  padding: 5em;
}
.asconsole passport-edit .permissions-table-container searchable-table .table-container .cta-container .no-content-container .icon.icon-no-results {
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .asconsole passport-edit .edit-wrap .pe-label-container .btn-container {
    width: 100%;
    text-align: left;
    margin-top: 2em;
  }
  .asconsole passport-edit .edit-wrap .pe-label-container .btn-container button {
    width: 100%;
  }
  .asconsole passport-edit .edit-wrap .pe-label-container .btn-container button.btn-primary {
    margin-top: 1em;
  }
  .asconsole passport-edit .edit-wrap .pe-add-description {
    width: 100%;
  }
  .asconsole passport-edit .edit-wrap .all-permissions {
    text-align: left;
    width: 100%;
    margin-top: 1em;
  }
  .asconsole passport-edit .edit-wrap .all-permissions input[type=checkbox] {
    vertical-align: text-bottom;
  }
  .asconsole passport-edit .setting {
    padding-top: 0;
  }
}
@media (max-width: 500px) {
  .asconsole passport-edit .navigation asui-vertical-navbar {
    margin-right: 2.5em;
  }
}
@media (max-width: 480px) {
  .asconsole passport-edit .edit-wrap {
    display: block;
  }
  .asconsole passport-edit .edit-wrap .navigation asui-vertical-navbar {
    margin-right: 0.1em;
    margin-left: 0.1em;
  }
  .asconsole passport-edit .edit-wrap .navigation asui-vertical-navbar .vertical-navbar-container li {
    display: inline-block;
    margin-right: 1.2em;
    margin-left: 0em;
  }
  .asconsole passport-edit .edit-wrap .navigation asui-vertical-navbar .vertical-navbar-container li .navitem {
    padding-left: 1em;
  }
  .asconsole passport-edit .edit-wrap .navigation asui-vertical-navbar .vertical-navbar-container li .active {
    background: #ffffff;
    border-bottom: 3px solid #72889c;
    border-left: 0;
  }
}
@media (max-width: 320px) {
  .asconsole passport-edit .details h3 {
    font-size: 120%;
    line-height: inherit;
  }
  .asconsole passport-edit .details img {
    width: 60px;
    margin-left: 0;
  }
  .asconsole passport-edit .permissions .col-xs-10 {
    width: 100%;
  }
  .asconsole passport-edit .edit-wrap .navigation asui-vertical-navbar {
    margin-left: 0px;
    margin-right: 0px;
  }
  .asconsole passport-edit .edit-wrap .navigation asui-vertical-navbar .vertical-navbar-container li {
    margin-right: 0em;
  }
}

.asui growl-notification .asui-notification span {
  word-break: break-word;
}

.asconsole passport-home {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole passport-home .home-container {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole passport-home .preloader {
  height: 80vh;
}
.asconsole passport-home .preloader.deleting {
  position: absolute;
  top: 30vh;
  margin: -180px auto auto auto;
  width: 200px;
  left: 80vh;
}
.asconsole passport-home .header {
  display: flex;
  align-items: center;
}
.asconsole passport-home .header .asui-btn {
  margin-right: 5px;
}
.asconsole passport-home .header .search-container {
  display: flex;
  flex: 1;
  margin-right: 5px;
  justify-content: flex-end;
}
.asconsole passport-home .header .search-container .asui-search {
  max-width: 250px;
  margin-right: 5px;
  margin-bottom: 0;
}
.asconsole passport-home .header .table-items {
  margin-right: 5px;
  text-align: right;
}
.asconsole passport-home .table-description-wrap {
  margin: 10px 0 0 0;
  color: #475369;
  display: flex;
  align-items: center;
}
.asconsole passport-home .table-description-wrap .table-description {
  float: left;
  font-size: 120%;
}
.asconsole passport-home .clear-both {
  clear: both;
}
.asconsole passport-home .table-responsive {
  border: 0px;
  background: transparent;
}
.asconsole passport-home .table-responsive a {
  text-decoration: none !important;
}
.asconsole passport-home .table-responsive .no-link {
  color: #333F55;
  cursor: default;
}
.asconsole passport-home .table-responsive asui-table {
  background: transparent;
}
.asconsole passport-home .table-responsive asui-table .asui-table {
  table-layout: fixed;
}
.asconsole passport-home .table-responsive asui-table th {
  width: 15%;
}
.asconsole passport-home .table-responsive asui-table th:first-child {
  padding-left: 44px;
  width: 35%;
}
@media all and (max-width: 667px) {
  .asconsole passport-home .table-responsive asui-table th:first-child {
    padding-left: 20px;
    width: 20%;
  }
}
.asconsole passport-home .table-responsive asui-table th:nth-child(5) {
  text-align: center;
  width: 10%;
}
.asconsole passport-home .table-responsive asui-table th:last-child {
  width: 2%;
  padding-right: 4em;
}
.asconsole passport-home .table-responsive asui-table td .text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 2px;
}
.asconsole passport-home .table-responsive asui-table td .passport-icon-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-items: stretch;
  align-items: center;
}
.asconsole passport-home .table-responsive asui-table td .passport-icon-container .passport-name {
  min-width: 0;
}
.asconsole passport-home .table-responsive asui-table td .permission-text-ellipsis .popover {
  overflow: initial;
}
.asconsole passport-home .table-responsive asui-table td img.application-logo {
  width: 80px;
  margin: 10px 30px 10px 0;
}
@media all and (max-width: 667px) {
  .asconsole passport-home .table-responsive asui-table td img.application-logo {
    width: 30px;
    margin: 5px 10px 5px 0;
  }
}
.asconsole passport-home .table-responsive asui-table td:last-child {
  text-align: center;
}
.asconsole passport-home .table-responsive asui-table td .active {
  color: #0A5BEB;
  background: #ffffff;
  border: solid 1px #0A5BEB;
  padding: 0.2em 1em;
  text-transform: uppercase;
  border-radius: 3em;
  text-align: center;
  display: block;
  width: 7em;
  line-height: initial;
  margin: auto;
}
.asconsole passport-home .table-responsive asui-table td .inactive {
  color: #475369;
  background: #ffffff;
  border: solid 1px #475369;
  padding: 0.2em 1em;
  text-transform: uppercase;
  border-radius: 3em;
  text-align: center;
  display: block;
  width: 7em;
  line-height: initial;
  margin: auto;
}
.asconsole passport-home .table-responsive asui-table td .asui-context-menu-popover .popover-content .item-label {
  color: #2d3851;
}
.asconsole passport-home .table-responsive asui-table td .asui-context-menu-popover .popover-content .item-icon {
  color: #4f596e;
}
.asconsole .no-content-container .icon-container {
  width: 100%;
}
.asconsole .no-content-container .icon-container img {
  max-width: 250px;
}
.asconsole .no-content-container a {
  cursor: pointer;
}
@media (max-width: 500px) {
  .asconsole passport-home .table-description-wrap .table-items {
    margin: 0;
    float: none;
  }
}

.asconsole passport-oauth-setting .preloader {
  height: 2vh;
}
.asconsole passport-oauth-setting .preloader .preloader-message {
  color: #475369;
  margin-top: 1.5em;
}
.asconsole passport-oauth-setting .spinner-container {
  margin-left: 4em;
}
.asconsole passport-oauth-setting asui-loading-mask {
  width: 80px;
}
.asconsole passport-oauth-setting .save-preloader {
  top: 40%;
  position: absolute;
  left: 45%;
}
.asconsole passport-oauth-setting .row {
  margin-bottom: 2.3em;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole passport-oauth-setting .row > div > label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole passport-oauth-setting .row input[type=text] {
  width: 390px;
  margin-top: -2em;
}
.asconsole passport-oauth-setting .row input[type=text]:disabled {
  color: #A8BCCD;
  background: #ffffff;
}
.asconsole passport-oauth-setting .row input[type=text].error-input {
  border: solid 1px #CB4848;
}
.asconsole passport-oauth-setting .row .error-msg {
  color: #CB4848;
  font-size: 11px;
  margin-top: 0.5em;
}
.asconsole passport-oauth-setting .row asui-spinner {
  position: absolute;
  margin-top: 5px;
}
.asconsole passport-oauth-setting .row .btn {
  width: auto;
  margin-right: 5px;
}
.asconsole passport-oauth-setting .row button.btn-refresh {
  border: 0px;
  background: #9CAABC;
  color: #ffffff;
  width: 19px;
  height: 19px;
  line-height: 0;
  border-radius: 100%;
  padding: 0.2% 0.2% 0.2% 0.2%;
  margin-left: 0.6em;
  margin-top: -3px;
}
.asconsole passport-oauth-setting .row button.btn-refresh i {
  font-size: 9.5px;
  text-align: center;
}
.asconsole passport-oauth-setting .row button.btn-refresh:disabled {
  opacity: 0.4;
}
.asconsole passport-oauth-setting .row .active {
  color: #0A5BEB;
  background: #ffffff;
  border: solid 1px #0A5BEB;
  padding: 0.2em 1em;
  text-transform: uppercase;
  border-radius: 3em;
  text-align: center;
  width: 7em;
  line-height: initial;
  float: left;
  margin-top: -3px;
}
.asconsole passport-oauth-setting .row .inactive {
  color: #475369;
  background: #ffffff;
  border: solid 1px #475369;
  padding: 0.2em 1em;
  text-transform: uppercase;
  border-radius: 3em;
  text-align: center;
  width: 7em;
  line-height: initial;
  float: left;
  margin-top: -3px;
}
.asconsole passport-oauth-setting .row button.btn-default {
  margin-right: 2em;
  line-height: initial;
}
.asconsole passport-oauth-setting .row button.btn-default.btn-cancel-authentication {
  margin-top: 5em;
  width: initial;
  margin-right: 3em;
}
.asconsole passport-oauth-setting .row .platform-usage {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  width: 390px;
}
.asconsole passport-oauth-setting .row .platform-usage .details {
  color: #2d3851;
}
.asconsole passport-oauth-setting .row .platform-usage .details .name {
  font-weight: 700;
}
.asconsole passport-oauth-setting .row .platform-usage .details .event {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 1px;
}
.asconsole passport-oauth-setting .row .platform-usage .icon {
  color: #4f596e;
  margin-left: 40px;
  font-size: 18px;
  cursor: pointer;
  height: 22px;
  padding: 2px;
}
.asconsole passport-oauth-setting .row .platform-usage:last-child {
  margin-bottom: 0;
}
.asconsole passport-oauth-setting .row .status-col {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole passport-oauth-setting .loading-mask-container {
  background: transparent;
}
@media (max-width: 991px) {
  .asconsole passport-oauth-setting .row input[type=text] {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .asconsole passport-oauth-setting label {
    margin-bottom: 1em;
  }
}
@media (max-width: 640px) {
  .asconsole passport-oauth-setting .row input[type=text] {
    width: 100%;
  }
  .asconsole passport-oauth-setting .row .btn {
    width: 100%;
  }
  .asconsole passport-oauth-setting .row .btn.btn-default {
    margin-left: 0em;
  }
}
@media (max-width: 360px) {
  .asconsole passport-oauth-setting .preloader-message {
    text-align: center;
  }
}
@media (max-width: 320px) {
  .asconsole passport-oauth-setting button.btn-default {
    margin-top: 3em;
  }
}

.asconsole ext-legacy {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole ext-legacy iframe {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
}
.asconsole ext-legacy asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole edit-channel-group-add-channels-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole edit-channel-group-add-channels-view .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole edit-channel-group-add-channels-view .modal-header .modal-title {
  flex: 1;
  margin-left: 5px;
}
.asconsole edit-channel-group-add-channels-view .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 49px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole edit-channel-group-add-channels-view .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole edit-channel-group-add-channels-view .modal-body {
  display: flex;
  flex: 1;
  padding: 0;
  min-height: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-channel-group-add-channels-view .modal-body asui-grid .grid-container {
    display: inline;
  }
}

.asconsole chm-app-publishing-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 300px;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-app-publishing-modal {
    display: block;
    flex: 0 1 auto;
  }
}
.asconsole chm-app-publishing-modal .modal-header, .asconsole chm-app-publishing-modal .modal-footer {
  padding: 15px 20px;
}
@media all and (max-width: 667px) {
  .asconsole chm-app-publishing-modal .modal-header, .asconsole chm-app-publishing-modal .modal-footer {
    padding: 15px 20px;
  }
}
.asconsole chm-app-publishing-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 30px 0 30px;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole chm-app-publishing-modal .modal-body {
    padding: 10px 20px 0 20px;
  }
}
.asconsole chm-app-publishing-modal .modal-body .link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole chm-app-publishing-modal .modal-body .not-ready-checking {
  width: 100%;
  height: 44px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole chm-app-publishing-modal .modal-body .add-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 148px;
}
.asconsole chm-app-publishing-modal .modal-body .add-section .desc {
  display: flex;
  margin-bottom: 15px;
  color: #475369;
}
.asconsole chm-app-publishing-modal .modal-body .add-section .not-ready {
  margin: 15px 0px;
  font-size: 110%;
}
.asconsole chm-app-publishing-modal .modal-body .add-section .app-ddl {
  display: flex;
}
.asconsole chm-app-publishing-modal .modal-body .add-section .app-ddl .app-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-left: 20px;
  width: 60%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-app-publishing-modal .modal-body .add-section .app-ddl .app-name break-word {
    word-break: break-all;
  }
}
.asconsole chm-app-publishing-modal .modal-body .add-section .app-ddl .app-type {
  margin-left: 20px;
  color: #475369;
}
.asconsole chm-app-publishing-modal .modal-body .add-section .app-ddl .dropdown-toggle .app-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: unset;
  margin-right: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-app-publishing-modal .modal-body .add-section .app-ddl .dropdown-toggle .app-name break-word {
    word-break: break-all;
  }
}
.asconsole chm-app-publishing-modal .modal-body .add-section .chat-search {
  position: relative;
  display: flex;
}
.asconsole chm-app-publishing-modal .modal-body .add-section .chat-search asui-dropdown-typeahead {
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-app-publishing-modal .modal-body .add-section + .settings-container {
    height: calc(100vh - 390px);
  }
}
.asconsole chm-app-publishing-modal .modal-body .settings-btn {
  padding: 15px 0;
  color: #6275A3;
  width: 100%;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.asconsole chm-app-publishing-modal .modal-body .settings-btn:before, .asconsole chm-app-publishing-modal .modal-body .settings-btn:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 0.5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
.asconsole chm-app-publishing-modal .modal-body .settings-btn:after {
  margin: 0 -55% 0 0.5em;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-app-publishing-modal .modal-body .settings-container {
    display: block;
    height: calc(100vh - 240px);
  }
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group {
  display: flex;
  flex: 1;
  flex-shrink: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole chm-app-publishing-modal .modal-body .settings-container .input-group {
    flex-direction: column;
  }
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-label {
  width: 120px;
  color: #475369;
  flex-shrink: 0;
}
@media all and (max-width: 667px) {
  .asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-label {
    margin-bottom: 15px;
  }
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content {
  flex: 1;
  overflow: hidden;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-label {
  margin-bottom: 5px;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-zones {
  margin-bottom: 20px;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-zones .help-block .icon {
  font-size: 100%;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-input {
  margin-bottom: 20px;
  display: flex;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-input .asui-multiselect {
  width: 100%;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-input .autocomplete-text, .asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-input .tag-text {
  text-transform: uppercase;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-image-uploader {
  max-width: 128px;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-image-uploader clm-image-uploader {
  width: 100%;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content .ap-image-uploader clm-image-uploader .image-uploader {
  height: 128px;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content asui-timezone asui-dropdown-typeahead {
  width: 418px;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group .group-content asui-timezone asui-dropdown-typeahead .dropdown-container {
  max-height: 260px !important;
}
.asconsole chm-app-publishing-modal .modal-body .settings-container .input-group:last-child {
  border: none;
  margin-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole chm-app-publishing-modal .modal-body .settings-container .input-group:first-child {
    margin-top: 0;
  }
}
.asconsole .modal-app-publishing {
  max-height: 90vh;
}
.asconsole .modal-app-publishing .modal-content {
  max-height: 90vh;
  display: flex;
  flex: 1;
}

.asconsole chm-approval-modal {
  display: flex;
  flex: 1;
  width: 100%;
  padding: 15px 20px 0 20px;
}
.asconsole .popover.chm-approval-popover {
  width: 400px;
  max-width: 400px;
}
.asconsole .popover.chm-approval-popover .popover-content {
  max-height: unset !important;
}
.asconsole .popover.chm-approval-popover ng-transclude {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.asconsole .popover.chm-approval-popover chm-approval {
  width: 100%;
}
.asconsole .popover.chm-approval-popover chm-approval label {
  font-weight: bold;
}

.asconsole chm-approval-navbar {
  width: 100%;
}
.asconsole chm-approval-navbar .pending-approval-navbar {
  border: none;
  font-size: 85%;
  margin: 0;
  height: 36px;
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
}
.asconsole chm-approval-navbar .pending-approval-navbar .nav-pills > li {
  user-select: none;
  cursor: pointer;
  font-size: 120%;
  display: flex;
  flex-direction: row;
  padding: 9px 13px 7px 13px;
}
.asconsole chm-approval-navbar .pending-approval-navbar .nav-pills > li.active {
  border-bottom: 3px solid #8da0b2;
}
.asconsole chm-approval-navbar .pending-approval-navbar .nav {
  border: none;
}
.asconsole chm-approval-navbar .pending-approval-navbar .pending-total {
  border: 1px solid #EBBE36;
  color: #EBBE36;
  padding: 2px 3px;
  line-height: 1;
  height: 17px;
  margin-left: 5px;
  font-size: 90%;
}
.asconsole .approval-navbar-popover .popover-content {
  max-height: unset !important;
}
.asconsole .approval-navbar-popover .popover-content h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.asconsole .approval-navbar-popover .popover-content p {
  font-size: 14px;
  line-height: 1.428;
}

.asconsole edit-channel-approvals-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  padding: 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-approvals-settings {
    padding: 15px;
  }
}
.asconsole edit-channel-approvals-settings .approvals-block {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .asconsole edit-channel-approvals-settings .approvals-block {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.asconsole edit-channel-approvals-settings .approvals-block .key {
  width: 150px;
  color: #2d3851;
  margin-top: 6px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-approvals-settings .approvals-block .key {
    margin-top: 0;
    margin-bottom: 8px;
  }
}
.asconsole edit-channel-approvals-settings .checkbox-block {
  margin-left: 150px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-disabled-icon {
  margin-top: 30px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-disabled-icon img {
  width: 50%;
  max-width: 150px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-actions {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-actions .approvals-action-title {
  color: #475369;
  margin: 20px 0;
}

.asconsole chm-playlist-article-preview .desc-container {
  padding: 30px 30px;
  width: 60%;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .asconsole chm-playlist-article-preview .desc-container {
    width: 100%;
    padding: 10px 10px;
  }
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-title-container .selected-playlist-title {
  font-size: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-title-container .selected-playlist-duration {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-title-container .selected-playlist-duration .fa-calendar {
  margin-right: 10px;
  color: #475369;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-article-container {
  position: relative;
  overflow-y: auto;
  height: 100%;
  font-size: 16px;
  line-height: 1.625;
  margin: 14px 0px;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-article-container asui-loading-mask {
  font-size: 11px;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-article-container asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-article-container .selected-playlist-article {
  color: #333F55;
}
.asconsole chm-playlist-article-preview .desc-container .selected-playlist-article-container .selected-playlist-article img {
  max-width: 100%;
}
.asconsole chm-playlist-article-preview .desc-container table {
  width: 100%;
}
.asconsole chm-playlist-article-preview .desc-container table tr:first-child {
  background-color: #EDF2F7;
}
.asconsole chm-playlist-article-preview .desc-container .no-article-container {
  width: 100%;
  border: 1px #dbe0ea dashed;
  background-color: white;
  padding-top: 15px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #475369;
}
.asconsole chm-playlist-article-preview .desc-container .no-article-container i {
  font-size: 20px;
  margin-right: 10px;
}
.asconsole chm-playlist-article-preview .desc-container .no-article-container a {
  cursor: pointer;
}

.asconsole chm-publishing-assign-device,
.asconsole chm-publishing-assign-user {
  display: flex;
  flex-direction: column;
}
.asconsole chm-publishing-assign-device asui-loading-mask .loading-mask-container,
.asconsole chm-publishing-assign-user asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole chm-publishing-assign-device user-tags-input asui-tags-input .asui-tags-input .tags .input,
.asconsole chm-publishing-assign-user user-tags-input asui-tags-input .asui-tags-input .tags .input {
  min-width: 340px !important;
}
.asconsole chm-publishing-assign-device .pe-input-container,
.asconsole chm-publishing-assign-user .pe-input-container {
  display: flex;
  flex-direction: column;
  padding: 10px 30px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-assign-device .pe-input-container,
  .asconsole chm-publishing-assign-user .pe-input-container {
    padding: 10px 15px;
  }
}
.asconsole chm-publishing-assign-device .pe-input-container .pe-label-container,
.asconsole chm-publishing-assign-user .pe-input-container .pe-label-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole chm-publishing-assign-device .pe-input-container .pe-label-container .all-devices-cb,
.asconsole chm-publishing-assign-user .pe-input-container .pe-label-container .all-devices-cb {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 10px;
}
.asconsole chm-publishing-assign-device .pe-input-container .pe-label-container .all-devices-cb .asui-checkbox label,
.asconsole chm-publishing-assign-user .pe-input-container .pe-label-container .all-devices-cb .asui-checkbox label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.asconsole chm-publishing-assign-device .pe-input-container .pe-label-container .hide-cb input,
.asconsole chm-publishing-assign-user .pe-input-container .pe-label-container .hide-cb input {
  display: none;
}
.asconsole chm-publishing-assign-device .pe-input-container .asui-tags-input,
.asconsole chm-publishing-assign-user .pe-input-container .asui-tags-input {
  min-height: 0;
}
.asconsole chm-publishing-assign-device .pe-input-container .tags-search,
.asconsole chm-publishing-assign-user .pe-input-container .tags-search {
  cursor: pointer;
}
.asconsole chm-publishing-assign-device .pe-input-container .save-btn-text,
.asconsole chm-publishing-assign-user .pe-input-container .save-btn-text {
  display: flex;
  justify-content: center;
}

.asconsole chm-batch-channel-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole edit-channel-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-analytics {
    padding: 15px 15px;
  }
}

.asconsole chm-channel-card {
  display: flex;
  flex-direction: column;
  border: solid 1px #DDE3EE;
  border-radius: 4px;
  background-color: white;
  padding: 14px 12px 8px 12px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole chm-channel-card .channel-card-top {
  display: flex;
  flex-direction: row;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 10px;
  min-width: 0;
  width: 100px;
  margin-top: 4px;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .name-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .name-container .name {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-card .channel-card-top .channel-card-details .name-container .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .name-container .icon-context-vertical {
  color: #68768D;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .name-container .icon-context-vertical:hover {
  background-color: #EDF2F7;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .channelgroups {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .channelgroups .cg-link {
  cursor: pointer;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details .channelgroups .cg-link:hover {
  color: #0A5BEB;
}
.asconsole chm-channel-card .channel-card-top .channel-card-details chm-channel-usage-icons {
  margin-top: 4px;
}
.asconsole chm-channel-card .channel-card-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 10px 0 8px 0;
}
.asconsole chm-channel-card .channel-card-bottom {
  display: flex;
  align-items: center;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}

chm-channel-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
chm-channel-filter asui-dropdown-typeahead {
  flex: 1;
  min-width: 0;
}
chm-channel-filter asui-dropdown-typeahead .textbox {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px !important;
  padding-left: 40px !important;
  border-radius: 8px !important;
}
chm-channel-filter asui-dropdown-typeahead .selected-item {
  display: none;
}
chm-channel-filter asui-dropdown-typeahead .dropdown-container {
  top: 40px !important;
  border-radius: 8px;
}
chm-channel-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
chm-channel-filter .list {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 4px;
}
chm-channel-filter .list .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 8px 16px;
  color: #0A5BEB;
  background-color: #F0F6FE;
  min-width: 0;
  border-radius: 8px;
}
chm-channel-filter .list .list-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  chm-channel-filter .list .list-item .name break-word {
    word-break: break-all;
  }
}
chm-channel-filter .list .list-item .icon-cross {
  font-size: 18px;
}
chm-channel-filter .list .list-item .list-item-channel-custom-icon,
chm-channel-filter .list .list-item .list-item-channel-type-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 40px;
  overflow: hidden;
  border-radius: 2px;
  margin-left: 1px;
}
chm-channel-filter .list .list-item .list-item-channel-custom-icon img {
  max-width: 36px;
  max-height: 40px;
  object-fit: contain;
}
chm-channel-filter .list .list-item .list-item-channel-custom-icon--card-thumb img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}
chm-channel-filter .list .list-item .list-item-channel-type-icon .icon {
  position: relative;
  z-index: 1;
  font-size: 20px;
}

.asconsole chm-channel-grid {
  width: 100%;
  display: flex;
  flex: 1;
}
.asconsole chm-channel-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole chm-channel-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole chm-channel-grid .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole chm-channel-grid .grid-container .grid-item .asui-selectable-item-check {
  left: 6px !important;
  top: 6px !important;
}
.asconsole chm-channel-grid .grid-container .chm-grid-item {
  position: relative;
  flex: 1;
}
.asconsole chm-channel-grid .grid-container .chm-grid-item.item-selected chm-channel-card {
  border-color: #77B0EE;
}
.asconsole chm-channel-grid .grid-container .loading-mask {
  background-color: #F8F9FC;
}
.asconsole chm-channel-grid .grid-container .channel-approval-needed chm-channel-card {
  border-right: 4px solid #EBBE36;
}
.asconsole chm-channel-grid .grid-container .channel-approval-needed .chm-grid-item.item-selected chm-channel-card {
  border-right: 4px solid #EBBE36;
}

.asconsole chm-channel-group-picker .channel-groups-tags {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.asconsole chm-channel-group-picker .channel-groups-tags .channel-groups-tags-input {
  flex: 1;
  height: auto;
  margin: 0px 0px 4px 0px;
}
.asconsole chm-channel-group-picker .channel-groups-tags .channel-groups-tags-input .asui-tags-input {
  padding: 0;
}
.asconsole chm-channel-group-picker .channel-groups-tags .channel-groups-tags-input .input {
  padding: 6px 8px;
  width: 265px !important;
}
.asconsole chm-channel-group-picker .channel-groups-tags .channel-groups-tags-input .invalid-tag {
  border: 1px solid #f55959 !important;
  background-color: white;
}
.asconsole chm-channel-group-picker .channel-groups-tags .channel-groups-tags-input .invalid-tag .tag-text {
  color: #333F55;
}

.asconsole edit-channel-icon-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole edit-channel-icon-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole edit-channel-icon-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole edit-channel-icon-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 50px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole edit-channel-icon-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole edit-channel-icon-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 0px;
}

.asconsole channel-group-add-channels {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  margin: 0px;
}
.asconsole channel-group-add-channels .src-channel-container {
  flex-grow: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 20px 20px 0 20px;
}
.asconsole channel-group-add-channels .src-channel-container .filter-icon {
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
  color: #8493AE;
}
.asconsole channel-group-add-channels .src-channel-container .asui-search input[type=text] {
  border-radius: 1px;
}
.asconsole channel-group-add-channels .src-channel-container .asui-search input::-ms-clear {
  display: none;
}
.asconsole channel-group-add-channels .src-channel-container .asui-search .form-group {
  margin-bottom: 0px;
}
.asconsole channel-group-add-channels .src-channel-container .asui-command-bar {
  margin: -6px 0px 10px 0px;
  min-height: inherit;
}
.asconsole channel-group-add-channels .src-channel-container .asui-command-bar .content {
  text-align: left;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list {
  display: flex;
  flex: 1;
  overflow-y: auto;
  border: 1px solid #DDE3EE;
  border-bottom: none;
  position: relative;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .no-content-container {
  margin-bottom: 53px;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container {
  margin: 0px 0 20px -20px;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container .grid-item {
  padding: 0px 0 0 20px;
  cursor: pointer;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container .grid-item .badge-container {
  padding: 10px 20px;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container .grid-item .badge-container .badge-right {
  right: 20px;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container .grid-item chm-quick-view-overlay ng-transclude {
  flex: 1;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container .grid-item chm-quick-view-overlay .quick-view-container {
  cursor: pointer;
  width: 36px;
  left: 20px;
  top: 10px;
  height: 50px;
}
.asconsole channel-group-add-channels .src-channel-container .src-channel-list .grid-container .grid-item:hover {
  background-color: #eef4f9;
}
.asconsole channel-group-add-channels .selected-channel-container {
  flex-grow: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #DDE3EE;
  padding: 20px 20px 0 20px;
}
.asconsole channel-group-add-channels .selected-channel-container .selected-channel-list {
  overflow-y: auto;
  border: 1px solid #DDE3EE;
  padding: 20px 20px 0 20px;
}
.asconsole channel-group-add-channels .selected-channel-container .no-content-container {
  margin-bottom: 20px;
}
.asconsole channel-group-add-channels .selected-channel-container .no-content-container .non-content-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.asconsole channel-group-add-channels .selected-channel-container .no-content-container .non-content-text asui-badge {
  margin: 0 5px;
  cursor: default;
}
.asconsole channel-group-add-channels .selected-channel-container .no-content-container asui-badge {
  margin: 0 3px;
}
.asconsole channel-group-add-channels .grid-container {
  flex-direction: column;
}
.asconsole channel-group-add-channels .grid-container chm-quick-view-overlay ng-transclude {
  flex: 1;
}
.asconsole channel-group-add-channels .grid-container chm-quick-view-overlay .quick-view-container {
  cursor: pointer;
  width: 36px;
}
.asconsole channel-group-add-channels .grid-container .badge-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.asconsole channel-group-add-channels .grid-container .badge-container .cgi-name {
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  word-break: break-all;
}
.asconsole channel-group-add-channels .grid-container .badge-container .cgi-type {
  margin-right: 20px;
  text-transform: capitalize;
}
.asconsole channel-group-add-channels .grid-container .channel-selected {
  opacity: 0.4;
}

.asconsole chm-channel-picker {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.asconsole chm-channel-picker .mfs-properties-panel {
  display: flex;
  width: 50vw;
  max-width: 450px;
  border-left: 1px solid #DDE3EE;
  background-color: white;
  font-size: 14px;
}
@media all and (max-width: 667px) {
  .asconsole chm-channel-picker .mfs-properties-panel {
    width: 100%;
    max-width: unset;
    overflow-y: auto;
    margin-top: 15px;
    flex: 1;
  }
}
.asconsole chm-channel-picker .mfs-content-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  min-height: 0;
  min-width: 0;
  padding: 20px 30px 5px 30px;
}
.asconsole chm-channel-picker .mfs-content-panel asui-loading-mask .loading-mask-container {
  background-color: #eef4f9;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-channel-picker .mfs-content-panel {
    background-color: white;
  }
}
@media all and (max-width: 667px) {
  .asconsole chm-channel-picker .mfs-content-panel {
    min-height: 0;
    flex: unset;
  }
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .cp-searchable-grid-container {
  display: flex;
  flex: 1;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .cp-searchable-grid-container searchable-grid {
  flex: 1;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid {
  background-color: white;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-item-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .chn-name {
  margin-right: 20px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-zone {
  flex-shrink: 0;
  margin-right: 20px;
  width: 250px;
  align-content: end;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-zone chm-template-zone-dropdown asui-dropdown-typeahead {
  width: 100%;
}
@media all and (max-width: 992px) {
  .asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-zone {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-type {
  flex-shrink: 0;
  color: #475369;
  margin-right: 30px;
  width: 60px;
}
@media all and (max-width: 992px) {
  .asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-type {
    display: none;
  }
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-date {
  flex-shrink: 0;
  width: 100px;
  padding-right: 0 !important;
}
@media all and (max-width: 992px) {
  .asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .cp-date {
    display: none;
  }
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .advance-chn {
  margin-left: 107px;
  border-top: 1px solid #DDE3EE;
  padding: 20px 20px 20px 0;
  position: relative;
  height: 94px;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .advance-chn .layouts-zones {
  display: flex;
  width: 100%;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .advance-chn .layouts-zones .col {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .advance-chn .layouts-zones .col .col-label {
  color: #475369;
  font-size: 85%;
  margin-bottom: 2px;
}
.asconsole chm-channel-picker .mfs-content-panel .channel-picker-container .asui-grid .advance-chn .layouts-zones .col:first-child {
  margin-right: 10px;
}
.asconsole chm-channel-picker .mfs-content-panel .selected-container {
  display: flex;
  flex-direction: row;
  background-color: #6275A3;
  color: white;
  width: 100%;
  padding: 10px 0px 10px 20px;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.asconsole chm-channel-picker .mfs-content-panel .selected-container .count {
  flex: 1;
}
.asconsole chm-channel-picker .mfs-content-panel .selected-container .select-all {
  cursor: pointer;
}
.asconsole chm-channel-picker .mfs-content-panel .selected-container .btn-container {
  align-items: center;
  display: flex;
  cursor: pointer;
  font-size: 18px;
  padding: 0 20px;
  color: #eef4f9;
}
.asconsole chm-channel-picker .mfs-content-panel .selected-container .btn-container:hover {
  color: white;
}

.asconsole chm-channel-picker-create-channel {
  display: flex;
  flex-direction: column;
}
.asconsole chm-channel-picker-create-channel asui-tags-input .asui-tags-input .tags .input {
  width: 230px !important;
}
.asconsole chm-channel-picker-create-channel .input-label {
  margin-bottom: 10px;
}
.asconsole chm-channel-picker-create-channel .input-sublabel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  margin-top: -5px;
  position: relative;
}
.asconsole chm-channel-picker-create-channel .device-template-section {
  margin-top: 15px;
}
.asconsole chm-channel-picker-create-channel .zone-selector-section {
  margin-top: 20px;
}
.asconsole chm-channel-picker-create-channel chm-template-selector {
  margin: 10px 0 0 0;
  display: block;
}
.asconsole chm-channel-picker-create-channel chm-template-selector .template-container asui-grid .grid-container .grid-item {
  flex-basis: 200px;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-form-container {
  display: flex;
  flex-direction: row;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-form .name-txtbox {
  height: 40px;
  margin: 0 0 20px 0;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-tn {
  position: relative;
  margin-left: 20px;
  margin-top: 27px;
  cursor: pointer;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-tn .scard-thumbnail {
  font-size: 32px;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-tn .edit-thumbnail-link {
  z-index: 10;
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: #37393e;
  color: white;
  font-size: 75%;
  padding: 2px 6px;
  border-radius: 2px;
}
.asconsole chm-channel-picker-create-channel .chn-picker-create-tn .edit-thumbnail-link i {
  font-size: 90%;
}

.asconsole edit-channel-publish {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-publish {
    padding: 15px 15px;
  }
}
.asconsole edit-channel-publish .channel-publish-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  width: 100%;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-publish .channel-publish-container {
    min-width: 0;
  }
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  margin-bottom: 16px;
  padding: 30px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: auto;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .switch-container .label-container {
  margin-right: 30px;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-publish .channel-publish-container .channel-publish-top .switch-container .label-container {
    margin-right: 10px;
  }
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .btn-xs {
  border-radius: var(--nc-radii__full) !important;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .inherit-desc .publish-cg-link {
  display: inline-block;
  cursor: pointer;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .inherit-desc .inherit-label-before {
  margin-right: -2px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .inherit-desc .inherit-label-after {
  margin-left: -2px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .no-content-container {
  max-height: 628px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .no-content-container img {
  width: 70%;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #475369;
  padding: 20px 0;
  cursor: pointer;
  margin: auto;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-btn i {
  margin-left: 5px;
  line-height: 1 !important;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-container .advanced-header {
  font-size: 110%;
  font-weight: 500;
  margin-bottom: 10px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-container .advanced-btn-container {
  text-align: right;
  margin-top: 30px;
}

.asconsole chm-channel-thumbnail {
  display: flex;
}
.asconsole chm-channel-thumbnail .channel-thumbnail {
  width: 45px;
  min-width: 45px;
  height: 60px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .icon {
  font-size: 20px;
  position: relative;
  z-index: 1;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-svg-icon {
  height: 66%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: inherit;
  position: relative;
  z-index: 1;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-svg-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-svg-icon svg [fill]:not([fill=none]) {
  fill: currentColor;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-svg-icon svg [stroke]:not([stroke=none]) {
  stroke: currentColor;
}
.asconsole chm-channel-thumbnail .channel-thumbnail .channel-thumbnail-image {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 4px;
  z-index: 2;
}

.asconsole chm-channel-usage-icons {
  display: flex;
}
.asconsole chm-channel-usage-icons .chn-usage {
  display: flex;
  align-items: center;
  height: 18px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  cursor: pointer;
}
.asconsole chm-channel-usage-icons .chn-usage .usage-item {
  display: flex;
  align-items: center;
  border-right: 1px solid #DDE3EE;
  padding-right: 6px;
  margin-right: 6px;
}
.asconsole chm-channel-usage-icons .chn-usage .usage-item .icon {
  color: #68768D;
  font-size: 16px;
}
.asconsole chm-channel-usage-icons .chn-usage .usage-item .value {
  padding: 0 6px;
  color: #2d3851;
}
.asconsole chm-channel-usage-icons .chn-usage .usage-item:last-child {
  border: 0;
  padding-right: 0;
  margin-right: 0;
}
.asconsole chm-channel-usage-icons .chn-usage.not-published,
.asconsole chm-channel-usage-icons .chn-usage.usage-popover {
  cursor: default;
}

.asconsole edit-channel-group {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  align-items: stretch;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.asconsole edit-channel-group asui-breadcrumbs .breadcrumb .breadcrumb-item a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.asconsole edit-channel-group-channel-list {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 25px 25px;
}
.asconsole edit-channel-group-channel-list .channel-list-block {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole edit-channel-group-channel-list .no-content-container .icon-container img {
  padding-bottom: 50px;
}

.asconsole chm-channel-group-grid {
  width: 100%;
  display: flex;
  flex: 1;
}
.asconsole chm-channel-group-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole chm-channel-group-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole chm-channel-group-grid .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole chm-channel-group-grid .grid-container .grid-item .asui-selectable-item-check {
  left: 6px !important;
  top: 6px !important;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item {
  position: relative;
  flex: 1;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item .view-profile {
  position: absolute;
  bottom: 0;
  right: 2px;
  cursor: pointer;
  padding: 9px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item .view-profile .icon-object-profile {
  color: #858b9a;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item .popover-content {
  white-space: nowrap;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item .footer-secondary {
  margin-right: 23px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card {
  border-radius: 6px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container {
  height: 99px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container .details-header {
  padding: 0;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container .details-header .channelgroup-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  padding: 16px 12px 4px 12px;
  margin: 0;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container .details-header .channelgroup-title a:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container .details-header .icon-context-vertical {
  font-size: 16px;
  margin-top: 10px;
  margin-right: 5px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container .details-main {
  max-height: unset;
  min-height: unset;
  font-size: 12px;
  line-height: 16px;
  padding: 0 12px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item asui-card-channel-group .asui-card .details-container .details-footer {
  font-size: 12px;
  line-height: 16px;
  padding: 0px 12px 12px 12px;
}
.asconsole chm-channel-group-grid .grid-container .chm-grid-item.item-selected asui-card-channel-group .asui-card {
  border-color: #77B0EE;
}
.asconsole chm-channel-group-grid .grid-container .loading-mask {
  background-color: #F8F9FC;
}

.asconsole edit-channel-group-icon-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole edit-channel-group-icon-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole edit-channel-group-icon-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole edit-channel-group-icon-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 49px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole edit-channel-group-icon-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole edit-channel-group-icon-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 40px 0 0 0;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload {
  width: 240px !important;
  height: 100px !important;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop {
  padding: 0 !important;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop .upload-icon-container {
  height: 55px;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop .icon-upload {
  margin-bottom: 0 !important;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop .progress-col {
  width: 100% !important;
}

.asconsole edit-channel-group-overview {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-channel-group-overview label {
  color: #475369;
}
.asconsole edit-channel-group-overview .bg-muted {
  opacity: 0.5;
}
.asconsole edit-channel-group-overview .settings-footer {
  text-align: right;
}
.asconsole edit-channel-group-overview .settings-btn-container {
  display: flex;
  padding: 0 25px;
  flex: 1;
}
@media all and (max-width: 992px) {
  .asconsole edit-channel-group-overview .settings-btn-container {
    padding: 0 15px;
  }
}
.asconsole edit-channel-group-overview .settings-btn-container .btn-container {
  flex: 1;
  position: relative;
  margin-left: 115px;
}
@media all and (max-width: 992px) {
  .asconsole edit-channel-group-overview .settings-btn-container .btn-container {
    margin-left: 0;
  }
}
.asconsole edit-channel-group-overview .settings-btn-container .btn-container .btn {
  margin-right: 5px;
}
.asconsole edit-channel-group-overview .settings-btn-container .btn-container .btn:last-child {
  margin-right: 0;
}
.asconsole edit-channel-group-overview .settings-btn-container .btn-delete {
  color: #CB4848;
  border-color: #CB4848;
  margin-right: 325px;
}
@media all and (max-width: 992px) {
  .asconsole edit-channel-group-overview .settings-btn-container .btn-delete {
    margin-right: 0;
  }
}

.asconsole edit-channel-group-permissions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-channel-group-permissions .settings-btn-container {
  display: flex;
  padding: 0 25px;
  flex: 1;
}
@media (max-width: 768px) {
  .asconsole edit-channel-group-permissions .settings-btn-container {
    padding: 0 15px;
  }
}
.asconsole edit-channel-group-permissions .settings-btn-container .btn-container {
  flex: 1;
  position: relative;
  margin-left: 150px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-group-permissions .settings-btn-container .btn-container {
    margin-left: 0;
  }
}
.asconsole edit-channel-group-permissions .settings-btn-container .btn-container .btn {
  margin-right: 5px;
}
.asconsole edit-channel-group-permissions .settings-btn-container .btn-container .btn:last-child {
  margin-right: 0;
}

.asconsole edit-channel-group-publish {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  padding: 25px 25px;
}
.asconsole edit-channel-group-publish .channelgroup-publish-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  width: 100%;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-group-publish .channelgroup-publish-container {
    min-width: 0;
  }
}
.asconsole edit-channel-group-publish .channelgroup-publish-container .channelgroup-publish-bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole edit-channel-group-publish .channelgroup-publish-container .channelgroup-publish-bottom .advanced-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #475369;
  padding: 20px 0;
  cursor: pointer;
  margin: auto;
}
.asconsole edit-channel-group-publish .channelgroup-publish-container .channelgroup-publish-bottom .advanced-btn i {
  margin-left: 5px;
  line-height: 1 !important;
}
.asconsole edit-channel-group-publish .channelgroup-publish-container .channelgroup-publish-bottom .advanced-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
}
.asconsole edit-channel-group-publish .channelgroup-publish-container .channelgroup-publish-bottom .advanced-container .advanced-header {
  font-size: 110%;
  font-weight: 500;
  margin-bottom: 10px;
}
.asconsole edit-channel-group-publish .channelgroup-publish-container .channelgroup-publish-bottom .advanced-container .advanced-btn-container {
  text-align: right;
  margin-top: 30px;
}

.asconsole edit-channel-group-publish-old {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #DDE3EE;
  background-color: white;
}
.asconsole edit-channel-group-publish-old .channelgroup-edit-publish {
  display: flex;
  order: 0;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.asconsole edit-channel-group-publish-old .channelgroup-edit-publish .well-inner {
  width: 100%;
}
.asconsole edit-channel-group-publish-old .channelgroup-edit-publish .channelgroup-edit-publish-content {
  align-items: center;
  max-width: 400px;
  background: #fff;
  bottom: 0;
}

.asconsole edit-channel-group-settings {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.asconsole chm-channel-group-table {
  width: 100%;
}
.asconsole chm-channel-group-table .asui-table-container {
  margin-top: 0;
}
.asconsole chm-channel-group-table .asui-table-container .name-col {
  max-width: 250px;
}
.asconsole chm-channel-group-table .asui-table-container .name-col .channel-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}
.asconsole chm-channel-group-table .asui-table-container .name-col .channel-name .name {
  color: #0A5BEB;
  margin-left: 20px;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-group-table .asui-table-container .name-col .channel-name .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-group-table .asui-table-container .publishto-col {
  max-width: 100px;
}

.asconsole channel-groups-table {
  display: flex;
  flex: 1;
}
.asconsole channel-groups-table asui-table {
  flex: 1;
  display: flex;
}
.asconsole channel-groups-table asui-table .channelgroup-thumbnail {
  word-break: break-all;
}

.asconsole chm-channels-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole chm-channels-settings asui-breadcrumbs {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole chm-channels-settings .asui-view-overlay-initializing {
  background-color: #F8F9FC !important;
}
.asconsole chm-channels-settings .content-container {
  display: flex;
  flex: 1;
  align-items: stretch;
}
.asconsole chm-channels-settings .container-scroll {
  padding: 25px 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
}

.asconsole channels-table {
  width: 100%;
}
.asconsole channels-table .channel-approval-needed {
  border-right: 4px solid #EBBE36;
}
.asconsole channels-table .channels-table-thumbnail {
  word-break: break-all;
}
.asconsole channels-table .channels-table-thumbnail a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.asconsole channels-table chm-channel-thumbnail .channel-thumbnail {
  cursor: pointer;
}
.asconsole channels-table chm-channel-thumbnail .channel-thumbnail:hover {
  opacity: 0.8;
}
.asconsole channels-table asui-card-channel .asui-card {
  background-color: #333F55;
}
.asconsole channels-table asui-card-channel .asui-card .card-thumbnail:hover {
  opacity: 0.5;
}
.asconsole channels-table .subscribed-channel {
  color: #fff;
  background-color: #6275A3;
  font-size: 85%;
  padding: 5px;
}
.asconsole channels-table .duration-forever {
  color: #475369;
  font-size: 125%;
}

.asconsole chm-approval {
  color: initial;
}
.asconsole chm-approval .approval-header {
  color: #333F55;
}
.asconsole chm-approval .approval-desc {
  margin: 5px 0 15px 0;
  color: #475369;
}
.asconsole chm-approval .approval-comment {
  min-height: 45px;
  padding-bottom: 3px;
}
.asconsole chm-approval .btn-footer .btn-group {
  margin-right: 0;
}

.asconsole chm-channel-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole chm-channel-list .subheader-right {
  margin-left: 15px;
}
.asconsole chm-channel-list .container-scroll {
  position: relative;
  flex-direction: column;
}
.asconsole chm-channel-list .container-scroll .filter-bar {
  display: flex;
  justify-content: space-between;
  margin: 12px 0 14px 0;
  min-width: 0;
}
.asconsole chm-channel-list .container-scroll .filter-bar .desc {
  padding-right: 20px;
  flex: 1;
  width: 100px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-list .container-scroll .filter-bar .desc break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
  white-space: nowrap;
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude {
  display: flex;
  align-items: center;
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude > span {
  display: flex;
  align-items: center;
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude > span .icon {
  padding-right: 10px;
  color: #4f596e;
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude .fa-caret-down {
  color: #4f596e;
  padding-left: 11px;
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right .divider {
  margin: 0 5px 0 8px;
}
.asconsole chm-channel-list .container-scroll .filter-bar .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 11px;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar {
  margin-top: 0;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar .content {
  background-color: #F8F9FC;
  padding: 0;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar .up-arrow_box:after {
  border-bottom-color: #F8F9FC;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar ng-transclude.content {
  display: flex;
  padding: 8px 0 8px 15px;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar ng-transclude.content .cm-button {
  white-space: nowrap;
}
.asconsole chm-channel-list .container-scroll .asui-command-bar ng-transclude.content .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole chm-channel-list .container-scroll .content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole chm-channel-list .container-scroll .content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole chm-channel-list .container-scroll .content-section .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole chm-channel-list .container-scroll .content-section .clear-filters a {
  cursor: pointer;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container {
  display: flex;
  flex: 1;
  color: #2d3851;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container .icon-container img {
  max-width: 500px;
  max-height: unset;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container h3 {
  color: #0b1835;
  margin-top: 40px;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container .asui-btn {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole chm-channel-list .container-scroll .content-section .channels-cta-container .asui-btn .btn-icon {
  font-size: 12px;
}
.asconsole chm-channel-list .container-scroll .content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole chm-channel-list asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole chm-channel-overview {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole chm-channel-overview .container-scroll {
  position: relative;
  flex-direction: column;
  padding-top: 20px;
}

.asconsole chm-channel-table {
  width: 100%;
}
.asconsole chm-channel-table .asui-table-container {
  margin-top: 0;
}
.asconsole chm-channel-table .asui-table-container .channel-approval-needed {
  border-right: 4px solid #EBBE36;
}
.asconsole chm-channel-table .asui-table-container .name-col {
  max-width: 200px;
}
.asconsole chm-channel-table .asui-table-container .name-col .channel-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  min-width: 0;
}
.asconsole chm-channel-table .asui-table-container .name-col .channel-name .name {
  color: #0A5BEB;
  margin-left: 20px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-table .asui-table-container .name-col .channel-name .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-table .asui-table-container .channelgroups-col {
  max-width: 100px;
  padding-right: 30px;
}
.asconsole chm-channel-table .asui-table-container .channelgroups-col .asui-grouper a, .asconsole chm-channel-table .asui-table-container .channelgroups-col .asui-grouper .grouper-remainder {
  color: #2d3851;
}
.asconsole chm-channel-table .asui-table-container .publishto-col {
  width: 112px;
}
.asconsole chm-channel-table .asui-table-container .subscribed-channel {
  color: #fff;
  background-color: #6275A3;
  font-size: 85%;
  padding: 5px;
}
.asconsole chm-channel-table .asui-table-container .duration-forever {
  color: #475369;
  font-size: 125%;
}
.asconsole chm-channel-table .asui-table-container .as-action-column .fa-ellipsis-h {
  color: #475369;
}

.asconsole chm-channel-group-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole chm-channel-group-list .subheader-right {
  margin-left: 15px;
}
.asconsole chm-channel-group-list .container-scroll {
  position: relative;
  flex-direction: column;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar {
  display: flex;
  justify-content: space-between;
  margin: 12px 0 14px 0;
  min-width: 0;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .desc {
  padding-right: 20px;
  flex: 1;
  width: 100px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-group-list .container-scroll .filter-bar .desc break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
  white-space: nowrap;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude {
  display: flex;
  align-items: center;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude > span {
  display: flex;
  align-items: center;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude > span .icon {
  padding-right: 10px;
  color: #4f596e;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude .fa-caret-down {
  color: #4f596e;
  padding-left: 11px;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right .divider {
  margin: 0 5px 0 8px;
}
.asconsole chm-channel-group-list .container-scroll .filter-bar .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 11px;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar {
  margin-top: 0;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar .content {
  background-color: #F8F9FC;
  padding: 0;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar .up-arrow_box:after {
  border-bottom-color: #F8F9FC;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar ng-transclude.content {
  display: flex;
  padding: 8px 0 8px 15px;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar ng-transclude.content .cm-button {
  white-space: nowrap;
}
.asconsole chm-channel-group-list .container-scroll .asui-command-bar ng-transclude.content .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole chm-channel-group-list .container-scroll .content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole chm-channel-group-list .container-scroll .content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole chm-channel-group-list .container-scroll .content-section .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole chm-channel-group-list .container-scroll .content-section .clear-filters a {
  cursor: pointer;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container {
  display: flex;
  flex: 1;
  color: #2d3851;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container .icon-container img {
  max-width: 500px;
  max-height: unset;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container h3 {
  color: #0b1835;
  margin-top: 40px;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container .asui-btn {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole chm-channel-group-list .container-scroll .content-section .channels-cta-container .asui-btn .btn-icon {
  font-size: 12px;
}
.asconsole chm-channel-group-list .container-scroll .content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole chm-channel-group-list asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole chm-channels {
  display: flex;
  flex: 1;
}
.asconsole chm-channels > ui-view {
  display: flex;
  flex: 1;
}

.asconsole chm-channels-directory {
  display: flex;
  flex: 1;
  max-height: 100%;
  min-width: 0;
  max-width: 100%;
}
.asconsole chm-channels-directory asui-split-button .dropdown-menu li a span.item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 26px;
  flex-shrink: 0;
  line-height: 0;
  color: #68768d;
}
.asconsole chm-channels-directory asui-split-button .dropdown-menu li a span.item-icon svg {
  display: block;
  width: 16.8px;
  height: 16.8px;
  flex-shrink: 0;
}
.asconsole chm-channels-directory .as-layout-sidebar {
  min-width: 0;
  max-width: 100%;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel {
  border-right: 1px solid #DDE3EE;
  padding-bottom: 24px;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel .sidebar-items {
  flex: 1;
  padding-bottom: 10px;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-svg-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 10px;
  color: inherit;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-badge {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.35;
  color: #0A5BEB;
  background-color: #F0F6FE;
  border-radius: 999px;
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion {
  margin-top: 8px;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group {
  border: 0;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading {
  background-color: #fff;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading .panel-title a:focus:not(:focus-visible),
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading a[role=button]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
  background-color: transparent;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading a > span {
  padding: 24px 16px;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading a > span .header-container {
  margin-bottom: 0;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading a > span .header-left {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  letter-spacing: unset;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-heading a > span .icon {
  font-size: 16px;
  color: #68768D;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-body {
  padding: 0;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel chm-status-filter .sidebar-item .item-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 8px;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel chm-status-filter .item-label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel chm-status-filter .item-text {
  min-width: 0;
}
.asconsole chm-channels-directory .as-layout-sidebar .sidebar-panel chm-status-filter .status-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 2px 8px;
  min-width: 24px;
  min-height: 24px;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  color: #475369;
  background-color: #EDF2F7;
  border-radius: 15px;
}
.asconsole chm-channels-directory .as-layout-sidebar .content-container {
  padding-right: 0;
  padding-bottom: 0;
  min-width: 0;
  max-width: 100%;
}
.asconsole chm-channels-directory .as-layout-sidebar .content-container .subheader-container, .asconsole chm-channels-directory .as-layout-sidebar .content-container .container-scroll {
  padding-right: 20px;
}
.asconsole chm-channels-directory .as-layout-sidebar .calendar-container {
  padding: 0;
  padding-top: 28px;
  background-color: white;
}
.asconsole chm-channels-directory .as-layout-sidebar > ui-view {
  display: flex;
  flex: 1;
  min-width: 0;
  max-width: 100%;
}
.asconsole chm-channels-directory chm-channel-calendar {
  height: 100%;
}

.asconsole chm-create {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  padding: 20px 30px;
}
@media all and (max-width: 667px) {
  .asconsole chm-create {
    margin: -20px -15px;
    padding: 20px 15px;
  }
}
.asconsole chm-create asui-breadcrumbs {
  width: 100%;
}
.asconsole chm-create asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}
.asconsole chm-create .chm-create-base {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  padding: 10px;
  max-width: 625px;
  width: 100%;
  background-color: white;
}
.asconsole chm-create .chm-create-base .chm-create-block {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #DDE3EE;
  padding: 30px;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole chm-create .chm-create-base .chm-create-block {
    flex-direction: column;
  }
}
.asconsole chm-create .chm-create-base .chm-create-block .chm-create-content {
  padding: 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole chm-create .chm-create-base .chm-create-block .chm-create-content {
    padding: 20px 0;
  }
}
.asconsole chm-create .chm-create-base .chm-create-block .chm-create-content .chm-create-header {
  font-size: 115%;
  font-weight: 500;
  margin-bottom: 5px;
}
.asconsole chm-create .chm-create-base .chm-create-block .chm-create-content .chm-create-desc {
  color: #475369;
}
.asconsole chm-create .chm-create-base .chm-create-block .chm-create-btns {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole chm-create .chm-create-base .chm-create-block .chm-create-btns {
    flex-direction: row;
  }
}
.asconsole chm-create .chm-create-base .chm-create-block .chm-create-btns .btn {
  margin-bottom: 5px;
  width: 100px;
}
@media all and (max-width: 667px) {
  .asconsole chm-create .chm-create-base .chm-create-block .chm-create-btns .btn {
    margin-bottom: 0;
    margin-right: 5px;
  }
}
.asconsole chm-create .chm-create-base .chm-create-block .chm-create-btns .btn:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole chm-create .chm-create-base .chm-create-block .chm-create-btns .btn:last-child {
    margin-right: 0;
  }
}
.asconsole chm-create .chm-create-base .chm-create-block:last-child {
  border: none;
}
.asconsole .chm-create-workflow {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole .chm-create-workflow .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole .chm-create-workflow .modal-header .asui-workflow-navbar {
  margin: 0;
  border: none;
  flex: 1;
}
.asconsole .chm-create-workflow .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 49px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole .chm-create-workflow .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole .chm-create-workflow .modal-body {
  display: flex;
  flex: 1;
  padding: 0;
}
.asconsole .modal-chm-create {
  width: 100%;
  min-width: 450px;
  max-width: 560px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-chm-create {
    min-width: 100%;
    margin-left: 3px;
  }
}

.asconsole library-base {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole library-base ui-view {
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole library-base ui-view {
    padding: 15px 15px;
  }
}
.asconsole library-base .channel-library .channels-listing .asui-table .channelgroups-col .popover {
  font-size: 80%;
}
.asconsole library-base .channel-library .empty-filter {
  padding-bottom: 20px;
  padding-top: 10px;
}
.asconsole library-base .channel-library .empty-search {
  font-size: 50px;
}
.asconsole library-base .search-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole library-base .search-item .search-item-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole library-base .search-item .search-item-left .search-item-name {
  margin-left: 15px !important;
  display: flex;
  flex-direction: column;
}
.asconsole library-base .search-item .search-item-left .search-item-name .search-item-type {
  font-size: 90%;
  color: #475369;
}
.asconsole library-base .search-item .search-item-left .chm-lib-circle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
  color: white;
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.asconsole library-base .search-item .search-item-left .chm-lib-circle-icon i {
  font-size: 130%;
}

.asconsole modern-sign-channel {
  display: flex;
  flex: 1;
  min-width: 0;
  max-width: 100%;
}
.asconsole modern-sign-channel react-component {
  display: flex;
  flex: 1;
  min-width: 0;
  max-width: 100%;
}

.asconsole chm-restrictions {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions {
    padding: 15px;
  }
}
.asconsole chm-restrictions .switch-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-content: space-between;
}
.asconsole chm-restrictions .switch-container > span {
  margin-top: 3px;
}
.asconsole chm-restrictions .switch-container .switch-text {
  width: 250px;
  margin-right: 20px;
}
.asconsole chm-restrictions .h-border {
  border-bottom: 1px solid #DDE3EE;
  margin: 30px 0;
}
.asconsole chm-restrictions .restr-content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.asconsole chm-restrictions .restr-content .restr-2-col {
  display: flex;
  flex: 1;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-2-col {
    flex-direction: column;
  }
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-left-label {
  width: 250px;
  margin-right: 20px;
  padding-top: 5px;
  color: #475369;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-2-col .restr-left-label {
    margin-bottom: 10px;
  }
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input label {
  font-weight: normal;
  display: flex;
  align-items: center;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input input[type=radio] {
  margin-right: 10px;
  margin-bottom: 2px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 2px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-types {
  display: flex;
  flex-direction: column;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .restr-content-type-label {
  width: 60px;
  margin-bottom: 4px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .asui-dropdown {
  width: 170px !important;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .restr-text {
  width: 60px;
  height: 31px;
  border-color: #E1E1E1;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .restr-unit {
  width: 82px !important;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 5px 0 10px 0;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 2px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra label {
  margin-right: 20px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra asui-tags-input {
  width: 300px;
}
.asconsole chm-restrictions .restr-content .restr-table {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-table {
    display: none;
  }
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row {
  display: flex;
  flex: 1;
  align-content: space-between;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-cell-text {
  flex: 1;
  padding: 5px 20px 5px 10px;
  display: flex;
  align-items: center;
  border: 1px solid #DDE3EE;
  margin-top: -1px;
  margin-left: -1px;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-header {
  color: #475369;
  border: none;
  padding: 0;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-cell-inputs {
  display: flex;
  flex-direction: row;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-cell-inputs div {
  border: 1px solid #DDE3EE;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  line-height: 1;
  padding: 5px;
  margin-top: -1px;
  margin-left: -1px;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row:nth-child(even) {
  background-color: #f1f5f8;
}
.asconsole chm-restrictions .restr-content .restr-table .rest-row-disabled {
  color: #DDE3EE;
}
.asconsole chm-restrictions .restr-content .restr-table-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-table-mobile {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row {
    display: flex;
    flex: 1;
    flex-direction: column;
    border: 1px solid #DDE3EE;
    border-bottom: none;
    padding: 15px 20px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-text {
    flex: 1;
    margin-bottom: 8px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs {
    display: flex;
    flex-direction: row;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs label {
    font-weight: normal;
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs label:last-child {
    margin-right: 0;
    margin-left: 10px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs input[type=radio] {
    margin-right: 10px;
    margin-bottom: 2px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs input[type=checkbox] {
    margin-left: 10px;
    margin-bottom: 2px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row:last-child {
    border-bottom: 1px solid #DDE3EE;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row:nth-child(even) {
    background-color: #f1f5f8;
  }
}

.asconsole chm-search-autocomplete {
  width: 100%;
  min-width: 320px;
}
.asconsole chm-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}
.asconsole chm-search-autocomplete asui-search-autocomplete .search-item chm-channel-thumbnail .channel-thumbnail {
  min-width: 21px;
  width: 21px;
  height: 28px;
  border-radius: 2px;
}
.asconsole chm-search-autocomplete asui-search-autocomplete .search-item chm-channel-thumbnail .channel-thumbnail img {
  border-radius: 2px;
}
.asconsole chm-search-autocomplete asui-search-autocomplete .search-item chm-channel-thumbnail .channel-thumbnail .icon {
  font-size: 15px;
}
.asconsole chm-search-autocomplete asui-search-autocomplete .search-item asui-card-channel-group .card-icon-xs {
  min-width: 60px;
  min-height: 28px;
  font-size: 18px;
}
.asconsole chm-search-autocomplete asui-search-autocomplete .search-item .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
  margin-left: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-search-autocomplete asui-search-autocomplete .search-item .item-name break-word {
    word-break: break-all;
  }
}

.asconsole chm-color-picker {
  display: flex;
  flex-direction: row;
}
.asconsole chm-color-picker .circle-div {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 2px;
  cursor: pointer;
  border: 2px solid white;
}
.asconsole chm-color-picker .circle-div:last-child {
  margin-right: 0;
}
.asconsole chm-color-picker .sp-replacer, .asconsole chm-color-picker .sp-preview {
  border-radius: 50%;
}
.asconsole chm-color-picker .sp-preview-inner {
  background-image: url("../console/images/color-wheel.png");
  background-size: contain;
}
.asconsole chm-color-picker .clear-btn {
  border-radius: 50%;
  width: 29px;
  height: 29px;
  margin-left: 2px;
  padding-left: 1px;
  margin-top: 3px;
  cursor: pointer;
  border: 2px solid #DDE3EE;
  font-size: 21px;
  color: #DDE3EE;
}
.asconsole chm-color-picker .color-picker-selected {
  border: 2px solid #77B0EE;
}

.asconsole channel-live-configure-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  overflow: auto;
}
.asconsole channel-live-configure-form .form-container {
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole channel-live-configure-form .form-container {
    margin: 10px 15px 0 15px;
  }
}
.asconsole channel-live-configure-form .form-container .flex-row {
  padding-bottom: 15px;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole channel-live-configure-form .form-container .flex-row {
    padding-bottom: 10px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: stretch;
  }
}
.asconsole channel-live-configure-form .form-container .flex-row label {
  width: 115px;
  color: #475369;
}
@media all and (max-width: 667px) {
  .asconsole channel-live-configure-form .form-container .flex-row label {
    width: inherit;
    flex: 1;
    align-self: stretch;
  }
}
.asconsole channel-live-configure-form .form-container .flex-row input, .asconsole channel-live-configure-form .form-container .flex-row .asui-dropdown {
  width: 200px;
}
.asconsole channel-live-configure-form .form-container .flex-row .asui-context-menu {
  /* To fix bold text in context menu issue. AP-21529 */
}
.asconsole channel-live-configure-form .form-container .flex-row .asui-context-menu .btn {
  min-width: 200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole channel-live-configure-form .form-container .flex-row .asui-context-menu button.btn-default {
  font-weight: normal;
}
.asconsole channel-live-configure-form .form-container .flex-row .add-another {
  margin-top: 5px;
  cursor: pointer;
}
.asconsole channel-live-configure-form .form-container .flex-row channel-live-stream-input:first-child {
  margin-top: 0;
}
.asconsole channel-live-configure-form .form-container .flex-row channel-live-stream-input {
  margin-top: 5px;
}
.asconsole channel-live-configure-form .form-container .flex-row .epg-source-loading-mask {
  width: 28px;
  height: 28px;
  position: relative;
}
.asconsole channel-live-configure-form .form-container .flex-row .epg-source-loading-mask .loading-mask-container .outer .spinner2 div.loader {
  width: 28px;
  height: 28px;
}
.asconsole channel-live-configure-form .form-container .flex-row .validation-container {
  display: flex;
  align-items: center;
}

.asconsole connectors-typeahead asui-dropdown-typeahead .custom-template {
  font-family: Inter;
  font-weight: 400;
}
.asconsole connectors-typeahead asui-dropdown-typeahead .custom-template .icon-img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.asconsole connectors-typeahead asui-dropdown-typeahead .custom-template .desc-wrapper {
  min-width: 0;
}
.asconsole connectors-typeahead asui-dropdown-typeahead .custom-template .desc-wrapper .name {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.15px;
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole connectors-typeahead asui-dropdown-typeahead .custom-template .desc-wrapper .name break-word {
    word-break: break-all;
  }
}
.asconsole connectors-typeahead asui-dropdown-typeahead .custom-template .desc-wrapper .desc {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.24px;
  color: #3c465d;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole connectors-typeahead asui-dropdown-typeahead .custom-template .desc-wrapper .desc break-word {
    word-break: break-all;
  }
}
.asconsole connectors-typeahead asui-dropdown-typeahead .selected-item .desc {
  display: none;
}
.asconsole connectors-typeahead asui-dropdown-typeahead .textbox {
  border-radius: 8px;
  height: 40px;
  font-size: 16px;
}

.asconsole chm-create-channel {
  display: flex;
  flex-direction: row;
}

.asconsole chm-create-modal .modal-header, .asconsole chm-create-modal .modal-footer {
  padding: 15px 20px;
}
.asconsole chm-create-modal .modal-footer as-upgrade-tooltip {
  vertical-align: middle;
}
.asconsole chm-create-modal .channel-name-input,
.asconsole chm-create-modal .asui-dropdown button.dropdown-toggle {
  height: 40px !important;
}
.asconsole chm-create-modal .input-sublabel {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  top: -2px;
  margin-bottom: 0px;
  position: relative;
}
.asconsole chm-create-modal .modal-body {
  padding: 20px;
}
.asconsole chm-create-modal .create-channel-name {
  display: flex;
  flex-direction: row;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .input-label {
  margin: 15px 0 5px 0;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .sign-type {
  width: 100%;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .name-container {
  display: flex;
  flex-direction: column;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .name-container .input-label {
  margin: 0 0 5px 0;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .name-container .validation-msg {
  margin-bottom: 5px;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .name-container .name-container-inner {
  flex: 1;
  align-self: stretch;
  position: relative;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .name-container .name-container-inner .name-spinner {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 9px;
  top: 3px;
}
.asconsole chm-create-modal .create-channel-name .create-chn-left-panel .name-container .name-container-inner .name-spinner .loading-mask-container .outer .spinner2 div.loader {
  width: 28px;
  height: 28px;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container {
  position: relative;
  margin-left: 20px;
  cursor: pointer;
  max-height: 85px;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container .card-thumbnail {
  font-size: 32px;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container asui-card-channel .card-thumbnail {
  min-width: 65px;
  min-height: 85px;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container asui-card-channel-group .card-thumbnail {
  min-width: 130px;
  min-height: 60px;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container .edit-thumbnail-link {
  z-index: 10;
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: #37393e;
  color: white;
  font-size: 75%;
  padding: 2px 6px;
  border-radius: 2px;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container .edit-thumbnail-link i {
  font-size: 90%;
}
.asconsole chm-create-modal .create-channel-name .edit-thumbnail-container .edit-thumbnail-link.overflow-thumbnail-link {
  left: 50%;
  transform: translateX(-50%);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.asconsole chm-create-modal .modal-options .playlist-options {
  display: flex;
  flex-direction: column;
}
.asconsole chm-create-modal .modal-options .playlist-options .playlist-options-section {
  margin-bottom: 15px;
}
.asconsole chm-create-modal .modal-options .playlist-options .playlist-options-section .input-label {
  margin-bottom: 0;
  margin-top: 0;
}
.asconsole chm-create-modal .modal-options .playlist-options .playlist-options-section.employee-app-theme .asui-dropdown {
  width: 100%;
}
.asconsole chm-create-modal .modal-options .playlist-options .playlist-options-section.employee-app-theme .asui-dropdown .bootstrap-select .dropdown-menu li a i {
  margin-top: 0;
  text-align: center;
  font-size: 20px;
}
.asconsole chm-create-modal .modal-options .playlist-options .playlist-options-section.employee-app-theme .asui-dropdown .dropdown-toggle .filter-option i:first-child {
  font-size: 20px;
}
.asconsole chm-create-modal .modal-options .playlist-options .playlist-options-section chm-template-selector asui-dropdown-typeahead .textbox {
  height: 40px;
}
.asconsole chm-create-modal .modal-options .view-more-options {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole clm-playout-custom-tag-rules-create {
  font-size: 14px;
}
.asconsole clm-playout-custom-tag-rules-create .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole clm-playout-custom-tag-rules-create .modal-header .modal-title {
  font-size: 20px;
}
.asconsole clm-playout-custom-tag-rules-create .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole clm-playout-custom-tag-rules-create .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole clm-playout-custom-tag-rules-create .modal-body .input-row > label {
  width: 180px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
  padding-top: 6px;
}
@media all and (max-width: 667px) {
  .asconsole clm-playout-custom-tag-rules-create .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole clm-playout-custom-tag-rules-create .modal-body .input-row .asui-dropdown, .asconsole clm-playout-custom-tag-rules-create .modal-body .input-row asui-tags-input {
  flex: 1;
  margin: 0;
}
.asconsole clm-playout-custom-tag-rules-create .modal-body .input-row asui-tags-input .tags {
  max-height: unset;
  height: 80px;
}
.asconsole clm-playout-custom-tag-rules-create .modal-body .input-row asui-tags-input .tags .tag-item {
  font-size: 12px;
}
.asconsole clm-playout-custom-tag-rules-create .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole clm-playout-custom-tag-rules-create .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-playout-custom-tag-rules-create {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-playout-custom-tag-rules-create {
    width: calc(100vw - 7px);
  }
}

.asconsole chm-playout-custom-tag-rules-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 70px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .icon-arrow-back {
  color: #6275A3;
  font-size: 18px;
  padding: 20px 20px 20px 30px;
  cursor: pointer;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .template-name {
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .template-name .iconcheck {
  display: none;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .action-buttons {
  margin-right: 25px;
  margin-left: 20px;
  justify-content: flex-end;
  display: flex;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .action-buttons button {
  min-width: 70px;
  height: 30px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .action-buttons .btn-primary {
  text-transform: none;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .action-buttons .btn-save {
  background-color: #002169;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .action-buttons .btn-delete {
  color: #CB4848 !important;
  border-color: #CB4848;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-header .action-buttons .btn-delete .btn-icon {
  color: #CB4848;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  min-height: 0;
  position: relative;
  border-top: 1px solid #DDE3EE;
  background-color: #f7f8fb;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  background-color: white;
  padding: 10px 25px;
  border-right: 1px solid #DDE3EE;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container .rules-header .btn {
  color: #475369;
  font-size: 14px;
  padding: 6px;
  height: 30px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container .rules-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container .rules-container .rule-item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 8px;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container .rules-container .rule-item .rule {
  flex: 1;
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container .rules-container .rule-item .icon-clear {
  color: #6275A3;
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .left-container .rules-container .rule-item .icon-clear:hover {
  color: #475369;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container {
  flex: 1;
  background-color: #f7f8fb;
  position: relative;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #f7f8fb;
  padding: 10px 25px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .rules-header {
  padding: 2.5px 0;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container {
  margin: 0;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .device {
  display: flex;
  align-items: center;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .device .name-div {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .device .name-div .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .device .name-div .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .device .name-div .type {
  font-size: 90%;
  color: #475369;
  margin-top: 2px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .tags-col > div {
  display: flex;
  align-items: center;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .tags-col > div .icon-tag {
  color: #6275A3;
  margin-right: 5px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .location-col > div {
  display: flex;
  align-items: center;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .asui-table-container .location-col > div .icon {
  margin-right: 5px;
  color: #6275A3;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .right-container .cta-container {
  flex: 1;
  display: flex;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .rules-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .rules-header .desc {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}
.asconsole chm-playout-custom-tag-rules-modal .pptg-content .rules-header .item-count {
  color: #475369;
}
.asconsole chm-playout-custom-tag-rules-modal asui-loading-mask {
  opacity: 0.5;
}
.asconsole .modal-playout-custom-tag-rules {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-playout-custom-tag-rules .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole dayparting-modal .modal-header, .asconsole dayparting-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole dayparting-modal .modal-header .modal-title, .asconsole dayparting-modal .modal-footer .modal-title {
  font-size: 20px;
}
.asconsole dayparting-modal .modal-body {
  padding: 20px 25px 25px 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole dayparting-modal .modal-body {
    padding: 15px;
  }
}
.asconsole dayparting-modal .modal-body .dayparting-placeholder {
  opacity: 0.5;
  font-size: 130%;
  color: #6275A3;
  font-weight: bold;
  top: 175px;
  left: 250px;
  position: absolute;
  pointer-events: none;
}
@media all and (max-width: 667px) {
  .asconsole dayparting-modal .modal-body .dayparting-placeholder {
    left: 91px;
    text-align: center;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole dayparting-modal .modal-body asui-dayparting {
    height: 410px;
  }
}
.asconsole dayparting-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-dayparting {
  width: 865px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-dayparting {
    width: calc(100vw - 7px);
  }
}

chm-device-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
chm-device-filter asui-dropdown-typeahead {
  flex: 1;
  min-width: 0;
}
chm-device-filter asui-dropdown-typeahead .textbox {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px !important;
  padding-left: 40px !important;
  border-radius: 8px !important;
}
chm-device-filter asui-dropdown-typeahead .selected-item {
  display: none;
}
chm-device-filter asui-dropdown-typeahead .dropdown-container {
  top: 40px !important;
  border-radius: 8px;
}
chm-device-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
chm-device-filter .list {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 4px;
}
chm-device-filter .list .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 8px 16px;
  color: #0A5BEB;
  background-color: #F0F6FE;
  min-width: 0;
  border-radius: 8px;
}
chm-device-filter .list .list-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  chm-device-filter .list .list-item .name break-word {
    word-break: break-all;
  }
}
chm-device-filter .list .list-item .icon-cross {
  font-size: 18px;
}
chm-device-filter .list .list-item asui-card-device {
  flex-shrink: 0;
}

.asconsole chm-device-template-preview {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole chm-device-template-preview .device-template-preview-container {
  position: relative;
  width: 100% !important;
  padding-top: 56.25%;
}
.asconsole chm-device-template-preview .device-template-preview-container .device-template-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.asconsole chm-device-template-preview .overview-zone-container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  box-shadow: 0 10px 15px 0 rgba(129, 138, 152, 0.1);
  overflow: hidden;
}
.asconsole chm-device-template-preview .overview-zone {
  position: absolute;
  display: flex;
  align-items: stretch;
}
.asconsole chm-device-template-preview .overview-zone .overview-zone-label {
  color: #ffffff;
  background: #0A5BEB;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 1px 6px 3px 4px;
  display: none;
}
.asconsole chm-device-template-preview .overview-zone .overview-zone-label i {
  top: 1px;
  position: relative;
  padding-right: 3px;
}
.asconsole chm-device-template-preview .overview-zone .overview-zone-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  background: #DBE0EA;
  border: 2px dashed #0A5BEB;
  padding: 4px;
  box-sizing: border-box;
}
.asconsole chm-device-template-preview .overview-zone .overview-zone-content.hover {
  border: 2px solid #0A5BEB;
  background: #F7F8FB;
}
.asconsole chm-device-template-preview .overview-zone .overview-zone-content.hover .overview-zone-label {
  display: block;
}

.asconsole edit-channel {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-channel asui-breadcrumbs .breadcrumb .breadcrumb-item a:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.asconsole edit-channel .settings-btn-container {
  margin-left: 175px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel .settings-btn-container {
    margin-left: 0;
    padding: 15px;
  }
}
.asconsole edit-channel .settings-btn-container .btn {
  margin-right: 5px;
}
.asconsole edit-channel .settings-btn-container .btn:last-child {
  margin-right: 0;
}
.asconsole edit-channel .settings-btn-container .btn-delete {
  color: #CB4848;
  border-color: #CB4848;
  position: absolute;
  right: 190px;
  top: 0;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel .settings-btn-container .btn-delete {
    right: 15px;
    top: 15px;
  }
}

.asconsole edit-connector-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole edit-connector-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
}
.asconsole edit-connector-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole edit-connector-modal .modal-header .icon-cross {
  font-size: 24px;
  color: #4f596e;
  padding: 13px;
  cursor: pointer;
}
.asconsole edit-connector-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole edit-connector-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole edit-connector-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
}
.asconsole edit-connector-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole edit-connector-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #0b1835;
  font-family: inter;
  font-weight: 500;
  font-size: 14px;
}
.asconsole edit-connector-modal .modal-body .edit-row asui-tags-input {
  margin-bottom: 0;
}
.asconsole edit-connector-modal .modal-body .edit-row asui-tags-input .asui-tags-input {
  border-radius: 8px;
}
.asconsole edit-connector-modal .modal-body .edit-row asui-tags-input .asui-tags-input .input {
  font-size: 16px;
  width: 225px !important;
}
.asconsole edit-connector-modal .modal-body .edit-row asui-tags-input .asui-tags-input .tag-item {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  background-color: #EDF2F7;
  border: 0;
}
.asconsole edit-connector-modal .modal-body .show-more {
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #0A5BEB;
  width: fit-content;
}
.asconsole edit-connector-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-edit-connector {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-edit-connector {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-edit-connector .modal-content {
  border-radius: 8px;
}

.asconsole chm-email-preview {
  display: flex;
  position: relative;
  flex: 1;
  align-items: flex-start;
  flex-direction: column;
}
.asconsole chm-email-preview .email-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  align-items: center;
  flex: 1;
}
.asconsole chm-email-preview .email-preview-message-container {
  background: #fff;
  border: 1px solid #DBE0EA;
  box-shadow: 0 10px 15px rgba(129, 138, 152, 0.1);
  border-radius: 8px;
  max-width: 600px;
  overflow: hidden;
  width: 100%;
  padding: 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.asconsole chm-email-preview .email-preview-message-container img {
  max-width: 224px;
}
.asconsole chm-email-preview .email-preview-iframe-container {
  background: #F7F8FB;
  box-shadow: 0 10px 15px rgba(129, 138, 152, 0.1);
  border-radius: 12px;
  max-width: 600px;
  overflow: hidden;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.asconsole chm-email-preview .email-preview-iframe-container chm-html-preview {
  flex: 1;
}
.asconsole chm-email-preview .email-preview asui-loading-mask {
  flex: 1;
}

.asconsole chm-employee-app-preview .employee-app-preview-item + .employee-app-preview-item {
  margin-top: 15px;
}
.asconsole chm-employee-app-preview asui-card-content {
  cursor: pointer;
}
.asconsole chm-employee-app-preview asui-grid .asui-grid .grid-container .grid-item {
  flex: 0 0 50%;
}

.asconsole chm-enterprise-messaging-item {
  display: block;
  position: relative;
}
.asconsole chm-enterprise-messaging-item .message-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}
.asconsole chm-enterprise-messaging-item .message-icon img {
  display: block;
  width: 100%;
  height: auto;
}
.asconsole chm-enterprise-messaging-item .message-body {
  position: relative;
  margin-left: 45px;
}
.asconsole chm-enterprise-messaging-item .message-content {
  max-width: 416px;
}
.asconsole chm-enterprise-messaging-item .message-metadata {
  font-size: 16px;
  font-weight: bold;
  color: #0B1835;
  line-height: 1;
  margin-bottom: 2px;
}
.asconsole chm-enterprise-messaging-item .message-timestamp {
  font-size: 14px;
  font-weight: normal;
  color: #3C465D;
  padding-left: 5px;
}
.asconsole chm-enterprise-messaging-item .message-caption {
  color: #2D3851;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}
.asconsole chm-enterprise-messaging-item .message-title {
  color: #1D7BE3;
  font-weight: bold;
  margin: 0 0 10px;
  font-size: 14px;
}
.asconsole chm-enterprise-messaging-item .message-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  cursor: pointer;
}
.asconsole chm-enterprise-messaging-item .message-image.message-image-card {
  border-radius: 8px;
}
.asconsole chm-enterprise-messaging-item .message-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.asconsole chm-enterprise-messaging-preview .enterprise-messaging-preview-item + .enterprise-messaging-preview-item {
  margin-top: 15px;
}
.asconsole chm-enterprise-messaging-preview asui-grid .asui-grid .grid-container .grid-item {
  flex: 0 0 100%;
}

.asconsole chm-channel-export-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-channel-export-modal {
    min-height: 474px;
  }
}
@media all and (max-width: 667px) {
  .asconsole chm-channel-export-modal {
    height: 90vh;
  }
}
.asconsole chm-channel-export-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole chm-channel-export-modal .modal-header .modal-title {
  flex: 1;
  font-size: 130%;
}
.asconsole chm-channel-export-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 50px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole chm-channel-export-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole chm-channel-export-modal .modal-body {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  flex: 1;
  min-height: 0;
}
.asconsole chm-channel-export-modal .modal-body .step-export {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole chm-channel-export-modal .modal-body .step-export .step-export-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole chm-channel-export-modal .modal-body .step-export img {
  height: 150px;
}
.asconsole chm-channel-export-modal .modal-body .step-export .desc {
  text-align: center;
  margin-top: 20px;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container {
  display: flex;
  width: 100%;
  margin: 30px 0;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container .asui-dropdown {
  margin: 0 10px 0 0;
  width: 100%;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container button {
  height: 31px;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container .copy-link {
  border: 1px solid #DDE3EE;
  padding: 4px 6px;
  display: flex;
  width: 100%;
  height: 31px;
  min-width: 0;
  margin-right: 10px;
  border-radius: 2px;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container .copy-link span {
  padding: 2px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container .copy-link .copied {
  background-color: #77B0EE;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container asui-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #0A5BEB;
  width: 60px;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container asui-copy .popover {
  color: #333F55;
}
.asconsole chm-channel-export-modal .modal-body .step-export .copy-container .asui-copy:hover {
  color: white;
}
.asconsole chm-channel-export-modal .modal-body .step-export .download-zip {
  text-align: center;
  padding-bottom: 40px;
}
.asconsole chm-channel-export-modal .modal-body .step-export .download-zip .download-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole chm-channel-export-modal .modal-body .export-error {
  display: flex;
  flex-direction: column;
  color: #CB4848;
}
.asconsole chm-channel-export-modal .modal-body .export-error .try-again {
  display: flex;
  flex-direction: row;
  color: #333F55;
}
.asconsole chm-channel-export-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole .modal-channel-export {
  width: 420px;
}
.asconsole .modal-channel-export .modal-content {
  min-height: 474px;
  max-height: 90vh;
  flex: 1;
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole .modal-channel-export {
    width: calc(100vw - 7px);
  }
}

.asconsole chm-channel-export-progress {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-top: 20px;
}
.asconsole chm-channel-export-progress .desc {
  margin-bottom: 20px;
}
.asconsole chm-channel-export-progress .file-item {
  margin-bottom: 20px;
}
.asconsole chm-channel-export-progress .file-item .file-name-container {
  display: flex;
  width: 100%;
  margin-bottom: 2px;
}
.asconsole chm-channel-export-progress .file-item .file-name-container .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-export-progress .file-item .file-name-container .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-export-progress .file-item .file-name-container .percentage {
  color: #475369;
  font-size: 90%;
}
.asconsole chm-channel-export-progress .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: #eef4f9;
  height: 14px;
  margin-bottom: 3px;
}
.asconsole chm-channel-export-progress .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole chm-channel-export-progress .file-progress-error {
  background-color: #CB4848;
}
.asconsole chm-channel-export-progress .details {
  color: #475369;
  font-size: 90%;
}
.asconsole chm-channel-export-progress .details-error {
  color: #CB4848;
}

.asconsole playlist-folder-filters {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  padding: 5px 25px 20px 25px;
}
@media all and (max-width: 667px) {
  .asconsole playlist-folder-filters {
    flex-direction: column;
    overflow-y: auto;
  }
}
.asconsole playlist-folder-filters .dropdown-menu {
  font-size: 12px;
}
.asconsole playlist-folder-filters .asui-label, .asconsole playlist-folder-filters .asui-dropdown, .asconsole playlist-folder-filters .asui-context-menu, .asconsole playlist-folder-filters .asui-multiselect {
  width: 100%;
}
.asconsole playlist-folder-filters .asui-label {
  margin-top: 15px;
}
.asconsole playlist-folder-filters .filters-left-panel {
  width: 50%;
  padding-right: 25px;
}
@media all and (max-width: 667px) {
  .asconsole playlist-folder-filters .filters-left-panel {
    width: 100%;
    padding-right: 0;
  }
}
.asconsole playlist-folder-filters .filters-right-panel {
  width: 50%;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole playlist-folder-filters .filters-right-panel {
    width: 100%;
    padding-left: 0;
  }
  .asconsole playlist-folder-filters .filters-right-panel .daterangepicker {
    max-height: 300px;
    overflow-y: auto;
  }
}
.asconsole playlist-folder-filters .filters-right-panel .asui-tags-input {
  height: 112px;
}
.asconsole playlist-folder-filters .filters-right-panel .filter-maxitems {
  border-radius: 4px;
  width: 100px;
}

.asconsole playlist-folder-filters-modal {
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole playlist-folder-filters-modal {
    height: 90vh;
  }
}
.asconsole playlist-folder-filters-modal .modal-header, .asconsole playlist-folder-filters-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole playlist-folder-filters-modal .folder-filters {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole playlist-folder-filters-modal .folder-filters {
    display: inline;
  }
}
.asconsole playlist-folder-filters-modal .folder-filters .navbar-block {
  border-bottom: 1px solid #DDE3EE;
  background: #F8F9FC;
  padding-left: 25px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.asconsole playlist-folder-filters-modal .folder-filters .navbar-block asui-horizontal-navbar {
  border: none;
  height: 38px;
  margin: 0;
  font-size: 90%;
  background: #F8F9FC;
}
.asconsole playlist-folder-filters-modal .folder-filters .navbar-block asui-horizontal-navbar a {
  background-color: transparent;
}
.asconsole playlist-folder-filters-modal .folder-filters playout-properties-form {
  margin: 15px 25px 5px 25px;
}

.asconsole publishing-follow-dropdown asui-dropdown-typeahead .custom-dropdown-item {
  display: flex;
  flex-direction: column;
}
.asconsole publishing-follow-dropdown asui-dropdown-typeahead .custom-dropdown-item .desc {
  font-size: 95%;
  color: #68768D;
}
.asconsole publishing-follow-dropdown asui-dropdown-typeahead .selected-item .custom-dropdown-item .desc {
  display: none;
}

.asconsole chm-html-preview {
  display: block;
}
.asconsole chm-html-preview .chm-html-preview {
  position: relative;
  width: 100%;
}
.asconsole chm-html-preview .chm-html-preview-iframe {
  width: 100%;
  border: 0 none;
  opacity: 0;
  height: 1600px;
}
.asconsole chm-html-preview .chm-html-preview-iframe.iframe-loaded {
  opacity: 1;
}

.asconsole chm-icon-picker {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole chm-icon-picker .icon-picker-color-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.asconsole chm-icon-picker .icon-picker-color-block .icon-color-picker {
  flex: 1;
  padding: 20px 0;
}
.asconsole chm-icon-picker .icon-picker-icon-block {
  display: flex;
  flex: 1 1 0;
  overflow-y: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-picker-icon-block-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: left;
  margin-left: 30px;
  margin-right: 10px;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload {
  margin: 0 20px 20px 0;
  width: 93px;
  height: 152px;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop {
  padding: 10px 10px;
  color: #475369;
  border-color: #6275A3;
  height: 100%;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .upload-icon {
  color: #6275A3;
  width: 100%;
  font-size: 45px;
  padding-top: 15px;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .file-row {
  padding: 0;
  height: auto;
  border: none;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .progress-col {
  margin-left: 10px;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .filename-col, .asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .toolbar-col, .asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .filesize-col, .asconsole chm-icon-picker .icon-picker-icon-block .icon-file-upload .drop .delete-col {
  display: none;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-container {
  margin: 0 20px 20px 0;
  cursor: pointer;
  position: relative;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-container .system-generated-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #333F55;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-container .system-generated-icon i {
  background-color: black;
  padding: 3px;
  color: #fff;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-container .system-generated-icon-noimage {
  background-color: rgba(0, 0, 0, 0.6);
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-container asui-badge {
  z-index: 1;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-container.icon-selected .badge-container {
  position: initial;
}
.asconsole chm-icon-picker .icon-picker-icon-block .icon-picker-action-btn {
  cursor: pointer;
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: #37393e;
  color: white;
  font-size: 80%;
  padding: 1px 4px 2px 4px;
  border-radius: 2px;
}

.asconsole chm-channel-import-code-file {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 45px;
}
.asconsole chm-channel-import-code-file img {
  height: 150px;
}
.asconsole chm-channel-import-code-file .desc {
  text-align: center;
  margin-bottom: 20px;
}
.asconsole chm-channel-import-code-file .asui-input-validator {
  padding-right: 32px;
}
.asconsole chm-channel-import-code-file .asui-input-validator-icon {
  margin: 0;
}
.asconsole chm-channel-import-code-file .asui-input-validator-icon .icon-cross, .asconsole chm-channel-import-code-file .asui-input-validator-icon .icon-check {
  display: none !important;
}
.asconsole chm-channel-import-code-file .invalid-code {
  border: 1px solid #CB4848;
}
.asconsole chm-channel-import-code-file .error {
  color: #CB4848;
  font-size: 90%;
}
.asconsole chm-channel-import-code-file .upload-container {
  color: #475369;
  margin-top: 16px;
  text-align: center;
}
.asconsole chm-channel-import-code-file .upload-container span {
  color: #0A5BEB;
  cursor: pointer;
}

.asconsole chm-channel-import-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 12px 0;
  min-width: 0;
}
.asconsole chm-channel-import-form .asui-fileupload .file-row {
  padding: 0 10px !important;
}
.asconsole chm-channel-import-form .code-container {
  position: relative;
}
.asconsole chm-channel-import-form .code-container .code {
  padding: 6px 30px 6px 12px;
  border: 1px solid #DDE3EE;
}
.asconsole chm-channel-import-form .code-container .icon-check-circle {
  position: absolute;
  right: 10px;
  color: #5dd299;
  top: 10px;
}
.asconsole chm-channel-import-form .channel-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 100px;
  background-color: #eef4f9;
  margin: 5px 0 3px 0;
  padding: 8px 12px;
}
.asconsole chm-channel-import-form .channel-container .channel-item {
  display: flex;
  width: 100%;
  margin-bottom: 7px;
}
.asconsole chm-channel-import-form .channel-container .channel-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-import-form .channel-container .channel-item .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-import-form .channel-container .channel-item .size {
  color: #475369;
  font-size: 90%;
  white-space: nowrap;
}
.asconsole chm-channel-import-form .channel-container .channel-item:last-child {
  margin-bottom: 0;
}
.asconsole chm-channel-import-form .import-label {
  margin: 10px 0 2px 0;
}
.asconsole chm-channel-import-form network-picker {
  margin-bottom: 4px;
}

.asconsole chm-channel-import-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-channel-import-modal {
    min-height: 474px;
  }
}
@media all and (max-width: 667px) {
  .asconsole chm-channel-import-modal {
    height: 90vh;
  }
}
.asconsole chm-channel-import-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole chm-channel-import-modal .modal-header .modal-title {
  flex: 1;
  font-size: 130%;
}
.asconsole chm-channel-import-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 50px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole chm-channel-import-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole chm-channel-import-modal .modal-body {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  flex: 1;
  min-height: 0;
  position: relative;
}
.asconsole chm-channel-import-modal .modal-body .import-error {
  display: flex;
  flex-direction: column;
  color: #CB4848;
}
.asconsole chm-channel-import-modal .modal-body .import-error span {
  display: inline-block;
}
.asconsole chm-channel-import-modal .modal-footer {
  padding: 15px 25px;
}

.asconsole chm-channel-import-progress {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-top: 20px;
}
.asconsole chm-channel-import-progress .file-item {
  margin-bottom: 20px;
}
.asconsole chm-channel-import-progress .file-item .file-name-container {
  display: flex;
  width: 100%;
  margin-bottom: 2px;
}
.asconsole chm-channel-import-progress .file-item .file-name-container .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-channel-import-progress .file-item .file-name-container .name break-word {
    word-break: break-all;
  }
}
.asconsole chm-channel-import-progress .file-item .file-name-container .percentage {
  color: #475369;
  font-size: 90%;
}
.asconsole chm-channel-import-progress .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: #eef4f9;
  height: 14px;
  margin-bottom: 3px;
}
.asconsole chm-channel-import-progress .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole chm-channel-import-progress .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole chm-channel-import-progress .details {
  color: #475369;
  font-size: 90%;
}
.asconsole chm-channel-import-progress .details-error {
  color: #CB4848;
}

.asconsole chm-import-signs {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 295px;
}
.asconsole chm-import-signs iframe {
  flex: 1;
  border: 0;
  outline: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-import-signs iframe {
    height: 100%;
  }
}

.asconsole edit-live {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}

.asconsole edit-live-edit {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-live-edit {
    padding: 15px 15px;
  }
}
.asconsole edit-live-edit .live-edit-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  background-color: white;
  border: 1px solid #dbe0ea;
  padding: 20px;
}

.asconsole edit-live-overview {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-live-overview {
    padding: 15px 15px;
  }
}
.asconsole edit-live-overview .delete-link {
  padding-top: 5px;
  text-align: left;
  cursor: pointer;
}
.asconsole edit-live-overview .delete-link a {
  text-decoration: none;
}
.asconsole edit-live-overview label {
  color: #475369;
}
.asconsole edit-live-overview .bg-muted {
  opacity: 0.5;
}
.asconsole edit-live-overview .settings-footer {
  text-align: right;
}

.asconsole edit-live-permissions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-live-permissions {
    padding: 15px 15px;
  }
}

.asconsole edit-live-publish {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  background-color: white;
  border: 1px solid #dbe0ea;
}

.asconsole edit-live-settings {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #DDE3EE;
}
.asconsole edit-live-settings .live-settings-sidemenu {
  text-align: center;
}
.asconsole edit-live-settings .live-settings-sidemenu .asui-vertical-navbar {
  border: none;
}

.asconsole .modal-iconpicker {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0;
  padding: 20px;
}
.asconsole edit-channel-overview-form {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-channel-overview-form .loading-mask-container {
  background-color: white !important;
}
.asconsole edit-channel-overview-form .form-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.asconsole edit-channel-overview-form .form-container .caption-textarea {
  min-height: 90px;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail {
  margin: 25px 30px 25px 0;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail .edit-thumbnail-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail .edit-thumbnail-container .edit-thumbnail-link {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: #37393e;
  color: white;
  font-size: 80%;
  padding: 3px 8px;
  border-radius: 2px;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail .edit-thumbnail-container .card-thumbnail {
  width: 130px;
  height: 170px;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown {
  flex: 1;
  width: 100%;
  min-width: 0;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown .bootstrap-select .dropdown-toggle .filter-option {
  text-overflow: ellipsis;
  display: inline-block !important;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown .bootstrap-select .dropdown-menu li a i {
  font-size: 20px;
  margin-top: 0;
  text-align: center;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown .dropdown-toggle .filter-option i:first-child {
  font-size: 20px;
  position: relative;
  top: 2px;
  vertical-align: top;
}
.asconsole edit-channel-overview-form .sharing-row {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.asconsole edit-channel-overview-form .form-fields {
  margin: 20px 30px 0 30px;
  flex: 1;
  min-width: 0;
}
.asconsole edit-channel-overview-form .form-fields .form-center {
  align-items: center;
}
.asconsole edit-channel-overview-form .form-fields .flex-row {
  padding-bottom: 15px;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-label, .asconsole edit-channel-overview-form .form-fields .flex-row .sharing-label {
  width: 210px;
  color: #475369;
}
.asconsole edit-channel-overview-form .form-fields .flex-row input, .asconsole edit-channel-overview-form .form-fields .flex-row textarea {
  flex: 1;
  margin-right: 0;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-readonly {
  min-height: 74px;
  background-color: #fafafa;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group asui-tags-input {
  display: flex;
  flex-basis: auto;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input {
  flex: 1;
  height: auto;
  margin: 0px 0px 4px 0px;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input .input {
  padding: 6px 8px;
  width: 265px !important;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input .invalid-tag {
  border: 1px solid #f55959 !important;
  background-color: white;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input .invalid-tag .tag-text {
  color: #333F55;
}
.asconsole edit-channel-overview-form .form-fields .flex-row network-picker-input {
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-overview-form .form-fields .flex-row network-picker-input {
    width: 100%;
  }
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block {
  flex: 1;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input {
  margin-top: 15px;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input .copy-btn {
  height: 32px;
  margin-top: -3px;
  border: 1px solid #ccc;
  border-left: none;
  margin-left: 0;
  width: 40px;
  min-width: 55px !important;
  color: #475369;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input .copy-btn:active, .asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input .copy-btn:focus {
  background-color: white;
}
.asconsole edit-channel-overview-form .form-fields .flex-row a {
  cursor: pointer;
  padding-top: 5px;
}
.asconsole edit-channel-overview-form .device-template-dropdown-menu .dropdown-menu.open {
  max-width: 100%;
}
.asconsole edit-channel-overview-form .device-template-dropdown-menu .dropdown-menu.open li a span.text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-overview-form .form-container {
    flex-direction: column;
  }
  .asconsole edit-channel-overview-form .form-container .form-thumbnail {
    flex: 1;
    width: inherit;
    margin: 0px 15px 7px 15px;
  }
  .asconsole edit-channel-overview-form .form-fields {
    margin: 10px 15px 0 15px;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row {
    padding-bottom: 10px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: stretch;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row .input-label {
    width: inherit;
    flex: 1;
    align-self: stretch;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row input {
    flex: 1;
    align-self: stretch;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row textarea {
    flex: 1;
    align-self: stretch;
  }
}

.asconsole edit-channel-group-permission-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
  padding: 25px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-group-permission-settings {
    padding: 15px;
  }
}

.asconsole > .popover {
  height: auto;
  width: auto;
}
.asconsole > .popover .popover-content {
  overflow-y: auto;
}
.asconsole > .popover .popover-content .icon-user, .asconsole > .popover .popover-content .icon-users {
  color: #6275A3;
  margin-right: 7px;
  margin-top: 5px;
}
.asconsole edit-channel-permissions-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
  padding: 25px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-permissions-settings {
    padding: 15px;
  }
}
.asconsole .edit-channel-permissions-settings-content {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .asconsole .edit-channel-permissions-settings-content .permissions-block {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .key {
  width: 150px;
  color: #2d3851;
}
@media (max-width: 768px) {
  .asconsole .edit-channel-permissions-settings-content .permissions-block .key {
    margin-bottom: 8px;
  }
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input {
  flex: 1;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .desc {
  margin-bottom: 10px;
  color: #2d3851;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .common-tags-btn {
  color: #6275A3;
  font-size: 90%;
  border: 1px solid #6275A3;
  height: 24px;
  padding: 2px 5px;
  min-width: 80px;
  margin-bottom: 10px;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .common-tags-btn.selected {
  color: #6275A3;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .validation-msg {
  margin-top: 4px;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block:first-child {
  margin-top: 0;
}

.asconsole edit-playlist {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
@media all and (max-width: 667px) {
  .asconsole edit-playlist asui-horizontal-navbar .nav-pills {
    overflow-x: auto;
  }
}

.asconsole edit-playlist-approvals {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
.asconsole edit-playlist-approvals react-component {
  display: flex;
  flex: 1;
  min-height: 0;
}

.asconsole edit-playlist-connectors {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole edit-playlist-connectors .connectors-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole edit-playlist-connectors .connectors-table-container .header-container {
  display: flex;
  align-items: center;
  padding: 20px;
}
.asconsole edit-playlist-connectors .connectors-table-container .header-container .add-btn {
  display: flex;
  align-items: center;
  margin-right: 14px;
  font-weight: 500;
}
.asconsole edit-playlist-connectors .connectors-table-container .header-container .add-btn .icon {
  font-size: 12px;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container {
  margin: 0;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col {
  max-width: 300px;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 4px;
  background-color: #F0F6FE;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .img-wrapper img {
  width: 24px;
  height: 24px;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .info .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .info .name break-word {
    word-break: break-all;
  }
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .info .type {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .name-col .connector .info .type break-word {
    word-break: break-all;
  }
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .rules {
  color: #0b1835;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .status {
  border-radius: 999px;
  padding: 4px 8px;
  color: #475369;
  background-color: #F8F9FC;
  text-align: center;
  width: fit-content;
  white-space: nowrap;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .status.active {
  color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .status.connectionlost, .asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .status.pending {
  color: #C94040;
  background-color: rgba(203, 72, 72, 0.05);
}
.asconsole edit-playlist-connectors .connectors-table-container .asui-table-container .asui-table .status.paused {
  color: #B25300;
  background-color: #FBF6F2;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container .add-btn {
  min-width: 76px;
  margin-top: 18px;
  width: fit-content;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-playlist-connectors .connectors-table-container .no-content-container .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole edit-playlist-connectors .connectors-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole edit-playlist-connectors .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole edit-playlist-connectors .clear-filters a {
  cursor: pointer;
}

.asconsole edit-playlist-edit {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole edit-playlist-edit .as-layout-sidebar .sidebar-panel {
  border-right: 1px solid #DDE3EE;
}
.asconsole edit-playlist-edit .as-layout-sidebar .sidebar-panel .sidebar-hr {
  margin: 12px 0;
}
.asconsole edit-playlist-edit .as-layout-sidebar .item-name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole edit-playlist-edit .content-container .container-scroll {
  padding: 0;
  position: relative;
}
.asconsole edit-playlist-edit playlist-items-table asui-table {
  padding-bottom: 20px;
}
.asconsole edit-playlist-edit .full-content .container-scroll {
  padding: 0;
}
.asconsole edit-playlist-edit .full-content .filter-bar {
  padding-left: 0;
  padding-right: 0;
}
.asconsole edit-playlist-edit .full-content playlist-items-table .table-header {
  border: 1px solid #DDE3EE;
  border-bottom: 0;
}
.asconsole edit-playlist-edit .full-content playlist-items-table .asui-table {
  border-left: 1px solid #DDE3EE !important;
}

.asconsole edit-playlist-folder-source {
  margin: 5px 0px 0px 5px;
}
.asconsole edit-playlist-folder-source .folder-item {
  padding: 0px 9px;
  color: white;
  min-height: 20px;
  border-radius: 14px;
  background-color: #6275A3;
  display: flex;
  justify-content: space-between;
}
.asconsole edit-playlist-folder-source .folder-item a {
  color: white;
}
.asconsole edit-playlist-folder-source .folder-item .folder-name {
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.asconsole edit-playlist-folder-source .selected-folder {
  background-color: #586b82;
}
.asconsole edit-playlist-folder-source .icon-folder {
  color: white;
  margin-right: 4px;
}
@media (max-width: 800px) {
  .asconsole edit-playlist-folder-source .icon-folder {
    display: none;
  }
}
.asconsole edit-playlist-folder-source .icon-image {
  color: white;
  margin-right: 4px;
}
@media (max-width: 800px) {
  .asconsole edit-playlist-folder-source .icon-image {
    display: none;
  }
}
.asconsole edit-playlist-folder-source .folder-context-menu {
  margin-left: 5px;
}
.asconsole edit-playlist-folder-source .folder-context-menu i {
  top: 1px;
  position: relative;
}
.asconsole edit-playlist-folder-source .folder-context-menu .fa-ellipsis-h {
  color: white !important;
}
.asconsole edit-playlist-folder-source .item-icon {
  color: #475369 !important;
}

.asconsole .asui-context-menu-popover .popover-content {
  max-height: initial !important;
}
.asconsole .layout-overview-zone-popover .popover-content {
  white-space: nowrap;
  padding: 5px 8px;
}
.asconsole .layout-overview-zone-popover i {
  top: 1px;
  position: relative;
  padding-right: 2px;
}
.asconsole playlist-layout-overview {
  display: flex;
  align-content: stretch;
  justify-content: center;
  padding: 0 25px;
  position: relative;
  width: 100%;
  height: 100%;
}
.asconsole playlist-layout-overview .overview-zone-container {
  position: relative;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0 10px 15px rgba(129, 138, 152, 0.1);
}
.asconsole playlist-layout-overview .overview-zone {
  position: absolute;
  display: flex;
  align-items: stretch;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-label {
  color: #ffffff;
  background: #0A5BEB;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 6px 3px 3px;
  display: none;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-label i {
  top: 1px;
  position: relative;
  padding-right: 3px;
}
.asconsole playlist-layout-overview .overview-zone .zone-action-icon {
  color: #0A5BEB;
  background: transparent;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding-top: 1px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  display: inline-block;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  background: #DBE0EA;
  border: 2px dashed #0A5BEB;
  margin: 4px;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-content.hover {
  border: 2px solid #0A5BEB;
  background: #F7F8FB;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-content.hover .overview-zone-label {
  display: block;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-content.hover .zone-action-icon {
  color: #fff;
  background: #0A5BEB;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-content.hover.hide-name .overview-zone-label {
  display: none;
}
.asconsole playlist-layout-overview .overview-zone .overview-zone-content.hover.hide-name .zone-action-icon {
  background: transparent;
  color: #0A5BEB;
}

.asconsole edit-playlist-overview {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-playlist-overview .delete-link {
  padding-top: 5px;
  text-align: left;
  cursor: pointer;
}
.asconsole edit-playlist-overview .delete-link a {
  text-decoration: none;
}
.asconsole edit-playlist-overview .bg-muted {
  opacity: 0.5;
}
.asconsole edit-playlist-overview .settings-footer {
  text-align: right;
}
.asconsole edit-playlist-overview .settings-btn-container {
  margin-left: 240px;
}
.asconsole edit-playlist-overview .upgrade-actions-row {
  display: flex;
  flex-direction: row;
  padding: 0 30px 15px 30px;
}
.asconsole edit-playlist-overview .upgrade-actions-row > .input-label {
  width: 210px;
  flex-shrink: 0;
  color: #475369;
  padding-top: 24px;
}
.asconsole edit-playlist-overview .upgrade-actions-row .upgrade-actions-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.asconsole edit-playlist-overview .upgrade-action-box {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 24px;
  background: #fff;
  border: 1px solid #dde3ee;
  border-radius: 8px;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.15;
  color: #1e293b;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-message {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #68768d;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-learn-more {
  color: #0a5beb;
  text-decoration: none;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-learn-more:hover {
  text-decoration: underline;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-btn {
  flex-shrink: 0;
  background-color: #0a5beb;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  min-width: 72px;
  height: 40px;
  cursor: pointer;
}
.asconsole edit-playlist-overview .upgrade-action-box .upgrade-action-box-btn:hover {
  background-color: #0952d3;
}
.asconsole edit-playlist-overview .upgrade-actions-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.asconsole edit-playlist-permissions {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}

.asconsole chm-playlist-preview {
  display: flex;
  flex-basis: auto;
  min-width: 0;
  flex-direction: column;
}
.asconsole .chm-playlist-preview-base-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 999;
  background-color: black;
  pointer-events: initial;
}
.asconsole .chm-playlist-preview-base-fullscreen .as-preview {
  width: 100%;
  height: 100%;
  position: absolute;
}
.asconsole .chm-playlist-preview-base-fullscreen .as-preview ::-webkit-media-controls {
  display: none !important;
}
.asconsole .chm-playlist-preview-base {
  display: flex;
  min-width: 0;
  flex-direction: row;
}
@media (max-width: 800px) {
  .asconsole .chm-playlist-preview-base {
    flex-direction: column;
    width: 100%;
    justify-content: center;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 800px) {
  .asconsole .chm-playlist-preview-base .as-preview-container {
    width: 100%;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-control-btn {
  font-size: 18px;
  padding: 10px 12px;
  cursor: pointer;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-control-btn-big {
  font-size: 26px;
  padding: 18px;
  cursor: pointer;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview {
  cursor: none;
  position: relative;
  z-index: 1000;
  width: 100%;
  background-color: #000;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .carousel-container {
  flex: 1;
  position: relative;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .carousel-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .carousel-container > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .carousel-container .content {
  display: flex;
  flex: 1;
  align-items: stretch;
  justify-content: stretch;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview asui-carousel {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  color: white;
  transform: translateY(-100%);
  transition: transform 0.3s;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgba(2, 0, 36, 0.6) 0%, rgba(2, 0, 36, 0.45) 44%, rgba(2, 0, 36, 0.1) 100%);
  padding-bottom: 15px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  color: white;
  min-width: 0;
  padding: 12px 15px 0 15px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title asui-card-channel {
  margin-right: 10px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title .title-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title .title-container .content-title {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin: 0;
  margin-bottom: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title .title-container .content-title break-word {
    word-break: break-all;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title .title-container .channel-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-top-bar .preview-title .title-container .channel-name break-word {
    word-break: break-all;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  color: white;
  cursor: initial;
  transform: translateY(100%);
  transition: transform 0.3s;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgba(2, 0, 36, 0.6) 0%, rgba(2, 0, 36, 0.45) 24%, rgba(2, 0, 36, 0.1) 100%);
  padding-top: 15px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-progress {
  background-color: rgba(255, 255, 255, 0.6);
  width: calc(100% - 20px);
  height: 4px;
  margin: 0 10px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-progress .as-preview-progress-bar {
  background-color: #0A5BEB;
  width: 1%;
  height: 100%;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-controls .as-preview-controls-left .fa-play, .asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-controls .as-preview-controls-left .fa-pause {
  padding-left: 20px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-controls .as-preview-controls-right {
  display: flex;
  align-items: center;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-controls .as-preview-controls-right .icon-expand, .asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-bottom-bar .as-preview-controls .as-preview-controls-right .icon-reset-table {
  padding-right: 20px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-middle-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  cursor: initial;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-middle-bar .icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  transform: scale(0.7);
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-middle-bar .icon-button i {
  cursor: initial;
  color: white;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-middle-bar .icon-button .fa-play {
  margin-left: 7px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-middle-bar .icon-bounce {
  opacity: 1;
  transform: scale(1.1);
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-article-fullscreen {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  transform: translateX(100%);
  transition: transform 0.3s;
}
@media all and (max-width: 667px) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-article-fullscreen {
    transform: translateY(100%);
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-article-fullscreen .as-preview-top-bar {
  transform: none;
  position: initial;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-article-fullscreen clm-content-article {
  padding-top: 0;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview .as-preview-article-fullscreen clm-content-article .connect-content-article {
  background-color: transparent;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-article {
  display: flex;
  width: 100%;
  flex-direction: column;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  background-color: white;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-article .as-preview-article-title {
  padding: 0 30px;
  margin-bottom: 0;
}
@media all and (max-width: 667px) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview-article .as-preview-article-title {
    padding: 0 20px;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-article clm-content-article {
  padding-top: 0;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-controls-show {
  cursor: pointer;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-controls-show .as-preview-top-bar {
  transform: translateY(0%) !important;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-controls-show .as-preview-bottom-bar {
  transform: translateY(0%) !important;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-top-bar .as-preview-control-btn-big {
  font-size: 30px;
  padding: 30px;
}
@media all and (max-width: 667px) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-top-bar .as-preview-control-btn-big {
    padding: 20px;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-top-bar .preview-title {
  padding: 15px 0 0 30px;
}
@media all and (max-width: 667px) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-top-bar .preview-title {
    padding: 15px 0 0 20px;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-controls-left .fa-play, .asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-controls-left .fa-pause {
  padding-left: 35px !important;
  min-width: 75px;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-controls-right .icon-expand, .asconsole .chm-playlist-preview-base .as-preview-container .as-preview-fullscreen .as-preview-controls-right .icon-reset-table {
  padding-right: 35px !important;
}
.asconsole .chm-playlist-preview-base .as-preview-container .as-preview.as-preview-article-show .as-preview-article-fullscreen {
  transform: translateX(0%) !important;
}
@media all and (max-width: 667px) {
  .asconsole .chm-playlist-preview-base .as-preview-container .as-preview.as-preview-article-show .as-preview-article-fullscreen {
    transform: translateY(0%) !important;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-container.as-preview-sidebar-view {
  width: 60%;
}
@media all and (max-width: 667px) {
  .asconsole .chm-playlist-preview-base .as-preview-container.as-preview-sidebar-view {
    width: 100%;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
@media (max-width: 800px) {
  .asconsole .chm-playlist-preview-base .as-preview-sidebar {
    height: 220px;
    border: none;
    width: 100%;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-control-panel {
  padding: 8px 15px;
  overflow: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #475369;
}
@media (max-width: 800px) {
  .asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-control-panel {
    padding: 16px 8px 8px 8px;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer {
  display: flex;
  flex: 1;
  min-height: 0;
  padding: 10px 15px;
  height: 140px;
  flex-basis: 0;
}
@media (max-width: 800px) {
  .asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer {
    width: calc(100% + 26px);
    margin-left: -14px;
    padding: 10px 20px;
  }
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner {
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  position: relative;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner asui-grid {
  overflow-y: auto;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .grid-container {
  margin: auto;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .grid-item {
  flex: 0 0 100%;
  padding: 0;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .playlist-item {
  display: flex;
  flex: 1;
  flex-direction: row;
  cursor: pointer;
  padding: 5px 10px;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .playlist-item .asui-content-tile {
  width: 50%;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .playlist-item .playlist-item-title {
  width: 50%;
  padding: 0 10px 0 20px;
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .playlist-item .playlist-item-title .playlist-item-type {
  margin-top: 2px;
  color: #475369;
}
.asconsole .chm-playlist-preview-base .as-preview-sidebar .playlist-items-outer .playlist-items-inner .selected {
  background-color: white;
}

.asconsole edit-playlist-publish {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole edit-playlist-publish .playlist-publish-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #DDE3EE;
  background-color: white;
}

.asconsole edit-playlist-restrictions {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}

.asconsole edit-playlist-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #DDE3EE;
  background-color: #F8F9FC;
}
.asconsole edit-playlist-settings .playlist-settings-sidemenu {
  text-align: center;
}
.asconsole edit-playlist-settings .playlist-settings-sidemenu .asui-vertical-navbar {
  border: none;
}

.asconsole playlist-items-table {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  position: relative;
}
.asconsole playlist-items-table .no-content-container {
  overflow: auto;
  margin: 2vh 2vh 0 2vh;
}
.asconsole playlist-items-table .no-content-container .link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole playlist-items-table .pending-post-notification {
  padding: 6px 12px;
  border: 1px #DDE3EE solid;
  width: 100%;
  background-color: #EBBE36;
  min-height: 34px;
}
.asconsole playlist-items-table .pending-post-notification .info {
  color: #333F55;
}
.asconsole playlist-items-table .filter-bar {
  padding: 0 10px 15px 12px;
  margin-right: 0;
}
.asconsole playlist-items-table .filter-bar .add-btn-container {
  display: flex;
  align-items: center;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .btn {
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .dropdown-menu {
  left: 0;
  right: auto !important;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .icon-plus {
  font-size: 14px;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .icon-caret-down {
  font-size: 12px;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .dropdown-menu .btn-icon {
  margin-right: 12px;
  font-size: 16px;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .create-btn .dropdown-menu li a {
  padding: 11px 16px;
}
.asconsole playlist-items-table .filter-bar .add-btn-container .resolution-info {
  color: #4f596e;
  line-height: 1;
  margin-left: 10px;
  font-size: 18px;
}
.asconsole playlist-items-table .filter-bar .filter-block .playout-properties {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.asconsole playlist-items-table .filter-bar .filter-block .playout-properties .popover-trigger-el .duration {
  margin-right: 4px;
  color: #0A5BEB;
  border-bottom: 1px dotted #0A5BEB;
}
.asconsole playlist-items-table .filter-bar .filter-block .playout-properties .popover-trigger-el .icon-playout,
.asconsole playlist-items-table .filter-bar .filter-block .playout-properties .popover-trigger-el .icon-aspect-ratio,
.asconsole playlist-items-table .filter-bar .filter-block .playout-properties .popover-trigger-el .icon-quiet,
.asconsole playlist-items-table .filter-bar .filter-block .playout-properties .popover-trigger-el .icon-filled-audio {
  display: none;
}
.asconsole playlist-items-table .filter-bar .filter-block .fa-sort-amount-desc {
  color: #475369;
}
.asconsole playlist-items-table .as-action-column .icon-eye-enabled {
  font-size: 20px !important;
}
.asconsole playlist-items-table .asui-table-container {
  margin: 0;
}
.asconsole playlist-items-table .asui-table-container .asui-table {
  border-left: 0 !important;
  border-top: 0 !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole playlist-items-table .asui-table-container .name-cell {
  display: flex;
  flex-direction: column;
}
.asconsole playlist-items-table .asui-table-container .name-cell .content-name {
  word-break: break-all;
  word-break: break-word;
  color: #0A5BEB;
  width: fit-content;
}
.asconsole playlist-items-table .asui-table-container .name-cell .content-folder {
  color: #475369;
  font-size: 85%;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.asconsole playlist-items-table .asui-table-container .name-cell .content-folder i {
  margin-right: 3px;
  font-size: 90%;
}
.asconsole playlist-items-table .asui-table-container .name-cell .ticker-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole playlist-items-table .asui-table-container .content-type {
  color: #475369;
  text-transform: capitalize;
}
.asconsole playlist-items-table .asui-table-container .content-thumbnail-cell {
  width: 100px;
}
.asconsole playlist-items-table .asui-table-container .pp-container {
  width: fit-content;
}
.asconsole playlist-items-table .table-header {
  display: flex;
  width: 100%;
  background-color: #EDF2F7;
}
.asconsole playlist-items-table .table-header .group-menu {
  align-items: center;
  padding-right: 10px;
}
.asconsole playlist-items-table .table-header .group-menu i {
  color: #475369;
}
.asconsole playlist-items-table .table-header-inner {
  padding: 0px 10px;
  background-color: #EDF2F7;
}
.asconsole playlist-items-table .table-header-inner .header-folder-container {
  min-height: 24px;
  margin-bottom: 5px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.asconsole playlist-items-table .table-header-inner .check-all {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 10px;
  min-height: 30px;
}
.asconsole playlist-items-table .table-header-inner .check-all asui-input {
  display: flex;
}
.asconsole playlist-items-table .table-header-inner .visibility-hidden {
  visibility: hidden;
}
.asconsole playlist-items-table .ticker-header {
  justify-content: space-between;
}
.asconsole playlist-items-table .row-disabled {
  opacity: 0.4;
}
.asconsole playlist-items-table .selected-item {
  background-color: #f9fbfc;
}
.asconsole playlist-items-table .hidden-item-type {
  display: none;
}
@media (max-width: 768px) {
  .asconsole playlist-items-table .hidden-item-type {
    display: block;
  }
}
.asconsole playlist-items-table .published-message-col .published-message-container {
  display: flex;
  align-items: center;
}
.asconsole playlist-items-table .published-message-col .published-message-container published-message-icon {
  margin-right: 0px;
}
.asconsole playlist-items-table .published-message-col .published-message-container .icon-caret-down {
  font-size: 8px;
  color: #475369;
}
.asconsole playlist-items-table .notification-col .notification {
  color: #fff;
  background-color: #6275A3;
  padding: 3px 5px;
  font-size: 80%;
}
.asconsole playlist-items-table .playout-properties {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.asconsole playlist-items-table .playout-properties .popover-trigger-el .duration {
  margin-left: 3px;
  color: #0A5BEB;
  border-bottom: 1px dotted #0A5BEB;
}
.asconsole playlist-items-table .playout-properties .popover-trigger-el .icon-playout,
.asconsole playlist-items-table .playout-properties .popover-trigger-el .icon-aspect-ratio {
  display: none;
}
.asconsole playlist-items-table .approval-flag {
  color: #fff;
  padding: 2px 5px;
  font-size: 80%;
}
.asconsole playlist-items-table .approval-flag-pending {
  background-color: #EBBE36;
}
.asconsole playlist-items-table .approval-flag-approved {
  background-color: #0C817B;
}
.asconsole playlist-items-table .approval-flag-declined {
  background-color: #CB4848;
}
.asconsole .modal-content-playout-properties {
  width: 600px;
}
.asconsole .modal-default-playout-properties {
  width: 350px;
}
.asconsole .modal-default-playout-properties playout-properties-form {
  height: unset;
}
.asconsole .modal-default-playout-properties playout-properties-form .left-panel {
  padding-right: 0;
}
.asconsole .resolution-popover .popover-content {
  max-width: 220px;
}

.asconsole .modal-playlist-ticker {
  width: 100%;
  max-width: 500px;
}
.asconsole .modal-playlist-ticker .modal-content {
  flex: 1;
  min-width: 0;
  padding-bottom: var(--iphone-bottom-margin);
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  box-shadow: none !important;
}
.asconsole .modal-playlist-ticker .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.asconsole .modal-playlist-ticker .modal-content .modal-header .h3 {
  flex: 1;
  margin: 0;
  padding: 16px 0 16px 20px;
}
.asconsole .modal-playlist-ticker .modal-content .modal-header .icon-cross {
  color: #4f596e;
  font-size: 24px;
  padding: 10px 13px 10px 10px;
  cursor: pointer;
}
.asconsole .modal-playlist-ticker .modal-content .create-ticker-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
}
.asconsole .modal-playlist-ticker .modal-content .create-ticker-content label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
.asconsole .modal-playlist-ticker .modal-content .create-ticker-content input {
  height: 44px;
  border-radius: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 16px;
}
.asconsole .modal-playlist-ticker .modal-content .create-ticker-content textarea {
  border-radius: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole .modal-playlist-ticker .modal-content .loading-mask-container {
  border-radius: 8px;
  opacity: 0.5;
}

.asconsole playlist-zone-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  padding: 0;
  position: relative;
}
.asconsole playlist-zone-content .content-preview-message {
  padding: 10px 0;
  line-height: 24px;
}
.asconsole playlist-zone-content .content-preview-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
  position: relative;
  padding: 25px;
}
.asconsole playlist-zone-content .content-preview-container.no-content {
  padding-top: 25px;
}
.asconsole playlist-zone-content .edit-content-overlay {
  display: none;
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.asconsole playlist-zone-content .edit-content-overlay .btn-edit-content {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.asconsole playlist-zone-content .edit-content-overlay .btn-edit-content:hover {
  background: #fff;
  color: #1E293B;
}
.asconsole playlist-zone-content .resolution-info {
  color: #3c465d;
  margin-bottom: 10px;
}
.asconsole playlist-zone-content .resolution-info i {
  color: #4f596e;
}
.asconsole playlist-zone-content .add-btn-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole playlist-zone-content .add-btn-container .icon-plus {
  font-size: 12px;
}
.asconsole playlist-zone-content .add-btn-container .resolution-info {
  color: #4f596e;
  line-height: 1;
  margin-left: 10px;
  font-size: 18px;
  margin-bottom: 0;
}
.asconsole playlist-zone-content .content-preview {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 100%;
  margin: 0 auto;
}
.asconsole playlist-zone-content .content-preview clm-content-preview {
  min-height: unset;
}
.asconsole playlist-zone-content .content-preview .content-action-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 3px;
  z-index: 3;
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.asconsole playlist-zone-content .content-preview .content-action-icon.icon {
  font-size: 18px;
  padding: 5px;
  text-transform: none;
}
.asconsole playlist-zone-content .content-preview .content-action-icon:hover {
  color: #1E293B;
  background-color: #fff;
}
.asconsole playlist-zone-content .content-preview:hover .edit-content-overlay {
  display: flex;
}
.asconsole playlist-zone-content .content-upload-footnote {
  text-align: center;
  padding: 25px;
  color: #0b1835;
  font-size: 120%;
}
.asconsole playlist-zone-content .content-upload-footnote .link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole playlist-zone-content .pending-approvals-container {
  margin-top: -25px;
}
.asconsole playlist-zone-content .no-content-container .link {
  color: #0A5BEB;
  cursor: pointer;
}

.asconsole playout-properties-form {
  display: flex;
  flex: 1;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole playout-properties-form {
    flex-direction: column;
  }
}
.asconsole playout-properties-form .left-panel {
  flex: 1;
  padding-right: 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole playout-properties-form .left-panel {
    width: 100%;
    padding-right: 0;
  }
}
.asconsole playout-properties-form .right-panel {
  width: 50%;
  padding-left: 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole playout-properties-form .right-panel {
    width: 100%;
    padding-left: 0;
  }
}
.asconsole playout-properties-form .label-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.asconsole playout-properties-form .label-container label {
  flex: 1;
}
.asconsole playout-properties-form .input-container {
  position: relative;
}
.asconsole playout-properties-form .input-container .asui-dropdown {
  width: 100%;
}
.asconsole playout-properties-form .input-container .asui-dropdown .dropdown-toggle {
  border-radius: 4px;
  border-color: #DDE3EE;
}
.asconsole playout-properties-form .input-container .asui-dropdown .dropdown-toggle .filter-option {
  padding-left: 20px !important;
  line-height: 1.5;
}
.asconsole playout-properties-form .input-container .input-icon {
  position: absolute;
  top: 10px;
  left: 11px;
  z-index: 10;
  color: #475369;
  pointer-events: none;
}
.asconsole playout-properties-form asui-duration {
  width: 100%;
  margin-bottom: 5px;
}
.asconsole playout-properties-form asui-duration .duration-label {
  text-align: left;
}
.asconsole playout-properties-form .pp-duration {
  width: 100%;
}
.asconsole playout-properties-form .duration-label {
  padding-left: 32px;
}
.asconsole playout-properties-form .audio-container {
  position: relative;
  display: flex;
  margin-bottom: 5px;
}
.asconsole playout-properties-form .audio-container asui-range-slider {
  margin: 7px 0;
}
.asconsole playout-properties-form .audio-container asui-range-slider input[type=range]::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  border-radius: 16px;
}
.asconsole playout-properties-form .audio-container .volume-level {
  position: absolute;
  right: 0;
  top: -30px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  margin-top: 12px;
}
.asconsole playout-properties-form .audio-container .volume-level label {
  margin: 0px;
}
.asconsole playout-properties-form .audio-container .volume-level .volume-reset {
  color: #0a5beb;
}
.asconsole playout-properties-form .audio-container .audio-labels {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
.asconsole playout-properties-form .audio-container .audio-labels .volume-icon {
  cursor: pointer;
}
.asconsole playout-properties-form .pp-frequency-container {
  margin-top: 5px;
}
.asconsole playout-properties-form .pp-frequency-container .pp-frequency-textbox {
  width: 60px;
  padding: 3px 10px;
  height: unset;
}
.asconsole playout-properties-form .pp-frequency-container .pp-frequency-time {
  margin: 0 10px 0 5px;
}
.asconsole playout-properties-form .pp-frequency-container .read-only {
  color: #8493AE;
}
.asconsole playout-properties-form .pp-frequency-container .dropdown-toggle {
  height: unset !important;
  padding: 3px 10px;
  padding-right: 23px;
}
.asconsole playout-properties-form .asui-date-range-picker {
  margin-bottom: 5px;
}
.asconsole playout-properties-form .asui-date-range-picker input {
  padding-left: 33px;
}
.asconsole playout-properties-form .btn-setup-dayparting {
  width: 100%;
  margin-bottom: 5px;
}
.asconsole playout-properties-form .dayparting-block {
  position: relative;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  padding: 0px 10px 10px 10px;
}
.asconsole playout-properties-form .dayparting-block asui-dayparting {
  font-size: 70%;
  margin-top: 4px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole playout-properties-form .dayparting-block asui-dayparting {
    height: 144px;
  }
}
.asconsole playout-properties-form .dayparting-block .inherited-dayparting .dayparting-container .dayparting-time-block .dayparting-row > div > div {
  background: #6275A3 !important;
  opacity: 0.5;
}
.asconsole playout-properties-form .dayparting-block .edit-layover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: black;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.asconsole playout-properties-form .dayparting-block .edit-layover .dayparting-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 120%;
  color: white;
  line-height: 0.8;
  width: 90px;
  padding: 10px;
  cursor: pointer;
  border: 2px solid transparent;
}
.asconsole playout-properties-form .dayparting-block .edit-layover .dayparting-btn-clear {
  font-size: 105%;
}
.asconsole playout-properties-form .dayparting-block .edit-layover .dayparting-btn-edit {
  border: 2px solid white;
  padding: 8px 10px;
}
.asconsole playout-properties-form .dayparting-block .edit-layover:hover {
  opacity: 0.5;
}
.asconsole playout-properties-form .dayparting-block .inherited-dayparting-placeholder {
  opacity: 0.5;
  font-size: 130%;
  color: #333F55;
  top: 69px;
  left: 87px;
  position: absolute;
  pointer-events: none;
}
@media all and (max-width: 667px) {
  .asconsole playout-properties-form .dayparting-block .inherited-dayparting-placeholder {
    left: 91px;
    text-align: center;
  }
}
.asconsole playout-properties-form .pp-tagrules {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 10px;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
}
.asconsole playout-properties-form .pp-tagrules .rule-content-tags .title {
  font-weight: 500;
  margin-bottom: 5px;
}
.asconsole playout-properties-form .pp-tagrules .rule-content-tags .edit-link {
  cursor: pointer;
  font-weight: 200;
  color: #0A5BEB;
  margin-left: 3px;
}

.asconsole playout-properties-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
}
@media all and (max-width: 667px) {
  .asconsole playout-properties-modal {
    height: 90vh;
  }
}
.asconsole playout-properties-modal .modal-header, .asconsole playout-properties-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole playout-properties-modal .modal-body {
  padding-top: 10px;
  flex: 1;
  flex-basis: auto;
}
.asconsole playout-properties-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-playout-properties {
  width: 810px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-playout-properties {
    width: calc(100vw - 7px);
  }
}

.asconsole playout-properties-popover .popover-trigger-el {
  display: inline;
  cursor: pointer;
  color: #0A5BEB;
  white-space: nowrap;
}
.asconsole playout-properties-popover .popover-trigger-el .icon {
  margin-left: 5px;
  font-size: 90%;
}
.asconsole playout-properties-popover .popover-trigger-el .inherited {
  color: #6275A3;
}
.asconsole playout-properties-popover .popover-trigger-el .future {
  color: #EBBE36 !important;
}
.asconsole playout-properties-popover .popover-trigger-el .expired {
  color: #CB4848 !important;
}
.asconsole .popover.playout-prop-popover {
  color: #333F55;
}
.asconsole .popover.playout-prop-popover .popover-content {
  max-height: unset !important;
}
.asconsole .popover.playout-prop-popover .popover-content .pp-row {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.asconsole .popover.playout-prop-popover .popover-content .pp-row > .icon {
  margin-right: 10px;
  color: #6275A3;
}
.asconsole .popover.playout-prop-popover .popover-content .pp-row .pp-val {
  line-height: 1;
}
.asconsole .popover.playout-prop-popover .popover-content .pp-row .dayparting-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .popover.playout-prop-popover .popover-content .pp-row .dayparting-block asui-dayparting {
    height: 144px;
  }
}
.asconsole .popover.playout-prop-popover .popover-content .pp-row .dayparting-block .schedule {
  margin-bottom: 5px;
}
.asconsole .popover.playout-prop-popover .popover-content .schedule-row {
  align-items: flex-start;
  min-width: 280px;
}
.asconsole .popover.playout-prop-popover .popover-content .tag-rules-row {
  min-width: 300px;
}
.asconsole .popover.playout-prop-popover .popover-content .tag-rules-row .pp-val {
  line-height: 1.2;
}
.asconsole .popover.playout-prop-popover .popover-content .future {
  color: #EBBE36 !important;
}
.asconsole .popover.playout-prop-popover .popover-content .expired {
  color: #CB4848 !important;
}

.asconsole chm-playout-tag-rules {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole chm-playout-tag-rules .tagrules-label {
  width: 100%;
  display: flex;
  align-items: center;
}
.asconsole chm-playout-tag-rules .tagrules-label label {
  flex: 1;
}
.asconsole chm-playout-tag-rules .tagrules-input {
  position: relative;
}
.asconsole chm-playout-tag-rules .tagrules-input asui-dropdown-typeahead .textbox, .asconsole chm-playout-tag-rules .tagrules-input asui-dropdown-typeahead .item-container {
  padding-left: 33px;
}
.asconsole chm-playout-tag-rules .tagrules-input .icon-tag {
  position: absolute;
  top: 10px;
  left: 11px;
  z-index: 10;
  color: #475369;
  pointer-events: none;
}
.asconsole chm-playout-tag-rules .tagrules-desc {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 6px 10px;
  border: 1px solid #DDE3EE;
  border-radius: 5px;
  background-color: #EDF2F7;
  margin-top: 4px;
}
.asconsole chm-playout-tag-rules .tagrules-desc .rule-content-tags .edit-link {
  cursor: pointer;
  font-weight: 200;
  color: #0A5BEB;
  margin-left: 3px;
}

.asconsole chm-post-history-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 300px;
}
.asconsole chm-post-history-modal .modal-header, .asconsole chm-post-history-modal .modal-footer {
  padding: 15px 20px;
}
@media all and (max-width: 667px) {
  .asconsole chm-post-history-modal .modal-header, .asconsole chm-post-history-modal .modal-footer {
    padding: 15px 20px;
  }
}
.asconsole chm-post-history-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 30px 0 30px;
  min-height: 0;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole chm-post-history-modal .modal-body {
    padding: 10px 20px 0 20px;
  }
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-command-bar .content {
  background-color: white;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-command-bar .content .asui-context-menu img {
  width: 12px;
  margin-right: 5px;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-command-bar .down-arrow_box {
  display: none;
}
.asconsole chm-post-history-modal .modal-body searchable-table .filter-container .asui-search {
  width: 100%;
}
.asconsole chm-post-history-modal .modal-body searchable-table .filter-container .filter-block {
  position: absolute;
  right: 20px;
  top: 2px;
}
.asconsole chm-post-history-modal .modal-body searchable-table .transclude-cta {
  flex: 1;
  justify-content: center;
  display: flex;
}
.asconsole chm-post-history-modal .modal-body searchable-table .transclude-cta ng-transclude {
  display: flex;
  flex: 1;
}
.asconsole chm-post-history-modal .modal-body searchable-table .cta-container {
  display: flex;
}
.asconsole chm-post-history-modal .modal-body searchable-table .cta-container .no-content-container {
  border: none;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table th {
  white-space: nowrap;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-content {
  width: 50%;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-content > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-content > div .post-content-name {
  margin-left: 15px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-content > div .post-content-name break-word {
    word-break: break-all;
  }
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-date {
  white-space: nowrap;
  min-width: 120px;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-chat > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-chat > div .app-logo {
  width: 20px;
  margin-right: 10px;
}
.asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-chat > div .chat-name {
  white-space: nowrap;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-post-history-modal .modal-body searchable-table .asui-table .post-chat > div .chat-name break-word {
    word-break: break-all;
  }
}
.asconsole .modal-post-history {
  height: 90vh;
  width: 90vw;
  max-width: 1024px;
}
.asconsole .modal-post-history .modal-content {
  height: 90vh;
  display: flex;
  flex: 1;
}

.asconsole edit-playlist-preview {
  display: flex;
  flex: 1;
  flex-basis: auto;
  min-width: 0;
  flex-direction: column;
  padding: 0 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-playlist-preview {
    padding: 0 15px 15px;
  }
}
.asconsole edit-playlist-preview .email-preview-container,
.asconsole edit-playlist-preview .playlist-preview-container {
  display: flex;
  flex: 1;
  flex-basis: auto;
  min-width: 0;
  flex-direction: column;
}
.asconsole edit-playlist-preview .chm-app-preview-base-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 999;
  background-color: black;
  pointer-events: initial;
}
.asconsole edit-playlist-preview .article-preview-container,
.asconsole edit-playlist-preview .device-template-preview-container {
  flex: 1;
  flex-basis: auto;
  min-width: 0;
  align-items: center;
  flex-direction: column;
}
.asconsole edit-playlist-preview .device-app-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex: 1;
  align-items: center;
}
.asconsole edit-playlist-preview .employee-app-preview-container {
  flex: 1;
}
.asconsole edit-playlist-preview .employee-app-preview-container device-preview-container {
  width: 810px;
}
.asconsole edit-playlist-preview .employee-app-preview-container:fullscreen {
  background-color: #f7f8fb;
  padding: 20px 0;
}
.asconsole edit-playlist-preview .enterprise-messaging-preview-container {
  flex: 1;
}
.asconsole edit-playlist-preview .enterprise-messaging-preview-container device-preview-container {
  width: 810px;
}
.asconsole edit-playlist-preview .device-template-preview-container {
  display: flex;
  flex: 1;
  width: 100%;
  position: relative;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container app-preview {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container app-preview .app-preview-iframe-container iframe {
  box-shadow: 0 10px 15px rgba(129, 138, 152, 0.1);
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container:fullscreen {
  align-items: center;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container:fullscreen app-preview {
  box-shadow: none;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container:fullscreen app-preview .app-preview-iframe-container {
  justify-content: center;
  display: flex;
  transform-origin: center center;
  align-items: center;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container:fullscreen app-preview .app-preview-iframe-container iframe {
  border: 0 none;
  transform-origin: center center;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container.portrait:fullscreen app-preview .app-preview-iframe-container {
  align-items: start;
}
.asconsole edit-playlist-preview .device-template-preview-container .app-preview-container.portrait:fullscreen app-preview .app-preview-iframe-container iframe {
  transform-origin: center top;
}

.asconsole publish-count {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.asconsole publish-count .count-container {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
.asconsole publish-count .count-container .count-value {
  font-size: 35px;
  line-height: 1;
  margin-right: 5px;
  align-items: flex-end;
  display: flex;
}
.asconsole publish-count .count-container .count-value i {
  font-size: 70%;
  color: #DDE3EE;
  margin-bottom: 5px;
}
.asconsole publish-count .count-container .count-label {
  color: #475369;
  align-items: flex-end;
  display: flex;
  font-weight: 500;
  line-height: 1.9;
}
.asconsole publish-count .count-container:last-child {
  margin-right: 0px;
}

.asconsole chm-publish-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
}
@media all and (max-width: 667px) {
  .asconsole chm-publish-settings {
    padding: 10px;
    width: 100%;
  }
}
.asconsole chm-publish-settings .publish-loading-mask {
  left: -1px;
  width: 100.5%;
}
.asconsole chm-publish-settings .publish-base {
  margin: 40px;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publish-settings .publish-base {
    margin: 10px;
  }
}
.asconsole chm-publish-settings .toggle-container {
  display: flex;
  flex-basis: auto;
  flex-direction: row;
}
.asconsole chm-publish-settings .toggle-container .toggle-label {
  margin-right: 50px;
  font-size: 120%;
  font-weight: 500;
}
@media all and (max-width: 667px) {
  .asconsole chm-publish-settings .toggle-container .toggle-label {
    margin-right: 10px;
  }
}
.asconsole chm-publish-settings .publish-disabled-content {
  margin-top: 20px;
  display: flex;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole chm-publish-settings .publish-disabled-content i {
  margin-top: 30px;
  font-size: 10em;
  line-height: 1px;
  text-align: center;
  color: #8493AE;
}
.asconsole chm-publish-settings .inherit-block {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole chm-publish-settings .inherit-block .inherit-groups {
  display: flex;
  flex-basis: auto;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
}
.asconsole chm-publish-settings .inherit-block .inherit-groups i {
  color: #0A5BEB;
  font-size: 130%;
  margin-right: 8px;
}
.asconsole chm-publish-settings .inherit-block .inherit-groups .inherit-desc .publish-cg-link {
  border-bottom: 1px dotted #DDE3EE;
  display: inline-block;
  cursor: pointer;
}
.asconsole chm-publish-settings .inherit-block .additional-toggle {
  margin-top: 20px;
}
.asconsole chm-publish-settings .inherit-block .additional-toggle .toggle.btn-xs {
  min-width: 120px !important;
}
.asconsole chm-publish-settings .inherit-block .asui-tags-input {
  min-height: 200px;
}
.asconsole chm-publish-settings .inherit-block .inherit-desc {
  margin: 10px 0;
}
.asconsole chm-publish-settings .total-block {
  margin: 20px 0px 30px 0px;
}
.asconsole chm-publish-settings .total-header {
  margin-bottom: 10px;
}
.asconsole chm-publish-settings .tags-block {
  display: flex;
  flex-direction: row;
}
@media all and (max-width: 992px) {
  .asconsole chm-publish-settings .tags-block {
    flex-direction: column;
  }
  .asconsole chm-publish-settings .tags-block .tags-container:last-child {
    margin-top: 20px;
  }
}
.asconsole chm-publish-settings .tags-block .tags-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-right: 35px;
}
@media all and (max-width: 992px) {
  .asconsole chm-publish-settings .tags-block .tags-container {
    margin-right: 0px;
    width: 100%;
  }
}
.asconsole chm-publish-settings .tags-block .tags-container .tags-title {
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: 500;
  line-height: 1;
}
.asconsole chm-publish-settings .tags-block .tags-container .tags-desc {
  margin-bottom: 10px;
}
.asconsole chm-publish-settings .tags-block .tags-container .quick-tags-block {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  justify-content: space-between;
  width: 100%;
}
.asconsole chm-publish-settings .tags-block .tags-container .quick-tags-block .quick-tags-btns button {
  font-size: 90%;
  border: 1px solid #DDE3EE;
  height: 23px;
  padding: 3px 8px;
  min-width: 50px;
}
.asconsole chm-publish-settings .tags-block .tags-container .quick-tags-block .tags-search {
  border: 1px solid #0A5BEB;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 90%;
  height: 23px;
  padding: 3px 8px;
  border-radius: 2px;
  color: #0A5BEB;
}
.asconsole chm-publish-settings .tags-block .tags-container .quick-tags-block .tags-search i {
  margin-right: 5px;
  color: #0A5BEB;
  font-size: 80%;
}
.asconsole chm-publish-settings .tags-block .tags-container:last-child {
  margin-right: 0px;
}
.asconsole .admin-devices-block {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.asconsole .admin-devices-block admin-devices {
  margin-top: 3px;
}
.asconsole .upper-case {
  text-transform: uppercase;
}

.asconsole publish-settings-tooltip .popover {
  width: 300px;
}
.asconsole publish-settings-tooltip .popover .popover-content .cg-publishing {
  font-size: 90%;
}
.asconsole publish-settings-tooltip .popover .popover-content .cg-publishing .cg-publishing-list {
  font-weight: bold;
}

.asconsole published-message-icon {
  display: flex;
  flex: 1;
  padding: 0;
  position: relative;
}
.asconsole published-message-icon .icon-container {
  color: #8493AE;
  padding: 5px 5px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.asconsole published-message-icon .icon-container .app-logo {
  width: 16px;
  margin-right: 10px;
}
.asconsole .playlist-published-popover .popover-content {
  min-width: 200px;
  white-space: nowrap;
  padding-bottom: 0;
  max-height: unset !important;
}
.asconsole .playlist-published-popover .popover-content .post-message {
  white-space: initial;
  margin: 6px 0 9px 0;
}
.asconsole .playlist-published-popover .popover-content label {
  margin-bottom: 0;
  display: inline-block;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 400;
  color: #72889c;
  letter-spacing: 0.5px;
}
.asconsole .playlist-published-popover .popover-content .chat-list {
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
}
.asconsole .playlist-published-popover .popover-content .chat-list .chat-row {
  display: flex;
  align-items: center;
  margin: 9px 0px;
}
.asconsole .playlist-published-popover .popover-content .chat-list .chat-row .app-logo {
  width: 20px;
  margin-right: 10px;
}
.asconsole .playlist-published-popover .popover-content hr {
  margin: 1px 0 10px 0;
}
.asconsole .playlist-published-popover .popover-content .post-actions {
  display: flex;
  align-items: center;
  margin: 9px 0px;
  cursor: pointer;
}
.asconsole .playlist-published-popover .popover-content .post-actions i {
  color: #72889c;
  width: 26px;
}
.asconsole .playlist-published-popover .popover-content .post-actions:hover {
  cursor: pointer;
}

.asconsole chm-publishing-editor {
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  min-height: 207px;
  width: 100%;
  background-color: white;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-publishing-editor {
    overflow: auto;
  }
}
.asconsole chm-publishing-editor .pe-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  width: 100%;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container {
  display: flex;
  flex-direction: column;
  padding: 15px 30px;
  border-top: 3px solid transparent;
  color: #475369;
  cursor: pointer;
  min-width: 120px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container {
    padding: 10px 15px;
    min-width: 65px;
  }
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container .count-label {
  font-size: 110%;
  margin-bottom: 2px;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container .count-value {
  font-size: 200%;
  line-height: 1;
  margin-right: 5px;
  align-items: flex-end;
  display: flex;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container .count-value i {
  font-size: 70%;
  color: #DDE3EE;
  margin-bottom: 5px;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container .count-value .web-off {
  font-size: 20px;
  color: #475369;
  line-height: 1.1;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container .count-value .web-on {
  font-size: 20px;
  color: #0C817B;
  line-height: 1.1;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-tabs .count-container.selected {
  border-top: 3px solid #475369;
  color: initial;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-actions {
  padding: 20px;
  padding-left: 0;
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-actions {
    padding: 15px;
  }
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-actions .icon {
  color: #475369;
  font-size: 90%;
  line-height: 0.6 !important;
  margin-right: 5px;
}
.asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-actions button {
  display: flex;
  align-items: center;
  font-size: 90%;
  padding: 4px 10px;
  height: 25px;
  font-weight: 500;
  color: #475369;
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .pe-container .pe-header-container .pe-header-actions button {
    margin-right: 0px;
  }
}
.asconsole chm-publishing-editor .pe-container .pe-form-container {
  position: relative;
  flex: 1;
  display: flex;
  flex-basis: auto;
}

.asconsole chm-publishing-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole chm-publishing-editor asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole chm-publishing-editor as-feature-disabler .feature-disabled {
  display: none;
}
.asconsole chm-publishing-editor chm-publishing-form-device,
.asconsole chm-publishing-editor chm-publishing-form-user,
.asconsole chm-publishing-editor chm-publishing-form-channel,
.asconsole chm-publishing-editor chm-publishing-form-channel-group,
.asconsole chm-publishing-editor chm-publishing-form-content,
.asconsole chm-publishing-editor chm-publishing-form-email,
.asconsole chm-publishing-editor chm-publishing-form-employee-app {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole chm-publishing-editor chm-publishing-form-user {
  padding-top: 5px;
}
.asconsole chm-publishing-editor chm-publishing-form-email .email-digest {
  margin-bottom: 8px;
  display: flex;
}
.asconsole chm-publishing-editor .error-container {
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #CB4848;
  background-color: white;
  padding: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 50px;
  gap: 8px;
  align-items: center;
}
.asconsole chm-publishing-editor .error-container .icon {
  color: #CB4848;
}
.asconsole chm-publishing-editor .publish-to-all {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 44px;
  z-index: 100;
  width: 100%;
  height: calc(100% - 40px);
}
.asconsole chm-publishing-editor .publish-to-all span {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole chm-publishing-editor .publishing-table-container {
  display: flex;
  flex: 1;
  position: relative;
  padding: 10px 30px 20px 30px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-table-container {
    padding: 0;
  }
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table {
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-publishing-editor .publishing-table-container searchable-table {
    flex: none;
  }
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-table-container searchable-table {
    padding: 10px 15px 0px 15px;
  }
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container {
  margin: 0;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .table > thead > tr > th {
  padding: 3px 8px;
  cursor: default;
  height: 23px;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .table > thead > tr > th:first-child {
  padding-left: 10px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .as-table-checkbox-header, .asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .as-checkbox-column {
    padding-left: 6px !important;
    padding-right: 1px !important;
  }
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .disabled-cell {
  color: #8493AE;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .disabled-cell .asui-card {
  opacity: 0.5;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-thumbnail-cell {
  width: 50px;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-thumbnail-cell .circle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: #6275A3;
  color: white;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-thumbnail-cell .circle-icon i {
  font-size: 150%;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-thumbnail-cell asui-card-user .card-icon-xs .card-thumbnail-image-circle {
  width: 34px !important;
  height: 34px !important;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-thumbnail-cell asui-card-user .card-icon-xs .card-thumbnail-image-circle span {
  font-size: 14px !important;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-thumbnail-cell asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .device-desc > div {
    display: none;
  }
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-name {
  word-break: break-all;
  color: #0A5BEB;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-type-cell {
  color: #475369;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .capitalize {
  text-transform: capitalize;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-info-cell {
  width: 70px;
  font-size: 120%;
  line-height: 0.7;
  color: #475369;
  text-align: right;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-info-cell i {
  cursor: pointer;
  margin-left: 5px;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .publish-info-cell .icon-alert {
  color: #CB4848;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .display-none {
  display: none;
}
.asconsole chm-publishing-editor .publishing-table-container searchable-table .asui-table-container .as-action-column {
  padding: 0;
  width: 1px;
}
.asconsole chm-publishing-editor .no-content-container .icon-container img {
  width: 90%;
  max-width: 250px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-publishing-editor .no-content-container .icon-container img {
    width: auto;
    max-width: 250px;
  }
}
.asconsole chm-publishing-editor .no-content-container .icon-container i {
  font-size: 10vh !important;
}
.asconsole chm-publishing-editor .no-content-container .register-device-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-publishing-editor .no-content-container .register-device-btn .icon-device {
  padding-right: 5px;
  font-size: 90%;
}
.asconsole chm-publishing-editor .publishing-form {
  max-width: 832px;
  display: flex;
  flex-basis: auto;
  align-items: stretch;
}
.asconsole chm-publishing-editor .publishing-form .form-container {
  display: block;
  width: 100%;
  padding: 30px;
}
.asconsole chm-publishing-editor .publishing-form .form-action .action-container {
  margin-left: 250px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-form .form-action .action-container {
    margin-left: 0;
  }
}
.asconsole chm-publishing-editor .publishing-form .form-row {
  display: flex;
  justify-items: stretch;
  width: 100%;
  margin-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-form .form-row {
    flex-direction: column;
  }
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-label {
  width: 250px;
  min-width: 0;
  font-weight: bold;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-editor .publishing-form .form-row .input-label {
    width: 100%;
  }
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group {
  flex: 1;
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group .asui-dropdown {
  flex: 1;
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group .featured-content .asui-checkbox {
  margin-top: 8px;
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group .asui-tags-input {
  padding: 0;
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group .input-invalid input.textbox, .asconsole chm-publishing-editor .publishing-form .form-row .input-group .input-invalid.asui-date-picker {
  border-color: #CB4848 !important;
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group .input-group-row .ap-label {
  margin-top: 0;
  font-weight: normal;
}
.asconsole chm-publishing-editor .publishing-form .form-row .input-group .input-group-row + .input-group-row {
  margin-top: 10px;
}

.asconsole chm-publishing-form-app {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 10px 30px 20px 30px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-app {
    padding: 10px;
  }
}
.asconsole chm-publishing-form-app .readonly searchable-table .filter-container {
  padding-left: 0 !important;
}
.asconsole chm-publishing-form-app .publishing-app {
  display: flex;
  flex: 1;
  position: relative;
}
.asconsole chm-publishing-form-app .publishing-app .add-btn {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 65px;
  z-index: 1;
}
.asconsole chm-publishing-form-app .publishing-app .history-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: flex;
  align-items: center;
}
.asconsole chm-publishing-form-app .publishing-app .history-btn .icon-history {
  margin-right: 7px;
  color: #475369;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table {
  flex: 1;
  z-index: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table {
    flex: none;
  }
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .searchable-table-base {
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table {
    padding: 0;
  }
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-search input {
  height: 30px;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .filter-container {
  padding-left: 75px;
  margin-right: 95px;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container {
  margin: 0;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .table > thead > tr > th {
  padding: 3px 8px;
  cursor: default;
  height: 23px;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .table > thead > tr > th:first-child {
  padding-left: 10px;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .asui-table td {
  padding: 10px 6px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .as-table-checkbox-header, .asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .as-checkbox-column {
    padding-left: 6px !important;
    padding-right: 1px !important;
  }
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .disabled-cell {
  color: #8493AE;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .disabled-cell .asui-card {
  opacity: 0.5;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name-logo > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name-logo > div .app-logo {
  width: 40px;
  margin-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name-logo > div .app-logo {
    width: 25px;
    margin-right: 10px;
  }
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name-logo > div .chat-name {
  word-break: break-all;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name-logo > div .chat-name break-word {
    word-break: break-all;
  }
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-name {
    display: none;
  }
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-settings {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 14px 0px !important;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-settings .app-settings-btn {
  display: flex;
  align-items: center;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-settings .app-settings-btn .icon-cog {
  color: #475369;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .app-settings .app-error-btn {
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #CB4848;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .publish-info-cell {
  width: 70px;
  font-size: 120%;
  line-height: 0.7;
  color: #475369;
  text-align: right;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .publish-info-cell i {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 15px;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .asui-table-container .publish-info-cell .icon-alert {
  color: #CB4848;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .cta-container {
  display: flex;
  justify-content: center;
}
.asconsole chm-publishing-form-app .publishing-app searchable-table .cta-container .no-content-container {
  border: 0;
}

.asconsole chm-publishing-form-user-container {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  align-items: stretch;
  background-color: transparent;
}
.asconsole chm-publishing-form-user-container .content-container {
  background-color: #fff;
  position: relative;
}
.asconsole chm-publishing-form-user-container .content-container .container-scroll {
  display: flex;
  flex-basis: auto;
  flex: 1;
  align-items: stretch;
}

.asconsole chm-publishing-form-web {
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
  min-width: 0;
}
.asconsole chm-publishing-form-web .publishing-web {
  display: flex;
  flex-direction: column;
  max-width: 650px;
  padding: 30px;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-web .publishing-web {
    padding: 15px;
  }
}
.asconsole chm-publishing-form-web .publishing-web .header {
  color: #475369;
  font-size: 120%;
}
.asconsole chm-publishing-form-web .publishing-web .desc {
  margin: 15px 0 10px 0;
}
.asconsole chm-publishing-form-web .publishing-web button {
  width: 150px;
}
.asconsole chm-publishing-form-web .publishing-web .btn-inactive {
  color: #475369;
  border-color: #DDE3EE !important;
  background-color: #f2f2f2 !important;
}
.asconsole chm-publishing-form-web .publishing-web.enabled .web-label {
  margin-bottom: 5px;
}
.asconsole chm-publishing-form-web .publishing-web.enabled .link-container {
  position: relative;
  margin-bottom: 15px;
  word-break: break-all;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-web .publishing-web.enabled .link-container {
    margin-bottom: 0;
  }
}
.asconsole chm-publishing-form-web .publishing-web.enabled .link-container .link {
  min-height: 31px;
  width: 100%;
  padding: 6px 12px;
  padding-right: 60px;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
.asconsole chm-publishing-form-web .publishing-web.enabled .link-container .url {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole chm-publishing-form-web .publishing-web.enabled .link-container .url break-word {
    word-break: break-all;
  }
}
.asconsole chm-publishing-form-web .publishing-web.enabled .link-container .url a {
  text-decoration: none;
  color: #0A5BEB;
}
.asconsole chm-publishing-form-web .publishing-web.enabled .link-container .asui-copy {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 12px;
  font-size: 12px;
  border-radius: 2px;
  background-color: #0A5BEB;
  color: white;
  cursor: pointer;
}

.asconsole chm-quick-view-overlay {
  position: relative;
  display: flex;
}
.asconsole chm-quick-view-overlay .quick-view-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.asconsole chm-quick-view-overlay .quick-view-container i {
  color: white;
  font-size: 150%;
  margin-left: 4px;
}
.asconsole chm-quick-view-overlay .quick-view-container:hover {
  opacity: 1;
}
.asconsole .quick-view-container-circle .quick-view-container {
  border-radius: 50%;
}

.asconsole chm-publishing-rebuild-targets {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole chm-publishing-rebuild-targets .modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
.asconsole chm-publishing-rebuild-targets .modal-header, .asconsole chm-publishing-rebuild-targets .modal-footer {
  padding: 15px 20px;
}
.asconsole chm-publishing-rebuild-targets .modal-footer {
  display: flex;
  justify-content: center;
}
.asconsole .modal-publishing-rebuild-targets {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  max-width: 600px;
}

.asconsole library-search {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
}
.asconsole library-search .empty-search {
  display: flex;
  flex: 1;
  align-items: center;
  justify-self: center;
}

.asconsole publish-search-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 80vh;
}
.asconsole .modal-header, .asconsole .modal-footer {
  padding: 15px 20px;
}
.asconsole .modal-publish-search {
  padding: 0px;
  flex-direction: column;
  max-width: 600px;
}
.asconsole .modal-publish-search .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  min-height: 0;
}
.asconsole .modal-publish-search .icon-filter {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #6275A3;
  cursor: pointer;
}
.asconsole .modal-publish-search .asui-command-bar {
  margin-top: -10px;
  margin-bottom: 7px !important;
  min-height: initial;
}
.asconsole .modal-publish-search .asui-command-bar .trigger-pointer {
  right: 7px;
}
.asconsole .modal-publish-search .asui-command-bar .close-btn {
  display: none;
}
.asconsole .modal-publish-search .publish-list-container {
  padding: 20px 20px 10px 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  min-height: 0;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container {
  overflow: auto;
  margin-top: 10px;
  flex: 1;
  position: relative;
  display: flex;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container asui-grid {
  width: 100%;
  overflow-y: auto;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container {
  display: flex;
  flex-direction: column;
  margin-top: -10px;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .grid-item {
  padding-top: 10px;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .publish-grid-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .publish-grid-item .pgi-item {
  margin-right: 10px;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .publish-grid-item .pgi-name {
  width: 200px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .publish-grid-item .pgi-email {
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  white-space: nowrap;
  overflow: hidden;
}
.asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .publish-grid-item .icon-device, .asconsole .modal-publish-search .publish-list-container .publish-grid-container .grid-container .publish-grid-item .icon-device-group {
  color: #6275A3;
  line-height: 0.7 !important;
}
.asconsole .modal-publish-search .selected-container {
  background-color: #6275A3;
  color: white;
  width: 100%;
  padding: 10px 20px;
  font-size: 120%;
}

.asconsole send-email-modal {
  display: block;
}
.asconsole send-email-modal .send-email-modal-outer {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole send-email-modal .send-email-modal-outer.has-preview {
  height: 80vh;
}
.asconsole send-email-modal asui-loading-mask {
  position: relative;
  min-height: 80px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.asconsole send-email-modal asui-loading-mask .loading-mask-container {
  flex: 1;
}
.asconsole send-email-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.asconsole send-email-modal .modal-header .h3 {
  flex: 1;
  margin: 0;
  padding: 16px 0 16px 20px;
}
.asconsole send-email-modal .modal-header .icon-cross {
  color: #4f596e;
  font-size: 24px;
  padding: 10px 13px 10px 10px;
  cursor: pointer;
}
.asconsole send-email-modal .send-email-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.asconsole send-email-modal .send-email-modal-content .send-email-preview-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.asconsole send-email-modal .send-email-modal-content .send-email-preview-container .send-email-preview-iframe-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.asconsole send-email-modal .send-email-modal-content .send-email-preview-container .send-email-preview-iframe-container iframe {
  border-radius: 12px;
  border: 1px solid #DBE0EA;
}
.asconsole send-email-modal .send-email-modal-content .send-email-preview-container .send-email-preview-message {
  flex: 1;
  margin-top: 10px;
  border-radius: 12px;
  border: 1px solid #DBE0EA;
  padding: 40px 60px;
  text-align: center;
}
.asconsole send-email-modal .send-email-modal-content .send-email-preview-container .send-email-preview-message img {
  max-width: 224px;
  width: 100%;
}
.asconsole send-email-modal .no-recipient-message {
  color: #CB4848;
}
.asconsole send-email-modal div.no-recipient-message {
  margin-top: 10px;
}
.asconsole send-email-modal .modal-content {
  flex: 1;
  min-width: 0;
  padding-bottom: var(--iphone-bottom-margin);
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  box-shadow: none !important;
}
.asconsole send-email-modal .radio-input {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.asconsole send-email-modal .radio-input .radio-item {
  flex: 1;
}
.asconsole send-email-modal .radio-input .radio-item .radio-desc {
  position: relative;
  top: -2px;
}
.asconsole send-email-modal .radio-input .radio-item .radio-desc.text-disabled {
  opacity: 0.4;
}
.asconsole send-email-modal user-tags-input asui-tags-input .asui-tags-input {
  min-height: 80px;
}
.asconsole send-email-modal user-tags-input asui-tags-input .asui-tags-input .tags .input {
  width: 288px !important;
}
.asconsole .modal .modal-dialog.modal-send-email-modal {
  width: 100%;
  max-width: 660px;
}
.asconsole .popover.send-email-modal-popover .popover-content {
  max-width: 290px;
  padding-right: 0;
}
.asconsole .popover.send-email-modal-popover .send-email-users-popover-content {
  max-height: 160px;
  overflow-y: auto;
}
.asconsole .popover.send-email-modal-popover .send-email-users-popover-content .send-email-users-popover-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 14px;
}

.asconsole settings-device-templates {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole settings-device-templates .filter-bar {
  padding: 0 25px 15px;
}
.asconsole settings-device-templates .template-file-input {
  position: absolute;
  top: -100px;
  left: -100px;
  visibility: hidden;
}
.asconsole settings-device-templates .template-update-input {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}
.asconsole settings-device-templates .asui-table-container .asui-table {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  margin: 0;
  table-layout: fixed;
}
.asconsole settings-device-templates .asui-table-container .asui-table thead th:nth-child(1) {
  width: 100%;
}
.asconsole settings-device-templates .asui-table-container .asui-table thead th:nth-child(2) {
  width: 120px;
}
.asconsole settings-device-templates .asui-table-container .asui-table thead th:nth-child(3) {
  width: 40px;
}
.asconsole settings-device-templates .asui-table-container .asui-table .row-disabled {
  opacity: 0.6;
}
.asconsole settings-device-templates .asui-table-container .asui-table .content-preview {
  height: 30px;
}
.asconsole settings-device-templates .asui-table-container .asui-table .content-name {
  min-width: 0;
  width: 100%;
}
.asconsole settings-device-templates .asui-table-container .asui-table .content-name .content-name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 2px;
}
.asconsole clm-upload-notification-pane .file-list .file-row.template-upload-row .filename-col {
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.asconsole clm-upload-notification-pane .file-list .file-row.template-upload-row .file-thumbnail {
  height: unset;
  width: unset;
}
.asconsole clm-upload-notification-pane .file-list .file-row.template-upload-row .status-label {
  top: unset;
  left: unset;
  position: unset;
}
.asconsole .popover.template-name-popover .popover-content {
  max-height: none;
  word-break: break-word;
  word-wrap: break-word;
}

.asconsole edit-sign {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}

.asconsole edit-sign-actions {
  height: 100%;
  display: flex;
  flex: 1;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-actions {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-actions iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-actions iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-actions iframe {
    height: 100%;
  }
}

.asconsole edit-sign-advanced {
  height: 100%;
  display: flex;
  flex: 1;
}
.asconsole edit-sign-advanced iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-advanced iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-advanced iframe {
    height: 100%;
  }
}

.asconsole edit-sign-data {
  height: 100%;
  display: flex;
  flex: 1;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-data {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-data iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-data iframe {
    height: 100%;
  }
}

.asconsole edit-sign-edit {
  height: 100%;
  display: flex;
  flex: 1;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-edit {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-edit iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-edit iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-edit iframe {
    height: 100%;
  }
}

.asconsole edit-sign-overview {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-overview {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-overview iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-overview iframe {
    height: 100%;
  }
}

.asconsole edit-sign-permissions {
  height: 100%;
  display: flex;
  flex: 1;
}
.asconsole edit-sign-permissions iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-permissions iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-permissions iframe {
    height: 100%;
  }
}

.asconsole edit-sign-players {
  height: 100%;
  display: flex;
  flex: 1;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-players {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-players iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-players iframe {
    height: 100%;
  }
}

.asconsole edit-sign-preview {
  height: 100%;
  display: flex;
  flex: 1;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-preview {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-preview iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-preview iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-preview iframe {
    height: 100%;
  }
}

.asconsole edit-sign-properties {
  height: 100%;
  display: flex;
  flex: 1;
}
.asconsole edit-sign-properties iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-properties iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-properties iframe {
    height: 100%;
  }
}

.asconsole edit-sign-publish {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #dbe0ea;
  background-color: white;
}

.asconsole edit-sign-schedule {
  height: 100%;
  display: flex;
  flex: 1;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-sign-schedule {
    padding: 15px 15px;
  }
}
.asconsole edit-sign-schedule iframe {
  border: none;
  width: 100%;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole edit-sign-schedule iframe {
    height: 100%;
  }
}
@supports (-ms-ime-align: auto) {
  .asconsole edit-sign-schedule iframe {
    height: 100%;
  }
}

.asconsole edit-sign-settings {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #DDE3EE;
}
.asconsole edit-sign-settings .sign-settings-sidemenu {
  text-align: center;
}
.asconsole edit-sign-settings .sign-settings-sidemenu .asui-vertical-navbar {
  border: none;
}

.asconsole edit-sign-settings-overview {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-sign-settings-overview .delete-link {
  padding-top: 5px;
  text-align: left;
  cursor: pointer;
}
.asconsole edit-sign-settings-overview .delete-link a {
  text-decoration: none;
}
.asconsole edit-sign-settings-overview label {
  color: #475369;
}
.asconsole edit-sign-settings-overview .bg-muted {
  opacity: 0.5;
}
.asconsole edit-sign-settings-overview .settings-footer {
  text-align: right;
}
.asconsole edit-sign-settings-overview .upgrade-actions-row {
  display: flex;
  flex-direction: row;
  padding: 0 30px 15px 30px;
}
.asconsole edit-sign-settings-overview .upgrade-actions-row > .input-label {
  width: 210px;
  flex-shrink: 0;
  color: #475369;
  padding-top: 24px;
}
.asconsole edit-sign-settings-overview .upgrade-actions-row .upgrade-actions-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.asconsole edit-sign-settings-overview .upgrade-action-box {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 24px;
  background: #fff;
  border: 1px solid #dde3ee;
  border-radius: 8px;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.15;
  color: #1e293b;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-message {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #68768d;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-learn-more {
  color: #0a5beb;
  text-decoration: none;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-learn-more:hover {
  text-decoration: underline;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-btn {
  flex-shrink: 0;
  background-color: #0a5beb;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  min-width: 72px;
  height: 40px;
  cursor: pointer;
}
.asconsole edit-sign-settings-overview .upgrade-action-box .upgrade-action-box-btn:hover {
  background-color: #0952d3;
}
.asconsole edit-sign-settings-overview .upgrade-actions-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.asconsole chm-publishing-form-single-channel {
  display: flex;
  flex-direction: column;
  min-height: 128px;
  padding: 10px 30px 20px 30px;
  width: 100%;
}
.asconsole chm-publishing-form-single-channel .channel-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole chm-publishing-form-single-channel .channel-container {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
  .asconsole chm-publishing-form-single-channel .channel-container .icon-name-container {
    margin-bottom: 10px;
  }
}
.asconsole chm-publishing-form-single-channel .channel-container .icon-name-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-publishing-form-single-channel .channel-container .icon-name-container .plus-icon {
  border: 2px dashed #DDE3EE;
  padding: 22px 20px;
  color: #8493AE;
  font-size: 26px;
  min-width: 65px;
  text-align: center;
  cursor: pointer;
}
.asconsole chm-publishing-form-single-channel .channel-container .icon-name-container .channel-name {
  margin-left: 20px;
}
.asconsole chm-publishing-form-single-channel .channel-container .icon-name-container .channel-name .channel-type {
  color: #72889c;
  font-size: 70%;
  text-transform: capitalize;
  letter-spacing: 1px;
  display: flex;
  margin-bottom: 5px;
}
.asconsole chm-publishing-form-single-channel .channel-container .icon-name-container .channel-name .channel-type i {
  margin-right: 2px;
}
.asconsole chm-publishing-form-single-channel .channel-loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.asconsole chm-publishing-form-single-channel .no-content-container img {
  width: 45%;
}
.asconsole chm-publishing-form-single-channel .no-content-container .icon-container i {
  font-size: 10vh !important;
}

.asconsole channel-live-stream-input {
  flex: 1;
}
.asconsole channel-live-stream-input .stream-dropdown {
  width: 95px !important;
}
@media all and (max-width: 667px) {
  .asconsole channel-live-stream-input .stream-dropdown {
    width: 65px !important;
  }
}
.asconsole channel-live-stream-input .stream-dropdown .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.asconsole channel-live-stream-input .stream-text {
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
  border-color: #E1E1E1;
  border-left: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.asconsole channel-live-stream-input .remove-btn {
  height: 32px;
  min-width: auto;
  margin-top: -4px;
}

.asconsole chm-tag-rule-template-confirmation {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 218px;
}
.asconsole chm-tag-rule-template-confirmation .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole chm-tag-rule-template-confirmation .modal-header .modal-title {
  flex: 1;
}
.asconsole chm-tag-rule-template-confirmation .modal-header .icon-cross {
  color: #4f596e;
  cursor: pointer;
  font-size: 22px;
}
.asconsole chm-tag-rule-template-confirmation .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px;
  margin: 0;
}
.asconsole chm-tag-rule-template-confirmation .modal-footer .btn-primary {
  text-transform: none;
}
.asconsole .modal-tag-rule-template-confirmation {
  width: calc(100vw - 20px);
  max-width: 600px;
}

.asconsole chm-tag-rule-name-modal {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 263px;
  position: relative;
}
.asconsole chm-tag-rule-name-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole chm-tag-rule-name-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole chm-tag-rule-name-modal .modal-header .icon-cross {
  color: #4f596e;
  cursor: pointer;
  font-size: 22px;
}
.asconsole chm-tag-rule-name-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px;
  margin: 0;
}
.asconsole chm-tag-rule-name-modal .modal-body .name-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 10px;
}
.asconsole chm-tag-rule-name-modal .modal-body .error {
  color: #CB4848;
  margin-top: 2px;
  font-size: 90%;
}
.asconsole chm-tag-rule-name-modal .modal-footer .btn-primary {
  text-transform: none;
}
.asconsole chm-tag-rule-name-modal asui-loading-mask {
  opacity: 0.5;
}
.asconsole .modal-tag-rule-name-modal {
  width: calc(100vw - 20px);
  max-width: 400px;
}

.asconsole chm-template-channel-count .template-channel-count-container,
.asconsole chm-template-channel-count .template-channel-count-content {
  display: inline-block;
}
.asconsole .popover.template-channel-count-popover {
  max-width: 300px;
}
.asconsole .popover.template-channel-count-popover .popover-content {
  max-height: none !important;
  word-break: break-word;
  word-wrap: break-word;
}

.asconsole chm-template-channel-tooltip .template-loading-mask-container {
  position: relative;
  height: 20px;
  width: 80px;
}
.asconsole chm-template-channel-tooltip .template-loading-mask-container asui-loading-mask .loading-mask-container {
  background-color: transparent;
}
.asconsole chm-template-channel-tooltip .channel-separator {
  padding-right: 5px;
}
.asconsole chm-template-channel-tooltip .tooltip-channel-list {
  word-break: break-word;
  word-wrap: break-word;
}

.asconsole chm-device-template-preview-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
.asconsole chm-device-template-preview-modal .modal-header .modal-title {
  padding: 15px;
  font-size: 16px;
  flex: 1;
}
.asconsole chm-device-template-preview-modal .modal-header .top-r-close {
  padding: 15px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.asconsole chm-device-template-preview-modal .modal-header .top-r-close:hover {
  color: #333F55;
}

.asconsole chm-template-selector {
  flex: 1;
  width: 100%;
  display: inline-block;
}
.asconsole chm-template-selector .template-selector-item {
  display: flex;
  width: 100%;
  min-height: 20px;
}
.asconsole chm-template-selector .template-selector-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole .team-selector-mobile-dialog .selected-item chm-template-thumbnail {
  display: none;
}
.asconsole .team-selector-mobile-dialog .selected-item .template-selector-item {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .team-selector-mobile-dialog .selected-item .template-selector-item break-word {
    word-break: break-all;
  }
}
.asconsole .team-selector-mobile-dialog .dropdown-container .user-typeahead-label {
  margin-left: 8px;
}

.asconsole chm-template-thumbnail {
  background: #ffffff;
  display: flex;
  margin-right: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.asconsole chm-template-thumbnail .chm-layout-container {
  position: relative;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
}
.asconsole chm-template-thumbnail .chm-layout-container .chm-layout-zone {
  position: absolute;
  outline: 1px solid #ffffff;
  background: #DDE3EE;
}
.asconsole chm-template-thumbnail .chm-layout-container .chm-layout-zone.highlighted {
  background: #77B0EE !important;
}

.asconsole chm-template-zone-dropdown {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
}
.asconsole chm-template-zone-dropdown asui-dropdown-typeahead {
  width: 100%;
}
.asconsole .template-zone-dropdown-item {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.asconsole .template-zone-dropdown-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.asconsole chm-template-zone-selector .asui-checkbox.zone-selector label {
  align-items: center;
}
.asconsole chm-template-zone-selector .asui-checkbox.zone-selector label input {
  flex-shrink: 0;
}
.asconsole chm-template-zone-selector .asui-checkbox.zone-selector label .checkbox-description {
  display: flex;
}
.asconsole chm-template-zone-selector .asui-checkbox.zone-selector label input[type=checkbox]:focus-visible {
  outline: none;
}
.asconsole chm-template-zone-selector .asui-checkbox.zone-selector label input[type=checkbox]:focus-visible + .checkbox-description {
  outline: 2px solid #77B0EE;
  outline-offset: 1px;
}
.asconsole chm-template-zone-selector .asui-checkbox.zone-selector label .zone-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 0;
  width: 100%;
}

.asconsole channel-upgrade-notification .upgrade-notification-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 360px;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}
.asconsole channel-upgrade-notification .upgrade-notification-toast-body {
  background: #fff;
  border: 1px solid #dde3ee;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 4px 12px rgba(0, 0, 0, 0.15);
  padding: 16px 12px 16px 16px;
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.asconsole channel-upgrade-notification .upgrade-notification-header {
  display: flex;
  gap: 12px;
  align-items: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #0a5beb;
  font-size: 16px;
}
.asconsole channel-upgrade-notification .upgrade-notification-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.35;
  color: #1e293b;
}
.asconsole channel-upgrade-notification .upgrade-notification-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 36px;
}
.asconsole channel-upgrade-notification .upgrade-notification-message {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #68768d;
}
.asconsole channel-upgrade-notification .upgrade-notification-learn-more {
  color: #0a5beb;
  text-decoration: none;
}
.asconsole channel-upgrade-notification .upgrade-notification-learn-more:hover {
  text-decoration: underline;
}
.asconsole channel-upgrade-notification .upgrade-notification-actions {
  display: flex;
  gap: 4px;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-upgrade {
  flex: 1;
  background-color: #0a5beb;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  min-width: 64px;
  text-align: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-upgrade:hover {
  background-color: #0952d3;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-later {
  flex: 1;
  background-color: #fff;
  color: #1e293b;
  border: none;
  border-radius: 8px;
  padding: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  min-width: 64px;
  text-align: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-later:hover {
  background-color: #f8f9fa;
}
.asconsole channel-upgrade-notification .upgrade-notification-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  background-color: #1e293b;
  border: none;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 4px;
}
.asconsole channel-upgrade-notification .upgrade-notification-close i {
  color: #fff;
  font-size: 12px;
}
.asconsole channel-upgrade-notification .upgrade-notification-close:hover {
  background-color: #2f405d;
}

.asconsole chm-datasource-workbook {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole chm-datasource-workbook .workbook-container {
  display: flex;
  flex: 1;
}
.asconsole chm-datasource-workbook .footer-block {
  border-top: 1px solid #DDE3EE;
  text-align: right;
  padding: 10px 0px 10px 25px;
}

.asconsole edit-playlist-edit-zone-view {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
}

.asconsole library-channel-groups {
  display: flex;
  flex: 1;
  flex-basis: auto;
  width: 100%;
  flex-direction: column;
}
.asconsole library-channel-groups .publish-filter {
  border: 1px solid #6275A3;
  border-radius: 10px;
  color: #6275A3;
  padding: 1px 5px;
  font-size: 80%;
  cursor: pointer;
  margin-right: 10px;
}
.asconsole library-channel-groups .publish-filter.active {
  color: #0A5BEB;
  border-color: #0A5BEB;
}
.asconsole library-channel-groups .grid-view-command-bar {
  margin-bottom: 0px;
}
.asconsole library-channel-groups .list-view-command-bar {
  margin-bottom: -11px;
}
.asconsole library-channel-groups .channelgroups-table-container {
  display: flex;
  position: relative;
  flex: 1;
  flex-basis: auto;
  width: 100%;
}
.asconsole library-channel-groups .channelgroups-table-container channel-groups-table {
  width: 100%;
}
.asconsole library-channel-groups .channelgroups-grid-container {
  display: flex;
  position: relative;
  margin-top: 10px;
  flex: 1;
  flex-basis: auto;
  width: 100%;
}
.asconsole library-channel-groups .channelgroups-grid-container channelgroups-grid {
  width: 100%;
}
.asconsole library-channel-groups .no-content-container {
  overflow: auto;
}
.asconsole library-channel-groups .no-content-container .icon-container {
  margin: -10vh 0 0 0;
}

.asconsole channel-groups-grid {
  display: flex;
  flex: 1;
  min-width: 0;
  max-width: 100%;
}
.asconsole channel-groups-grid asui-grid {
  flex: 1;
  width: 100%;
}
.asconsole channel-groups-grid asui-grid .grid-container {
  margin: -3em 0 0 -3em;
}
.asconsole channel-groups-grid asui-grid .grid-container .grid-item {
  padding: 3em 0 0 3em;
}
.asconsole channel-groups-grid asui-grid .grid-container .grid-item .footer-secondary {
  margin-right: 20px;
}
.asconsole channel-groups-grid asui-grid .grid-container .grid-item > div {
  position: relative;
}
.asconsole channel-groups-grid asui-grid .grid-container .grid-item .view-profile {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  padding: 10px;
  line-height: 1;
}
.asconsole channel-groups-grid asui-grid .grid-container .grid-item .view-profile .icon-object-profile {
  color: #A8BCCD;
}
.asconsole channel-groups-grid asui-grid .grid-container .grid-item .view-profile .popover-content {
  white-space: nowrap;
}

.asconsole library-channels {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole library-channels .publish-filter {
  border: 1px solid #6275A3;
  border-radius: 10px;
  color: #6275A3;
  padding: 1px 5px;
  font-size: 80%;
  cursor: pointer;
  margin-right: 10px;
}
.asconsole library-channels .publish-filter.active {
  color: #0A5BEB;
  border-color: #0A5BEB;
}
.asconsole library-channels .grid-view-command-bar {
  margin-bottom: 0px;
}
.asconsole library-channels .list-view-command-bar {
  margin-bottom: -11px;
}
.asconsole library-channels .channels-table-container {
  display: flex;
  position: relative;
  flex: 1;
  flex-basis: auto;
  width: 100%;
}
.asconsole library-channels .channels-table-container channels-table {
  width: 100%;
}
.asconsole library-channels .channels-grid-container {
  display: flex;
  position: relative;
  margin-top: 10px;
  flex: 1;
  flex-basis: auto;
  width: 100%;
}
.asconsole library-channels .channels-grid-container channels-grid {
  max-width: 100%;
  width: 100%;
}
.asconsole library-channels .no-content-container {
  overflow: auto;
}
.asconsole library-channels .no-content-container .icon-container {
  margin: -10vh 0 0 0;
}

.asconsole channels-grid {
  display: flex;
  flex: 1;
  flex-basis: auto;
}
.asconsole channels-grid asui-grid {
  flex: 1;
  width: 100%;
}
.asconsole channels-grid asui-grid .grid-container {
  margin: -3em 0 0 -3em;
}
.asconsole channels-grid asui-grid .grid-container .grid-item {
  padding: 3em 0 0 3em;
}
.asconsole channels-grid asui-grid .grid-container .grid-item > div {
  position: relative;
}
.asconsole channels-grid asui-grid .grid-container .grid-item .view-profile {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  padding: 10px;
  line-height: 1;
}
.asconsole channels-grid asui-grid .grid-container .grid-item .view-profile .icon-object-profile {
  color: #A8BCCD;
}
.asconsole channels-grid asui-grid .grid-container .grid-item .view-profile .popover-content {
  white-space: nowrap;
}
.asconsole channels-grid asui-grid .grid-container .channel-approval-needed .asui-card {
  border-right: 0;
}
.asconsole channels-grid asui-grid .grid-container .channel-approval-needed .asui-card .details-container {
  border-right: 4px solid #EBBE36;
}
.asconsole channels-grid asui-grid .subscribed-channel {
  color: #fff;
  background-color: #6275A3;
  font-size: 85%;
  padding: 5px;
}

.asconsole edit-channel-group-icon-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole edit-channel-group-icon-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole edit-channel-group-icon-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole edit-channel-group-icon-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 49px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole edit-channel-group-icon-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole edit-channel-group-icon-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 40px 0 0 0;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload {
  width: 240px !important;
  height: 100px !important;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop {
  padding: 0 !important;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop .upload-icon-container {
  height: 55px;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop .icon-upload {
  margin-bottom: 0 !important;
}
.asconsole edit-channel-group-icon-modal .modal-body .icon-file-upload .drop .progress-col {
  width: 100% !important;
}

.asconsole edit-channel-group-overview-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 25px;
}
.asconsole edit-channel-group-overview-form .form-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 0px;
}
.asconsole edit-channel-group-overview-form .form-container .form-fields {
  margin-right: 25px;
}
.asconsole edit-channel-group-overview-form .form-container .form-thumbnail .edit-thumbnail-container {
  position: relative;
}
.asconsole edit-channel-group-overview-form .form-container .form-thumbnail .edit-thumbnail-container .edit-thumbnail-link {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: #37393e;
  color: white;
  font-size: 80%;
  padding: 3px 8px;
  border-radius: 2px;
}
.asconsole edit-channel-group-overview-form .form-container .form-thumbnail .edit-thumbnail-container .card-thumbnail {
  width: 300px;
  height: 130px;
}
.asconsole edit-channel-group-overview-form .form-fields {
  margin-bottom: 0;
  flex: 1;
}
.asconsole edit-channel-group-overview-form .form-fields .flex-row {
  padding-bottom: 15px;
}
.asconsole edit-channel-group-overview-form .form-fields .flex-row label {
  width: 115px;
}
.asconsole edit-channel-group-overview-form .form-fields .flex-row input {
  flex: 1;
  margin-right: 0;
}
.asconsole edit-channel-group-overview-form .form-fields .flex-row textarea {
  flex: 1;
  margin: 0;
}
.asconsole edit-channel-group-overview-form .form-fields .flex-row a {
  padding-top: 5px;
  cursor: pointer;
}
.asconsole edit-channel-group-overview-form .form-fields .cgname-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
}
.asconsole edit-channel-group-overview-form .form-fields .cgname-container .cgname-container-inner {
  flex: 1;
  align-self: stretch;
  position: relative;
}
.asconsole edit-channel-group-overview-form .form-fields .cgname-container .cgname-container-inner .cgname-spinner {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 1px;
  top: 2px;
}
.asconsole edit-channel-group-overview-form .form-fields .cgname-container .cgname-container-inner .cgname-spinner .loading-mask-container .outer .spinner2 div.loader {
  width: 28px;
  height: 28px;
}
@media all and (max-width: 992px) {
  .asconsole edit-channel-group-overview-form {
    padding: 15px;
  }
  .asconsole edit-channel-group-overview-form .form-container {
    flex-direction: column;
  }
  .asconsole edit-channel-group-overview-form .form-container .form-thumbnail {
    flex: 1;
  }
  .asconsole edit-channel-group-overview-form .form-fields {
    margin-right: 0 !important;
  }
  .asconsole edit-channel-group-overview-form .form-fields .flex-row {
    padding-bottom: 10px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: stretch;
  }
  .asconsole edit-channel-group-overview-form .form-fields .flex-row label {
    width: inherit;
    flex: 1;
    align-self: stretch;
  }
  .asconsole edit-channel-group-overview-form .form-fields .flex-row input {
    flex: 1;
    align-self: stretch;
  }
  .asconsole edit-channel-group-overview-form .form-fields .flex-row textarea {
    flex: 1;
    align-self: stretch;
  }
}

.asconsole edit-channel-group-permission-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
  padding: 25px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-group-permission-settings {
    padding: 15px;
  }
}

.asconsole edit-channel-approvals-settings {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  padding: 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-approvals-settings {
    padding: 15px;
  }
}
.asconsole edit-channel-approvals-settings .approvals-block {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .asconsole edit-channel-approvals-settings .approvals-block {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.asconsole edit-channel-approvals-settings .approvals-block .key {
  width: 150px;
  color: #2d3851;
  margin-top: 6px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-approvals-settings .approvals-block .key {
    margin-top: 0;
    margin-bottom: 8px;
  }
}
.asconsole edit-channel-approvals-settings .checkbox-block {
  margin-left: 150px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-disabled-icon {
  margin-top: 30px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-disabled-icon img {
  width: 50%;
  max-width: 150px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-actions {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.asconsole edit-channel-approvals-settings .checkbox-block .approvals-actions .approvals-action-title {
  color: #475369;
  margin: 20px 0;
}

.asconsole edit-channel-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-analytics {
    padding: 15px 15px;
  }
}

.asconsole edit-channel-icon-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole edit-channel-icon-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole edit-channel-icon-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole edit-channel-icon-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 50px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole edit-channel-icon-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole edit-channel-icon-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 0px;
}

.asconsole edit-channel-publish {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-publish {
    padding: 15px 15px;
  }
}
.asconsole edit-channel-publish .channel-publish-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  width: 100%;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-publish .channel-publish-container {
    min-width: 0;
  }
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  margin-bottom: 16px;
  padding: 30px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: auto;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .switch-container .label-container {
  margin-right: 30px;
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-publish .channel-publish-container .channel-publish-top .switch-container .label-container {
    margin-right: 10px;
  }
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .btn-xs {
  border-radius: var(--nc-radii__full) !important;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .inherit-desc .publish-cg-link {
  display: inline-block;
  cursor: pointer;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .inherit-desc .inherit-label-before {
  margin-right: -2px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .inherit-container .inherit-desc .inherit-label-after {
  margin-left: -2px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .no-content-container {
  max-height: 628px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-top .no-content-container img {
  width: 70%;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #475369;
  padding: 20px 0;
  cursor: pointer;
  margin: auto;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-btn i {
  margin-left: 5px;
  line-height: 1 !important;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: white;
  padding: 30px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-container .advanced-header {
  font-size: 110%;
  font-weight: 500;
  margin-bottom: 10px;
}
.asconsole edit-channel-publish .channel-publish-container .channel-publish-bottom .advanced-container .advanced-btn-container {
  text-align: right;
  margin-top: 30px;
}

.asconsole chm-approval {
  color: initial;
}
.asconsole chm-approval .approval-header {
  color: #333F55;
}
.asconsole chm-approval .approval-desc {
  margin: 5px 0 15px 0;
  color: #475369;
}
.asconsole chm-approval .approval-comment {
  min-height: 45px;
  padding-bottom: 3px;
}
.asconsole chm-approval .btn-footer .btn-group {
  margin-right: 0;
}

.asconsole chm-restrictions {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions {
    padding: 15px;
  }
}
.asconsole chm-restrictions .switch-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-content: space-between;
}
.asconsole chm-restrictions .switch-container > span {
  margin-top: 3px;
}
.asconsole chm-restrictions .switch-container .switch-text {
  width: 250px;
  margin-right: 20px;
}
.asconsole chm-restrictions .h-border {
  border-bottom: 1px solid #DDE3EE;
  margin: 30px 0;
}
.asconsole chm-restrictions .restr-content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.asconsole chm-restrictions .restr-content .restr-2-col {
  display: flex;
  flex: 1;
  flex-direction: row;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-2-col {
    flex-direction: column;
  }
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-left-label {
  width: 250px;
  margin-right: 20px;
  padding-top: 5px;
  color: #475369;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-2-col .restr-left-label {
    margin-bottom: 10px;
  }
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input label {
  font-weight: normal;
  display: flex;
  align-items: center;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input input[type=radio] {
  margin-right: 10px;
  margin-bottom: 2px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 2px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-types {
  display: flex;
  flex-direction: column;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .restr-content-type-label {
  width: 60px;
  margin-bottom: 4px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .asui-dropdown {
  width: 170px !important;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .restr-text {
  width: 60px;
  height: 31px;
  border-color: #E1E1E1;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-input-block .restr-unit {
  width: 82px !important;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 5px 0 10px 0;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 2px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra label {
  margin-right: 20px;
}
.asconsole chm-restrictions .restr-content .restr-2-col .restr-right-input .restr-content-extra asui-tags-input {
  width: 300px;
}
.asconsole chm-restrictions .restr-content .restr-table {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-table {
    display: none;
  }
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row {
  display: flex;
  flex: 1;
  align-content: space-between;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-cell-text {
  flex: 1;
  padding: 5px 20px 5px 10px;
  display: flex;
  align-items: center;
  border: 1px solid #DDE3EE;
  margin-top: -1px;
  margin-left: -1px;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-header {
  color: #475369;
  border: none;
  padding: 0;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-cell-inputs {
  display: flex;
  flex-direction: row;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row .restr-cell-inputs div {
  border: 1px solid #DDE3EE;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  line-height: 1;
  padding: 5px;
  margin-top: -1px;
  margin-left: -1px;
}
.asconsole chm-restrictions .restr-content .restr-table .restr-row:nth-child(even) {
  background-color: #f1f5f8;
}
.asconsole chm-restrictions .restr-content .restr-table .rest-row-disabled {
  color: #DDE3EE;
}
.asconsole chm-restrictions .restr-content .restr-table-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole chm-restrictions .restr-content .restr-table-mobile {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row {
    display: flex;
    flex: 1;
    flex-direction: column;
    border: 1px solid #DDE3EE;
    border-bottom: none;
    padding: 15px 20px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-text {
    flex: 1;
    margin-bottom: 8px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs {
    display: flex;
    flex-direction: row;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs label {
    font-weight: normal;
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs label:last-child {
    margin-right: 0;
    margin-left: 10px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs input[type=radio] {
    margin-right: 10px;
    margin-bottom: 2px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row .restr-cell-inputs input[type=checkbox] {
    margin-left: 10px;
    margin-bottom: 2px;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row:last-child {
    border-bottom: 1px solid #DDE3EE;
  }
  .asconsole chm-restrictions .restr-content .restr-table-mobile .restr-row:nth-child(even) {
    background-color: #f1f5f8;
  }
}

.asconsole .modal-iconpicker {
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0;
  padding: 20px;
}
.asconsole edit-channel-overview-form {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole edit-channel-overview-form .loading-mask-container {
  background-color: white !important;
}
.asconsole edit-channel-overview-form .form-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.asconsole edit-channel-overview-form .form-container .caption-textarea {
  min-height: 90px;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail {
  margin: 25px 30px 25px 0;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail .edit-thumbnail-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail .edit-thumbnail-container .edit-thumbnail-link {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: #37393e;
  color: white;
  font-size: 80%;
  padding: 3px 8px;
  border-radius: 2px;
}
.asconsole edit-channel-overview-form .form-container .form-thumbnail .edit-thumbnail-container .card-thumbnail {
  width: 130px;
  height: 170px;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown {
  flex: 1;
  width: 100%;
  min-width: 0;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown .bootstrap-select .dropdown-toggle .filter-option {
  text-overflow: ellipsis;
  display: inline-block !important;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown .bootstrap-select .dropdown-menu li a i {
  font-size: 20px;
  margin-top: 0;
  text-align: center;
}
.asconsole edit-channel-overview-form .form-container .asui-dropdown .dropdown-toggle .filter-option i:first-child {
  font-size: 20px;
  position: relative;
  top: 2px;
  vertical-align: top;
}
.asconsole edit-channel-overview-form .sharing-row {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.asconsole edit-channel-overview-form .form-fields {
  margin: 20px 30px 0 30px;
  flex: 1;
  min-width: 0;
}
.asconsole edit-channel-overview-form .form-fields .form-center {
  align-items: center;
}
.asconsole edit-channel-overview-form .form-fields .flex-row {
  padding-bottom: 15px;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-label, .asconsole edit-channel-overview-form .form-fields .flex-row .sharing-label {
  width: 210px;
  color: #475369;
}
.asconsole edit-channel-overview-form .form-fields .flex-row input, .asconsole edit-channel-overview-form .form-fields .flex-row textarea {
  flex: 1;
  margin-right: 0;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-readonly {
  min-height: 74px;
  background-color: #fafafa;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group asui-tags-input {
  display: flex;
  flex-basis: auto;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input {
  flex: 1;
  height: auto;
  margin: 0px 0px 4px 0px;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input .input {
  padding: 6px 8px;
  width: 265px !important;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input .invalid-tag {
  border: 1px solid #f55959 !important;
  background-color: white;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .input-group .channel-groups-tags-input .invalid-tag .tag-text {
  color: #333F55;
}
.asconsole edit-channel-overview-form .form-fields .flex-row network-picker-input {
  flex: 1;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-overview-form .form-fields .flex-row network-picker-input {
    width: 100%;
  }
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block {
  flex: 1;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input {
  margin-top: 15px;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input .copy-btn {
  height: 32px;
  margin-top: -3px;
  border: 1px solid #ccc;
  border-left: none;
  margin-left: 0;
  width: 40px;
  min-width: 55px !important;
  color: #475369;
}
.asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input .copy-btn:active, .asconsole edit-channel-overview-form .form-fields .flex-row .sharing-link-block .sharing-link-input .copy-btn:focus {
  background-color: white;
}
.asconsole edit-channel-overview-form .form-fields .flex-row a {
  cursor: pointer;
  padding-top: 5px;
}
.asconsole edit-channel-overview-form .device-template-dropdown-menu .dropdown-menu.open {
  max-width: 100%;
}
.asconsole edit-channel-overview-form .device-template-dropdown-menu .dropdown-menu.open li a span.text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (max-width: 667px) {
  .asconsole edit-channel-overview-form .form-container {
    flex-direction: column;
  }
  .asconsole edit-channel-overview-form .form-container .form-thumbnail {
    flex: 1;
    width: inherit;
    margin: 0px 15px 7px 15px;
  }
  .asconsole edit-channel-overview-form .form-fields {
    margin: 10px 15px 0 15px;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row {
    padding-bottom: 10px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: stretch;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row .input-label {
    width: inherit;
    flex: 1;
    align-self: stretch;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row input {
    flex: 1;
    align-self: stretch;
  }
  .asconsole edit-channel-overview-form .form-fields .flex-row textarea {
    flex: 1;
    align-self: stretch;
  }
}

.asconsole > .popover {
  height: auto;
  width: auto;
}
.asconsole > .popover .popover-content {
  overflow-y: auto;
}
.asconsole > .popover .popover-content .icon-user, .asconsole > .popover .popover-content .icon-users {
  color: #6275A3;
  margin-right: 7px;
  margin-top: 5px;
}
.asconsole edit-channel-permissions-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
  padding: 25px;
}
@media (max-width: 768px) {
  .asconsole edit-channel-permissions-settings {
    padding: 15px;
  }
}
.asconsole .edit-channel-permissions-settings-content {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .asconsole .edit-channel-permissions-settings-content .permissions-block {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .key {
  width: 150px;
  color: #2d3851;
}
@media (max-width: 768px) {
  .asconsole .edit-channel-permissions-settings-content .permissions-block .key {
    margin-bottom: 8px;
  }
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input {
  flex: 1;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .desc {
  margin-bottom: 10px;
  color: #2d3851;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .common-tags-btn {
  color: #6275A3;
  font-size: 90%;
  border: 1px solid #6275A3;
  height: 24px;
  padding: 2px 5px;
  min-width: 80px;
  margin-bottom: 10px;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .common-tags-btn.selected {
  color: #6275A3;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block .form-input .validation-msg {
  margin-top: 4px;
}
.asconsole .edit-channel-permissions-settings-content .permissions-block:first-child {
  margin-top: 0;
}

.asconsole channel-upgrade-notification .upgrade-notification-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 360px;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}
.asconsole channel-upgrade-notification .upgrade-notification-toast-body {
  background: #fff;
  border: 1px solid #dde3ee;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 4px 12px rgba(0, 0, 0, 0.15);
  padding: 16px 12px 16px 16px;
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.asconsole channel-upgrade-notification .upgrade-notification-header {
  display: flex;
  gap: 12px;
  align-items: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #0a5beb;
  font-size: 16px;
}
.asconsole channel-upgrade-notification .upgrade-notification-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.35;
  color: #1e293b;
}
.asconsole channel-upgrade-notification .upgrade-notification-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 36px;
}
.asconsole channel-upgrade-notification .upgrade-notification-message {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #68768d;
}
.asconsole channel-upgrade-notification .upgrade-notification-learn-more {
  color: #0a5beb;
  text-decoration: none;
}
.asconsole channel-upgrade-notification .upgrade-notification-learn-more:hover {
  text-decoration: underline;
}
.asconsole channel-upgrade-notification .upgrade-notification-actions {
  display: flex;
  gap: 4px;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-upgrade {
  flex: 1;
  background-color: #0a5beb;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  min-width: 64px;
  text-align: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-upgrade:hover {
  background-color: #0952d3;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-later {
  flex: 1;
  background-color: #fff;
  color: #1e293b;
  border: none;
  border-radius: 8px;
  padding: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  min-width: 64px;
  text-align: center;
}
.asconsole channel-upgrade-notification .upgrade-notification-btn-later:hover {
  background-color: #f8f9fa;
}
.asconsole channel-upgrade-notification .upgrade-notification-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  background-color: #1e293b;
  border: none;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 4px;
}
.asconsole channel-upgrade-notification .upgrade-notification-close i {
  color: #fff;
  font-size: 12px;
}
.asconsole channel-upgrade-notification .upgrade-notification-close:hover {
  background-color: #2f405d;
}

.asconsole chm-import-signs {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 295px;
}
.asconsole chm-import-signs iframe {
  flex: 1;
  border: 0;
  outline: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole chm-import-signs iframe {
    height: 100%;
  }
}

.asconsole map-add-theme-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 349px;
  margin-top: 44px;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  background-color: #F8F9FC;
}
.asconsole map-add-theme-widget btn {
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-weight: 500;
}
.asconsole map-add-theme-widget btn .icon {
  font-size: 12px;
}

.asconsole map-floor-building-entrance .building-entrance-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #FFFFFF;
  border-radius: 6px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 4px 4px 8px;
  width: 232px;
}
.asconsole map-floor-building-entrance .building-entrance-container .resource-container {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 8px;
}
.asconsole map-floor-building-entrance .building-entrance-container .resource-container .resource-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-floor-building-entrance .building-entrance-container .resource-container .resource-name break-word {
    word-break: break-all;
  }
}
.asconsole map-floor-building-entrance .building-entrance-container .resource-container .resource-icon {
  font-size: 22px;
}
.asconsole map-floor-building-entrance .building-entrance-container .btn-starting-point {
  margin-left: 16px;
  border-radius: 8px;
}
.asconsole map-floor-building-entrance .building-entrance-container .btn-starting-point:hover {
  background: var(--colors-neutral-200, #EDF2F7);
}
.asconsole map-floor-building-entrance .building-entrance-container .btn-starting-point .icon {
  padding: 5px;
  font-size: 22px;
}
.asconsole map-floor-building-entrance .building-entrance-container .btn-starting-point.highlight {
  color: #0A5BEB;
}

.asconsole map-card-network {
  display: flex;
  flex: 1;
  cursor: pointer;
}
.asconsole map-card-network .nwk-card {
  display: flex;
  flex: 1;
  min-width: 0;
}
.asconsole map-card-network .nwk-card .card-icon {
  position: relative;
}
.asconsole map-card-network .nwk-card .card-icon .card-photo {
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.asconsole map-card-network .nwk-card .card-details {
  padding: 6px 10px;
}
.asconsole map-card-network .nwk-card .card-details .name-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.asconsole map-card-network .nwk-card .card-details .name-container .card-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-card-network .nwk-card .card-details .name-container .card-name break-word {
    word-break: break-all;
  }
}
.asconsole map-card-network .nwk-card .card-details .name-container .icon-context {
  display: flex;
  cursor: pointer;
  color: #6275A3;
  font-size: 20px;
}
.asconsole map-card-network .nwk-card .card-details .card-desc {
  display: none;
}
.asconsole map-card-network .nwk-card-lg {
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  background-color: white;
  overflow: hidden;
}
.asconsole map-card-network .nwk-card-lg .card-icon {
  width: 100%;
  padding-top: 56%;
}
.asconsole map-card-network .nwk-card-lg .card-icon .card-tn-image {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  display: flex;
  flex: unset;
  align-items: center;
  justify-content: center;
  color: #6275A3;
  font-size: 80px;
  width: 100%;
  height: 100%;
  background-color: white;
}
.asconsole map-card-network .nwk-card-lg .card-icon .card-photo {
  background-color: white;
}
.asconsole map-card-network .nwk-card-lg .card-details {
  border-top: 1px solid #DDE3EE;
}
.asconsole map-card-network .nwk-card-lg .card-details .card-name {
  padding-bottom: 2px;
}
.asconsole map-card-network .nwk-card-lg .card-details .card-desc {
  color: #475369;
  font-size: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole map-card-network .nwk-card-md {
  flex-direction: row;
  align-items: center;
}
.asconsole map-card-network .nwk-card-md .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  background-color: #6275A3;
  margin-right: 15px;
}
.asconsole map-card-network .nwk-card-md .card-icon i {
  line-height: 0.7;
}
.asconsole map-card-network .nwk-card-md .card-icon .card-photo {
  border-radius: 50%;
}
.asconsole map-card-network .nwk-card-md .card-details {
  padding: 0;
}
.asconsole map-card-network .nwk-card-md .card-details .icon-context {
  display: none;
}
.asconsole map-card-network .nwk-card-sm {
  flex-direction: row;
  align-items: center;
}
.asconsole map-card-network .nwk-card-sm .card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 14px;
  color: #fff;
  background-color: #6275A3;
  margin-right: 15px;
}
.asconsole map-card-network .nwk-card-sm .card-icon i {
  line-height: 1;
}
.asconsole map-card-network .nwk-card-sm .card-icon .card-photo {
  border-radius: 50%;
}
.asconsole map-card-network .nwk-card-sm .card-details {
  padding: 0;
}
.asconsole map-card-network .nwk-card-sm .card-details .icon-context {
  display: none;
}

.asconsole maps-layer-delete-confirmation .modal-header {
  display: flex;
  justify-content: center;
}
.asconsole maps-layer-delete-confirmation .modal-header h3 {
  margin: 0 auto 0 0;
}
.asconsole maps-layer-delete-confirmation .form .checkbox {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole maps-layer-delete-confirmation .form .checkbox input[type=checkbox] {
  margin-top: 5px;
}

.asconsole map-delete-network-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 350px;
}
.asconsole .modal-map-delete-network {
  padding: 0px;
  flex-direction: column;
  width: calc(100vw - 20px);
  max-width: 600px;
  position: relative;
}
.asconsole .modal-map-delete-network .modal-title {
  font-size: 140%;
}
.asconsole .modal-map-delete-network .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  padding: 0;
  margin: 15px 20px;
}
.asconsole .modal-map-delete-network .modal-body .relocation {
  margin-top: 20px;
}
.asconsole .modal-map-delete-network .modal-body .relocation map-location-dropdown {
  margin: 10px 0;
}
.asconsole .modal-map-delete-network .modal-body .relocation .note {
  font-style: italic;
}
.asconsole .modal-map-delete-network .modal-body .top-border {
  border-top: 1px solid #DDE3EE;
  padding-top: 20px;
}
.asconsole .modal-map-delete-network .modal-body .item-list {
  flex: 1;
  margin-top: 20px;
}
.asconsole .modal-map-delete-network .modal-body .item-list li {
  margin-bottom: 5px;
}
.asconsole .modal-map-delete-network .modal-body .delete-cb {
  font-weight: normal;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 15px;
}
.asconsole .modal-map-delete-network .modal-body .delete-cb input {
  margin-right: 10px !important;
}

.asconsole map-poi-display-properties {
  display: flex;
  flex-direction: column;
}
.asconsole map-poi-display-properties .property-form {
  display: flex;
  flex-direction: column;
}
.asconsole map-poi-display-properties .poi-coords-container {
  display: flex;
  flex-direction: column;
}
.asconsole map-poi-display-properties .poi-coords-container .input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.asconsole map-poi-display-properties .poi-coords-container .input-container .sub-label {
  color: #475369;
  font-size: 80%;
  margin-left: 5px;
  margin-right: 20px;
  padding-top: 3px;
}
.asconsole map-poi-display-properties .poi-coords-container .input-container input {
  margin: 0;
  padding: 6px 0;
  text-align: center;
}
.asconsole map-poi-display-properties .poi-coords-container .input-container .icon-edit {
  margin-right: 4px;
}
.asconsole map-poi-display-properties .poi-coords-container .input-container .clear-btn {
  font-size: 24px;
  border-radius: 5px;
  color: #68768D;
  cursor: pointer;
}
.asconsole map-poi-display-properties .poi-coords-container .input-container .clear-btn:hover {
  color: #333F55;
}
.asconsole map-poi-display-properties .color-picker .sp-replacer {
  margin: 0;
}
.asconsole map-poi-display-properties .color-picker .sp-replacer .sp-preview {
  background: none;
}
.asconsole map-poi-display-properties .color-picker .sp-replacer .sp-clear-display {
  background: linear-gradient(to top left, #fff calc(50% - 1px), red, #fff calc(50% + 1px));
}
.asconsole map-poi-display-properties .last-row {
  margin-bottom: 0 !important;
}

.asconsole map-floor-edit {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px 0 10px 0;
}
.asconsole map-floor-edit .fe-layer-selector {
  padding: 0 18px 10px !important;
}
.asconsole map-floor-edit .floor-info-heading {
  margin-top: 0;
}

.asconsole map-edit-floor-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 518px;
}
.asconsole map-edit-floor-modal .modal-header, .asconsole map-edit-floor-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole map-edit-floor-modal .modal-body {
  padding: 25px 25px 0 25px;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole map-edit-floor-modal .modal-body .floor-edit-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole map-edit-floor-modal .modal-body .floor-edit-row .key {
  color: #475369;
  width: 100px;
  display: flex;
  align-items: center;
}
.asconsole map-edit-floor-modal .modal-body .floor-edit-row input {
  margin: 0;
  flex: 1;
}
.asconsole map-edit-floor-modal .modal-body .floor-edit-row .floor-number {
  width: 125px;
  flex: unset;
}
.asconsole map-edit-floor-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole map-edit-floor-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-map-edit-floor {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-map-edit-floor {
    width: calc(100vw - 7px);
  }
}

.asconsole map-edit-network-modal-appspace-apps user-tags-input {
  margin-top: 12px;
}
.asconsole map-edit-network-modal-appspace-apps user-tags-input asui-tags-input .asui-tags-input .tags input.input {
  width: 305px !important;
}

.asconsole map-edit-network-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole map-edit-network-modal .modal-header, .asconsole map-edit-network-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole map-edit-network-modal .modal-body {
  min-height: 400px;
  padding: 25px 25px 0 25px;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  position: relative;
}
.asconsole map-edit-network-modal .modal-body asui-horizontal-navbar {
  border: 0;
  border-bottom: 1px solid #DDE3EE;
  margin-top: -15px;
  margin-bottom: 24px;
}
.asconsole map-edit-network-modal .modal-body asui-horizontal-navbar li {
  padding: 5px 30px;
}
.asconsole map-edit-network-modal .modal-body form {
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  position: relative;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .key {
  color: #475369;
  width: 240px;
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .input-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row input {
  margin: 0;
  flex: 1;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row clm-image-uploader {
  flex: 1;
  border: 1px solid #DDE3EE;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row network-picker-dropdown {
  flex: 1;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .language-picker {
  flex: 1;
  width: 100%;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .language-picker button {
  border-radius: 4px;
  padding: 5px 12px;
  min-height: 0;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .language-picker button * {
  font-size: 14px;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .language-picker button svg {
  width: 14px;
  height: 14px;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .language-picker .language-disclaimer {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  margin-top: 6px;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .guid-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  min-height: 40px;
  padding: 5px 8px 5px 12px;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  background-color: #EDF2F7;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .guid-field .guid-value {
  flex: 1;
  color: #475369;
  word-break: break-all;
}
.asconsole map-edit-network-modal .modal-body .network-edit-row .guid-field .guid-copy {
  flex-shrink: 0;
  margin-left: 8px;
}
.asconsole map-edit-network-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole map-edit-network-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-map-edit-network {
  width: 800px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-map-edit-network {
    width: calc(100vw - 7px);
  }
}

.asconsole map-edit-theme-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
  min-height: 500px;
}
.asconsole map-edit-theme-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole map-edit-theme-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole map-edit-theme-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole map-edit-theme-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole map-edit-theme-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole map-edit-theme-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole map-edit-theme-modal .modal-body {
    padding: 20px;
  }
}
.asconsole map-edit-theme-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .color-input {
  display: flex;
  align-items: center;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .color-input .asui-color-picker .sp-replacer {
  border: 1px solid #DDE3EE;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .color-input .asui-color-picker .sp-replacer .sp-preview-inner {
  width: 32px;
  height: 32px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .color-input .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .color-input .details .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  white-space: nowrap;
  color: #1E293B;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .color-input .details .hex {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  text-transform: uppercase;
}
.asconsole map-edit-theme-modal .modal-body .edit-row .status-color-container {
  display: flex;
  flex-direction: row;
  column-gap: 24px;
  margin-top: 16px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .textbox {
  height: 40px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .left-label {
  display: flex;
  flex-direction: column;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .left-label .desc {
  font-size: 95%;
  color: #68768D;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .right-label {
  display: flex;
  padding-right: 15px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .right-label .status-colors {
  display: flex;
  gap: 4px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .right-label .status-colors .color-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .right-label .text {
  padding-left: 8px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .custom-dropdown-item .right-label img {
  height: 24px;
  width: 44px;
  object-fit: cover;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .selected-item .custom-dropdown-item .left-label .desc {
  display: none;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .default-status-colors {
  display: flex;
  column-gap: 4px;
  padding-right: 15px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row asui-dropdown-typeahead .default-status-colors span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #DDE3EE;
}
.asconsole map-edit-theme-modal .modal-body .edit-row clm-image-uploader {
  margin-top: 16px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row clm-image-uploader .image-uploader-show {
  border-style: dashed;
  border-radius: 4px;
}
.asconsole map-edit-theme-modal .modal-body .edit-row clm-image-uploader .upload-overlay {
  background-image: none;
}
.asconsole map-edit-theme-modal .modal-body .edit-row clm-image-uploader .upload-overlay .icon-upload {
  display: none;
}
.asconsole map-edit-theme-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole map-edit-theme-modal .sp-replacer .sp-preview {
  background: none;
}
.asconsole .modal-map-edit-theme {
  width: 510px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-map-edit-theme {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-map-edit-theme .modal-content {
  border-radius: 8px;
}

.asconsole map-floor-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-size: 14px;
  position: relative;
}
.asconsole map-floor-editor .fe-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole map-floor-editor .fe-header .fe-header-left {
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole map-floor-editor .fe-header .fe-header-left .icon-arrow-back {
  padding: 20px 20px 20px 30px;
  cursor: pointer;
  color: #6275A3;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-header .fe-header-left .icon-arrow-back {
    padding-left: 15px;
  }
}
.asconsole map-floor-editor .fe-header .fe-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole map-floor-editor .fe-header .fe-header-name .icon-floor-map {
  margin-right: 20px;
  color: #6275A3;
}
.asconsole map-floor-editor .fe-header .fe-header-name asui-editable-label .editable-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-floor-editor .fe-header .fe-header-name asui-editable-label .editable-label break-word {
    word-break: break-all;
  }
}
.asconsole map-floor-editor .fe-header .fe-header-name .fe-header-content {
  flex: 1;
  min-width: 0;
  position: relative;
  margin-right: 20px;
}
.asconsole map-floor-editor .fe-header .fe-header-error {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #CB4848;
}
.asconsole map-floor-editor .fe-header .fe-header-error .icon {
  position: relative;
  top: 2px;
}
.asconsole map-floor-editor .fe-header .fe-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  color: #475369;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-header .fe-header-actions {
    margin-right: 10px;
  }
}
.asconsole map-floor-editor .fe-header .fe-header-actions .btn {
  width: 80px;
}
.asconsole map-floor-editor .fe-header .fe-header-actions .dirty-badge {
  position: absolute;
  bottom: 23px;
  right: 7px;
}
.asconsole map-floor-editor .fe-empty-cta {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 100%;
}
.asconsole map-floor-editor .fe-empty-cta img {
  max-width: 240px;
  margin: 24px;
}
.asconsole map-floor-editor .fe-content {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content {
    flex-direction: column;
  }
}
.asconsole map-floor-editor .fe-content asui-loading-mask .loading-mask-container {
  background: rgba(255, 255, 255, 0.5);
}
.asconsole map-floor-editor .fe-content .fe-side-menu {
  display: flex;
  flex-direction: column;
  min-width: 70px;
  padding-left: 5px;
  padding-right: 5px;
  width: fit-content;
  height: 100%;
  border-left: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content .fe-side-menu {
    display: none;
  }
}
.asconsole map-floor-editor .fe-content .fe-side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 70px;
  color: #6275A3;
}
.asconsole map-floor-editor .fe-content .fe-side-menu .menu-item .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole map-floor-editor .fe-content .fe-side-menu .menu-item .menu-label {
  font-size: 90%;
}
.asconsole map-floor-editor .fe-content .fe-side-menu .menu-item:hover,
.asconsole map-floor-editor .fe-content .fe-side-menu .menu-item.active {
  color: #0A5BEB;
}
.asconsole map-floor-editor .fe-content .fe-layer-selector {
  padding: 20px 25px 20px;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel {
  display: flex;
  width: 50vw;
  max-width: 400px;
  border-left: 1px solid #DDE3EE;
  /* Common */
}
@media all and (max-width: 1600px) {
  .asconsole map-floor-editor .fe-content .fe-edit-panel {
    width: 42%;
  }
}
@media all and (max-width: 1200px) {
  .asconsole map-floor-editor .fe-content .fe-edit-panel {
    width: 40%;
  }
}
@media all and (max-width: 992px) {
  .asconsole map-floor-editor .fe-content .fe-edit-panel {
    width: 45%;
  }
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content .fe-edit-panel {
    width: 100%;
    max-width: unset;
    overflow-y: auto;
    margin-top: 15px;
    flex: 1;
  }
}
.asconsole map-floor-editor .fe-content .fe-edit-panel searchable-grid .asui-input-checkbox {
  margin-top: 3px;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel searchable-grid .asui-input-checkbox-checked {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel searchable-grid .asui-input-checkbox-checked i {
  margin-top: 1px;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-header {
    padding: 0 15px;
  }
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-header .back-btn {
  display: flex;
  align-items: center;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-header .back-btn i {
  font-size: 11px;
  color: #475369;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-header .poi-title {
  color: #6275A3;
  text-transform: uppercase;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body {
  margin: 12px 0;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body asui-accordion .panel-group {
  border-left: 0;
  border-right: 0;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body asui-accordion .panel-group .panel {
  box-shadow: none;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body asui-accordion .panel-group .panel-heading a > span {
    padding: 15px;
  }
  .asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body asui-accordion .panel-group .panel-body {
    padding: 5px 15px 15px 15px;
  }
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row .key {
  color: #475369;
  width: 120px;
  min-width: 120px;
  display: flex;
  margin-top: 8px;
  padding-right: 5px;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row .key.no-margin {
  margin: 0;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row input::-webkit-outer-spin-button,
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row input[type=number] {
  -moz-appearance: textfield;
  min-width: inherit;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row > input {
  margin: 0;
  flex: 1;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row .asui-dropdown, .asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row asui-dropdown-typeahead {
  flex: 1;
  margin: 0;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row.full-row {
  flex-direction: column !important;
  flex: 1;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row.full-row .key {
  width: 100% !important;
  margin-bottom: 5px;
  margin-top: 0 !important;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .poi-editor-row.last-row {
  margin-bottom: 0;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.asconsole map-floor-editor .fe-content .fe-edit-panel .poi-editor-body .action-btn i {
  margin-right: 10px;
  color: #475369;
}
.asconsole map-floor-editor .fe-content .fe-preview {
  display: flex;
  flex: 1;
  background-color: #eef4f9;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content .fe-preview {
    min-height: 200px;
    padding: 0;
  }
}
.asconsole map-floor-editor .fe-content .fe-preview .layer-selector-btn {
  position: absolute;
  bottom: 25px;
  left: 20px;
  z-index: 500;
  font-size: 16px;
  width: 40px;
  height: 40px;
  padding: 8px;
}
.asconsole map-floor-editor .fe-content .fe-preview map-layer-selector {
  position: absolute;
  bottom: 0;
  left: 72px;
  right: 72px;
  height: 180px;
  z-index: 500;
}
.asconsole map-floor-editor .fe-content .fe-preview .floorplan-zoom {
  position: absolute;
  bottom: 25px;
  right: 20px;
  display: flex;
  flex-direction: column;
  z-index: 500;
}
.asconsole map-floor-editor .fe-content .fe-preview .floorplan-zoom .floorplan-btn {
  width: 40px;
  height: 40px;
  font-size: 16px;
  padding: 8px;
}
.asconsole map-floor-editor .fe-content .fe-preview .floorplan-zoom .plus {
  margin-top: 14px;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.asconsole map-floor-editor .fe-content .fe-preview .floorplan-zoom .minus {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.asconsole map-floor-editor .fe-content .fe-preview .floorplan-zoom .globe {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.asconsole map-floor-editor .fe-content .fe-preview .floorplan-zoom .globe + .reset {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 9;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn {
  border-radius: 0;
  font-weight: 200;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn.focus, .asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn:active, .asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn:focus {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 2px rgb(0, 95, 204);
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn-primary:hover {
  color: white;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-types-btns .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-path-tracing-top-container {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  padding: 10px;
  background-color: #FFFFFF;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-path-tracing-top-container .fpe-path-exit-tracing {
  display: flex;
  flex: 1;
  justify-content: space-between;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  align-items: center;
  padding: 8px 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole map-floor-editor .fe-content .fe-preview .fpe-path-tracing-top-container .fpe-path-exit-tracing .highlight {
  font-weight: 600;
}
.asconsole map-floor-editor .fe-content .fe-preview asui-floorplan-editor-v2,
.asconsole map-floor-editor .fe-content .fe-preview asui-floorplan-editor {
  width: 100%;
  padding: 0;
}
.asconsole map-floor-editor .fe-content .fe-preview .version-switch {
  cursor: pointer;
  z-index: 10;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  position: absolute;
  bottom: 15px;
  left: calc(50% - 57px);
}
.asconsole map-floor-editor .fe-content .fe-preview .path-menu-container {
  z-index: 10;
  position: absolute;
  bottom: 65px;
  left: calc(50% - 57px);
  display: flex;
  border-radius: 8px;
  background: var(--nc-colors__neutral0, #FFFFFF);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}
.asconsole map-floor-editor .fe-content .fe-preview .path-menu-container .path-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
}
.asconsole map-floor-editor .fe-content .fe-preview .path-menu-container .path-action .icon {
  padding: 8px;
  border-radius: 8px;
}
.asconsole map-floor-editor .fe-content .fe-preview .path-menu-container .path-action .icon:hover {
  background: var(--nc-colors__neutral100, #F8F9FC);
}
.asconsole map-floor-editor .fe-content .fe-preview .path-menu-container .path-action.active .icon {
  background: #0A5BEB;
  color: white;
}
.asconsole map-floor-editor .fe-content .fe-preview .loading-mask-container {
  background-color: #eef4f9;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container {
  width: 100%;
  min-width: 0;
  display: flex;
  height: 100%;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-floorplan-scale {
  width: 100%;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-floorplan-inner {
  position: absolute;
  display: flex;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-placeholder {
  background-color: #EDF2F7;
  border-radius: 6px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 18px 12px;
  display: none;
  z-index: 2;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-top .fe-placeholder {
  height: 42px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-top .fe-placeholder + .fe-placeholder {
  margin-top: 10px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 18px 12px;
  display: none;
  z-index: 2;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-bottom-left .fe-placeholder {
  height: 34px;
  width: 34px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-bottom-left .fe-placeholder + .fe-placeholder {
  margin-top: 9px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 18px 12px;
  display: none;
  z-index: 2;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-bottom-right .fe-placeholder {
  height: 34px;
  width: 34px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container .fe-mobile-placeholder-bottom-right .fe-placeholder + .fe-placeholder {
  margin-top: 9px;
  height: 68px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container.mobile-view {
  max-width: 375px;
  display: block;
  height: unset;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container.mobile-view .fe-floorplan-scale {
  padding-bottom: 177%;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
}
.asconsole map-floor-editor .fe-content .fe-floorplan-container.mobile-view .fe-mobile-placeholder-top,
.asconsole map-floor-editor .fe-content .fe-floorplan-container.mobile-view .fe-mobile-placeholder-bottom-left,
.asconsole map-floor-editor .fe-content .fe-floorplan-container.mobile-view .fe-mobile-placeholder-bottom-right {
  display: block;
}
.asconsole map-floor-editor .fe-position-input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  padding: 8px 16px;
  border-radius: 6px;
  position: absolute;
  bottom: 25px;
  left: 72px;
  right: 72px;
  background: #FFFFFF;
  display: flex;
  min-width: 0;
  border: 1px solid #DDE3EE;
  align-items: center;
  z-index: 5;
}
.asconsole map-floor-editor .fe-position-input-fields {
  display: flex;
  margin-left: auto;
  margin-right: 30px;
  gap: 8px;
}
.asconsole map-floor-editor .fe-position-input-field {
  display: flex;
}
.asconsole map-floor-editor .fe-position-input-field input {
  margin: 0 4px 0 0;
  border-radius: 4px;
  width: 75px;
  height: 34px;
  padding: 6px;
}
.asconsole map-floor-editor .fe-position-input-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-floor-editor .fe-position-input-label break-word {
    word-break: break-all;
  }
}
.asconsole map-floor-editor .fe-position-input .icon-cross {
  margin-left: 16px;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-content-mobile-hide .fe-edit-panel {
    margin-top: 0;
  }
}
.asconsole map-floor-editor .fe-mobile-menu-container {
  display: none;
  flex-direction: row;
  height: 56px;
  width: 100%;
  border-top: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-editor .fe-mobile-menu-container {
    display: flex;
  }
}
.asconsole map-floor-editor .fe-mobile-menu-container .menu-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #DDE3EE;
  color: #6275A3;
  cursor: pointer;
  z-index: 1;
  background-color: white;
}
.asconsole map-floor-editor .fe-mobile-menu-container .menu-item .icon {
  font-size: 18px;
  margin-bottom: 4px;
}
.asconsole map-floor-editor .fe-mobile-menu-container .menu-item .menu-label {
  font-size: 95%;
}
.asconsole map-floor-editor .fe-mobile-menu-container .menu-item.active {
  color: #0A5BEB;
}
.asconsole map-floor-editor .fe-mobile-menu-container .menu-item:last-child {
  border-right: none;
}
.asconsole .modal-map-floor-editor {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-width: 100vw;
}
.asconsole .modal-map-floor-editor .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole map-floor-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-info {
    padding: 0px 15px 15px 15px;
  }
}

.asconsole map-layer-dropdown {
  display: flex;
}
.asconsole map-layer-dropdown .asui-dropdown {
  width: 100%;
}
.asconsole map-layer-dropdown .asui-dropdown .asui-dropdown-subtext {
  color: #CB4848;
}

.asconsole map-layer-selector {
  display: flex;
  background: #FFFFFF;
  padding: 24px 24px 48px 24px;
  border-radius: 14px 14px 0px 0px;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector {
    padding: 24px 19px;
  }
}
.asconsole map-layer-selector .layer-selector-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  width: 100%;
}
.asconsole map-layer-selector .heading-container {
  width: 100%;
  display: flex;
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector .heading-container {
    padding: 0 5px;
  }
}
.asconsole map-layer-selector .heading-container h3 {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin: 0 8px 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-layer-selector .heading-container h3 break-word {
    word-break: break-all;
  }
}
.asconsole map-layer-selector .heading-container .btn-close {
  padding: 8px;
  font-size: 16px;
  border: 0 none;
  margin-left: auto;
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector .heading-container .btn-close {
    margin: -8px -4px 0 auto;
  }
}
.asconsole map-layer-selector .thumbnail-container {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  gap: 20px;
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector .thumbnail-container {
    flex-wrap: wrap;
    gap: 0;
  }
}
.asconsole map-layer-selector .thumbnail-container .layer-thumbnail {
  width: 142px;
  min-width: 142px;
  height: 92px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector .thumbnail-container .layer-thumbnail {
    width: 33.33333%;
    min-width: 33.33333%;
    height: 0;
    padding-bottom: 20%;
  }
}
@media all and (max-width: 320px) {
  .asconsole map-layer-selector .thumbnail-container .layer-thumbnail {
    width: 50%;
    min-width: 50%;
    height: 0;
    padding-bottom: 30%;
  }
}
.asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-thumbnail-content {
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: lightgrey;
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-thumbnail-content {
    width: auto;
    height: auto;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
  }
}
.asconsole map-layer-selector .thumbnail-container .layer-thumbnail.selected .layer-thumbnail-content {
  border: 2px solid #0A5BEB;
}
.asconsole map-layer-selector .thumbnail-container .layer-thumbnail img {
  width: 100%;
  content-fit: cover;
  height: 100%;
  border-radius: 7px;
}
.asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-name {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  text-align: center;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  background: linear-gradient(0deg, rgba(30, 41, 59, 0.5) 17.04%, rgba(0, 0, 0, 0) 99.15%, rgba(30, 41, 59, 0) 100%) 50%/cover no-repeat;
  display: flex;
  align-items: flex-end;
  text-align: center;
  justify-content: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  line-height: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-name break-word {
    word-break: break-all;
  }
}
@media all and (max-width: 667px) {
  .asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-name {
    font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-name span {
  display: block;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  padding: 0 8px 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-layer-selector .thumbnail-container .layer-thumbnail .layer-name span break-word {
    word-break: break-all;
  }
}

.asconsole maps-location-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole map-location-dropdown {
  position: relative;
  display: flex;
  height: 32px;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
  flex: 1;
  min-width: 0;
}
.asconsole map-location-dropdown .location-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 12px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  min-width: 0;
  outline-offset: -2px;
}
.asconsole map-location-dropdown .location-dropdown .name {
  display: flex;
  align-items: center;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-location-dropdown .location-dropdown .name break-word {
    word-break: break-all;
  }
}
.asconsole map-location-dropdown .location-dropdown .name .location-icon {
  color: #6275A3;
  margin-right: 7px;
}
.asconsole map-location-dropdown .location-dropdown .name .location-name-concat {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-location-dropdown .location-dropdown .name .location-name-concat break-word {
    word-break: break-all;
  }
}
.asconsole map-location-dropdown .location-dropdown .placeholder {
  color: #8493AE;
}
.asconsole map-location-dropdown .location-dropdown .icon-caret-down, .asconsole map-location-dropdown .location-dropdown .icon-cross {
  color: #6275A3;
}
.asconsole map-location-dropdown .dropdown-container {
  position: absolute;
  top: 32px;
  left: 0px;
  z-index: 100;
  width: 100%;
  background: white;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  transform: scaleY(0);
  transform-origin: top;
  transition: 0.3s transform;
  transition-delay: 0.05s;
  overflow-y: auto;
  max-height: 300px;
  padding: 10px 15px;
  display: none;
}
.asconsole map-location-dropdown .dropdown-container asui-spinner {
  min-height: 50px;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner {
  display: flex;
  flex-direction: column;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dt-divider {
  border-top: 1px solid #DDE3EE;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dt-group {
  padding: 8px 6px 0 6px;
  font-size: 80%;
  text-transform: uppercase;
  color: #475369;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item .default-template {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item .default-template .item-icon {
  display: flex;
  margin-right: 10px;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item .default-template .item-icon img {
  width: 15px;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item .default-template .item-icon i {
  color: #475369;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item .custom-template {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole map-location-dropdown .dropdown-container .dropdown-container-inner .dropdown-item.active {
  background-color: #EDF2F7;
}
.asconsole map-location-dropdown .dropdown-container .no-items-cta-container {
  display: flex;
  align-items: center;
  min-height: 50px;
}
.asconsole map-location-dropdown .dropdown-container .no-items-cta-container .no-items-cta {
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: #6275A3;
}
.asconsole map-location-dropdown .dropdown-container .no-items-cta-container .no-items-cta img {
  width: 20px;
  margin-right: 8px;
}
.asconsole map-location-dropdown .dropdown-open {
  display: block;
  transform: scaleY(1) !important;
}
.asconsole map-location-dropdown .item-container {
  display: flex;
  padding: 8px 12px;
}
.asconsole map-location-dropdown .item-container .default-template {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole map-location-dropdown .item-container .default-template .item-icon {
  display: flex;
  margin-right: 10px;
}
.asconsole map-location-dropdown .item-container .default-template .item-icon img {
  width: 15px;
}
.asconsole map-location-dropdown .item-container .default-template .item-icon i {
  color: #475369;
}
.asconsole map-location-dropdown .item-container .custom-template {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole map-location-dropdown .disabled {
  background: #eef4f9 !important;
  color: #3c465d;
  z-index: 3;
}

.asconsole maps-location-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole maps-location-filter-bar .filter-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 10px 0;
  width: 100%;
}
.asconsole maps-location-filter-bar .filter-container .filter-left {
  display: flex;
  flex-direction: row;
}
.asconsole maps-location-filter-bar .filter-container .filter-left .type-dropdown {
  width: 188px;
}
.asconsole maps-location-filter-bar .filter-container .filter-left .type-dropdown .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.asconsole maps-location-filter-bar .filter-container .filter-left .type-dropdown .dropdown-toggle .filter-option i {
  margin-top: 0;
}
.asconsole maps-location-filter-bar .filter-container .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
}
.asconsole maps-location-filter-bar .filter-container .filter-right .divider {
  margin: 0 5px;
}
.asconsole maps-location-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}

.asconsole maps-location-grid {
  width: 100%;
  display: flex;
  flex: 1;
}
.asconsole maps-location-grid .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1024px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 700px) {
  .asconsole maps-location-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole maps-location-grid .grid-container .grid-item .hide-context-menu .context-menu {
  display: none;
}
.asconsole maps-location-grid .grid-container .grid-item .asui-selectable-item-check {
  left: 6px !important;
  top: 6px !important;
}
.asconsole maps-location-grid .grid-container .location-grid-item {
  position: relative;
  flex: 1;
}
.asconsole maps-location-grid .grid-container .item-selected map-card-network .nwk-card-lg {
  border: 1px solid #77B0EE;
  border-radius: 4px;
}
.asconsole maps-location-grid .grid-container .loading-mask {
  background-color: #F8F9FC;
}

.asconsole maps-location-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 25px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole maps-location-list {
    padding: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole maps-location-list maps-location-filter-bar {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.asconsole maps-location-list .maps-location-header-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
.asconsole maps-location-list .maps-location-header-container .usergroup {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  min-width: 0;
  padding-right: 10px;
}
.asconsole maps-location-list .maps-location-header-container .usergroup .text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole maps-location-list .maps-location-header-container .usergroup .text break-word {
    word-break: break-all;
  }
}
.asconsole maps-location-list .maps-location-header-container .breadcrumbs-container {
  display: flex;
  align-items: center;
  min-width: 0;
  padding-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole maps-location-list .maps-location-header-container .breadcrumbs-container {
    display: none;
  }
}
.asconsole maps-location-list .maps-location-header-container .breadcrumbs-container .breadcrumb {
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
.asconsole maps-location-list .maps-location-header-container .breadcrumbs-container .breadcrumb li {
  display: inline !important;
  color: #475369;
  cursor: pointer;
}
.asconsole maps-location-list .maps-location-header-container .breadcrumbs-container .breadcrumb li:last-child {
  color: #333F55;
  cursor: default;
}
.asconsole maps-location-list .maps-location-header-container .menu-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
  cursor: pointer;
}
.asconsole maps-location-list .maps-location-header-container .menu-container .popover-content {
  white-space: nowrap;
  padding: 2px 5px;
}
.asconsole maps-location-list .maps-location-header-container .menu-container maps-location-search-autocomplete {
  width: 250px;
  margin-right: 10px;
}
.asconsole maps-location-list .maps-location-header-container .menu-container maps-location-search-autocomplete .search-group-block {
  padding: 5px 0;
}
.asconsole maps-location-list .maps-location-header-container .menu-container maps-location-search-autocomplete .search-group-block .search-header {
  margin: 5px 15px;
}
.asconsole maps-location-list .maps-location-header-container .menu-container maps-location-search-autocomplete .search-group-block .search-item-row {
  padding: 4px 25px;
}
.asconsole maps-location-list .container-scroll {
  position: absolute;
  top: 40px;
  left: 25px;
  width: calc(100% - 25px);
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.asconsole maps-location-list .container-scroll .list-view-filter .asui-command-bar {
  margin-bottom: 0;
  border-bottom: 0;
}
.asconsole maps-location-list .container-scroll .list-view-filter .asui-command-bar .content {
  background-color: #F8F9FC;
}
.asconsole maps-location-list .container-scroll .list-view-filter.cta-on .asui-command-bar {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .clear-filters a {
  cursor: pointer;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .cta-container {
  display: flex;
  flex: 1;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .no-content-container h3 {
  color: #333F55;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole maps-location-list .container-scroll .maps-location-content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole maps-location-list asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole map-location-picker-modal {
  display: flex;
  flex-direction: column;
  height: 400px;
  font-size: 14px;
}
.asconsole map-location-picker-modal .modal-header, .asconsole map-location-picker-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole map-location-picker-modal .modal-header .modal-title, .asconsole map-location-picker-modal .modal-footer .modal-title {
  font-size: 18px;
}
.asconsole map-location-picker-modal .modal-body {
  padding: 25px;
  margin-bottom: 25px;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow: auto;
}
.asconsole map-location-picker-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole map-location-picker-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-location-picker {
  width: 600px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-location-picker {
    width: calc(100vw - 7px);
  }
}

.asconsole maps-location-search-autocomplete {
  width: 100%;
}
.asconsole maps-location-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}
.asconsole maps-location-search-autocomplete asui-search-autocomplete .asui-search {
  height: 27px;
}
.asconsole maps-location-search-autocomplete .search-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.asconsole maps-location-search-autocomplete .search-item .search-icon-item {
  margin-right: 15px;
}
.asconsole maps-location-search-autocomplete .search-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  min-width: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole maps-location-search-autocomplete .search-item .name break-word {
    word-break: break-all;
  }
}

.asconsole maps-location-table {
  width: 100%;
}
.asconsole maps-location-table .asui-table-container {
  margin-top: 0;
}
.asconsole maps-location-table .asui-table-container .name-td > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole maps-location-table .asui-table-container .name-td > div map-card-network {
  flex: none;
}
.asconsole maps-location-table .asui-table-container .name-td > div map-card-network .card-details {
  display: none;
}
.asconsole maps-location-table .asui-table-container .name-td > div .name-container .loc-name {
  color: #0A5BEB;
  flex: 1;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole maps-location-table .asui-table-container .name-td > div .name-container .loc-name break-word {
    word-break: break-all;
  }
}
.asconsole maps-location-table .asui-table-container .name-td > div .name-container .loc-info {
  margin-top: 1px;
  color: #475369;
  font-size: 90%;
}
.asconsole maps-location-table .asui-table-container .as-action-column .fa-ellipsis-h {
  color: #475369;
}

.asconsole map-location-tree {
  display: flex;
  min-height: 50px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole map-location-tree .location-tree-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole map-location-tree .map-network-tree-base {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-basis: auto;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container {
  display: flex;
  margin-bottom: 10px;
  min-height: 0;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container > ol {
  padding-left: 0;
  width: 100%;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node {
  display: flex;
  flex-direction: column;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .map-tree-node-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .map-tree-node-item span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding: 6px 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .map-tree-node-item span break-word {
    word-break: break-all;
  }
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .map-tree-node-item .tree-caret {
  color: #8493AE;
  margin-right: 5px;
  padding-left: 5px;
  font-size: 120%;
  line-height: 0.8;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .map-tree-node-item .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .map-tree-node-item .icon-context {
  display: none;
  font-size: 24px;
  padding-right: 10px;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node .fa-plus {
  color: #6275A3;
  font-size: 100%;
  padding: 2px;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node asui-spinner {
  min-height: 32px;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node:hover {
  border-radius: 4px;
  background-color: #EDF2F7;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node:hover .icon-context {
  display: inline;
  display: initial;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node.selected {
  border-radius: 4px;
  background-color: #f7f8fb;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .angular-ui-tree-node .tree-node.selected .icon-context {
  display: inline;
  display: initial;
}
.asconsole map-location-tree .map-network-tree-base .map-network-tree-container .disabled {
  opacity: 0.5;
  z-index: 3;
}
.asconsole map-location-tree .map-network-tree-base .no-content-container {
  margin: 10px;
}
.asconsole map-location-tree .map-network-tree-base .no-content-container .non-content-text {
  font-size: 100%;
}
.asconsole map-location-tree asui-loading-mask {
  opacity: 0.5;
}

.asconsole map {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: white;
  padding-bottom: 0;
  padding-right: 0;
  min-height: 0;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole map {
    flex-direction: column;
  }
}
.asconsole map .maps-left {
  display: flex;
  flex-direction: column;
  width: 310px;
  position: relative;
  padding-bottom: 10px;
  margin: 24px 15px 0 20px;
}
@media all and (max-width: 667px) {
  .asconsole map .maps-left {
    width: 100%;
    padding-bottom: 0;
  }
}
.asconsole map .maps-left .header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.asconsole map .maps-left .header-container .title {
  font-size: 24px;
  font-weight: 500;
  margin-left: 5px;
}
.asconsole map .maps-left .header-container .create-nwk-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole map .maps-right {
  display: flex;
  flex: 1;
  min-width: 0;
  background-color: #F8F9FC;
  padding-top: 25px;
}
.asconsole map .maps-right ui-view {
  display: flex;
  flex: 1;
}
.asconsole map .maps-right ui-view .map-header-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
  padding-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole map .maps-right ui-view .map-header-container {
    border-bottom: none;
    padding-top: 10px;
  }
}
.asconsole map .maps-right ui-view .map-header-container .title {
  display: flex;
  align-items: center;
  font-size: 130%;
  color: #333F55;
}
.asconsole map .maps-right ui-view .map-header-container .filter-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #475369;
}
@media all and (max-width: 667px) {
  .asconsole map .maps-right ui-view .map-header-container .filter-container {
    justify-content: flex-end;
    width: 100%;
  }
}
.asconsole map .maps-right ui-view .map-header-container .filter-container .divider {
  margin: 0 5px;
}
.asconsole map .maps-right ui-view .map-header-container .filter-container .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole map .maps-right ui-view .asui-command-bar {
  margin-top: 0;
}
.asconsole map .maps-right ui-view .asui-command-bar .content {
  background-color: #eef4f9;
  padding: 0;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 8px 0 8px 8px;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-filter-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-filter-container .map-filter-left {
  display: flex;
  align-items: center;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-filter-container .map-filter-left .cm-button {
  white-space: nowrap;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-filter-container .map-filter-left .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-filter-container .map-filter-right {
  display: flex;
  align-items: center;
  padding-right: 38px;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-filter-container .map-filter-right .show-tags {
  padding: 4px 8px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  cursor: pointer;
  font-size: 90%;
  white-space: nowrap;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-tags-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
  margin-left: -7px;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-tags-container .tag-item {
  color: white;
  background: #6275A3;
  border: 1px solid #6275A3;
  padding: 2px 10px;
  font-size: 80%;
  text-transform: uppercase;
  max-width: 200px;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  border-radius: var(--nc-radii__full);
  margin-left: 7px;
  margin-top: 5px;
  cursor: pointer;
}
.asconsole map .maps-right ui-view .asui-command-bar ng-transclude.content .map-tags-container .tag-item.selected {
  background: #586b82;
  border: 1px solid #586b82;
}
.asconsole map .maps-right ui-view .asui-command-bar .close-btn {
  padding: 13px 10px;
}
.asconsole map .maps-right ui-view .grid-container {
  margin: -14px 0 14px -14px;
  padding-bottom: 25px;
}
.asconsole map .maps-right ui-view .grid-container .grid-item {
  padding: 14px 0 0 14px;
}
@media (max-width: 3000px) {
  .asconsole map .maps-right ui-view .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 1600px) {
  .asconsole map .maps-right ui-view .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1400px) {
  .asconsole map .maps-right ui-view .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1000px) {
  .asconsole map .maps-right ui-view .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 800px) {
  .asconsole map .maps-right ui-view .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
@media all and (max-width: 667px) {
  .asconsole map .maps-right ui-view .grid-container .grid-item {
    flex: 0 0 50%;
  }
}

.asconsole map-network-tree {
  display: flex;
  flex: 1;
}
.asconsole map-network-tree .map-normal-node {
  display: flex;
  width: 100%;
  max-height: calc(100vh - 53px);
}
@media all and (max-width: 667px) {
  .asconsole map-network-tree .map-normal-node {
    display: none !important;
    height: unset;
  }
}
.asconsole map-network-tree .map-normal-node .map-network-tree-container {
  max-height: calc(100% - 53px);
}
.asconsole map-network-tree .map-normal-node .scroll-container {
  position: relative;
  display: flex;
  flex: 1;
}
.asconsole map-network-tree .map-normal-node .scroll-container .scroll-container-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.asconsole map-network-tree .map-mobile-node {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: #eef4f9;
  padding: 8px 10px;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole map-network-tree .map-mobile-node {
    display: flex !important;
  }
}
.asconsole map-network-tree .map-mobile-node .map-mobile-node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole map-network-tree .map-mobile-node .map-mobile-node-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-network-tree .map-mobile-node .map-mobile-node-name span break-word {
    word-break: break-all;
  }
}
.asconsole map-network-tree .map-mobile-node .map-mobile-node-name .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole map-network-tree .map-mobile-node .fa-caret-down {
  color: #6275A3;
}
.asconsole map-network-tree .map-mobile-tree-container {
  position: absolute;
  top: 73px;
  left: 0px;
  z-index: 100;
  width: calc(100% - 1px);
  min-height: 150px;
  max-height: calc(90vh - 120px);
  background: #fff;
  border: 1px solid #dbe0ea;
  border-top: none;
  overflow-y: hidden;
  padding: 15px;
}
.asconsole map-network-tree .map-mobile-tree-container .map-network-tree-container {
  max-height: calc(90vh - 240px) !important;
}
.asconsole map-network-tree .map-network-tree-base {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole map-network-tree .map-network-tree-base .map-network-tree-container {
  display: flex;
  overflow-y: auto;
  margin-bottom: 10px;
  flex-basis: auto;
  min-height: 0;
}
.asconsole map-network-tree .map-network-tree-base .map-network-tree-container > ol {
  padding-left: 0;
  width: 100%;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container {
  border-top: 1px solid #DDE3EE;
  padding: 10px 0;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container .map-side-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
  padding: 6px 5px;
  cursor: pointer;
  height: 32px;
  font-weight: 400;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container .map-side-menu-item span {
  color: #333F55;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container .map-side-menu-item i {
  color: #68768D;
  margin-right: 10px;
  font-size: 18px;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container .map-side-menu-item:hover {
  background-color: #EDF2F7;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container .map-side-menu-item.selected {
  background-color: #EDF2F7;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole map-network-tree .map-network-tree-base .map-side-menu-container.map-side-menu-top {
  border-top: 0;
  border-bottom: 1px solid #DDE3EE;
  margin-bottom: 10px;
}
.asconsole map-network-tree .map-network-tree-base .no-border {
  border: none !important;
}
.asconsole map-network-tree asui-loading-mask {
  opacity: 0.5;
}
.asconsole map-network-tree .angular-ui-tree-node {
  display: flex;
  flex-direction: column;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node .map-tree-node-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node .map-tree-node-item span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
  padding: 6px 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-network-tree .angular-ui-tree-node .tree-node .map-tree-node-item span break-word {
    word-break: break-all;
  }
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node .map-tree-node-item .icon-context {
  font-size: 24px;
  color: #6275A3;
  display: none;
  padding-right: 10px;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node .map-tree-node-item .tree-caret {
  color: #8493AE;
  margin-right: 5px;
  padding-left: 5px;
  font-size: 120%;
  line-height: 0.8;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node .map-tree-node-item .tree-icon {
  margin-right: 10px;
  font-size: 18px;
  color: #68768D;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node .fa-plus {
  color: #6275A3;
  font-size: 100%;
  padding: 2px;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node:hover {
  border-radius: 4px;
  background-color: #EDF2F7;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node:hover .map-tree-node-item .icon-context {
  display: inline;
}
.asconsole map-network-tree .angular-ui-tree-node .tree-node.selected {
  border-radius: 4px;
  background-color: #f7f8fb;
  font-weight: 700;
}

.asconsole map-floor-plan {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-plan {
    padding: 0 15px 15px 15px;
  }
}
.asconsole map-floor-plan .floor-status-row .detail-label .icon-menu-info-line {
  position: relative;
  top: 2px;
}
.asconsole map-floor-plan .floor-status-row .detail-content {
  text-align: right;
}
.asconsole map-floor-plan .dimension-container {
  width: 100%;
  display: flex;
  gap: 10px;
}
.asconsole map-floor-plan .dimension-container .dimension-unit {
  flex: 0 0 auto;
  color: #475369;
  line-height: 32px;
}
.asconsole map-floor-plan .dimension-container .dimension-value {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.asconsole map-floor-plan .dimension-container .dimension-value input[type=number] {
  margin: 0;
  flex: 1;
}
.asconsole map-floor-plan .dimension-container .dimension-value .asui-dropdown {
  margin: 0;
  width: 100%;
}
.asconsole map-floor-plan .dimension-container .dimension-value .unit {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  padding-left: 2px;
}
.asconsole map-floor-plan clm-image-uploader {
  margin-bottom: 18px;
}
.asconsole map-floor-plan clm-image-uploader .image-uploader {
  height: 130px;
}
@media all and (max-width: 667px) {
  .asconsole map-floor-plan clm-image-uploader .image-uploader {
    height: 90px;
  }
}
.asconsole map-floor-plan clm-image-uploader + .floor-details {
  margin-top: 18px;
}

.asconsole map-poi-add-button {
  display: flex;
}
.asconsole map-poi-add-button .dropdown-toggle {
  color: #77B0EE !important;
  padding: 0 5px !important;
  border-left: none !important;
}
.asconsole map-poi-add-button .open > .dropdown-toggle.btn-primary {
  border-left: none !important;
}
.asconsole map-poi-add-button .dropdown-toggle:active, .asconsole map-poi-add-button .open .dropdown-toggle {
  background: #0A5BEB !important;
}
.asconsole map-poi-add-button .btn-primary {
  padding-right: 2px;
  padding-left: 8px;
}
.asconsole map-poi-add-button .btn-primary:focus {
  background: #0A5BEB;
  border-color: #0A5BEB;
}
.asconsole map-poi-add-button .dropdown-menu {
  width: 200px;
}
.asconsole map-poi-add-button .dropdown-menu .results-container {
  max-height: 310px;
  overflow-y: auto;
}
.asconsole map-poi-add-button .dropdown-menu .search-container {
  padding: 3px 10px 0px 10px;
}
.asconsole map-poi-add-button .dropdown-menu .search-container .asui-search {
  font-size: 12px;
}
.asconsole map-poi-add-button .dropdown-menu .default-header {
  margin: 8px 5px 2px 10px;
  font-size: 60%;
  color: #475369;
  letter-spacing: 0.5px;
}
.asconsole map-poi-add-button .dropdown-menu li a {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 200;
  line-height: 1;
  padding: 7px 15px;
  color: #333F55;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole map-poi-add-button .dropdown-menu li a .icon {
  color: #6275A3;
  margin-right: 10px;
}
.asconsole map-poi-add-button .dropdown-menu .no-results {
  color: #475369;
  margin: 10px 0 5px 0;
  font-size: 90%;
  text-align: center;
}

.asconsole map-poi-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole map-poi-editor .external-calendar {
  justify-content: space-between;
  align-items: center;
}
.asconsole map-poi-editor .resources-dropdown {
  width: 100%;
}
.asconsole map-poi-editor .linked-resources-label {
  display: block;
  text-align: end;
  width: 100%;
  color: #68768D;
}
.asconsole map-poi-editor .reservations-managed {
  border: 1px solid #DDE3EE;
  border-left: 4px solid #0A5BEB;
  border-radius: 3px;
  padding: 10px 12px;
  display: flex;
  flex-direction: row;
}
.asconsole map-poi-editor .reservations-managed i {
  color: #0A5BEB;
  font-size: 14px;
  margin-right: 8px;
  margin-top: 5px;
}
.asconsole map-poi-editor .reservations-managed .text-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole map-poi-editor .reservations-managed .text-container .header {
  color: #0A5BEB;
  line-height: 1.8;
}
.asconsole map-poi-editor .reservations-managed .text-container .text {
  color: #475369;
  line-height: 1.3;
}
.asconsole map-poi-editor clm-image-uploader {
  border: 1px solid #DDE3EE;
}
.asconsole map-poi-editor .cal-resource-label {
  align-items: flex-start;
  margin-top: 7px;
}
.asconsole map-poi-editor .no-margin {
  margin: 0;
}
.asconsole map-poi-editor asui-rich-text .fr-popup {
  left: 12px !important;
}
.asconsole map-poi-editor .reservable-toggle toggle {
  margin-top: 6px;
}
.asconsole map-poi-editor .zone-assignment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 3px;
}
.asconsole map-poi-editor .zone-assignment label {
  display: flex;
  align-items: center;
}
.asconsole map-poi-editor .zone-assignment label span {
  margin-left: 8px;
}
.asconsole map-poi-editor .zone-assignment .auto-assigned-zone {
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  border: 1px #DDE3EE solid;
  border-radius: 4px;
  background-color: #F2F4F8;
  padding: 6px 12px;
  color: #2d3851;
}
.asconsole map-poi-editor .calendar-resource {
  flex: 1;
  position: relative;
  min-width: 0;
  margin-bottom: 12px;
}
.asconsole map-poi-editor .calendar-resource .cal-providers {
  width: 100%;
  margin-bottom: 10px;
}
.asconsole map-poi-editor .calendar-resource .cal-providers .fa-caret-down {
  padding-top: 0;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .icon-search {
  display: none;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .search-autocomplete-dropdown {
  max-height: 42vh;
  min-height: 48px;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .search-autocomplete-dropdown .search-group-block {
  border-bottom: none;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .search-autocomplete-dropdown .search-all-block {
  display: none;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .search-item-row {
  padding: 8px 10px;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item {
  align-items: flex-start;
  flex-direction: column;
  min-width: 0;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource .name break-word {
    word-break: break-all;
  }
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-transform: uppercase;
  color: #475369;
  line-height: 1.4;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource .info .icon-circle {
  font-size: 3px;
  padding: 0 5px;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource .info .capacity {
  display: flex;
  align-items: center;
  color: #475369;
}
.asconsole map-poi-editor .calendar-resource asui-search-autocomplete .custom-item .cal-resource .info .capacity .icon-users-2 {
  margin-right: 2px;
}

.asconsole map-poi-editor-batch {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole map-poi-editor-batch .external-calendar {
  justify-content: space-between;
  align-items: center;
}
.asconsole map-poi-editor-batch .reservations-managed {
  border: 1px solid #DDE3EE;
  border-left: 4px solid #0A5BEB;
  border-radius: 3px;
  padding: 10px 12px;
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
.asconsole map-poi-editor-batch .reservations-managed i {
  color: #0A5BEB;
  font-size: 14px;
  margin-right: 8px;
  margin-top: 5px;
}
.asconsole map-poi-editor-batch .reservations-managed .text-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole map-poi-editor-batch .reservations-managed .text-container .header {
  color: #0A5BEB;
  line-height: 1.8;
}
.asconsole map-poi-editor-batch .reservations-managed .text-container .text {
  color: #475369;
  line-height: 1.3;
}
.asconsole map-poi-editor-batch .zone-assignment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 3px;
}
.asconsole map-poi-editor-batch .zone-assignment label {
  display: flex;
  align-items: center;
}
.asconsole map-poi-editor-batch .zone-assignment label span {
  margin-left: 8px;
}
.asconsole map-poi-editor-batch .zone-assignment .auto-assigned-zone {
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  border: 1px #DDE3EE solid;
  border-radius: 4px;
  background-color: #F2F4F8;
  padding: 6px 12px;
  color: #2d3851;
}
.asconsole map-poi-editor-batch .alignment-row {
  margin-top: 12px;
}
.asconsole map-poi-editor-batch .alignment-row .btn-container {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.asconsole map-poi-grid {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 20px;
  position: relative;
  overflow-y: auto;
}
.asconsole map-poi-grid map-poi-add-button {
  position: absolute;
  top: 0;
  z-index: 2;
}
.asconsole map-poi-grid .cta-add-btn {
  top: 425px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: 38px;
}
.asconsole map-poi-grid .cta-add-btn .main-btn {
  width: 182px;
}
.asconsole map-poi-grid asui-split-button {
  position: absolute;
  top: 0;
  z-index: 2;
}
.asconsole map-poi-grid .cta-active {
  top: 440px;
  left: 140px;
}
.asconsole map-poi-grid searchable-grid {
  flex: unset;
  display: flex;
  min-height: 0;
}
.asconsole map-poi-grid searchable-grid .filter-container {
  min-width: 0;
  display: flex;
}
.asconsole map-poi-grid searchable-grid .asui-search input {
  padding: 0 12px !important;
  font-size: 12px !important;
  height: 30px !important;
  width: calc(100% - 78px);
}
.asconsole map-poi-grid searchable-grid .s-grid-base {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.asconsole map-poi-grid searchable-grid .s-grid-base .s-grid-container {
  overflow-y: auto;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.asconsole map-poi-grid searchable-grid .item-count {
  display: none;
}
.asconsole map-poi-grid searchable-grid .poi-row {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 54px;
}
.asconsole map-poi-grid searchable-grid .poi-row asui-input {
  margin-left: 15px;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-item {
  display: flex;
  align-items: center;
  height: 100%;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-tn {
  margin-left: 15px;
  font-size: 170%;
  color: #6275A3;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-name {
  position: relative;
  flex: 1;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-name .poi-name-container {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-name .poi-name-container span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  max-width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-poi-grid searchable-grid .poi-row .poi-name .poi-name-container span break-word {
    word-break: break-all;
  }
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-name .unmapped {
  color: #CB4848;
  font-size: 10px;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-name .zone {
  color: #475369;
  font-size: 10px;
}
.asconsole map-poi-grid searchable-grid .poi-row .poi-type {
  color: #475369;
}
.asconsole map-poi-grid searchable-grid .poi-row .icon-clear {
  visibility: hidden;
  padding-left: 15px;
  font-size: 130%;
  color: #6275A3;
  margin-right: 15px;
}
.asconsole map-poi-grid searchable-grid .poi-row .icon-calendar {
  visibility: hidden;
  padding-left: 15px;
  font-size: 130%;
  color: #6275A3;
  margin-right: 15px;
}
.asconsole map-poi-grid searchable-grid .poi-row:hover {
  background-color: #eef4f9;
}
.asconsole map-poi-grid searchable-grid .poi-row:hover .icon-clear {
  visibility: unset;
}
.asconsole map-poi-grid searchable-grid .poi-row:hover .icon-calendar {
  visibility: unset;
}
.asconsole map-poi-grid searchable-grid .poi-row.selected {
  background-color: #eef4f9;
}
.asconsole map-poi-grid searchable-grid .clear-filters {
  padding: 10px 0;
}
.asconsole map-poi-grid searchable-grid .no-content-container {
  margin-top: 100px;
}
@media all and (max-width: 667px) {
  .asconsole map-poi-grid searchable-grid .no-content-container {
    margin-top: 0;
  }
}
.asconsole map-poi-grid searchable-grid .no-content-container .icon-container img {
  width: 100%;
}
.asconsole map-poi-grid searchable-grid .no-content-container .non-content-text {
  margin-top: 30px;
  font-size: 100% !important;
}
.asconsole map-poi-grid searchable-grid .no-content-container .non-content-text .title {
  font-weight: bold;
  color: #333F55;
  font-size: 110% !important;
}

.asconsole map-resource-theme-widget {
  display: flex;
  flex-direction: column;
  color: #475369;
}
.asconsole map-resource-theme-widget .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.asconsole map-resource-theme-widget .header .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole map-resource-theme-widget .header .menu {
  display: flex;
  white-space: nowrap;
  color: #1E293B;
}
.asconsole map-resource-theme-widget .header .menu .icon {
  padding: 8px;
  font-size: 16px;
  cursor: pointer;
}
.asconsole map-resource-theme-widget .header .menu .icon-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.asconsole map-resource-theme-widget .content {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  padding: 0 24px;
  background-color: #F8F9FC;
}
.asconsole map-resource-theme-widget .content hr {
  width: 100%;
  margin: 0;
  border-color: #DDE3EE;
}
.asconsole map-resource-theme-widget .content .content-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 57px;
}
.asconsole map-resource-theme-widget .content .content-row .label-container {
  display: flex;
  align-items: center;
  color: #333F55;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-right: 16px;
}
.asconsole map-resource-theme-widget .content .content-row .label-container .icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.asconsole map-resource-theme-widget .content .content-row .value-container {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-transform: capitalize;
  cursor: pointer;
}
.asconsole map-resource-theme-widget .content .content-row .value-container .asui-color-picker {
  pointer-events: none;
}
.asconsole map-resource-theme-widget .content .content-row .value-container .asui-color-picker .sp-replacer {
  border: 1px solid #DDE3EE;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0;
}
.asconsole map-resource-theme-widget .content .content-row .value-container .asui-color-picker .sp-replacer .sp-preview-inner {
  width: 24px;
  height: 24px;
}
.asconsole map-resource-theme-widget .content .content-row .value-container .status-colors {
  display: flex;
  gap: 4px;
}
.asconsole map-resource-theme-widget .content .content-row .value-container .photo {
  width: 63px;
  height: 34px;
  border-radius: 4px;
  object-fit: cover;
}

.asconsole map-theme {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0 25px;
  color: #475369;
}
.asconsole map-theme .section {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 16px;
  padding: 24px 16px;
  background-color: white;
  margin-bottom: 18px;
}
.asconsole map-theme .section asui-loading-mask .loading-mask-container {
  background-color: #FFFFFF;
}
.asconsole map-theme .section hr {
  width: 100%;
  margin: 24px 0;
  border-color: #DDE3EE;
}
.asconsole map-theme .section .color-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 40px;
  margin: 0 24px 0 52px;
  position: relative;
}
.asconsole map-theme .section .color-container .color-input {
  display: flex;
  align-items: center;
}
.asconsole map-theme .section .color-container .color-input .asui-color-picker .sp-replacer {
  border: 1px solid #DDE3EE;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0;
}
.asconsole map-theme .section .color-container .color-input .asui-color-picker .sp-replacer .sp-preview-inner {
  width: 40px;
  height: 40px;
}
.asconsole map-theme .section .color-container .color-input .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 12px;
}
.asconsole map-theme .section .color-container .color-input .details .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  white-space: nowrap;
  color: #333F55;
}
.asconsole map-theme .section .color-container .color-input .details .hex {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
  text-transform: uppercase;
}
.asconsole map-theme .section-info {
  display: flex;
  align-items: center;
}
.asconsole map-theme .section-info .section-icon {
  width: 38px;
  font-size: 40px;
  margin-right: 14px;
}
.asconsole map-theme .section-info .details {
  flex: 1;
}
.asconsole map-theme .section-info .details .title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
  margin-bottom: 4px;
}
.asconsole map-theme .section-info .details .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole map-theme .section-info .menu-container {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
.asconsole map-theme .section-info .menu-container .icon-context {
  font-size: 20px;
  padding: 0 8px 8px 8px;
  cursor: pointer;
}
.asconsole map-theme .multi-layer-selector {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.asconsole map-theme .multi-layer-selector label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 0;
}
.asconsole map-theme .multi-layer-selector .asui-dropdown {
  min-width: 256px;
  margin: 0;
}
.asconsole map-theme asui-accordion .panel-group {
  border: 0;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel {
  border-radius: 16px !important;
  border: 1px solid #DDE3EE !important;
  box-shadow: none;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .panel-heading {
  border: 0;
  border-radius: inherit;
  background-color: white;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .panel-heading .header-title {
  text-transform: initial !important;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .panel-heading a > span {
  padding: 24px 16px;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container {
  margin: 0;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
  min-width: 0;
  padding: 12px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item .ws-grid-item {
  width: 100%;
  height: 100%;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .panel .grid-container .grid-item .no-marker-support map-add-theme-widget {
  height: 234px;
}
.asconsole map-theme asui-accordion .panel-group ng-transclude .resource-accordion .panel-body {
  padding: 0 4px;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container {
  margin-bottom: 18px;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .header-container .header-title .section-info {
  align-items: flex-start;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-container {
  position: relative;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-container asui-loading-mask .loading-mask-container {
  background: rgba(255, 255, 255, 0.5);
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .theme-layer-table th {
  font-weight: 700 !important;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .theme-layer-table .icon-ea-toggle-tooltip {
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-empty {
  border-top: 1px solid #DDE3EE;
  display: flex;
  width: 100%;
  gap: 8px;
  margin-top: 5px;
  padding-top: 24px;
  justify-content: flex-start;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-empty .multi-layer-empty-icon {
  flex: 0 0 120px;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-empty .multi-layer-empty-icon img {
  width: 100%;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-empty .multi-layer-empty-cta {
  flex: 1;
}
.asconsole map-theme asui-accordion.multi-layer-settings-container .multi-layer-empty .multi-layer-empty-cta h4 {
  margin-top: 0;
}
.asconsole map-theme .sp-replacer .sp-preview {
  background: none;
}
.asconsole map-theme .multi-layer-settings-container .multi-layer-actions {
  margin-top: 12px;
}
.asconsole map-theme .multi-layer-settings-container .multi-layer-actions .btn + .btn {
  margin-left: 8px;
}
.asconsole map-theme .multi-layer-settings-container .layer-name-container .error {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #CB4848;
}
.asconsole map-theme .multi-layer-settings-container .layer-id-container .icon {
  padding: 8px;
}
.asconsole map-theme .multi-layer-settings-container .layer-id-container .icon.disabled {
  opacity: 0.4;
}
.asconsole map-theme .multi-layer-settings-container .layer-actions-container {
  text-align: right;
}
.asconsole map-theme .multi-layer-settings-container .layer-actions-container .icon {
  padding: 8px;
}
.asconsole map-theme .multi-layer-settings-container table td {
  vertical-align: top;
}
.asconsole .layer-id-popover {
  color: #FFFFFF;
  background: #1E293B;
  margin-top: 2px;
}
.asconsole .layer-id-popover .arrow {
  display: none;
}
.asconsole .floor-info-section .floor-info-heading {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 0 0 10px 0;
}
.asconsole .floor-info-section .floor-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.asconsole .floor-info-section .floor-details .floor-detail-row {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 6px 0;
  gap: 8px;
}
.asconsole .floor-info-section .floor-details .floor-detail-row.top-align {
  align-items: flex-start;
}
.asconsole .floor-info-section .floor-details .floor-detail-row .detail-label {
  flex: 0 0 110px;
}
.asconsole .floor-info-section .floor-details .floor-detail-row .detail-content {
  text-transform: capitalize;
  flex: 1;
  align-items: center;
  display: flex;
  gap: 8px;
}
.asconsole .floor-info-section .floor-details .floor-detail-row .detail-content.align-end {
  justify-content: flex-end;
}
.asconsole .floor-info-section .floor-details .floor-detail-row .detail-content input.floor-number {
  width: 60px;
  margin: -6px 0;
  height: unset;
  text-align: center;
}
.asconsole .floor-action-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 30px;
}
.asconsole .floor-action-container .action-btn {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole .floor-action-container .action-btn i {
  margin-right: 10px;
  color: #475369;
}

.asconsole map-floor-zone {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 18px;
}
.asconsole map-floor-zone .fe-layer-selector {
  padding: 0 18px 10px !important;
}
.asconsole map-floor-zone .floor-info-heading {
  margin-top: 0;
}

.asconsole map-zone-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole .poi-editor-row toggle {
  margin-top: 8px;
}

.asconsole map-zone-grid {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 18px;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.asconsole map-zone-grid .btn-primary {
  position: absolute;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}
.asconsole map-zone-grid .btn-primary .icon-plus {
  margin-right: 4px;
  font-size: 100%;
}
.asconsole map-zone-grid .cta-active {
  top: 440px;
  left: 140px;
}
.asconsole map-zone-grid searchable-grid {
  flex: unset;
  display: flex;
  min-height: 0;
}
.asconsole map-zone-grid searchable-grid .filter-container {
  margin-bottom: 15px;
}
.asconsole map-zone-grid searchable-grid .filter-container .icon-search {
  display: unset;
}
.asconsole map-zone-grid searchable-grid .asui-search {
  margin-left: 115px !important;
}
.asconsole map-zone-grid searchable-grid .asui-search input {
  padding: 0 12px !important;
  font-size: 12px !important;
  height: 30px !important;
  width: calc(100% - 95px);
}
.asconsole map-zone-grid searchable-grid .s-grid-base {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.asconsole map-zone-grid searchable-grid .s-grid-base .s-grid-container {
  overflow-y: auto;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.asconsole map-zone-grid searchable-grid .item-count {
  display: none;
}
.asconsole map-zone-grid searchable-grid .zone-row {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 54px;
}
.asconsole map-zone-grid searchable-grid .zone-row .zone-item {
  display: flex;
  align-items: center;
  height: 100%;
}
.asconsole map-zone-grid searchable-grid .zone-row .zone-tn {
  display: none;
  margin-left: 15px;
  font-size: 170%;
  color: #6275A3;
}
.asconsole map-zone-grid searchable-grid .zone-row .zone-tn .tn-container {
  border: 1px solid #ff9dab;
  color: rgba(255, 233, 236, 0.6666666667);
  height: 25px;
}
.asconsole map-zone-grid searchable-grid .zone-row .zone-name {
  width: 100%;
  padding: 0 15px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-zone-grid searchable-grid .zone-row .zone-name break-word {
    word-break: break-all;
  }
}
.asconsole map-zone-grid searchable-grid .zone-row .zone-name .unmapped {
  color: #CB4848;
  font-size: 10px;
}
.asconsole map-zone-grid searchable-grid .zone-row .zone-desc {
  color: #475369;
}
.asconsole map-zone-grid searchable-grid .zone-row .icon-clear {
  visibility: hidden;
  padding-left: 15px;
  font-size: 130%;
  color: #6275A3;
  margin-right: 15px;
}
.asconsole map-zone-grid searchable-grid .zone-row:hover {
  background-color: #eef4f9;
}
.asconsole map-zone-grid searchable-grid .zone-row:hover .icon-clear {
  visibility: unset;
}
.asconsole map-zone-grid searchable-grid .zone-row.selected {
  background-color: #eef4f9;
}
.asconsole map-zone-grid searchable-grid .clear-filters {
  padding: 10px 0;
}
.asconsole map-zone-grid searchable-grid .no-content-container {
  margin-top: 100px;
}
@media all and (max-width: 667px) {
  .asconsole map-zone-grid searchable-grid .no-content-container {
    margin-top: 0;
  }
}
.asconsole map-zone-grid searchable-grid .no-content-container .icon-container img {
  width: 100%;
}
.asconsole map-zone-grid searchable-grid .no-content-container .non-content-text {
  margin-top: 30px;
  font-size: 100% !important;
}
.asconsole map-zone-grid searchable-grid .no-content-container .non-content-text .title {
  font-weight: bold;
  color: #333F55;
  font-size: 110% !important;
}

.asconsole map-floor-path {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px 0 10px 0;
}
.asconsole map-floor-path .fe-layer-selector {
  padding: 0 18px 10px !important;
}
.asconsole map-floor-path .floor-info-heading {
  margin-top: 0;
}
.asconsole map-floor-path .building-entry-resource {
  padding: 10px 18px 0 18px;
}
.asconsole map-floor-path .building-entry-resource--detail {
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 16px;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 16px;
  margin-right: 16px;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name break-word {
    word-break: break-all;
  }
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-icon {
  font-size: 24px;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name-floor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 4px;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name-floor .resource-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #1E293B;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name-floor .resource-name break-word {
    word-break: break-all;
  }
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name-floor .resource-floor {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-info .resource-name-floor .resource-floor break-word {
    word-break: break-all;
  }
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-link {
  display: flex;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-link a {
  padding: 3px 5px;
  border-radius: 4px;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-link a .icon {
  font-size: 24px;
}
.asconsole map-floor-path .building-entry-resource--detail .building-entry .resource-container .resource-link a:hover {
  background: #EDF2F7;
  cursor: pointer;
}
.asconsole map-floor-path .building-entry-resource--detail .no-building-entry {
  padding: 5px 0;
}
.asconsole map-floor-path .building-entry-resource--detail.disabled {
  color: #68768D;
  background: #F8F9FC;
}
.asconsole map-floor-path .no-content-container {
  margin-top: 100px;
}
.asconsole map-floor-path .no-content-container .icon-container img {
  width: 100%;
}
.asconsole map-floor-path .no-content-container .non-content-text {
  margin-top: 30px;
  font-size: 100% !important;
}
.asconsole map-floor-path .no-content-container .non-content-text .title {
  font-weight: bold;
  color: #333F55;
  font-size: 110% !important;
}
.asconsole map-floor-path .no-content-container .non-content-text button {
  margin-top: 24px;
}
.asconsole map-floor-path .no-vertical-connection-container {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  padding: 12px;
  border-radius: 8px;
  background: #F0F6FE;
}
.asconsole map-floor-path .no-vertical-connection-container .content {
  display: flex;
  min-width: 0;
  gap: 8px;
}
.asconsole map-floor-path .no-vertical-connection-container .content .icon {
  font-size: 24px;
  color: #0A5BEB;
}
.asconsole map-floor-path .no-vertical-connection-container .footer {
  display: flex;
  justify-content: end;
  margin-top: 7px;
}

.asconsole reservation-settings-accessibility {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole reservation-settings-accessibility .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}

.asconsole resource-add-reservation-rule {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 600px;
  max-height: 95vh;
}
.asconsole resource-add-reservation-rule .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 32px 32px 16px;
  border-bottom: none;
}
.asconsole resource-add-reservation-rule .modal-header .modal-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  font-weight: bold;
}
.asconsole resource-add-reservation-rule .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 32px;
  overflow-y: auto;
}
.asconsole resource-add-reservation-rule .modal-body .approval-timeout-field,
.asconsole resource-add-reservation-rule .modal-body .approval-field-with-error {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.asconsole resource-add-reservation-rule .modal-body .approval-timeout-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.asconsole resource-add-reservation-rule .modal-body .approval-timeout-container span {
  font-size: 16px;
}
.asconsole resource-add-reservation-rule .modal-body .error-message {
  color: var(--Semantic-Negative, #C94040);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole resource-add-reservation-rule .modal-body .minor-changes-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.asconsole resource-add-reservation-rule .modal-body .minor-changes-container .minor-changes-checkbox-container {
  display: flex;
  align-items: center;
  padding-top: 6px;
  gap: 8px;
}
.asconsole resource-add-reservation-rule .modal-body .minor-changes-container .minor-changes-checkbox-container span {
  font-size: 16px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole resource-add-reservation-rule .modal-body .input-row > label {
  width: 240px;
  min-width: 240px;
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #1E293B;
  font-weight: 500;
  margin: 0;
  padding-top: 6px;
}
@media all and (max-width: 667px) {
  .asconsole resource-add-reservation-rule .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole resource-add-reservation-rule .modal-body .input-row .restrict-to, .asconsole resource-add-reservation-rule .modal-body .input-row .automation-action {
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .restrict-to .asui-multiselect, .asconsole resource-add-reservation-rule .modal-body .input-row .automation-action .asui-multiselect {
  width: 100%;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .restrict-to .asui-multiselect .bootstrap-select, .asconsole resource-add-reservation-rule .modal-body .input-row .automation-action .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole resource-add-reservation-rule .modal-body .input-row > input, .asconsole resource-add-reservation-rule .modal-body .input-row > textarea, .asconsole resource-add-reservation-rule .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .dropdown-toggle, .asconsole resource-add-reservation-rule .modal-body .input-row .dropdown-menu {
  font-size: 14px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .input-invalid {
  border-color: #CB4848;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .input-disabled {
  max-width: 138px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row user-tags-input {
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row user-tags-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole resource-add-reservation-rule .modal-body .input-row user-tags-input asui-tags-input .asui-tags-input {
  min-height: unset;
}
.asconsole resource-add-reservation-rule .modal-body .input-row user-tags-input asui-tags-input .asui-tags-input .input {
  font-size: 14px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row visitor-types-multiselect {
  flex: 1;
  min-width: 0;
}
.asconsole resource-add-reservation-rule .modal-body .input-row asui-duration input {
  text-align: left;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .valid-from-option {
  margin-left: 10px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .valid-to-option {
  margin-left: 10px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .valid-to-option .btn {
  height: 34px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .asui-date-range-picker {
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container {
  display: flex;
  gap: 5px;
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container asui-dropdown {
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container .condition-comparator {
  flex: 0 1 200px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container .condition-value-container {
  display: flex;
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container .condition-value-container > div {
  display: flex;
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container .condition-value-container asui-dropdown {
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .condition-container .condition-value-container input {
  margin-bottom: 0;
}
.asconsole resource-add-reservation-rule .modal-body .input-row .duration-ddl {
  max-width: 144px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row asui-duration.duration-ddl {
  margin-left: 10px;
  border: none;
}
.asconsole resource-add-reservation-rule .modal-body .input-row asui-duration.duration-ddl input {
  border-radius: 4px;
  border: 1px solid #DDE3EE;
}
.asconsole resource-add-reservation-rule .modal-body .input-row.calendar-sync-exclusion-note {
  padding: 8px 12px;
  background-color: #F8F9FC;
  border-radius: 4px;
  margin-top: -12px;
}
.asconsole resource-add-reservation-rule .modal-body .input-row.calendar-sync-exclusion-note .text-muted {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #68768D;
  font-style: italic;
}
.asconsole resource-add-reservation-rule .modal-body .last-row {
  margin-bottom: 0;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel {
  margin-top: 20px;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion {
  flex: 1;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group {
  border: none;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-top: 1px solid #DDE3EE;
  padding: 0 0 20px 0;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-heading {
  border: none;
  background-color: unset;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span {
  padding: 15px 0 15px 0;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span .header-container .header-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  font-weight: 700;
  color: #1E293B;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span .header-container .icon {
  padding: 5px;
  border-radius: 8px;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span .header-container .icon:hover {
  background-color: #F8F9FC;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body {
  padding: 0;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list .trigger-item {
  display: flex;
  align-items: center;
  background-color: #F8F9FC;
  width: 100%;
  padding: 8px 14px;
  margin-bottom: 8px;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list .trigger-item .name {
  flex: 1;
  margin-right: 4px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list .trigger-item .name break-word {
    word-break: break-all;
  }
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list .trigger-item i {
  cursor: pointer;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list .add-notification {
  display: flex;
  align-items: center;
  color: #0A5BEB;
  padding-top: 6px;
  cursor: pointer;
}
.asconsole resource-add-reservation-rule .modal-body .accordion-config-panel asui-accordion .panel-group .panel .panel-body .accordion-content .trigger-list .add-notification i {
  margin-right: 4px;
  font-size: 10px;
}
.asconsole resource-add-reservation-rule .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 32px;
  border-top: none;
}
.asconsole resource-add-reservation-rule .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-weight: 500;
  line-height: 100%;
  min-width: 5rem;
  min-height: 2.5rem;
  border-radius: 8px;
}
.asconsole resource-add-reservation-rule .modal-footer .btn.btn-default {
  color: #1E293B;
  border: none;
}
.asconsole .modal-resource-add-reservation-rule {
  width: 800px;
  max-height: 100vh;
}
@media all and (max-width: 667px) {
  .asconsole .modal-resource-add-reservation-rule {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-resource-add-reservation-rule .modal-content {
  max-height: 100vh;
}

.asconsole reservation-admin-reservations {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 25px 25px;
  padding: 0;
  min-height: 0;
  min-width: 0;
  background-color: #fff;
}
@media all and (max-width: 667px) {
  .asconsole reservation-admin-reservations {
    padding: 15px 15px;
  }
}
.asconsole reservation-admin-reservations .rsv-left {
  display: flex;
  flex-direction: column;
  width: 310px;
  overflow: hidden;
  position: relative;
  margin: 20px 15px 0 25px;
}
.asconsole reservation-admin-reservations .rsv-left asui-split-button .dropdown-menu {
  left: 0 !important;
  right: unset;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 15px;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container map-location-dropdown {
  flex: none;
  margin-bottom: 10px;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container .menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 8px;
  cursor: pointer;
  height: 32px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
  border-radius: 3px;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container .menu-item span {
  color: #2d3851;
  margin-left: 10px;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container .menu-item i {
  color: #4f596e;
  width: 18px;
  font-size: 18px;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container .menu-item:hover {
  background-color: #EDF2F7;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container .menu-item.selected {
  background-color: #EDF2F7;
  font-weight: 700;
}
.asconsole reservation-admin-reservations .rsv-left .sidebar-container .menu-item.selected .icon-context {
  visibility: visible;
}
.asconsole reservation-admin-reservations .rsv-right {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  background-color: #F8F9FC;
  border-left: 1px solid #DDE3EE;
}

.asconsole resource-reservation-rules-automation-edit-notification {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 32px 32px 16px;
  border-bottom: none;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-header .modal-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  font-weight: bold;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 32px;
  overflow-y: auto;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row > label {
  width: 200px;
  min-width: 200px;
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #1E293B;
  font-weight: 500;
  margin: 0;
  padding-top: 6px;
}
@media all and (max-width: 667px) {
  .asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row > input, .asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
  border-radius: 4px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row .input-invalid {
  border-color: #CB4848;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row user-tags-input {
  flex: 1;
  margin-top: 8px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row user-tags-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row user-tags-input asui-tags-input .asui-tags-input {
  min-height: unset;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row user-tags-input asui-tags-input .asui-tags-input .input {
  font-size: 14px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row .notification-checkbox {
  margin-top: 14px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row .error-msg {
  margin-top: 4px;
  color: #CB4848;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row .input-error {
  border-color: #CB4848;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .input-row:last-child {
  margin-bottom: 0;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel {
  margin-top: 20px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion {
  flex: 1;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group {
  border: none;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-top: 1px solid #DDE3EE;
  padding: 0 0 20px 0;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-heading {
  border: none;
  background-color: unset;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span {
  padding: 15px 0 15px 0;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span .header-container .header-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  font-weight: 700;
  color: #1E293B;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span .header-container .icon {
  padding: 5px;
  border-radius: 8px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-heading .panel-title a > span .header-container .icon:hover {
  background-color: #F8F9FC;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-body {
  padding: 0;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-body .accordion-panel asui-accordion .panel-group .panel .panel-body .accordion-content label {
  margin-bottom: 8px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 32px;
  border-top: none;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-weight: 500;
  line-height: 100%;
  min-width: 5rem;
  min-height: 2.5rem;
  border-radius: 8px;
}
.asconsole resource-reservation-rules-automation-edit-notification .modal-footer .btn.btn-default {
  color: #1E293B;
  border: none;
}
.asconsole .modal-resource-automation-edit-notification {
  width: 560px;
  max-height: 100vh;
}
@media all and (max-width: 667px) {
  .asconsole .modal-resource-automation-edit-notification {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-resource-automation-edit-notification .modal-content {
  max-height: 95vh;
}

.asconsole reservation-batch-edit-resources {
  font-size: 14px;
}
.asconsole reservation-batch-edit-resources .modal-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.asconsole reservation-batch-edit-resources .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 59px;
  padding: 0;
}
.asconsole reservation-batch-edit-resources .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 10px 30px;
}
.asconsole reservation-batch-edit-resources .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  height: 59px;
  width: 59px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-batch-edit-resources .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole reservation-batch-edit-resources .modal-body {
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row .btn {
  font-size: 14px;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row > label {
  width: 160px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
  padding-top: 6px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-batch-edit-resources .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole reservation-batch-edit-resources .modal-body .input-row > input, .asconsole reservation-batch-edit-resources .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
  max-width: 365px;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row > input .bs-placeholder, .asconsole reservation-batch-edit-resources .modal-body .input-row .asui-dropdown .bs-placeholder {
  color: #8493AE;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row .asui-dropdown-disabled .bootstrap-select {
  cursor: not-allowed;
  opacity: 1;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row .asui-dropdown-disabled .bootstrap-select .btn {
  color: #8493AE;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row map-location-dropdown {
  min-width: 0;
  max-width: 365px;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row .notes {
  max-width: none;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row toggle {
  margin-top: 4px;
}
.asconsole reservation-batch-edit-resources .modal-body .input-row toggle .btn {
  font-size: 10px;
}
.asconsole reservation-batch-edit-resources .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-batch-edit-resources .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole reservation-batch-edit-resources .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}
.asconsole .modal-reservation-batch-edit-resources {
  width: calc(100vw - 7px);
  max-width: 800px;
}

.asconsole reservation-resources-batch-manage-permissions {
  font-size: 14px;
}
.asconsole reservation-resources-batch-manage-permissions .modal-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.asconsole reservation-resources-batch-manage-permissions .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 59px;
  padding: 0;
}
.asconsole reservation-resources-batch-manage-permissions .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 10px 30px;
}
.asconsole reservation-resources-batch-manage-permissions .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  height: 59px;
  width: 59px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-resources-batch-manage-permissions .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole reservation-resources-batch-manage-permissions .modal-body {
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
}
.asconsole reservation-resources-batch-manage-permissions .modal-body .input-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.asconsole reservation-resources-batch-manage-permissions .modal-body .input-row > label {
  width: 100%;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
  padding-bottom: 10px;
}
.asconsole reservation-resources-batch-manage-permissions .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-resources-batch-manage-permissions .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole reservation-resources-batch-manage-permissions .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}
.asconsole .modal-reservation-resources-batch-manage-permissions {
  width: calc(100vw - 7px);
  max-width: 800px;
}

.asconsole reservation-resources-batch-print-qrcode {
  font-size: 14px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.asconsole reservation-resources-batch-print-qrcode .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 59px;
  padding: 0;
}
.asconsole reservation-resources-batch-print-qrcode .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 10px 30px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  height: 59px;
  width: 59px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-resources-batch-print-qrcode .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  border-right: 1px solid #DDE3EE;
  background-color: white;
  overflow-y: auto;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row:first-child {
  margin-top: 0px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row {
  margin-top: 20px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .clm-editor-label {
  margin-top: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .propert-name-toggle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .propert-name-toggle toggle .btn {
  font-size: 11px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .asui-dropdown {
  width: 100%;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .logo-restore-container {
  margin-top: 8px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .file-upload-container .card-file-uploader {
  height: 102px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .file-upload-container .single-file img {
  background-color: #ffffff;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .file-upload-container .icon-trash {
  background-color: rgba(0, 0, 0, 0.5);
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values {
  display: flex;
  flex-direction: row;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values input {
  margin-left: 10px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values.vertical {
  flex-direction: column;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values.vertical input {
  margin-left: 0;
  height: 44px;
  border-radius: 4px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .asui-dropdown {
  width: 100%;
  margin-left: 7px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .asui-dropdown .bootstrap-select .btn {
  height: 44px;
  font-size: 16px;
  line-height: 24px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values toggle {
  margin-right: 10px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .sp-replacer {
  width: 44px;
  height: 44px;
  margin-right: 8px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .sp-replacer .sp-preview {
  background: none;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .cta-color-picker {
  position: relative;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .cta-color-picker .asui-color-picker {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .cta-color-picker .asui-color-picker .sp-replacer {
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .btn-toolbar {
  margin-bottom: 4px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .btn-toolbar .btn-group .btn-default,
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .btn-toolbar .btn-group .btn-primary {
  border: 0 none;
  border-radius: 0 !important;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .btn-toolbar .btn-group + .btn-group {
  border-left: 1px solid #DDE3EE;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .btn-toolbar .asui-dropdown .dropdown-toggle {
  height: 32px;
  font-size: 14px;
  line-height: 1;
  padding-right: 16px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .property-values .btn-toolbar .asui-dropdown .dropdown-toggle .filter-option {
  padding-right: 0;
  width: 18px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .logo-preview-container {
  height: 102px;
  width: 100%;
  position: relative;
  border: 1px dashed #dde3ee;
  background-color: #fff;
  border-radius: 2px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .logo-preview-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 100px;
  min-height: 41px;
  border: 0;
  padding: 6px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .options-panel .option-row .logo-preview-container .icon-trash {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  font-size: 120%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  cursor: pointer;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel {
  padding: 20px 30px;
  position: relative;
  margin-left: 40px;
  flex: 1;
  background-color: #F8F9FC;
  height: 562px;
  width: 397px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .qr-code-container {
  font-size: 20px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper {
  position: absolute;
  left: 0;
  top: 20px;
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  transform: scale(0.5);
  transform-origin: top left;
  overflow-y: auto;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
  color-adjust: exact !important; /*Firefox*/
}
@page {
  .asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper {
    size: portrait;
  }
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper * {
  -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
  color-adjust: exact !important; /*Firefox*/
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper.landscape {
  height: 21cm;
  width: 29.7cm;
  transform: scale(0.5) rotate(270deg);
  top: -17%;
  left: -85%;
  transform-origin: center;
  padding-top: 20%;
}
@page {
  .asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper.landscape {
    size: landscape;
  }
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .page-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qr-code-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode {
  margin: 10px;
  display: flex;
  flex-direction: row;
  padding: 12px;
  border-radius: 4px;
  align-items: center;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .qrcode-left {
  width: 45%;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .qrcode-right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 55%;
  height: 100%;
  padding-left: 5%;
  background-color: transparent !important;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .qrcode-right-logo-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .qr-code-image {
  flex: 1;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .qr-code-image .qrcode-data {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .call-to-action-text {
  padding: 3%;
  word-break: break-word;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .resource-name {
  margin-bottom: 3%;
  padding: 2% 3%;
  text-align: center;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  line-height: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .resource-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .qrcode .resource-name.no-bgcolor {
  margin-bottom: 0;
  padding: 1% 3% 1% 3%;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .no-action-text .qrcode-right-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100% !important;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode {
  width: 254px;
  height: 144px;
  font-size: 12px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode .qr-code-image {
  width: 103px;
  height: 103px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode .resource-name {
  width: 103px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode .qrcode-right-logo-container {
  width: 115px;
  height: 46px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode.qrcode-only {
  width: auto;
  height: auto;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode.qrcode-only .qr-code-image {
  width: 130px;
  height: 130px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .small-qrcode.qrcode-only .resource-name {
  width: 130px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode {
  width: 320px;
  height: 180px;
  font-size: 14px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode .qr-code-image {
  width: 134px;
  height: 134px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode .resource-name {
  width: 134px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode .qrcode-right-logo-container {
  width: 148px;
  height: 59px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode.qrcode-only {
  width: auto;
  height: auto;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode.qrcode-only .qr-code-image {
  width: 180px;
  height: 180px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .medium-qrcode.qrcode-only .resource-name {
  width: 180px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode {
  width: 490px;
  height: 270px;
  font-size: 18px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode .qr-code-image {
  width: 208px;
  height: 208px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode .resource-name {
  width: 208px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode .qrcode-right-logo-container {
  width: 233px;
  height: 93px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode.qrcode-only {
  width: auto;
  height: auto;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode.qrcode-only .qr-code-image {
  width: 280px;
  height: 280px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-body .print-preview-panel .print-paper .large-qrcode.qrcode-only .resource-name {
  width: 280px;
}
.asconsole reservation-resources-batch-print-qrcode .modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.asconsole reservation-resources-batch-print-qrcode .modal-footer .print-job {
  color: #475369;
  flex: 1;
  text-align: left;
}
.asconsole reservation-resources-batch-print-qrcode .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole reservation-resources-batch-print-qrcode .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}
.asconsole .modal-reservation-resources-batch-print-qrcode {
  width: calc(100vw - 20px);
  max-width: 895px;
}

.asconsole reservation-card-linked-resource {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-card-linked-resource .rsc-card-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border-radius: 12px;
  border: 1px solid transparent;
  padding: 12px;
  margin: 2px 4px;
}
.asconsole reservation-card-linked-resource .rsc-card-container:hover {
  background: #F8F9FC;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F6FE;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  margin-right: 12px;
  position: relative;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-thumbnail img {
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-thumbnail .icon {
  color: #0A5BEB;
  font-size: 20px;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-details .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1E293B;
  margin-bottom: 6px;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-details .description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  display: flex;
  align-items: center;
}
.asconsole reservation-card-linked-resource .rsc-card-container .rsc-details .description .provider-logo {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.asconsole reservation-card-resource {
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole reservation-card-resource .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  color: white;
  background-color: #002169;
  margin-right: 10px;
}
.asconsole reservation-card-resource .icon-container .number {
  font-size: 22px;
  font-weight: 500;
}
.asconsole reservation-card-resource .rsc-name {
  min-width: 0;
}
.asconsole reservation-card-resource .rsc-name .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-resource .rsc-name .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-card-resource .rsc-name .desc {
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-card-resource .rsc-name .desc break-word {
    word-break: break-all;
  }
}
.asconsole .connected-resource-popover .popover-content {
  padding: 8px 12px;
}
.asconsole .connected-resource-popover .popover-content .resource-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.asconsole .connected-resource-popover .popover-content .resource-container .linked-resource-item, .asconsole .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  gap: 8px;
}
.asconsole .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name, .asconsole .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name break-word, .asconsole .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name break-word {
    word-break: break-all;
  }
}
.asconsole .connected-resource-popover .popover-content .resource-container .linked-resource-item .item-name:hover, .asconsole .connected-resource-popover .popover-content .resource-container .connected-resource-item .item-name:hover {
  text-decoration: underline;
}
.asconsole .connected-resource-popover .popover-content .resource-container .linked-resource-item {
  display: flex;
  align-items: center;
}
.asconsole .connected-resource-popover .popover-content .resource-container .connected-resource-item {
  display: flex;
  flex-direction: column;
}
.asconsole .connected-resource-popover .popover-content .resource-container .connected-resource-item .item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.asconsole reservation-provider-change-passport-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
}
.asconsole reservation-provider-change-passport-modal .modal-header {
  padding: 15px 25px;
  font-size: 16px;
}
.asconsole reservation-provider-change-passport-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-provider-change-passport-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
}
.asconsole reservation-provider-change-passport-modal .modal-body .desc {
  margin-bottom: 10px;
}
.asconsole reservation-provider-change-passport-modal .error-msg {
  display: flex;
  flex: 1;
  color: #CB4848;
}
.asconsole reservation-provider-change-passport-modal .btn {
  padding: 5px 12px;
}
.asconsole reservation-provider-change-passport-modal .loading-mask-container {
  opacity: 0.5;
}

.asconsole reservation-changes-confirmation-modal .header {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  padding: 12px 12px 0 32px;
}
.asconsole reservation-changes-confirmation-modal .header .close-button-container {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-changes-confirmation-modal .header .close-button-container .icon {
  font-size: 24px;
  color: #68768D;
  cursor: pointer;
}
.asconsole reservation-changes-confirmation-modal .header .info-container {
  border-radius: 50%;
  background: #F0F6FE;
  width: 48px;
  height: 48px;
}
.asconsole reservation-changes-confirmation-modal .header .info-container .icon {
  padding: 12px;
  font-size: 24px;
  color: #0A5BEB;
}
.asconsole reservation-changes-confirmation-modal .modal-body {
  padding: 0 32px 32px 32px;
}
.asconsole reservation-changes-confirmation-modal .modal-body .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
}
.asconsole reservation-changes-confirmation-modal .modal-body .instructions {
  margin-bottom: 24px;
}
.asconsole reservation-changes-confirmation-modal .modal-body .asui-checkbox {
  margin-bottom: 32px;
}
.asconsole reservation-changes-confirmation-modal .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.asconsole reservation-changes-confirmation-modal .footer button {
  flex: 1;
  height: 40px;
  padding: 10px;
}

.asconsole resource-reservation-rules-checkpoint-edit-trigger {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 710px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-header .modal-title {
  font-size: 20px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 30px;
  overflow-y: auto;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row > label {
  color: #0b1835;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 0 0 8px 0;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row > input, .asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
  border-radius: 4px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row .input-invalid {
  border-color: #CB4848;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row user-tags-input {
  flex: 1;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row user-tags-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row user-tags-input asui-tags-input .asui-tags-input {
  min-height: unset;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row user-tags-input asui-tags-input .asui-tags-input .input {
  font-size: 14px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row .notification-checkbox {
  margin-top: 14px;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row .error-msg {
  margin-top: 4px;
  color: #CB4848;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row .input-error {
  border-color: #CB4848;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-body .input-row:last-child {
  margin-bottom: 0;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole resource-reservation-rules-checkpoint-edit-trigger .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-resource-checkpoint-edit-trigger {
  width: 500px;
  max-height: 100vh;
}
@media all and (max-width: 667px) {
  .asconsole .modal-resource-checkpoint-edit-trigger {
    width: calc(100vw - 7px);
  }
}
.asconsole .modal-resource-checkpoint-edit-trigger .modal-content {
  max-height: 95vh;
}

.asconsole reservation-concierge-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole reservation-concierge-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole reservation-concierge-filter-bar .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 13px 0;
}
@media all and (max-width: 667px) {
  .asconsole reservation-concierge-filter-bar .filter-container {
    padding-top: 0;
  }
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-left {
  display: flex;
  align-items: center;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-concierge-filter-bar .filter-container .filter-left {
    display: none;
  }
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-left h3 {
  margin: 0 10px 0 0;
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-left .add-btn {
  width: 76px;
  margin-right: 10px;
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-left .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-right .total-items {
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.asconsole reservation-concierge-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-concierge-filter-bar .filter-container .filter-right .icon-filter {
    padding-right: 2px;
  }
}
.asconsole reservation-concierge-filter-bar .asui-command-bar {
  margin-top: -3px;
  margin-bottom: 0;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar .content {
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar .close-btn {
  color: #4f596e;
  font-size: 16px;
  padding: 13px 12px;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 25px;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar ng-transclude.content .filters {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar ng-transclude.content .filters .cm-button {
  white-space: nowrap;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar ng-transclude.content .filters .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar ng-transclude.content .filters network-picker-dropdown {
  width: initial;
}
.asconsole reservation-concierge-filter-bar .asui-command-bar ng-transclude.content .filters network-picker-dropdown .nwk-input {
  border: 0;
}

.asconsole reservation-concierge-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
  min-height: 500px;
}
.asconsole reservation-concierge-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole reservation-concierge-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole reservation-concierge-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole reservation-concierge-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole reservation-concierge-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-concierge-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole reservation-concierge-modal .modal-body {
    padding: 20px;
  }
}
.asconsole reservation-concierge-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole reservation-concierge-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-concierge-modal .modal-body .edit-row asui-tags-input {
  margin-bottom: 0;
}
.asconsole reservation-concierge-modal .modal-body .edit-row asui-tags-input .asui-tags-input {
  min-height: 74px;
}
.asconsole reservation-concierge-modal .modal-body .edit-row .asui-checkbox input[type=checkbox] {
  margin-right: 13px;
}
.asconsole reservation-concierge-modal .modal-body .permissions-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.asconsole reservation-concierge-modal .modal-body .permissions-row .permission-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.asconsole reservation-concierge-modal .modal-body .permissions-row .permission-column .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole reservation-concierge-modal .modal-body .permissions-row {
    flex-direction: column;
    gap: 15px;
  }
}
.asconsole reservation-concierge-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-reservation-concierge {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-concierge {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-reservation-concierge .modal-content {
  border-radius: 8px;
}

.asconsole reservation-configure-locations {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.asconsole reservation-configure-locations .locations-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  overflow-y: auto;
}
.asconsole reservation-configure-locations .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.asconsole reservation-configure-locations .desc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole reservation-configure-locations .desc .desc-label {
  margin-right: 20px;
}
.asconsole reservation-configure-locations .desc .asui-search {
  width: 200px;
  margin-bottom: 0;
}
.asconsole reservation-configure-locations .panel-group .panel {
  border: 1px solid #DDE3EE;
  border-radius: 6px;
}
.asconsole reservation-configure-locations .panel-group .panel + .panel {
  margin-top: 20px;
}
.asconsole reservation-configure-locations .panel-group .panel-heading {
  padding: 15px 25px;
  border-radius: unset;
  display: flex;
  align-items: center;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude {
  display: flex;
  flex: 1;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header {
  display: flex;
  flex: 1;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .icon-chevron {
  display: flex;
  align-items: flex-start;
  color: #819DBC;
  padding: 10px;
  padding-top: 5px;
  padding-right: 20px;
  cursor: pointer;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-name {
  width: 50%;
  cursor: pointer;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-name .name {
  font-size: 17px;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-name .location {
  margin-top: 1px;
  color: #819DBC;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-resources {
  width: 50%;
  color: #0A5BEB;
  margin-top: 5px;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-dropdown .asui-dropdown {
  margin: 0;
  width: 250px;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-dropdown .asui-dropdown .btn, .asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-dropdown .asui-dropdown .dropdown-menu {
  font-size: 14px;
}
.asconsole reservation-configure-locations .panel-group .panel-heading .accordion-transclude .accordion-header .header-dropdown map-location-dropdown {
  margin-top: 10px;
}
.asconsole reservation-configure-locations .panel-group .panel-open .panel-heading {
  background-color: #F8F9FC;
}
.asconsole reservation-configure-locations .panel-group .panel-body {
  border-top: 0 !important;
  padding: 20px 25px 20px 90px;
}
.asconsole reservation-configure-locations .panel-group .panel-body .accordian-content .floor-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.asconsole reservation-configure-locations .panel-group .panel-body .accordian-content .floor-row .floor-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-configure-locations .panel-group .panel-body .accordian-content .floor-row .floor-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-configure-locations .panel-group .panel-body .accordian-content .floor-row .floor-name, .asconsole reservation-configure-locations .panel-group .panel-body .accordian-content .floor-row .import-ddl, .asconsole reservation-configure-locations .panel-group .panel-body .accordian-content .floor-row .floor-ddl {
  width: 200px;
  padding-right: 30px;
  margin-bottom: 0;
}
.asconsole reservation-configure-locations .filter-label {
  margin-top: 10px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.asconsole reservation-configure-locations .no-content-container {
  font-size: 12px;
}
.asconsole reservation-configure-locations .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole reservation-configure-resources {
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
  border-top: 1px solid #DDE3EE;
}
.asconsole reservation-configure-resources .left-container {
  display: flex;
  flex-direction: column;
  width: 320px;
  background-color: white;
  padding: 10px 25px;
  border-right: 1px solid #DDE3EE;
}
.asconsole reservation-configure-resources .left-container .header .btn {
  color: #6275A3;
  font-size: 14px;
  padding: 6px;
  height: 30px;
}
.asconsole reservation-configure-resources .left-container .rules-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.asconsole reservation-configure-resources .left-container .rules-container .rule-item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 8px;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
.asconsole reservation-configure-resources .left-container .rules-container .rule-item .rule {
  flex: 1;
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole reservation-configure-resources .left-container .rules-container .rule-item .icon-clear {
  color: #6275A3;
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.asconsole reservation-configure-resources .left-container .rules-container .rule-item .icon-clear:hover {
  color: #475369;
}
.asconsole reservation-configure-resources .left-container .no-content-container {
  flex: none;
}
.asconsole reservation-configure-resources .right-container {
  flex: 1;
  background-color: #eef4f9;
  position: relative;
}
.asconsole reservation-configure-resources .right-container .scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #eef4f9;
  padding: 10px 25px;
}
.asconsole reservation-configure-resources .right-container .header {
  padding: 2.5px 0;
}
.asconsole reservation-configure-resources .right-container .asui-table-container {
  margin: 0;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .resource {
  display: flex;
  align-items: center;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .resource .icon {
  color: #6275A3;
  margin-right: 10px;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .resource .name-div {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .resource .name-div .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-configure-resources .right-container .asui-table-container .resource .name-div .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-configure-resources .right-container .asui-table-container .resource .name-div .type {
  color: #475369;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .location-col {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .location-col .floor-name {
  color: #475369;
}
.asconsole reservation-configure-resources .right-container .asui-table-container .rule {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole reservation-configure-resources .right-container .cta-container {
  flex: 1;
  display: flex;
}
.asconsole reservation-configure-resources .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.asconsole reservation-configure-resources .header .desc {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}
.asconsole reservation-configure-resources .header .item-count {
  color: #475369;
}

.asconsole reservation-create-event-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}
.asconsole reservation-create-event-modal .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-bottom: 0;
  -webkit-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
}
.asconsole reservation-create-event-modal .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 15px 30px;
}
.asconsole reservation-create-event-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  padding: 0 15px;
  color: #6275A3;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-create-event-modal .modal-header .top-r-close:hover {
  color: #475369;
}
.asconsole reservation-create-event-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding: 0;
  flex-basis: auto;
  height: calc(100vh - 160px);
}
.asconsole reservation-create-event-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 15px 30px;
}
.asconsole reservation-create-event-modal .modal-footer .btn-save {
  margin-left: 10px;
}
.asconsole reservation-create-event-modal .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-create-event {
  width: 800px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-create-event {
    width: calc(100vw - 7px);
  }
}

.asconsole reservation-configure-resources-filter {
  font-size: 14px;
}
.asconsole reservation-configure-resources-filter .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole reservation-configure-resources-filter .modal-header .modal-title {
  font-size: 20px;
}
.asconsole reservation-configure-resources-filter .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px;
}
.asconsole reservation-configure-resources-filter .modal-body .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole reservation-configure-resources-filter .modal-body .input-row > label {
  width: 180px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 200;
  margin: 0;
  padding-top: 6px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-configure-resources-filter .modal-body .input-row > label {
    width: 130px;
  }
}
.asconsole reservation-configure-resources-filter .modal-body .input-row .location-link {
  padding: 6px 0;
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole reservation-configure-resources-filter .modal-body .input-row > input, .asconsole reservation-configure-resources-filter .modal-body .input-row > textarea, .asconsole reservation-configure-resources-filter .modal-body .input-row .asui-dropdown, .asconsole reservation-configure-resources-filter .modal-body .input-row asui-tags-input {
  flex: 1;
  margin: 0;
}
.asconsole reservation-configure-resources-filter .modal-body .input-row asui-tags-input .tags {
  max-height: unset;
  height: 80px;
}
.asconsole reservation-configure-resources-filter .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-configure-resources-filter .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole .modal-reservation-configure-resources-filter {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-configure-resources-filter {
    width: calc(100vw - 7px);
  }
}

.asconsole reservation-create-resource {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex: 1;
  flex-basis: auto;
  min-height: 0;
}
.asconsole reservation-create-resource .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 30px;
}
.asconsole reservation-create-resource .modal-header .modal-title {
  font-size: 20px;
}
.asconsole reservation-create-resource .modal-body {
  padding: 15px 0;
}
.asconsole reservation-create-resource .modal-body .cta-container {
  display: flex;
  flex: 1;
  padding-bottom: 50px;
}
.asconsole reservation-create-resource .modal-body .cta-container h3 {
  color: #333F55 !important;
}
.asconsole reservation-create-resource .modal-body .cta-container p {
  font-size: 16px;
}
.asconsole reservation-create-resource .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-create-resource .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}

reservation-settings-delegates {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  overflow-y: auto;
}

.asconsole reservation-delete-provider-modal {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-height: 238px;
}
.asconsole reservation-delete-provider-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 25px;
  margin: 0;
  justify-content: center;
}
.asconsole reservation-delete-provider-modal .modal-body .cb-container {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.asconsole reservation-delete-provider-modal .modal-body .cb-container label {
  font-weight: 200;
  margin: 0;
}
.asconsole reservation-delete-provider-modal .modal-body .cb-container input {
  margin: 5px 12px 5px 0;
}
.asconsole .modal-reservation-delete-provider {
  width: calc(100vw - 20px);
  max-width: 600px;
}

.asconsole reservation-edit-event-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
}
.asconsole reservation-edit-event-modal .modal-header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-bottom: 0;
  -webkit-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -8px rgba(0, 6, 100, 0.3);
}
.asconsole reservation-edit-event-modal .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 15px 30px;
}
.asconsole reservation-edit-event-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  padding: 0 15px;
  color: #6275A3;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-edit-event-modal .modal-header .top-r-close:hover {
  color: #475369;
}
.asconsole reservation-edit-event-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  padding: 0;
  flex-basis: auto;
  height: calc(100vh - 160px);
}
.asconsole reservation-edit-event-modal .modal-body .btn-primary {
  text-transform: unset;
}
.asconsole reservation-edit-event-modal .modal-body asui-horizontal-navbar {
  padding: 0 30px;
  border-top: 0;
  margin-top: 10px;
  margin-bottom: 0;
}
.asconsole reservation-edit-event-modal .modal-body asui-horizontal-navbar li {
  padding: 5px 30px;
}
.asconsole reservation-edit-event-modal .modal-body resource-reservation-rules {
  padding-top: 20px;
}
.asconsole reservation-edit-event-modal .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 30px;
}
.asconsole reservation-edit-event-modal .modal-footer .footer-left {
  display: flex;
  flex: 1;
}
.asconsole reservation-edit-event-modal .modal-footer .footer-right {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-edit-event-modal .btn {
  font-weight: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
}
.asconsole reservation-edit-event-modal .btn-default .btn-icon {
  color: #475369;
}
.asconsole reservation-edit-event-modal .btn-delete {
  color: #CB4848 !important;
  border-color: #CB4848;
}
.asconsole reservation-edit-event-modal .btn-delete .btn-icon {
  color: #CB4848;
}
.asconsole reservation-edit-event-modal .btn-delete-disabled {
  opacity: 0.5;
}
.asconsole reservation-edit-event-modal .btn-save {
  margin-left: 10px !important;
}
.asconsole reservation-edit-event-modal .btn-save .btn-icon {
  color: white;
}
.asconsole reservation-edit-event-modal .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-edit-event {
  width: 800px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-edit-event {
    width: calc(100vw - 7px);
  }
}

.asconsole reservation-edit-network-resource {
  font-size: 14px;
  position: relative;
}
.asconsole reservation-edit-network-resource .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 59px;
  padding: 0;
}
.asconsole reservation-edit-network-resource .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 0 30px;
}
.asconsole reservation-edit-network-resource .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  height: 100%;
  width: 59px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-edit-network-resource .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole reservation-edit-network-resource .modal-body {
  display: flex;
  flex-direction: column;
  padding: 15px 0;
  height: 600px;
}
.asconsole reservation-edit-network-resource .modal-body asui-horizontal-navbar {
  border-top: 0;
  padding: 0 30px;
  margin-bottom: 25px;
}
.asconsole reservation-edit-network-resource .modal-body asui-horizontal-navbar .nav-pills > li > a {
  padding: 5px 30px;
}
.asconsole reservation-edit-network-resource .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-edit-network-resource .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole reservation-edit-network-resource .modal-footer .btn-danger {
  background-color: white;
  color: #CB4848;
  border-color: #CB4848;
}
.asconsole reservation-edit-network-resource .modal-footer .btn-danger .btn-icon {
  margin-right: 8px;
}
.asconsole .modal-reservation-edit-network-resource {
  width: 700px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-edit-network-resource {
    width: calc(100vw - 7px);
  }
}

.asconsole reservation-edit-event-general {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole reservation-edit-event-general .form-container {
  padding: 20px 30px 0px 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole reservation-edit-event-general .availability-check {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: #6275A3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
}
.asconsole reservation-edit-event-general .availability-check-show {
  transform: translateY(0%) !important;
}
.asconsole reservation-edit-event-general .unavailable {
  background-color: #CB4848;
  transform: translateY(0%) !important;
}
.asconsole reservation-edit-event-general .checking {
  background-color: #0A5BEB;
  transform: translateY(0%) !important;
}
.asconsole reservation-edit-event-general asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole reservation-edit-event-general .timezone-match-container {
  font-size: 12px;
  margin-top: 5px;
}
.asconsole reservation-edit-event-general .timezone-match-container a {
  cursor: pointer;
}
.asconsole reservation-edit-event-general .timezone-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 14px;
}
.asconsole reservation-edit-event-general .timezone-row .timezone-block {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-edit-event-general .timezone-row asui-timezone {
  flex: 1;
}
.asconsole reservation-edit-event-general .timezone-row asui-timezone .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole reservation-edit-event-general .timezone-row asui-timezone .btn {
  font-size: 14px;
}
.asconsole reservation-edit-event-general .timezone-row asui-timezone .asui-dropdown-disabled {
  background-color: #eef4f9;
}
.asconsole reservation-edit-event-general .timezone-row .allday-toggle {
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  margin-left: 30px;
}
.asconsole reservation-edit-event-general .timezone-row .allday-toggle .name {
  width: 50px;
  margin-top: 2px;
}
.asconsole reservation-edit-event-general .timezone-row .allday-toggle .toggle {
  width: 50px !important;
  min-width: 50px !important;
}
.asconsole reservation-edit-event-general reservation-recurrence-pattern {
  margin-top: 6px;
}
.asconsole reservation-edit-event-general reservation-recurrence-pattern .recurrence-label {
  height: initial;
  color: #475369;
  font-weight: 200 !important;
}
.asconsole reservation-edit-event-general reservation-recurrence-pattern .recurrence-label.edit {
  margin-top: 0;
}
.asconsole reservation-edit-event-general reservation-recurrence-pattern .repeat-label {
  margin-top: 15px !important;
}
.asconsole reservation-edit-event-general asui-rich-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  flex: 1;
}
.asconsole reservation-edit-event-general asui-rich-text .CodeMirror-scroll {
  max-width: 440px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-edit-event-general asui-rich-text .CodeMirror-scroll {
    max-width: calc(100vw - 40px);
  }
}
.asconsole reservation-edit-event-general .notes-readonly {
  padding: 8px 12px;
  border: 1px solid #DDE3EE;
  background-color: #eef4f9;
  width: 100%;
  min-height: 32px;
}
.asconsole reservation-edit-event-general .attendees-readonly {
  border: 1px solid #DDE3EE;
  min-height: 50px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #eef4f9;
  padding: 5px;
}
.asconsole reservation-edit-event-general .attendees-readonly .attendee-readonly {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: #6275A3;
  border-radius: var(--nc-radii__full);
  height: 26px;
  font-size: 10px;
  overflow: hidden;
  border: 1px solid #DDE3EE;
  margin: 2px;
  padding: 5px 5px;
}
.asconsole reservation-edit-event-general .attendees-readonly .attendee-readonly .user-name {
  margin-left: 5px;
}
.asconsole reservation-edit-event-general .attendees-readonly .attendee-readonly asui-card-user .card-thumbnail-image-circle {
  width: 16px !important;
  height: 16px !important;
}
.asconsole reservation-edit-event-general .attendee-block {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-edit-event-general .attendee-block .max-attendee {
  text-align: right;
  font-size: 12px;
  margin-top: 2px;
  color: #475369;
}
.asconsole reservation-edit-event-general .attendee-block .max-attendee-error {
  color: #CB4848;
}
.asconsole reservation-edit-event-general .edit-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.asconsole reservation-edit-event-general .edit-row .key {
  color: #475369;
  min-width: 150px;
  margin-top: 6px;
}
.asconsole reservation-edit-event-general .edit-row .name, .asconsole reservation-edit-event-general .edit-row .desc {
  margin: 0;
}
.asconsole reservation-edit-event-general .edit-row user-tags-input asui-tags-input {
  margin-bottom: 0;
}
.asconsole reservation-edit-event-general .edit-row user-tags-input .asui-tags-input .tags .input {
  width: 234px !important;
}
.asconsole reservation-edit-event-general .edit-row reservation-date-range-picker {
  flex: 1;
}
.asconsole reservation-edit-event-general .edit-row reservation-date-range-picker .asui-date-picker {
  width: 120px;
}

.asconsole reservation-edit-resource {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex: 1;
  flex-basis: auto;
  min-height: 0;
}
.asconsole reservation-edit-resource .modal-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.asconsole reservation-edit-resource .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 59px;
  padding: 0;
}
.asconsole reservation-edit-resource .modal-header .modal-title {
  font-size: 20px;
  flex: 1;
  padding: 10px 30px;
}
.asconsole reservation-edit-resource .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  height: 59px;
  width: 59px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole reservation-edit-resource .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole reservation-edit-resource .modal-body {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  height: 600px;
}
.asconsole reservation-edit-resource .modal-body asui-horizontal-navbar {
  border-top: 0;
  padding: 0 30px;
  margin-bottom: 25px;
}
.asconsole reservation-edit-resource .modal-body asui-horizontal-navbar .nav-pills > li > a {
  padding: 5px 30px;
}
.asconsole reservation-edit-resource .modal-body resource-analytics {
  padding: 0 30px;
  overflow-y: auto;
}
.asconsole reservation-edit-resource .modal-body .reservation-analytics {
  padding: 2px 30px 0 30px;
  overflow-y: auto;
}
.asconsole reservation-edit-resource .modal-footer {
  display: flex;
  justify-content: space-between;
}
.asconsole reservation-edit-resource .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 200;
}
.asconsole reservation-edit-resource .modal-footer .btn-danger {
  background-color: white;
  color: #CB4848;
  border-color: #CB4848;
}
.asconsole reservation-edit-resource .modal-footer .btn-danger .btn-icon {
  margin-right: 8px;
}
.asconsole reservation-edit-resource .loading-mask-container {
  background-color: white;
  opacity: 0.5;
}
.asconsole .modal-reservation-edit-resource {
  width: calc(100vw - 7px);
  max-width: 1400px;
  height: calc(100vh - 7px);
  max-height: 900px;
}
.asconsole .modal-reservation-edit-resource .modal-content {
  height: 100%;
}
.asconsole .modal-reservation-edit-resource .modal-body {
  height: 100%;
  overflow-y: auto;
}
.asconsole .modal-reservation-edit-resource .modal-footer .left-container {
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: 10px;
}
.asconsole .modal-reservation-edit-resource .modal-footer .left-container .btn {
  margin-right: 10px;
}
.asconsole .modal-reservation-edit-resource .modal-footer .left-container .scheduled-maintenance {
  display: flex;
  flex: 1;
  margin-left: 4px;
  align-items: center;
}
.asconsole .modal-reservation-edit-resource .modal-footer .left-container .scheduled-maintenance span {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #68768D;
}
.asconsole .modal-reservation-edit-resource .modal-footer .right-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.asconsole notification-email-preview {
  display: flex;
  justify-content: center;
  flex: 1;
}
.asconsole notification-email-preview .email-preview {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 800px;
  width: 100%;
  min-height: 300px;
  margin: 20px 60px;
  border: 1px solid #DDE3EE;
  border-radius: var(--nc-radii__2xl);
  background-color: #fff;
}
.asconsole notification-email-preview .email-preview--header {
  padding: 28px;
  border-bottom: 1px solid #DDE3EE;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole notification-email-preview .email-preview--header span.sender-email {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #68768D;
}
.asconsole notification-email-preview .email-preview--content {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 28px 28px 28px 28px;
  overflow-y: auto;
}
.asconsole notification-email-preview .email-preview--content .logo {
  display: flex;
  justify-content: center;
}
.asconsole notification-email-preview .email-preview--content .logo img {
  margin-bottom: 16px;
  max-width: 500px;
  max-height: 500px;
}
.asconsole notification-email-preview .email-preview--content .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
  font-size: 28px;
  font-weight: 700;
  color: #333F55;
  margin-bottom: 16px;
}
.asconsole notification-email-preview .email-preview--content .content-container {
  position: relative;
  width: 100%;
  margin-top: 12px;
}
.asconsole notification-email-preview .email-preview--content .content-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: fill;
  z-index: 0;
  border-radius: 10px;
  max-height: 300px;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content {
  background-color: #fff;
  z-index: 1;
  position: relative;
  margin: 0 50px 0 50px;
  padding: 24px 32px;
  border-radius: 10px 10px 0 0;
  border: 1px solid #DDE3EE;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .event-detail-container {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .event-detail-container .event-row {
  display: flex;
  margin-bottom: 16px;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .event-detail-container .event-row .attribute-label {
  flex: 0 0 76px;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .event-detail-container .event-row .attribute-value {
  width: 100%;
  min-width: 0;
  flex: 1 1;
  display: flex;
  max-width: 100%;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .event-detail-container .attendance-block {
  padding: 0 20% 25px 20%;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .event-detail-container .attendance-block button {
  margin: 0 0 10px 0;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content .detail-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #333F55;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.asconsole notification-email-preview .email-preview--content .content-container .email-content button {
  margin-top: 24px;
  width: 100%;
}
.asconsole notification-email-preview .email-preview--content .additional-text-top, .asconsole notification-email-preview .email-preview--content .additional-text-middle, .asconsole notification-email-preview .email-preview--content .additional-text-bottom {
  display: flex;
  justify-content: center;
}
.asconsole notification-email-preview .email-preview--content .additional-text-top {
  margin: 0 0 25px 0;
}
.asconsole notification-email-preview .email-preview--content .additional-text-middle {
  margin: 25px 0 15px 0;
}
.asconsole notification-email-preview .email-preview--content .additional-text-bottom {
  margin: 25px 0 0 0;
}

.asconsole reservation-event-details {
  cursor: pointer;
  min-width: 0;
}
.asconsole reservation-event-details .details-container {
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole reservation-event-details .details-container .avatar {
  margin-right: 10px;
}
.asconsole reservation-event-details .details-container .avatar.user .card-thumbnail-image-circle {
  width: 30px;
  height: 30px;
}
.asconsole reservation-event-details .details-container .avatar.user .card-thumbnail-image-circle span {
  font-size: 14px;
}
.asconsole reservation-event-details .details-container .details-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
@media all and (max-width: 1200px) {
  .asconsole reservation-event-details .details-container .details-block {
    max-width: 200px;
    overflow-x: hidden;
  }
}
.asconsole reservation-event-details .details-container .details-block .event-title {
  word-break: break-all;
  word-break: break-word;
}
.asconsole reservation-event-details .details-container .details-block .event-organizer {
  word-break: break-all;
  word-break: break-word;
}
.asconsole reservation-event-details .details-container .details-block .organizer {
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-details .details-container .details-block .organizer break-word {
    word-break: break-all;
  }
}

.asconsole event-details-popover {
  cursor: pointer;
  min-width: 0;
  display: block;
}
.asconsole event-details-popover .details-container {
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole event-details-popover .details-container .avatar {
  margin-right: 10px;
}
.asconsole event-details-popover .details-container .avatar.user .card-thumbnail-image-circle {
  width: 30px;
  height: 30px;
}
.asconsole event-details-popover .details-container .avatar.user .card-thumbnail-image-circle span {
  font-size: 14px;
}
.asconsole event-details-popover .details-container .avatar.user .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole event-details-popover .details-container .details-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
@media all and (max-width: 1200px) {
  .asconsole event-details-popover .details-container .details-block {
    max-width: 200px;
    overflow-x: hidden;
  }
}
.asconsole event-details-popover .details-container .details-block .organizer {
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole event-details-popover .details-container .details-block .organizer break-word {
    word-break: break-all;
  }
}
.asconsole .popover.event-details-popover {
  color: #333F55;
  max-width: 50vw;
  max-height: 40vh;
  overflow-y: auto;
}
@media all and (max-width: 300px) {
  .asconsole .popover.event-details-popover {
    width: 100%;
    max-width: 80vw;
  }
}
.asconsole .popover.event-details-popover .popover-content {
  max-height: unset !important;
}
.asconsole .popover.event-details-popover .popover-content .loading-mask {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole .popover.event-details-popover .popover-content .row-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #3c465d;
  margin-bottom: 4px;
  margin-top: 8px;
  text-transform: uppercase;
}
.asconsole .popover.event-details-popover .popover-content .row-header:first-child {
  margin-top: 0;
}
.asconsole .popover.event-details-popover .popover-content .user-row {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-bottom: 4px;
}
.asconsole .popover.event-details-popover .popover-content .user-row .user-avatar {
  margin-right: 10px;
}
.asconsole .popover.event-details-popover .popover-content .user-row asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole .popover.event-details-popover .popover-content .user-row .user-info {
  display: block;
  min-width: 0;
  color: #2d3851;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole .popover.event-details-popover .popover-content .user-row .user-info {
    flex: 1;
  }
}
.asconsole .popover.event-details-popover .popover-content .user-row .user-info .name {
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .popover.event-details-popover .popover-content .user-row .user-info .name break-word {
    word-break: break-all;
  }
}
.asconsole .popover.event-details-popover .popover-content .user-row .user-info .email {
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .popover.event-details-popover .popover-content .user-row .user-info .email break-word {
    word-break: break-all;
  }
}

.asconsole reservation-event-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole reservation-event-list .event-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole reservation-event-list .event-table-container .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 20px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table {
  width: 100%;
  display: flex;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .asui-table-container thead th {
  background-color: #eef4f9;
  top: 0;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .asui-table-container .read-only-row .as-table-checkbox {
  display: none;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col {
  max-width: 200px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div {
  display: flex;
  flex-direction: row;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div > div {
  min-width: 0;
}
@media all and (max-width: 1200px) {
  .asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div reservation-card-resource, .asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div reservation-admin-multi-resource-popover {
    max-width: 250px;
    overflow-x: hidden;
  }
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .date {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 30px;
  color: #475369;
  font-weight: 500;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .date .month {
  text-transform: uppercase;
  font-size: 11px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .date .day {
  font-size: 18px;
  line-height: 1;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .resource {
  display: flex;
  align-items: center;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .resource .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  color: white;
  background-color: #6275A3;
  margin-right: 10px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .resource .icon-container .number {
  font-size: 22px;
  font-weight: 500;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .resource .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .resource .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .reservation-col > div .resource .location {
  color: #475369;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .details-col {
  max-width: 200px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .details-col > div {
  display: flex;
  align-items: center;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col {
  max-width: 150px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .date, .asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .recurrence {
  color: #475369;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .recurrence {
  display: flex;
  align-items: center;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .recurrence .icon-update {
  margin-right: 5px;
  font-size: 11px;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .time {
  display: flex;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .time .multiday-progress {
  margin-left: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-event-list .event-table-container .table-container-inner asui-table .datetime-col .time .multiday-progress break-word {
    word-break: break-all;
  }
}
.asconsole reservation-event-list .event-table-container .table-container-inner asui-table .fa-ellipsis-h {
  color: #475369;
}
.asconsole reservation-event-list .event-table-container .table-container-inner .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole reservation-event-list .event-table-container .table-container-inner .clear-filters a {
  cursor: pointer;
}
.asconsole reservation-event-list .event-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole reservation-event-list .event-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole reservation-event-list .event-table-container .no-content-container p {
  font-size: 110%;
}
.asconsole reservation-event-list .event-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole reservation-event-list .event-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole reservation-event-list asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}

.asconsole reservation-facilities-tags-input {
  display: flex;
  flex: 1;
}
.asconsole reservation-facilities-tags-input asui-tags-input {
  max-width: none;
  flex: 1;
}
.asconsole reservation-facilities-tags-input asui-tags-input .asui-tags-input {
  min-height: 80px;
}
.asconsole reservation-facilities-tags-input asui-tags-input .tags .tag-item {
  font-size: 12px;
}

.asconsole event-list-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole event-list-filter-bar .filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px 10px 25px;
  height: 50px;
}
.asconsole event-list-filter-bar .filter-container .filter-left {
  display: flex;
  align-items: center;
}
.asconsole event-list-filter-bar .filter-container .filter-left .title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  margin-right: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole event-list-filter-bar .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole event-list-filter-bar .filter-container .filter-right .filter-label {
  color: #475369;
  margin-right: 5px;
}
.asconsole event-list-filter-bar .filter-container .filter-right .date-range-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole event-list-filter-bar .filter-container .filter-right .date-range-container .date-range {
  position: relative;
  min-width: 223px;
  background-color: white;
}
.asconsole event-list-filter-bar .filter-container .filter-right .date-range-container .date-range .asui-date-range-picker {
  padding-right: 20px;
  width: initial;
  cursor: pointer;
}
.asconsole event-list-filter-bar .filter-container .filter-right .date-range-container .date-range .asui-date-range-picker input {
  field-sizing: content;
  cursor: pointer;
}
.asconsole event-list-filter-bar .filter-container .filter-right .date-range-container .date-range .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole event-list-filter-bar .filter-container .filter-right .date-range-container .date-range .icon-caret-down {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #6275A3;
  padding: 11px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole event-list-filter-bar .filter-container .filter-right .asui-search {
  margin: 0 10px;
  max-width: 200px;
}
.asconsole event-list-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
}
.asconsole event-list-filter-bar .asui-command-bar {
  margin-top: 0;
  margin-bottom: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.asconsole event-list-filter-bar .asui-command-bar .content {
  padding: 0;
}
.asconsole event-list-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 8px 0 8px 15px;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .cm-button {
  white-space: nowrap;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead {
  flex: unset;
  width: 200px;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333F55;
  opacity: 1; /* Firefox */
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead .fa-caret-down {
  font-size: 13px;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead input {
  border: 0;
  padding: 0;
  height: 20px;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead input:focus {
  background-color: white;
  padding: 0 8px;
  border: 1px solid #0A5BEB;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead .dropdown-container {
  border-top: 1px solid #DDE3EE;
  width: unset;
  min-width: 300px;
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead asui-dropdown-typeahead .selected-item {
  width: calc(100% - 20px);
}
.asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead asui-dropdown-typeahead .user-typeahead-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole event-list-filter-bar .asui-command-bar ng-transclude.content .clm-filter-container user-typeahead asui-dropdown-typeahead .user-typeahead-label break-word {
    word-break: break-all;
  }
}

.asconsole reservation-import-resource-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-import-resource-modal .modal-header {
  padding: 15px 25px;
  font-size: 16px;
}
.asconsole reservation-import-resource-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-import-resource-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
.asconsole reservation-import-resource-modal .modal-body map-location-dropdown {
  flex: unset;
  margin-bottom: 10px;
}
.asconsole reservation-import-resource-modal .modal-body .import-upload {
  margin-top: 30px;
  height: 100%;
}
.asconsole reservation-import-resource-modal .modal-body .import-upload .asui-fileupload {
  height: 100%;
}
.asconsole reservation-import-resource-modal .modal-body .import-upload .asui-fileupload .drop {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole reservation-import-resource-modal .modal-body .asui-table-container .table-container {
  overflow-x: auto;
}
.asconsole reservation-import-resource-modal .modal-body .asui-table-container .default {
  color: #8493AE;
}
.asconsole reservation-import-resource-modal .modal-body .asui-table-container .error {
  color: #CB4848;
}
.asconsole reservation-import-resource-modal .modal-body .asui-table-container .action-td {
  text-align: left;
  max-width: 82px;
  width: 82px;
}
.asconsole reservation-import-resource-modal .modal-body .asui-table-container .action-td i {
  margin-left: 13px;
}
.asconsole reservation-import-resource-modal .modal-body .sample-link {
  margin: 30px 0 10px;
}
.asconsole reservation-import-resource-modal .modal-body .sample-link span {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole reservation-import-resource-modal .modal-body .cta-container {
  display: flex;
  flex: 1;
  padding-bottom: 30px;
}
.asconsole reservation-import-resource-modal .modal-body .cta-container h3 {
  color: #333F55 !important;
  font-size: 18px;
}
.asconsole reservation-import-resource-modal .modal-body .cta-container p {
  font-size: 14px;
}
.asconsole reservation-import-resource-modal .error-msg {
  display: flex;
  flex: 1;
  color: #CB4848;
}
.asconsole reservation-import-resource-modal .progress-msg {
  display: flex;
  flex: 1;
  color: #0A5BEB;
  z-index: 1000;
  align-items: center;
  padding-right: 20px;
}
.asconsole reservation-import-resource-modal .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: #eef4f9;
  height: 14px;
  margin-bottom: 3px;
  width: 100%;
}
.asconsole reservation-import-resource-modal .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole reservation-import-resource-modal .file-progress-error {
  background-color: #CB4848;
}
.asconsole reservation-import-resource-modal .btn {
  padding: 5px 12px;
}
.asconsole reservation-import-resource-modal .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-reservation-import-resources {
  width: 100%;
}

.asconsole iot-sensors-import-sensors {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  font-size: 14px;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole iot-sensors-import-sensors .modal-header {
  padding: 15px 25px;
  font-size: 16px;
}
.asconsole iot-sensors-import-sensors .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole iot-sensors-import-sensors .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
.asconsole iot-sensors-import-sensors .modal-body .error-msg {
  display: flex;
  color: #CB4848;
  line-height: 1;
}
.asconsole iot-sensors-import-sensors .modal-body .error-msg .error-icon {
  margin-right: 5px;
}
.asconsole iot-sensors-import-sensors .modal-body .import-upload {
  margin-top: 30px;
  height: 100%;
}
.asconsole iot-sensors-import-sensors .modal-body .import-upload .asui-fileupload {
  height: 100%;
}
.asconsole iot-sensors-import-sensors .modal-body .import-upload .asui-fileupload .drop {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container .table-container {
  overflow-x: auto;
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container .default {
  color: #8493AE;
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container div .error .nwk-input {
  border: 1px solid var(--Semantic-Negative, #C94040);
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container div .error input {
  border: 1px solid var(--Semantic-Negative, #C94040);
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container input {
  border-radius: var(--radii-md, 8px);
  border: 1px solid var(--colors-neutral-300, #DDE3EE);
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container input.error {
  border: 1px solid var(--Semantic-Negative, #C94040);
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container .min-width-td {
  min-width: 220px;
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container .nwk-input {
  border-radius: var(--radii-md, 8px);
  border: 1px solid var(--colors-neutral-300, #DDE3EE);
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container .action-td {
  text-align: left;
  max-width: 82px;
  width: 82px;
}
.asconsole iot-sensors-import-sensors .modal-body .asui-table-container .action-td i {
  margin-left: 13px;
}
.asconsole iot-sensors-import-sensors .modal-body .sample-link {
  margin: 30px 0 10px;
}
.asconsole iot-sensors-import-sensors .modal-body .sample-link span {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole iot-sensors-import-sensors .clear-container {
  display: flex;
  flex: 1;
}
.asconsole iot-sensors-import-sensors .clear-container .btn-clear {
  background: var(--Semantic-Negative, #C94040);
  color: white;
}
.asconsole iot-sensors-import-sensors .btn {
  padding: 5px 12px;
}
.asconsole iot-sensors-import-sensors .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-import-sensors {
  width: 100%;
}

.asconsole reservation-settings-integrations {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole reservation-settings-integrations .setting-pannel .setting-row .property-label .icon-info {
  margin-left: 10px;
}
.asconsole reservation-settings-integrations .setting-pannel .setting-row .property-label .popover {
  word-wrap: break-word;
  width: 250px;
}
.asconsole reservation-settings-integrations .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole reservation-settings-integrations .setting-pannel .setting-row .property-value passport-typeahead {
  max-width: 300px;
}
.asconsole reservation-settings-integrations .setting-pannel .setting-row .property-value .has-error {
  color: #CB4848;
}
.asconsole reservation-settings-integrations .setting-pannel .setting-row .property-value .passport-error {
  max-width: 300px;
}

.asconsole reservation-iot-devices {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole reservation-iot-devices .iot-devices-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container {
  margin: 0;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .name-td {
  max-width: 30vw;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .name-td break-word {
    word-break: break-all;
  }
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .resource-td .resource-container {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .resource-td .resource-container .resource-name {
  color: #0B1835;
  line-height: 20px;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .resource-td .resource-container .resource-details {
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  color: #2D3851;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .resource-td .resource-container .resource-details .icon-building {
  margin-right: 2px;
}
.asconsole reservation-iot-devices .iot-devices-table-container .asui-table-container .asui-table .resource-td .resource-container .resource-details .resource-floor-name {
  margin-right: 3px;
}
.asconsole reservation-iot-devices .iot-devices-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole reservation-iot-devices .iot-devices-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole reservation-iot-devices .iot-devices-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole reservation-iot-devices .iot-devices-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole reservation-iot-devices .iot-devices-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole reservation-iot-devices .iot-devices-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole reservation-iot-devices .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole reservation-iot-devices .clear-filters a {
  cursor: pointer;
}

.asconsole reservation-iot-devices-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole reservation-iot-devices-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole reservation-iot-devices-filter-bar .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 13px 0;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-devices-filter-bar .filter-container {
    padding-top: 0;
  }
}
.asconsole reservation-iot-devices-filter-bar .filter-container .filter-left {
  display: flex;
  align-items: center;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-devices-filter-bar .filter-container .filter-left {
    display: none;
  }
}
.asconsole reservation-iot-devices-filter-bar .filter-container .filter-left h3 {
  margin: 0 10px 0 0;
}
.asconsole reservation-iot-devices-filter-bar .filter-container .filter-left .icon-info {
  padding-right: 5px;
}
.asconsole reservation-iot-devices-filter-bar .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole reservation-iot-devices-filter-bar .filter-container .filter-right .total-items {
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.asconsole reservation-iot-devices-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-devices-filter-bar .filter-container .filter-right .icon-filter {
    padding-right: 2px;
  }
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar {
  margin-top: -3px;
  margin-bottom: 0;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar .content {
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar .close-btn {
  color: #4f596e;
  font-size: 16px;
  padding: 13px 12px;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 25px;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar ng-transclude.content .filters {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar ng-transclude.content .filters .cm-button {
  white-space: nowrap;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar ng-transclude.content .filters .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar ng-transclude.content .filters network-picker-dropdown {
  width: initial;
}
.asconsole reservation-iot-devices-filter-bar .asui-command-bar ng-transclude.content .filters network-picker-dropdown .nwk-input {
  border: 0;
}

.asconsole reservation-iot-devices-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-iot-devices-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole reservation-iot-devices-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole reservation-iot-devices-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole reservation-iot-devices-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole reservation-iot-devices-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-iot-devices-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-devices-modal .modal-body {
    padding: 20px;
  }
}
.asconsole reservation-iot-devices-modal .modal-body .assign-label {
  margin-bottom: 15px;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row:last-child {
  margin-bottom: 0;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row asui-tags-input {
  margin-bottom: 0;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row asui-tags-input .asui-tags-input {
  min-height: 74px;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row .asui-checkbox input[type=checkbox] {
  margin-right: 13px;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row .feature-list {
  margin-top: 4px;
}
.asconsole reservation-iot-devices-modal .modal-body .edit-row .feature-list .asui-checkbox label {
  cursor: pointer;
  margin-bottom: 8px;
}
.asconsole reservation-iot-devices-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-reservation-iot-devices {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-iot-devices {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-reservation-iot-devices .modal-content {
  border-radius: 8px;
}

.asconsole iot-driver-card {
  display: flex;
  padding: 20px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid var(--colors-neutral-300, #DDE3EE);
  background: var(--Neutral-0, #FFF);
  max-width: 258px;
  min-width: 258px;
  max-height: 262px;
  min-height: 262px;
}
.asconsole iot-driver-card .driver-card-top-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.asconsole iot-driver-card .driver-card-top-container .driver-card-logo {
  max-width: 48px;
  max-height: 48px;
  min-width: 48px;
  min-height: 48px;
}
.asconsole iot-driver-card .driver-card-top-container .driver-card-logo img {
  width: 48px;
  height: 48px;
  border-radius: var(--radii-md, 8px);
  border: 1px solid var(--colors-neutral-300, #DDE3EE);
}
.asconsole iot-driver-card .driver-card-top-container .driver-card-menu {
  cursor: pointer;
}
.asconsole iot-driver-card .driver-card-details-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.asconsole iot-driver-card .driver-card-details-container .driver-card-name {
  color: var(--Neutral-900, --nc-colors__neutral900);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
.asconsole iot-driver-card .driver-card-details-container .driver-card-description {
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  /* Body S/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole iot-driver-card .driver-card-icons-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.asconsole iot-driver-card .driver-card-icons-container .driver-card-icon {
  width: 16px;
  height: 16px;
}
.asconsole iot-driver-card .driver-card-icons-container .driver-card-icons-remaining {
  color: var(--Neutral-900, --nc-colors__neutral900);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 16.2px */
  text-transform: capitalize;
}
.asconsole iot-driver-card .driver-card-icons-container .driver-card-remaining-popover-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.asconsole iot-driver-card .driver-card-icons-container .popover {
  text-transform: capitalize;
}
.asconsole iot-driver-card .driver-card-install-container {
  width: 100%;
}
.asconsole iot-driver-card .driver-card-install-container .driver-card-install-button {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}
.asconsole iot-driver-card .driver-card-install-container .driver-card-install-button img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.asconsole iot-driver-upload-card {
  display: flex;
  padding: 0px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  cursor: pointer;
  border-radius: 12px;
  border: 1.5px dashed var(--colors-neutral-300, #DDE3EE);
  background: var(--Neutral-0, #FFF);
  max-width: 258px;
  min-width: 258px;
  max-height: 262px;
  min-height: 262px;
}
.asconsole iot-driver-upload-card:hover {
  border: 1.5px dashed var(--colors-brand-1, #0A5BEB);
}
.asconsole iot-driver-upload-card .upload-drop-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.asconsole iot-driver-upload-card .upload-drop-container .upload-driver-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
}
.asconsole iot-driver-upload-card .upload-drop-container .upload-driver-text {
  align-self: stretch;
  text-align: center;
  color: var(--Neutral-800, --nc-colors__neutral800);
  /* Body M/Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 4px;
}
.asconsole iot-driver-upload-card .upload-drop-container .upload-driver-text .upload-driver-text-link {
  color: var(--Brand-1, var(--colors-brand-1, #0A5BEB));
  /* Body M/Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  cursor: pointer;
}
.asconsole iot-driver-upload-card .upload-drop-container .upload-driver-description {
  align-self: stretch;
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  text-align: center;
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}

.asconsole reservation-iot-sensors {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-iot-sensors .sensors-navbar {
  font-size: 12px;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0;
  height: auto;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  min-height: 55px;
}
.asconsole reservation-iot-sensors .sensors-navbar ul {
  height: 100%;
}
.asconsole reservation-iot-sensors .sensors-navbar ul li a {
  line-height: 35px;
}
.asconsole reservation-iot-sensors ui-view {
  height: calc(100% - 55px);
  overflow-y: hidden;
}

.asconsole reservation-iot-sensors-add-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-iot-sensors-add-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole reservation-iot-sensors-add-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole reservation-iot-sensors-add-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole reservation-iot-sensors-add-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole reservation-iot-sensors-add-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-iot-sensors-add-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-sensors-add-modal .modal-body {
    padding: 20px;
  }
}
.asconsole reservation-iot-sensors-add-modal .modal-body .assign-label {
  margin-bottom: 15px;
}
.asconsole reservation-iot-sensors-add-modal .modal-body .edit-row:last-child {
  margin-bottom: 0;
}
.asconsole reservation-iot-sensors-add-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole reservation-iot-sensors-add-modal .modal-body .edit-row .error-message {
  color: var(--Semantic-Negative, #C94040);
  /* Body S/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole reservation-iot-sensors-add-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-iot-sensors-add-modal .modal-body .edit-row label {
  color: var(--Neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%; /* 16.1px */
}
.asconsole reservation-iot-sensors-add-modal .modal-body .edit-row label .required {
  color: var(--Neutral-600, #68768D);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
}
.asconsole reservation-iot-sensors-add-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-reservation-iot-devices {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-iot-devices {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-reservation-iot-devices .modal-content {
  border-radius: 8px;
}

.asconsole reservation-iot-sensors-batch-edit-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-sensors-batch-edit-modal .modal-body {
    padding: 20px;
  }
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .assign-label {
  margin-bottom: 15px;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .edit-row:last-child {
  margin-bottom: 0;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .edit-row .error-message {
  color: var(--Semantic-Negative, #C94040);
  /* Body S/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .edit-row label {
  color: var(--Neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%; /* 16.1px */
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .edit-row label .required {
  color: var(--Neutral-600, #68768D);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
}
.asconsole reservation-iot-sensors-batch-edit-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-reservation-iot-devices {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-iot-devices {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-reservation-iot-devices .modal-content {
  border-radius: 8px;
}

.asconsole reservation-iot-sensors-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole reservation-iot-sensors-edit-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole reservation-iot-sensors-edit-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole reservation-iot-sensors-edit-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole reservation-iot-sensors-edit-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole reservation-iot-sensors-edit-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole reservation-iot-sensors-edit-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole reservation-iot-sensors-edit-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-sensors-edit-modal .modal-body {
    padding: 20px;
  }
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .assign-label {
  margin-bottom: 15px;
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .edit-row:last-child {
  margin-bottom: 0;
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .edit-row .error-message {
  color: var(--Semantic-Negative, #C94040);
  /* Body S/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .edit-row label {
  color: var(--Neutral-900, --nc-colors__neutral900);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%; /* 16.1px */
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .edit-row label .required {
  color: var(--Neutral-600, #68768D);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
}
.asconsole reservation-iot-sensors-edit-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-reservation-iot-devices {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-reservation-iot-devices {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-reservation-iot-devices .modal-content {
  border-radius: 8px;
}

.asconsole reservation-iot-sensors-manage-sensors-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 13px 0;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container {
    padding-top: 0;
  }
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-left {
  display: flex;
  flex: 1;
  gap: 10px;
  align-items: center;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-left {
    display: none;
  }
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-left h3 {
  margin: 0 10px 0 0;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-left .icon-info {
  padding-right: 5px;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-left network-picker-dropdown {
  width: initial;
  max-width: 280px;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  flex: 1;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-left network-picker-dropdown .nwk-input {
  border: 0;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-right .asui-search {
  margin: 0 10px;
  max-width: 280px;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-right .total-items {
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-iot-sensors-manage-sensors-filter-bar .filter-container .filter-right .icon-filter {
    padding-right: 2px;
  }
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar {
  margin-top: -3px;
  margin-bottom: 0;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar .content {
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar .close-btn {
  color: #4f596e;
  font-size: 16px;
  padding: 13px 12px;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 25px;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar ng-transclude.content .filters {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar ng-transclude.content .filters .cm-button {
  white-space: nowrap;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar ng-transclude.content .filters .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar ng-transclude.content .filters network-picker-dropdown {
  width: initial;
}
.asconsole reservation-iot-sensors-manage-sensors-filter-bar .asui-command-bar ng-transclude.content .filters network-picker-dropdown .nwk-input {
  border: 0;
}

.asconsole iot-sensors-manage-drivers {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.asconsole iot-sensors-manage-drivers .driver-cards-container {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, 258px);
  justify-content: space-evenly;
}
.asconsole iot-sensors-manage-drivers .no-drivers-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container {
  margin-top: 100px;
  display: flex;
  width: 640px;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container .cta-image {
  width: 266px;
  height: auto;
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container .cta-body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container .cta-body-container .cta-title {
  color: var(--Neutral-900, --nc-colors__neutral900);
  text-align: center;
  /* Body L/Semibold */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container .cta-body-container .cta-description {
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  text-align: center;
  /* Body M/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container .cta-body-container .cta-description .cta-link {
  color: var(--Brand-1, var(--colors-brand-1, #0A5BEB));
  /* Body M/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
}
.asconsole iot-sensors-manage-drivers .no-drivers-container .drivers-cta-container .cta-body-container .cta-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.asconsole iot-sensors-manage-sensors {
  display: flex;
  height: 100%;
  width: 100%;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container {
  margin: 0;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .not-sortable {
  cursor: default;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td {
  max-width: 30vw;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container img {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  margin-right: 5px;
  border: 1px solid var(--colors-neutral-300, #DDE3EE);
  background: #FFF;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container .text-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container .text-container .name {
  color: var(--Neutral-900, --nc-colors__neutral900);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container .text-container .name break-word {
    word-break: break-all;
  }
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container .text-container .description {
  color: var(--Neutral-600, var(--colors-neutral-600, #68768D));
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .name-td .name-container .text-container .description break-word {
    word-break: break-all;
  }
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .type-td .type-container {
  display: flex;
  flex-direction: column;
  color: var(--Light-UI-Palette-Title, #0B1835);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .type-td .type-container break-word {
    word-break: break-all;
  }
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .type-td .type-container .model {
  color: var(--Neutral-600, var(--colors-neutral-600, #68768D));
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .location-td .location-container .location-name {
  color: var(--Neutral-900, --nc-colors__neutral900);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .resource-td .resource-name {
  color: var(--Neutral-900, --nc-colors__neutral900);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .last-event-td .last-event-label {
  color: var(--Light-UI-Palette-Title, #0B1835);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .features-td .features-container {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .features-td .features-container .feature-icon {
  width: 16px;
  height: 16px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .features-td .features-container .remaining-features-label {
  color: var(--Neutral-900, --nc-colors__neutral900);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%; /* 16.2px */
  text-transform: uppercase;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .asui-table-container .asui-table .features-td .features-container .no-features-label {
  color: var(--Light-UI-Palette-Title, #0B1835);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container {
  margin-top: 48px;
  display: flex;
  flex: 1;
  justify-content: start;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .icon-container {
  max-width: 30vw;
  padding-bottom: 44px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .icon-container img {
  max-width: 30vw;
  width: 30vw;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .small-padding {
  padding-bottom: 5px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .non-content-text .cta-title {
  color: var(--Neutral-900, --nc-colors__neutral900);
  text-align: center;
  /* Body L/Semibold */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 24.3px */
  padding-bottom: 14px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .desc {
  max-width: 45vw;
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  text-align: center;
  /* Body M/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .reset-filters {
  color: var(--Brand-1, var(--colors-brand-1, #0A5BEB));
  /* Body M/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .bottom-padding {
  padding-bottom: 24px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container .no-content-container .buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.asconsole iot-sensors-manage-sensors .iot-devices-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole iot-sensors-manage-sensors .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole iot-sensors-manage-sensors .clear-filters a {
  cursor: pointer;
}

reservation-settings-labels {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  overflow-y: auto;
}

.asconsole reservation-manage-provider {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservation-manage-provider .manage-provider-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 70px;
}
.asconsole reservation-manage-provider .manage-provider-header .icon-arrow-back {
  color: #6275A3;
  font-size: 18px;
  padding: 20px 20px 20px 30px;
  cursor: pointer;
}
.asconsole reservation-manage-provider .manage-provider-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole reservation-manage-provider .manage-provider-header reservation-steps-navbar {
  justify-content: center;
}
.asconsole reservation-manage-provider .manage-provider-header .action-buttons {
  margin-right: 25px;
  margin-left: 20px;
  width: 149px;
  justify-content: flex-end;
  display: flex;
}
.asconsole reservation-manage-provider .manage-provider-header .action-buttons button {
  min-width: 85px;
}
.asconsole reservation-manage-provider .manage-provider-content {
  background-color: #eef4f9;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 0;
}
.asconsole reservation-manage-provider .saving-mask {
  opacity: 0.5;
}
.asconsole .modal-reservation-manage-provider {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-reservation-manage-provider .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole resource-reservation-management-controls {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 30px;
  position: relative;
}
.asconsole resource-reservation-management-controls .add-btn-right {
  display: flex;
  align-items: center;
}
.asconsole resource-reservation-management-controls .add-btn-right .icon-plus {
  font-size: 9px;
}
.asconsole resource-reservation-management-controls .permission-list {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
  min-height: 46px;
}
.asconsole resource-reservation-management-controls .permission-list .header {
  color: #475369;
  margin-bottom: 15px;
}
.asconsole resource-reservation-management-controls .permission-list .inherited-cta img {
  max-width: 150px;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .acp-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .perm-grid {
  margin-bottom: 30px;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container {
  margin: 0;
  min-height: unset;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item {
  flex: 0 0 100% !important;
  border-bottom: 1px solid #DDE3EE;
  padding: 10px 0;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive {
  display: flex;
  height: 100%;
  flex: 1;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .item-td {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 50%;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .name-td {
  padding-left: 10px;
  flex: 1;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .name-td .user-icon {
  padding-right: 10px;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td {
  width: 60px;
  color: #6275A3;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 20px;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td .icon-clear {
  font-size: 22px;
  cursor: pointer;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td .icon-users {
  font-size: 20px;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td:hover {
  color: #475369;
}
.asconsole resource-reservation-management-controls .permission-list .permission-list-scroll .grid-container .grid-item item-directive .inherited-td {
  width: 92px;
  color: #6275A3;
  padding-left: 25px;
}
.asconsole resource-reservation-management-controls .no-content-container p, .asconsole resource-reservation-management-controls .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  font-size: 100%;
  align-items: center;
}
.asconsole resource-reservation-management-controls .no-content-container .add-btn {
  margin-top: 15px;
}
.asconsole resource-reservation-management-controls .no-content-container .add-btn .icon-plus {
  font-size: 10px;
  margin-right: 8px;
}

.asconsole reservation-settings-manager {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole reservation-settings-manager .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole reservation-settings-manager .setting-pannel .setting-row .property-value asui-checkbox {
  margin-top: 10px;
}
.asconsole reservation-settings-manager .setting-pannel .setting-row .property-label {
  width: 420px !important;
}

.asconsole reservation-settings-notifications {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole reservation-settings-notifications .accordion-tab {
  width: 100%;
}
.asconsole reservation-settings-notifications .accordion-tab .accordion-title {
  text-transform: none;
}
.asconsole reservation-settings-notifications .accordion-tab .accordion-title .header-description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 5px;
  font-size: 14px;
}
.asconsole reservation-settings-notifications .accordion-tab .header-container {
  align-items: center;
}
.asconsole reservation-settings-notifications .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole reservation-settings-notifications .setting-pannel .setting-row .property-value passport-typeahead {
  max-width: 300px;
}
.asconsole reservation-settings-notifications .setting-pannel .setting-row .property-value .asui-multiselect {
  display: flex;
  max-width: 300px;
}
.asconsole reservation-settings-notifications .setting-pannel .setting-row .property-value .asui-multiselect .bootstrap-select {
  flex: 1;
  min-width: auto;
}
.asconsole reservation-settings-notifications .setting-pannel .setting-row .property-label .icon-info {
  margin-top: 2px;
  margin-left: 6px;
}
.asconsole reservation-settings-notifications .setting-pannel clm-card-file-upload .file-upload-container {
  max-width: 300px;
}
.asconsole reservation-settings-notifications .setting-pannel clm-card-file-upload .file-upload-container .card-file-uploader img {
  background-color: white;
}
.asconsole reservation-settings-notifications .notification-configurations-container {
  margin-top: 14px;
}
.asconsole reservation-settings-notifications .notification-configurations-container .notification-configuration-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
  gap: 10px;
}
.asconsole reservation-settings-notifications .notification-configurations-container .notification-configuration-filter .filter-actions {
  display: flex;
  flex: 1;
  column-gap: 18px;
}
.asconsole reservation-settings-notifications .notification-configurations-container .notification-configuration-filter .filter-actions .create-btn {
  display: flex;
  align-items: center;
}
.asconsole reservation-settings-notifications .notification-configurations-container .notification-configuration-filter .filter-actions map-location-dropdown {
  flex: 0 1 334px;
}
.asconsole reservation-settings-notifications .notification-configurations-container .notification-configuration-filter .total-items {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-settings-notifications .notification-configurations-container asui-grid {
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole reservation-settings-notifications .notification-configurations-container asui-grid .grid-container {
    padding: 0;
    margin: 0px !important;
  }
}
.asconsole reservation-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
  padding: 32px 0 0 24px;
}
@media (max-width: 1600px) {
  .asconsole reservation-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1130px) {
  .asconsole reservation-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole reservation-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
    padding: 0;
    border-bottom: 1px solid #eef4f9;
  }
}
.asconsole reservation-settings-notifications .notification-configurations-container asui-grid .grid-container .loading-mask {
  background-color: transparent;
}

.asconsole reservation-settings-qrcode {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole reservation-settings-qrcode .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}

.asconsole reservations {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.asconsole reservation-admin-multi-resource-popover {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole reservation-admin-multi-resource-popover .resources-popover {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  min-width: 0;
}
.asconsole reservation-admin-multi-resource-popover .resources-popover .total {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  margin-right: 10px;
  color: #fff;
  background-color: #002169;
  border-radius: 50%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-admin-multi-resource-popover .resources-popover .resource {
  display: flex;
  flex-direction: row;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-admin-multi-resource-popover .resources-popover .resource break-word {
    word-break: break-all;
  }
}
.asconsole .multi-resource-popover .resource {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .multi-resource-popover .resource .icon {
  margin-top: 2px;
  margin-right: 9px;
  min-width: 16px;
  font-size: 16px;
  color: #4f596e;
}
.asconsole .multi-resource-popover .resource .name {
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .multi-resource-popover .resource .name break-word {
    word-break: break-all;
  }
}

.asconsole reservation-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  padding: 25px 25px 5px 25px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-analytics {
    padding: 15px;
  }
}
.asconsole reservation-analytics .filter-block {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-analytics .filter-block {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.asconsole reservation-analytics .filter-block .filter-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-analytics .filter-block .filter-item {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .asconsole reservation-analytics .filter-block .filter-item anl-analytics-daterange {
    width: 100%;
  }
}
.asconsole reservation-analytics .filter-block .filter-item .filter-label {
  color: #475369;
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-analytics .filter-block .filter-item .filter-label {
    min-width: 110px;
  }
}
.asconsole reservation-analytics .filter-block .filter-item map-location-dropdown {
  min-width: 235px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-analytics .filter-block .filter-item map-location-dropdown {
    min-width: initial;
  }
}
.asconsole reservation-analytics .filter-block .filter-item map-location-dropdown .dropdown-container {
  z-index: 999;
}

.asconsole reservation-settings-general {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-label .icon-info {
  margin-left: 10px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-label .popover {
  word-wrap: break-word;
  width: 250px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .conflict-toggle {
  margin-top: 4px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .toggle.btn-sm {
  min-width: 92px !important;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-enable {
  display: flex;
  align-items: center;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-enable .asui-dropdown {
  margin: 4px 0 0 12px;
  max-width: 215px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings .property-label {
  min-width: 0;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings input {
  width: 130px;
  margin: 0 12px 0 73px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings.retain-data-days-settings .property-label:first-child {
  margin-right: 8px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings.retain-data-days-settings input {
  margin: 0 8px 0 0;
  padding: 10px 16px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .recurring-checkpoint-settings {
  display: flex;
  align-items: center;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .recurring-checkpoint-settings .property-label {
  min-width: 0;
  margin: 0 12px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .recurring-checkpoint-settings .property-label:last-child {
  margin-right: 0;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value .recurring-checkpoint-settings input {
  width: 90px;
  padding: 10px 16px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value asui-multiselect {
  max-width: 300px;
}
.asconsole reservation-settings-general .setting-pannel .setting-row .property-value asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole reservation-settings-general .setting-pannel .conflict-handling-sub-settings .setting-row .property-label {
  padding-left: 20px;
}

.asconsole resource-reservation-permissions {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 30px;
  position: relative;
}
.asconsole resource-reservation-permissions .add-btn-right {
  display: flex;
  align-items: center;
}
.asconsole resource-reservation-permissions .add-btn-right .icon-plus {
  font-size: 9px;
}
.asconsole resource-reservation-permissions .permission-list {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
  min-height: 46px;
}
.asconsole resource-reservation-permissions .permission-list .header {
  color: #475369;
  margin-bottom: 15px;
}
.asconsole resource-reservation-permissions .permission-list .inherited-cta img {
  max-width: 150px;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .acp-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .perm-grid {
  margin-bottom: 30px;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container {
  margin: 0;
  min-height: unset;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item {
  flex: 0 0 100% !important;
  border-bottom: 1px solid #DDE3EE;
  padding: 10px 0;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive {
  display: flex;
  height: 100%;
  flex: 1;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .item-td {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 50%;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .name-td {
  padding-left: 10px;
  flex: 1;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .name-td .user-icon {
  padding-right: 10px;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td {
  width: 60px;
  color: #6275A3;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 20px;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td .icon-clear {
  font-size: 22px;
  cursor: pointer;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td .icon-users {
  font-size: 20px;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .menu-td:hover {
  color: #475369;
}
.asconsole resource-reservation-permissions .permission-list .permission-list-scroll .grid-container .grid-item item-directive .inherited-td {
  width: 92px;
  color: #6275A3;
  padding-left: 25px;
}
.asconsole resource-reservation-permissions .no-content-container p, .asconsole resource-reservation-permissions .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  font-size: 100%;
  align-items: center;
}
.asconsole resource-reservation-permissions .no-content-container .add-btn {
  margin-top: 15px;
}
.asconsole resource-reservation-permissions .no-content-container .add-btn .icon-plus {
  font-size: 10px;
  margin-right: 8px;
}

.asconsole resource-reservation-rules {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow-y: auto;
  padding: 0 30px;
  min-height: 500px;
}
.asconsole resource-reservation-rules .add-btn {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  line-height: 1;
}
.asconsole resource-reservation-rules .add-btn .icon-plus {
  font-size: 9px;
}
.asconsole resource-reservation-rules .add-btn-right {
  position: absolute;
  right: 35px;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
}
.asconsole resource-reservation-rules .rules-header {
  color: #475369;
  font-weight: bold;
}
.asconsole resource-reservation-rules > .rules-header ~ .rules-header {
  margin-top: 20px;
}
.asconsole resource-reservation-rules .no-content-container {
  font-size: 12px;
}
.asconsole resource-reservation-rules .asui-table {
  border: 0 !important;
}
.asconsole resource-reservation-rules .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
  padding-top: 15px;
  padding-bottom: 15px;
}
.asconsole resource-reservation-rules .asui-table .rule-td {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole resource-reservation-rules .asui-table .target-td {
  width: 60px;
  align-items: center;
}
.asconsole resource-reservation-rules .asui-table .target-td .icon {
  color: #6275A3;
  font-size: 110%;
  margin-right: 5px;
  cursor: pointer;
}
.asconsole resource-reservation-rules .asui-table .active-td {
  width: 40px;
}
.asconsole resource-reservation-rules .asui-table .active-td .icon {
  color: #6275A3;
  font-size: 110%;
  margin-right: 5px;
  cursor: pointer;
}
.asconsole resource-reservation-rules .asui-table .row-disabled {
  opacity: 0.5;
}
.asconsole resource-reservation-rules .asui-table .row-disabled .rule-td {
  cursor: default;
  color: #333F55;
}
.asconsole resource-reservation-rules .inherited-table .rule-td {
  cursor: default;
  color: #333F55;
}
.asconsole resource-reservation-rules .inherited-table .inherited-td {
  width: 38px;
  max-width: 38px;
}
.asconsole resource-reservation-rules .inherited-table .inherited-td .icon {
  font-size: 20px;
  color: #6275A3;
}

.asconsole reservation-settings {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
}
.asconsole reservation-settings asui-vertical-navbar {
  min-width: 320px;
  text-align: center;
  padding: 0;
  background-color: #fff;
  padding-top: 18px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole reservation-settings asui-vertical-navbar .vertical-navbar-container li .navitem {
  padding: 10px 20px;
  flex: 1;
  color: #858b9a;
}
.asconsole reservation-settings asui-vertical-navbar .vertical-navbar-container li .active {
  border-left: 0;
  border-right: 4px solid #475369;
  background-color: #EDF2F7;
  color: #475369;
  font-weight: 700;
}
.asconsole reservation-settings ui-view {
  background-color: #f7f8fb;
}
.asconsole reservation-settings .ui-view-padding {
  padding: 22px 30px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-settings .ui-view-padding {
    padding: 11px 16px;
  }
}
.asconsole reservation-settings .setting-pannel {
  display: flex;
  flex-direction: column;
}
.asconsole reservation-settings .setting-pannel .setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3c465d;
  margin-bottom: 5px;
  margin-top: 10px;
}
.asconsole reservation-settings .setting-pannel .setting-header:first-child {
  margin-top: 0;
}
.asconsole reservation-settings .setting-pannel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-settings .setting-pannel .setting-row {
    flex-direction: column;
  }
}
.asconsole reservation-settings .setting-pannel .setting-row .property-label {
  min-width: 420px;
  color: #475369;
  display: flex;
  margin-top: 8px;
  margin-right: 30px;
}
.asconsole reservation-settings .setting-pannel .setting-row .property-value {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole reservation-settings .setting-pannel .setting-row .property-value > input, .asconsole reservation-settings .setting-pannel .setting-row .property-value .asui-dropdown {
  width: 100%;
  max-width: 300px;
}
.asconsole reservation-settings .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole reservation-settings .setting-pannel .setting-row .duration-ddl {
  width: 145px;
}
.asconsole reservation-settings .setting-pannel .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole reservation-settings .setting-pannel .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole reservation-settings .setting-pannel .setting-row asui-duration input {
  height: 30px;
  border-radius: 4px;
}
.asconsole reservation-settings .setting-pannel .setting-row asui-dropdown-typeahead {
  background-color: white;
  max-width: 300px;
}
.asconsole reservation-settings label {
  color: #475369;
}
.asconsole reservation-settings .bg-muted {
  opacity: 0.5;
}
.asconsole reservation-settings .btn-footer {
  margin-top: 20px;
}
.asconsole reservation-settings .btn-footer .btn-group {
  margin-right: 0;
  float: right;
}

.asconsole reservation-time-picker {
  display: flex;
  flex-direction: row;
}
.asconsole reservation-time-picker .time-container .time-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #3c465d;
  margin-bottom: 6px;
}
.asconsole reservation-time-picker .time-container asui-dropdown-typeahead {
  min-width: 100px;
}
.asconsole reservation-time-picker .time-container:first-child {
  margin-right: 32px;
}

.asconsole reservation-resources-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole reservation-settings-concierge {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole reservation-settings-concierge .concierge-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container {
  margin: 0;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td {
  max-width: 30vw;
}
@media all and (max-width: 992px) {
  .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td {
    max-width: 20vw;
  }
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info {
  display: flex;
  align-items: center;
  position: relative;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user, .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group {
  cursor: pointer;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user .card-thumbnail-image-circle, .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user .card-thumbnail-image-circle span, .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group .card-thumbnail-image-circle span {
  font-size: 14px !important;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info .name-container {
  min-width: 0;
  padding-left: 8px;
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info .name-container .user-name {
  flex: 1;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info .name-container .user-name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info .name-container .email {
  cursor: pointer;
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-settings-concierge .concierge-table-container .asui-table-container .asui-table .name-td .user-info .name-container .email break-word {
    word-break: break-all;
  }
}
.asconsole reservation-settings-concierge .concierge-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole reservation-settings-concierge .concierge-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole reservation-settings-concierge .concierge-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole reservation-settings-concierge .concierge-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole reservation-settings-concierge .concierge-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole reservation-settings-concierge .concierge-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole reservation-settings-concierge .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole reservation-settings-concierge .clear-filters a {
  cursor: pointer;
}

.asconsole resource-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
}
.asconsole resource-analytics anl-summary-widget {
  flex: 0 0 50% !important;
}
.asconsole resource-analytics .widget-col-1 {
  flex: 0 0 100% !important;
}
.asconsole resource-analytics .loading-mask-container {
  opacity: 1;
}

.asconsole reservation-edit-resource-floorplan {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-size: 14px;
  position: relative;
}
.asconsole reservation-edit-resource-floorplan .fe-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole reservation-edit-resource-floorplan .fe-header .fe-header-left {
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole reservation-edit-resource-floorplan .fe-header .fe-header-left .icon-arrow-back {
  padding: 20px 20px 20px 30px;
  cursor: pointer;
  color: #6275A3;
}
@media all and (max-width: 667px) {
  .asconsole reservation-edit-resource-floorplan .fe-header .fe-header-left .icon-arrow-back {
    padding-left: 15px;
  }
}
.asconsole reservation-edit-resource-floorplan .fe-header .fe-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole reservation-edit-resource-floorplan .fe-header .fe-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  color: #475369;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole reservation-edit-resource-floorplan .fe-header .fe-header-actions {
    margin-right: 10px;
  }
}
.asconsole reservation-edit-resource-floorplan .fe-header .fe-header-actions .btn {
  width: 80px;
  font-size: 12px;
  height: 28px;
  padding: 5px 12px;
}
.asconsole reservation-edit-resource-floorplan .fe-content {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1;
  min-height: 0;
  background-color: #eef4f9;
}
.asconsole reservation-edit-resource-floorplan .fe-content .fpe-types-btns {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 9;
}
.asconsole reservation-edit-resource-floorplan .fe-content .fpe-types-btns .btn {
  border-radius: 0;
  font-weight: 200;
}
.asconsole reservation-edit-resource-floorplan .fe-content .fpe-types-btns .btn-primary:hover {
  color: white;
}
.asconsole reservation-edit-resource-floorplan .fe-content .fpe-types-btns .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.asconsole reservation-edit-resource-floorplan .fe-content .fpe-types-btns .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.asconsole reservation-edit-resource-floorplan .fe-content asui-floorplan-editor {
  width: 100%;
  padding: 0;
}
.asconsole reservation-edit-resource-floorplan .fe-content .loading-mask-container {
  background-color: #eef4f9;
}
.asconsole .modal-reservation-edit-resource-floorplan {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-width: 100vw;
}
.asconsole .modal-reservation-edit-resource-floorplan .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole reservation-resource-general {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  flex: 1;
  position: relative;
  padding: 0 30px;
  overflow-y: auto;
}
@media all and (max-width: 992px) {
  .asconsole reservation-resource-general {
    flex-direction: column;
  }
}
.asconsole reservation-resource-general .cal-providers {
  flex: 1;
}
.asconsole reservation-resource-general .cal-providers .fa-caret-down {
  padding-top: 0;
}
.asconsole reservation-resource-general .column-left {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-right: 70px;
}
@media all and (max-width: 992px) {
  .asconsole reservation-resource-general .column-left {
    margin-right: 0;
  }
}
.asconsole reservation-resource-general .column-right {
  display: flex;
  flex-direction: column;
  width: 40%;
}
@media all and (max-width: 992px) {
  .asconsole reservation-resource-general .column-right {
    width: unset;
    flex: 1;
  }
}
.asconsole reservation-resource-general .column-right .input-row label {
  display: none;
}
@media all and (max-width: 992px) {
  .asconsole reservation-resource-general .column-right .input-row label {
    display: inline;
    display: initial;
  }
}
.asconsole reservation-resource-general .qrcode-row .actions-container {
  display: flex;
  padding-left: 10px;
}
.asconsole reservation-resource-general .qrcode-row .actions-container .icon {
  cursor: pointer;
  padding: 8px;
  color: #7f8693;
}
.asconsole reservation-resource-general .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: flex-start;
}
.asconsole reservation-resource-general .input-row.has-error asui-dropdown-typeahead .textbox {
  border-color: #CB4848;
}
.asconsole reservation-resource-general .input-row.has-error .input-row-field input[type=text] {
  border-color: #CB4848;
}
.asconsole reservation-resource-general .input-row .help-block {
  margin-bottom: 0;
}
.asconsole reservation-resource-general .input-row .input-row-field {
  flex: 1;
}
.asconsole reservation-resource-general .input-row .btn {
  font-size: 14px;
}
.asconsole reservation-resource-general .input-row .readonly-location {
  opacity: 0.7;
  cursor: not-allowed;
}
.asconsole reservation-resource-general .input-row .readonly-location .location-dropdown {
  pointer-events: none;
}
.asconsole reservation-resource-general .input-row > label {
  width: 160px;
  display: flex;
  align-items: center;
  color: #2d3851;
  font-weight: 200;
  margin: 0;
  padding-top: 6px;
}
.asconsole reservation-resource-general .input-row > label > .info {
  margin-left: 8px;
}
@media all and (max-width: 667px) {
  .asconsole reservation-resource-general .input-row > label {
    width: 130px;
  }
}
.asconsole reservation-resource-general .input-row .input-multi {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-resource-general .input-row asui-tags-input {
  display: flex;
  flex: 1;
}
.asconsole reservation-resource-general .input-row > input, .asconsole reservation-resource-general .input-row > textarea, .asconsole reservation-resource-general .input-row .asui-dropdown, .asconsole reservation-resource-general .input-row asui-timezone, .asconsole reservation-resource-general .input-row .asui-tags-input {
  flex: 1;
  margin: 0;
}
.asconsole reservation-resource-general .input-row asui-rich-text {
  flex: 1;
}
.asconsole reservation-resource-general .input-row asui-timezone {
  display: inline;
  min-width: 0;
}
.asconsole reservation-resource-general .input-row asui-timezone .asui-dropdown {
  min-width: 0;
}
.asconsole reservation-resource-general .input-row map-location-dropdown {
  min-width: 0;
}
.asconsole reservation-resource-general .input-row toggle {
  margin-top: 4px;
}
.asconsole reservation-resource-general .input-row toggle .btn {
  font-size: 10px;
}
.asconsole reservation-resource-general .input-row .disable-toggle {
  pointer-events: none;
  opacity: 0.6;
}
.asconsole reservation-resource-general .input-row .location-label {
  padding-top: 0;
}
.asconsole reservation-resource-general .input-row .linked-resources-label {
  display: block;
  text-align: end;
  width: 100%;
  color: #68768D;
}
.asconsole reservation-resource-general .input-row .location-link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole reservation-resource-general .input-row .qrcode {
  width: 150px;
  height: 150px;
}
.asconsole reservation-resource-general .input-row .qrcode img {
  max-width: 100%;
  max-height: 100%;
}
.asconsole reservation-resource-general .input-row .uploader-container {
  display: flex;
  flex: 1;
}
.asconsole reservation-resource-general .input-row .uploader-container clm-image-uploader {
  flex: 1;
}
.asconsole reservation-resource-general .input-row .uploader-container clm-image-uploader .image-uploader {
  height: auto;
  padding-top: 45%;
}
.asconsole reservation-resource-general .input-row .office-hours {
  margin-top: 17px;
}
.asconsole reservation-resource-general .input-row-linked-resources {
  margin-bottom: 0;
}
.asconsole reservation-resource-general .resource-item {
  position: relative;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
}
.asconsole reservation-resource-general .resource-item img {
  border-radius: 10px;
  width: 60px;
  height: 60px;
}
.asconsole reservation-resource-general .resource-item span.type {
  color: #475369;
  font-size: small;
}
.asconsole reservation-resource-general .menu-btn {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
}
.asconsole reservation-resource-general .menu-options {
  z-index: 1;
  position: absolute;
  right: 10px;
  top: 35px;
  list-style: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.asconsole reservation-resource-general .menu-options li {
  padding: 5px 15px;
  cursor: pointer;
}
.asconsole reservation-resource-general .menu-options li:hover {
  background: #f0f0f0;
}
.asconsole reservation-resource-general .resource-item-connectedresource {
  display: inline-block;
}

.asconsole reservation-resource-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.asconsole reservation-resource-list .filter-bar {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 25px;
  margin: 0;
  z-index: 1;
  height: 50px;
}
.asconsole reservation-resource-list .filter-bar .desc {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole reservation-resource-list .filter-bar .desc .icon {
  font-size: 15px;
  margin-left: 5px;
}
.asconsole reservation-resource-list .filter-bar .icon-filter {
  padding: 5px;
  cursor: pointer;
}
.asconsole reservation-resource-list .filter-bar .asui-search {
  width: 200px;
  margin: 0;
  margin-right: 10px;
}
.asconsole reservation-resource-list .filter-bar .asui-search input {
  height: 28px;
}
.asconsole reservation-resource-list .asui-command-bar {
  margin: 0;
  border-bottom: 0;
}
.asconsole reservation-resource-list .asui-command-bar .popover-content {
  max-height: 50vh !important;
}
.asconsole reservation-resource-list .asui-command-bar .filter-context-menu {
  margin-right: 30px;
}
.asconsole reservation-resource-list .asui-command-bar .filter-context-menu .popover-content {
  overflow-y: auto;
  max-height: 50vh;
}
.asconsole reservation-resource-list .asui-command-bar .content {
  background-color: #eef4f9;
}
.asconsole reservation-resource-list .asui-command-bar .content .fa-caret-down {
  padding-left: 6px;
  color: #6275A3;
}
.asconsole reservation-resource-list .asui-command-bar .up-arrow_box:before {
  margin-left: -36px;
}
.asconsole reservation-resource-list .asui-command-bar .up-arrow_box:after {
  margin-left: -35px;
  border-bottom-color: #eef4f9;
}
.asconsole reservation-resource-list .resource-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 20px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner .clear-filters {
  display: flex;
  padding: 0 0 10px 0;
  justify-content: center;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner .clear-filters a {
  cursor: pointer;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table {
  width: 100%;
  display: flex;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table thead th {
  background-color: #EDF2F7;
  top: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .resource-col {
  max-width: 200px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .resource-col reservation-card-resource {
  cursor: pointer;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .row-green .as-checkbox-column {
  border-left: 12px solid #0C817B;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .row-red .as-checkbox-column {
  border-left: 12px solid #CB4848;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .row-yellow .as-checkbox-column {
  border-left: 12px solid #EBBE36;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .provider-col {
  min-width: 50px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .provider-col > div {
  display: flex;
  align-items: center;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .capacity-col {
  text-align: right;
  padding-right: 40px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .capacity-col .no-capacity {
  color: #CB4848;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .location-col {
  min-width: 120px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .location-col .floor-name {
  color: #475369;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .facilities-col {
  max-width: 150px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .facilities-col .single {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .facilities-col .single break-word {
    word-break: break-all;
  }
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .rule {
  cursor: pointer;
  color: #475369;
  min-width: 55px;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .rule-direct {
  color: #0A5BEB;
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .asui-table .fa-ellipsis-h {
  color: #475369;
}
@media all and (max-width: 1200px) {
  .asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .table-container .hide-column-lg {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: collapse;
  }
}
.asconsole reservation-resource-list .resource-table-container .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}
.asconsole reservation-resource-list .resource-table-container .cta-container {
  display: flex;
  flex: 1;
}
.asconsole reservation-resource-list .resource-table-container .cta-container .non-content-text {
  z-index: 2;
}
.asconsole reservation-resource-list .resource-table-container .cta-container h3 {
  color: #333F55;
}
.asconsole reservation-resource-list .resource-table-container .cta-container p {
  font-size: 16px;
}
.asconsole reservation-resource-list .resource-table-container .cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole reservation-resource-list .resource-table-container .cta-container .no-content-action-button .btn {
  height: unset;
}
.asconsole .provider-id-popover {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole .provider-id-popover .icon {
  font-size: 12px;
  margin-left: 5px;
}

.asconsole resource-list-provider-cell .provider-container {
  display: flex;
  align-items: center;
}
.asconsole resource-list-provider-cell .provider-container .icon-warning {
  color: #CB4848;
  margin-right: 6px;
}
.asconsole resource-list-provider-cell .has-warnings {
  cursor: pointer;
}

.asconsole resource-reservations {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  padding: 0 30px;
}
.asconsole resource-reservations .date-range-container {
  flex: 1;
}
.asconsole resource-reservations .date {
  margin-right: 0;
}

.asconsole reservation-resource-sidebar {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-resource-sidebar sub {
  bottom: 0;
  margin: 10px 0;
  display: flex;
}
.asconsole reservation-resource-sidebar map-location-tree {
  position: relative;
  flex: 1;
}
.asconsole reservation-resource-sidebar map-location-tree .location-tree-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
}
.asconsole reservation-resource-sidebar map-location-tree .location-tree-container .tree-node {
  border-radius: 3px;
  font-weight: 400;
}
.asconsole reservation-resource-sidebar map-location-tree .location-tree-container .tree-node:hover {
  background-color: #EDF2F7 !important;
}
.asconsole reservation-resource-sidebar map-location-tree .location-tree-container .tree-node.selected {
  font-weight: 700;
  background-color: #f7f8fb !important;
}
.asconsole reservation-resource-sidebar .provider-container {
  max-height: 198px;
  overflow-y: auto;
  margin: 0;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
  cursor: pointer;
  height: 32px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
  border-radius: 3px;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item .name {
  display: flex;
  align-items: center;
  flex: 1;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-resource-sidebar .provider-container .provider-item .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-resource-sidebar .provider-container .provider-item .name span {
  color: #2d3851;
  margin-left: 10px;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item .name i {
  color: #4f596e;
  width: 19px;
  font-size: 18px;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item .name img {
  width: 19px;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item .icon-warning {
  color: #CB4848;
  width: 18px;
  font-size: 16px;
  margin-left: 6px;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item .icon-context {
  padding-left: 5px;
  visibility: hidden;
  font-size: 24px;
  color: #475369;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item:hover {
  background-color: #f7f8fb;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item:hover .icon-context {
  visibility: visible;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item.selected {
  background-color: #f7f8fb;
  font-weight: 700;
}
.asconsole reservation-resource-sidebar .provider-container .provider-item.selected .icon-context {
  visibility: visible;
}
.asconsole reservation-resource-sidebar .left-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 10px 0;
}

.asconsole reservation-resource-status-icon {
  display: flex;
  gap: 8px;
  align-items: center;
}
.asconsole reservation-resource-status-icon .rsc-status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: #eef4f9;
  color: #475369;
  width: 30px;
  height: 22px;
}
.asconsole reservation-resource-status-icon .rsc-status-icon.rsc-conflict-warning {
  background-color: #FCF6F6;
  color: #C94040;
}

.asconsole reservation-resource-typeahead {
  display: flex;
  flex: 1;
}
.asconsole reservation-resource-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole reservation-resource-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole reservation-resource-typeahead asui-dropdown-typeahead .dropdown-item reservation-card-resource .location {
  font-size: 12px;
}
.asconsole reservation-resource-typeahead asui-dropdown-typeahead .selected-item reservation-card-resource .icon-container {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  font-size: 10px;
}
.asconsole reservation-resource-typeahead asui-dropdown-typeahead .selected-item reservation-card-resource .desc {
  display: none;
}
.asconsole .resource-typeahead-mobile-dialog .selected-item .icon-container, .asconsole .resource-typeahead-mobile-dialog .selected-item .rsc-name .desc {
  display: none;
}

.asconsole reservation-resources {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 25px 25px;
  padding: 0;
  min-height: 0;
  min-width: 0;
  background-color: #fff;
}
@media all and (max-width: 667px) {
  .asconsole reservation-resources {
    padding: 15px 15px;
  }
}
.asconsole reservation-resources .blocking-mask .loading-mask-container {
  background-color: rgba(255, 255, 255, 0.8);
}
.asconsole reservation-resources .blocking-mask .loading-mask-container .message {
  color: #333F55;
}
.asconsole reservation-resources .rsv-left {
  display: flex;
  flex-direction: column;
  width: 310px;
  overflow: hidden;
  position: relative;
  margin: 20px 15px 0 25px;
}
.asconsole reservation-resources .rsv-left reservation-resource-sidebar {
  margin-top: 15px;
}
.asconsole reservation-resources .rsv-right {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  background-color: #F8F9FC;
  border-left: 1px solid #DDE3EE;
}

.asconsole reservation-resources-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole reservation-rule-input-capacity .unit {
  margin-left: 10px !important;
}

.asconsole reservation-rule-input-checkpoint .document asui-radio {
  margin-top: 6px;
}
.asconsole reservation-rule-input-checkpoint asui-rich-text {
  margin-bottom: 20px;
}
.asconsole reservation-rule-input-checkpoint clm-card-file-upload, .asconsole reservation-rule-input-checkpoint clm-image-uploader {
  flex: 1;
}
.asconsole reservation-rule-input-checkpoint .banner .fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.asconsole reservation-rule-input-checkpoint toggle {
  display: flex;
  align-items: center;
  padding-top: 6px;
}
.asconsole reservation-rule-input-checkpoint .service-menu-container {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.asconsole reservation-rule-input-checkpoint .service-menu-container .checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  cursor: pointer;
}
.asconsole reservation-rule-input-checkpoint .service-menu-container .checkbox-label input[type=checkbox] {
  margin: 0;
}
.asconsole reservation-rule-input-checkpoint .service-menu-container .checkbox-label span {
  font-size: 14px;
}
.asconsole reservation-rule-input-checkpoint .trigger-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.asconsole reservation-rule-input-checkpoint .trigger-list .trigger-item {
  display: flex;
  align-items: center;
  background-color: #F8F9FC;
  width: 100%;
  padding: 8px 14px;
  margin-bottom: 8px;
}
.asconsole reservation-rule-input-checkpoint .trigger-list .trigger-item .name {
  flex: 1;
  margin-right: 4px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole reservation-rule-input-checkpoint .trigger-list .trigger-item .name break-word {
    word-break: break-all;
  }
}
.asconsole reservation-rule-input-checkpoint .trigger-list .trigger-item i {
  cursor: pointer;
}
.asconsole reservation-rule-input-checkpoint .trigger-list .add-trigger {
  display: flex;
  align-items: center;
  color: #0A5BEB;
  padding-top: 6px;
  cursor: pointer;
}
.asconsole reservation-rule-input-checkpoint .trigger-list .add-trigger i {
  margin-right: 4px;
  font-size: 10px;
}
.asconsole reservation-rule-input-checkpoint .no-libraryAccess {
  flex: 1;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #DDE3EE;
}
.asconsole reservation-rule-input-checkpoint .no-libraryAccess img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole reservation-rule-input-checkpoint .no-libraryAccess span {
  color: #475369;
}
.asconsole reservation-rule-input-checkpoint .no-libraryAccess img:hover {
  opacity: 0.2;
}
.asconsole .trigger-tooltip {
  display: flex;
  flex-direction: column;
}
.asconsole .trigger-tooltip .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole .trigger-tooltip .details {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole .input-row label i {
  margin-left: 4px;
}

.asconsole reservation-rule-input-concurrency {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-rule-input-concurrency .input-info {
  flex: 1;
  margin-top: 5px;
  margin-left: 10px;
}
.asconsole reservation-rule-input-concurrency .concurrnecy-block {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-rule-input-concurrency .concurrnecy-block .help-text {
  margin-top: 6px;
  margin-bottom: 14px;
}
.asconsole reservation-rule-input-concurrency .concurrnecy-block .custom-value {
  margin-top: 14px;
}

.asconsole reservation-rule-input-dayparting .btn-setup-dayparting {
  flex: 1;
}
.asconsole reservation-rule-input-dayparting .dayparting-block {
  position: relative;
  flex: 1;
}
.asconsole reservation-rule-input-dayparting .dayparting-block asui-dayparting {
  font-size: 70%;
  margin-top: 4px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole reservation-rule-input-dayparting .dayparting-block asui-dayparting {
    height: 144px;
  }
}
.asconsole reservation-rule-input-dayparting .dayparting-block .edit-layover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: black;
  position: absolute;
  top: 17px;
  left: 11px;
  width: calc(100% - 11px);
  height: 100%;
  z-index: 100;
}
.asconsole reservation-rule-input-dayparting .dayparting-block .edit-layover .dayparting-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 120%;
  color: white;
  line-height: 0.8;
  width: 90px;
  padding: 10px;
  cursor: pointer;
  border: 2px solid transparent;
}
.asconsole reservation-rule-input-dayparting .dayparting-block .edit-layover .dayparting-btn-edit {
  border: 2px solid white;
  padding: 8px 10px;
}
.asconsole reservation-rule-input-dayparting .dayparting-block .edit-layover:hover {
  opacity: 0.5;
}

.asconsole reservation-rule-input-in-person-qr-code-actions asui-multiselect {
  width: 70%;
}
.asconsole reservation-rule-input-in-person-qr-code-actions asui-multiselect .asui-multiselect .bootstrap-select {
  min-width: 220px;
  max-width: 100%;
  width: 100% !important;
}

.asconsole reservation-rule-input-max-reservation-resource .unit {
  margin-left: 10px !important;
}

.asconsole reservation-rule-input-recurrence {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole reservation-rule-input-recurrence .input-info {
  flex: 1;
  margin-top: 5px;
  margin-left: 10px;
}
.asconsole reservation-rule-input-recurrence .unit {
  margin-left: 10px !important;
}
.asconsole reservation-rule-input-recurrence .error, .asconsole reservation-rule-input-recurrence .info {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  margin-top: -8px;
}
.asconsole reservation-rule-input-recurrence .info {
  color: #475369;
}
.asconsole reservation-rule-input-recurrence .error {
  color: #CB4848;
}

.asconsole reservation-rule-input-skip-event-count .spanmsg {
  margin-top: 5px !important;
  margin-left: 10px !important;
}

.asconsole reservation-select-provider {
  font-size: 14px;
  display: flex;
  padding: 50px;
}
.asconsole reservation-select-provider .content {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  padding: 30px 25px;
  position: relative;
  width: 500px;
  height: 220px;
  background-color: white;
}
.asconsole reservation-select-provider .content.content-hybrid-enabled {
  height: 305px;
}
.asconsole reservation-select-provider .content .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.asconsole reservation-select-provider .content .desc {
  margin-bottom: 10px;
}
.asconsole reservation-select-provider .content .create-link {
  color: #0A5BEB;
  cursor: pointer;
  margin-top: 15px;
}
.asconsole reservation-select-provider .content .field-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole service-tags-input {
  display: flex;
  width: 100%;
  position: relative;
}
.asconsole service-tags-input .disable-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eef4f9;
  opacity: 0.7;
}
.asconsole service-tags-input .disabled-input .input {
  display: none;
}
.asconsole service-tags-input .disabled-input .asui-tags-input {
  min-height: unset;
}
.asconsole service-tags-input asui-dropdown-typeahead {
  width: 100%;
}
.asconsole service-tags-input .service-item {
  display: flex;
  align-items: center;
}
.asconsole service-tags-input .service-item .icon {
  margin-right: 8px;
  font-size: 16px;
}
.asconsole service-tags-input .service-item .name {
  font-size: 14px;
}
.asconsole service-tags-input .service-tags-input-mobile-dialog .service-item .icon {
  font-size: 20px;
}
.asconsole service-tags-input .service-tags-input-mobile-dialog .service-item .name {
  font-size: 16px;
}

.asconsole reservation-steps-navbar {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  flex: 1;
}
.asconsole reservation-steps-navbar .current .step-label {
  font-weight: 700;
}
.asconsole reservation-steps-navbar .current .step-number {
  background-color: #0A5BEB !important;
  border-color: #0A5BEB !important;
}
.asconsole reservation-steps-navbar .step-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole reservation-steps-navbar .step-item .hr {
  background-color: #6275A3;
  width: 40px;
  height: 2px;
  margin-left: 5px;
}
.asconsole reservation-steps-navbar .step-item .step-number {
  color: #6275A3;
  font-size: 14px;
  border: 1px solid #6275A3;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
}
.asconsole reservation-steps-navbar .step-item .step-label {
  color: #6275A3;
  font-size: 14px;
}
.asconsole reservation-steps-navbar .step-item.disabled .step-label {
  color: #dbe0ea;
}
.asconsole reservation-steps-navbar .step-item.disabled .step-number {
  color: #dbe0ea;
  border-color: #dbe0ea;
}
.asconsole reservation-steps-navbar .step-item.disabled .hr {
  background-color: #dbe0ea;
}
.asconsole reservation-steps-navbar .step-item.active .hr {
  background-color: #77B0EE;
}
.asconsole reservation-steps-navbar .step-item.active .step-number {
  color: white;
  background-color: #77B0EE;
  border-color: #77B0EE;
}
.asconsole reservation-steps-navbar .step-item.active .step-label {
  display: flex;
  align-items: center;
  color: #333F55;
}
.asconsole reservation-steps-navbar .step-item.active .step-label img {
  width: 20px;
  margin-right: 5px;
}
.asconsole reservation-steps-navbar .step-item:first-child .hr {
  display: none;
}

.asconsole reservation-sync-settings {
  font-size: 14px;
  display: flex;
  padding: 50px;
}
.asconsole reservation-sync-settings .content {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  padding: 30px 25px;
  position: relative;
  width: 500px;
  height: 240px;
  background-color: white;
}
.asconsole reservation-sync-settings .content .title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.asconsole reservation-sync-settings .content .desc {
  margin-bottom: 15px;
}
.asconsole reservation-sync-settings .content .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  align-items: flex-start;
}
.asconsole reservation-sync-settings .content .input-row > label {
  width: 140px;
  display: flex;
  align-items: center;
  color: #475369;
  font-weight: 150;
  margin: 0;
  padding-top: 6px;
}
.asconsole reservation-sync-settings .content .input-row > input, .asconsole reservation-sync-settings .content .input-row .asui-dropdown {
  flex: 1;
  margin: 0;
}
.asconsole reservation-sync-settings .content .toggle-container > label {
  padding-top: 2px;
}
.asconsole reservation-sync-settings .content .toggle-container .toggle.btn-xs {
  width: 50px !important;
  min-width: 50px !important;
}
.asconsole reservation-sync-settings .content .toggle-container .btn-xs.toggle-handle {
  box-shadow: none !important;
}
.asconsole reservation-sync-settings .content .toggle-container .icon-check {
  font-size: 22px;
  margin-top: -2px;
}

.asconsole notification-template-card {
  display: flex;
  flex-direction: column;
  max-width: 334px;
  height: 412px;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: #fff;
}
.asconsole notification-template-card .tc-header {
  width: 100%;
  height: 116px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  overflow: hidden;
  background-color: #F0F6FE;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.asconsole notification-template-card .tc-header .location-icon {
  font-size: 45px;
  color: #0A5BEB;
}
.asconsole notification-template-card .tc-header img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  z-index: 0;
}
.asconsole notification-template-card .tc-header .action-container {
  position: absolute;
  display: flex;
  justify-content: end;
  width: 100%;
  height: 100%;
}
.asconsole notification-template-card .tc-header .action-container .action-bar {
  visibility: hidden;
  margin: 8px 8px 0 0;
}
.asconsole notification-template-card .tc-header .action-container .action-bar .icon {
  margin-right: 2px;
  padding: 5px;
  background-color: rgba(30, 41, 59, 0.5);
  border-radius: 8px;
  color: #fff;
}
.asconsole notification-template-card .tc-header .action-container .action-bar .icon:last-child {
  margin-right: 0;
}
.asconsole notification-template-card:hover, .asconsole notification-template-card:focus-visible, .asconsole notification-template-card:focus-within {
  outline-offset: -1px;
}
.asconsole notification-template-card:hover .tc-header .action-container .action-bar, .asconsole notification-template-card:focus-visible .tc-header .action-container .action-bar, .asconsole notification-template-card:focus-within .tc-header .action-container .action-bar {
  visibility: initial;
}
.asconsole notification-template-card .tc-content {
  padding: 20px;
}
.asconsole notification-template-card .tc-content .tc-location {
  display: flex;
  flex-direction: column;
}
.asconsole notification-template-card .tc-content .tc-location--title {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 600;
  color: #1E293B;
  margin-bottom: 4px;
}
.asconsole notification-template-card .tc-content .tc-location--title .icon {
  margin-right: 4px;
}
.asconsole notification-template-card .tc-content .tc-location--title > span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-template-card .tc-content .tc-location--title > span break-word {
    word-break: break-all;
  }
}
.asconsole notification-template-card .tc-content .tc-location--subtitle {
  color: #68768D;
  padding: 0 2px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-template-card .tc-content .tc-location--subtitle break-word {
    word-break: break-all;
  }
}
.asconsole notification-template-card .tc-content .tc-location--subtitle.cascade-sub-location {
  color: #0A5BEB;
}
.asconsole notification-template-card .tc-content .line-separator {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #DDE3EE;
}
.asconsole notification-template-card .tc-content .tc-detail {
  padding: 0 12px;
}
.asconsole notification-template-card .tc-content .tc-detail .disable-text {
  margin: 8px 0 25px 0;
  font-weight: 600;
  color: #68768D;
}
.asconsole notification-template-card .tc-content .tc-detail .skeleton-block {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}
.asconsole notification-template-card .tc-content .tc-detail--logo {
  width: 72px;
  height: 20px;
  position: relative;
}
.asconsole notification-template-card .tc-content .tc-detail--logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: contain;
  z-index: 0;
}
.asconsole notification-template-card .tc-content .tc-detail--sender {
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-weight: 600;
  color: #333F55;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-template-card .tc-content .tc-detail--sender break-word {
    word-break: break-all;
  }
}
.asconsole notification-template-card .tc-content .tc-detail--properties {
  margin-top: 25px;
}
.asconsole notification-template-card .tc-content .tc-detail--properties .property-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.asconsole notification-template-card .tc-content .tc-detail--properties .property-item:last-child {
  margin-bottom: 0;
}
.asconsole notification-template-card .tc-content .tc-detail--properties .property-item .accent-color {
  display: inline-block;
  background-color: #0A5BEB;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 10px;
}
.asconsole notification-template-card .tc-content .tc-detail--properties .property-item .icon {
  margin-right: 8px;
  color: #475369;
}
.asconsole .reservation-notification-sublocation-popover .popover-content .sublocation-tooltip {
  max-width: 300px;
  max-height: 100px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.asconsole notification-template-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-size: 14px;
  position: relative;
}
.asconsole notification-template-editor .nte-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole notification-template-editor .nte-header .nte-header-left {
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole notification-template-editor .nte-header .nte-header-left .icon-arrow-back {
  padding: 20px 20px 20px 30px;
  cursor: pointer;
  color: #6275A3;
}
@media all and (max-width: 667px) {
  .asconsole notification-template-editor .nte-header .nte-header-left .icon-arrow-back {
    padding-left: 15px;
  }
}
.asconsole notification-template-editor .nte-header .nte-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole notification-template-editor .nte-header .nte-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  color: #475369;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole notification-template-editor .nte-header .nte-header-actions {
    margin-right: 10px;
  }
}
.asconsole notification-template-editor .nte-header .nte-header-actions .btn {
  width: 80px;
}
.asconsole notification-template-editor .nte-header .nte-header-actions .dirty-badge {
  position: absolute;
  bottom: 23px;
  right: 7px;
}
.asconsole notification-template-editor .nte-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding-bottom: 0;
  padding-right: 0;
  min-height: 0;
  min-width: 0;
}
.asconsole notification-template-editor .nte-content--config {
  display: flex;
  flex-direction: column;
  width: 520px;
  overflow-y: auto;
  position: relative;
  padding: 25px 24px 0 24px;
  background-color: #fff;
}
.asconsole notification-template-editor .nte-content--config .location-container {
  margin-bottom: 4px;
}
.asconsole notification-template-editor .nte-content--config .location-container .text-location {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole notification-template-editor .nte-content--config .location-container .location-selector-container {
  display: flex;
  gap: 12px;
}
.asconsole notification-template-editor .nte-content--config .location-container .location-selector-container .location-dropdown {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 0 15px 0;
}
.asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb {
  display: flex;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li {
  display: inline !important;
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li break-word {
    word-break: break-all;
  }
}
.asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li .network-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li .network-name break-word {
    word-break: break-all;
  }
}
.asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb > li + li:before {
  content: ">";
  font-size: 16px;
  color: #8493AE;
}
.asconsole notification-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb .icon {
  font-size: 14px;
  margin-right: 4px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group {
  border: none;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .panel-heading {
  background-color: #fff;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .panel-heading a > span {
  padding: 22px 8px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .panel-heading .header-container .header-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #1E293B;
  text-transform: none;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .panel-body {
  padding: 5px 8px 25px 8px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .panel:last-child {
  border: none;
  box-shadow: none;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .property-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .property-row .property-value .asui-dropdown {
  width: 100%;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .property-row .property-value .file-upload-help-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #68768D;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .property-row-inline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .property-row-inline .property-value .color-picker-container {
  display: flex;
  align-items: center;
  color: #68768D;
  text-transform: uppercase;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .property-row-inline .property-value .color-picker-container .sp-replacer {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 11px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .event-container .add-event-btn .btn-icon {
  font-size: 14px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .event-container .asui-context-menu .cm-item-disabled {
  display: none;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  padding: 12px 18px;
  margin-top: 24px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item--header .icon {
  padding: 5px;
  background-color: #EDF2F7;
  border-radius: 8px;
}
.asconsole notification-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item--header .event-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole notification-template-editor .nte-content--preview {
  display: flex;
  flex: 1;
  min-width: 0;
  background-color: #f8f9fc;
  padding-top: 25px;
}
@media all and (max-width: 992px) {
  .asconsole notification-template-editor .nte-content {
    flex-direction: column;
  }
  .asconsole notification-template-editor .nte-content--config {
    width: 100%;
    overflow-y: unset;
  }
}
.asconsole .modal-notification-template-editor {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-width: 100vw;
}
.asconsole .modal-notification-template-editor .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole visitors-create-visitor-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitors-create-visitor-modal .visitor-sidebar-banner .banner-top {
  padding-left: 20px !important;
}
.asconsole visitors-create-visitor-modal .visitor-sidebar-content as-form-renderer {
  padding: 15px 20px;
}
.asconsole visitors-create-visitor-modal .error {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #CB4848;
  color: white;
  transform: translateY(-100%);
  transition: 0.4s transform ease-in-out;
}
.asconsole visitors-create-visitor-modal .error-show {
  transform: translateY(0%) !important;
  padding: 10px;
}
.asconsole visitors-create-visitor-modal asui-loading-mask .loading-mask-container {
  opacity: 0.6;
}

.asconsole visitors-settings-type-purpose-edit {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(100vh - 7px);
  min-height: 293px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole visitors-settings-type-purpose-edit .modal-header {
  padding: 0 0 0 25px;
  display: flex;
}
.asconsole visitors-settings-type-purpose-edit .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole visitors-settings-type-purpose-edit .modal-header .icon-cross {
  font-size: 20px;
  color: #4f596e;
  padding: 16px;
  cursor: pointer;
}
.asconsole visitors-settings-type-purpose-edit .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole visitors-settings-type-purpose-edit .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole visitors-settings-type-purpose-edit .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  padding: 20px 25px 30px 25px;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-type-purpose-edit .modal-body {
    padding: 20px;
  }
}
.asconsole visitors-settings-type-purpose-edit .modal-body .input-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.asconsole visitors-settings-type-purpose-edit .modal-body .input-container > input {
  margin: 0;
  height: 44px;
  padding: 11px 12px;
  border-radius: 4px;
}
.asconsole visitors-settings-type-purpose-edit .modal-body .input-container .spinner-sm {
  position: absolute;
  right: 10px;
  top: 10px;
}
.asconsole visitors-settings-type-purpose-edit .modal-body .key {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors-settings-type-purpose-edit .modal-body asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole visitors-settings-type-purpose-edit .modal-body .error {
  margin-top: 10px;
  color: #CB4848;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .modal-edit-navigation {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-edit-navigation {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-edit-navigation .modal-content {
  border-radius: 8px;
}

.asconsole notification-visitor-management-email-preview {
  display: flex;
  justify-content: center;
  flex: 1;
}
.asconsole notification-visitor-management-email-preview .email-preview {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 800px;
  width: 100%;
  min-height: 300px;
  margin: 20px 60px;
  border: 1px solid #DDE3EE;
  border-radius: var(--nc-radii__2xl);
  background-color: #fff;
}
.asconsole notification-visitor-management-email-preview .email-preview--header {
  padding: 28px;
  border-bottom: 1px solid #DDE3EE;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole notification-visitor-management-email-preview .email-preview--header span.sender-email {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #68768D;
}
.asconsole notification-visitor-management-email-preview .email-preview--content {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 28px 28px 28px 28px;
  overflow-y: auto;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .logo {
  display: flex;
  justify-content: center;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .logo img {
  margin-bottom: 16px;
  max-width: 500px;
  max-height: 500px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
  font-size: 28px;
  font-weight: 700;
  color: #333F55;
  margin-bottom: 16px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container {
  position: relative;
  width: 100%;
  margin-top: 12px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .separator {
  border-bottom: 1px solid #DDE3EE;
  margin: 24px 0 24px 0;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: fill;
  z-index: 0;
  border-radius: 10px;
  max-height: 300px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content {
  background-color: #fff;
  z-index: 1;
  position: relative;
  margin: 0 50px 0 50px;
  padding: 24px 32px;
  border-radius: 10px 10px 0 0;
  border: 1px solid #DDE3EE;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .qr-code-container {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .qr-code-container img {
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 10px;
  object-fit: cover;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .event-detail-container {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .event-detail-container .event-row {
  display: flex;
  margin-bottom: 16px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .event-detail-container .event-row .attribute-label {
  flex: 0 0 76px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .event-detail-container .event-row .attribute-value {
  width: 100%;
  min-width: 0;
  flex: 1 1;
  display: flex;
  max-width: 100%;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .event-detail-container .attendance-block {
  padding: 0 20% 25px 20%;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .event-detail-container .attendance-block button {
  margin: 0 0 10px 0;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content .detail-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #333F55;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .content-container .email-content button {
  width: 100%;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .additional-text-top, .asconsole notification-visitor-management-email-preview .email-preview--content .additional-text-middle, .asconsole notification-visitor-management-email-preview .email-preview--content .additional-text-bottom {
  display: flex;
  justify-content: center;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .additional-text-top {
  margin: 0 0 25px 0;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .additional-text-middle {
  margin: 25px 0 15px 0;
}
.asconsole notification-visitor-management-email-preview .email-preview--content .additional-text-bottom {
  margin: 25px 0 0 0;
}

.asconsole visitors-gatekeeper-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
  min-height: 500px;
}
.asconsole visitors-gatekeeper-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole visitors-gatekeeper-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole visitors-gatekeeper-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole visitors-gatekeeper-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole visitors-gatekeeper-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole visitors-gatekeeper-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole visitors-gatekeeper-modal .modal-body {
    padding: 20px;
  }
}
.asconsole visitors-gatekeeper-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole visitors-gatekeeper-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole visitors-gatekeeper-modal .modal-body .edit-row asui-tags-input {
  margin-bottom: 0;
}
.asconsole visitors-gatekeeper-modal .modal-body .edit-row asui-tags-input .asui-tags-input {
  min-height: 74px;
}
.asconsole visitors-gatekeeper-modal .modal-body .edit-row .asui-checkbox input[type=checkbox] {
  margin-right: 13px;
}
.asconsole visitors-gatekeeper-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-visitors-gatekeeper {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-visitors-gatekeeper {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-visitors-gatekeeper .modal-content {
  border-radius: 8px;
}

.asconsole visitors-gatekeepers-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole visitors-gatekeepers-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole visitors-gatekeepers-filter-bar .add-btn {
  min-width: 76px;
  width: fit-content;
  margin-right: 10px;
}
.asconsole visitors-gatekeepers-filter-bar .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole visitors-gatekeepers-filter-bar network-picker-dropdown {
  width: initial;
}
.asconsole visitors-gatekeepers-filter-bar network-picker-dropdown .nwk-input {
  border: 0;
}

.asconsole host-typeahead {
  display: flex;
  flex: 1;
}
.asconsole host-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole host-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole host-typeahead asui-dropdown-typeahead .dropdown-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole host-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole host-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole host-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole host-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole host-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole host-typeahead asui-dropdown-typeahead .selected-item .user-icon {
  margin-right: 10px;
}
.asconsole host-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label {
  display: flex;
  min-width: 0;
}
.asconsole host-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole host-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name break-word {
    word-break: break-all;
  }
}
.asconsole host-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email {
  display: none;
  margin-left: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #475369;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole host-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole .host-typeahead-mobile-dialog .selected-item asui-card-user, .asconsole .host-typeahead-mobile-dialog .selected-item .user-typeahead-label .email {
  display: none;
}
.asconsole .host-typeahead-mobile-dialog .dropdown-container .user-typeahead-label {
  margin-left: 8px;
}

.asconsole visitors-icon-dropdown {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.asconsole visitors-invites-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole visitors-invites-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole visitors-invites-filter-bar .date-range {
  position: relative;
  min-width: 223px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites-filter-bar .date-range {
    width: initial;
  }
}
.asconsole visitors-invites-filter-bar .date-range .asui-date-range-picker {
  padding-right: 20px;
  width: initial;
  cursor: pointer;
}
.asconsole visitors-invites-filter-bar .date-range .asui-date-range-picker input {
  field-sizing: content;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites-filter-bar .date-range .asui-date-range-picker input {
    width: 120px;
  }
}
.asconsole visitors-invites-filter-bar .date-range .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole visitors-invites-filter-bar .date-range .icon-caret-down {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #4f596e;
  padding: 11px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole visitors-invites-filter-bar .asui-search {
  margin: 0 10px;
  max-width: 230px;
}
.asconsole visitors-invites-filter-bar .export-btn {
  color: #4f596e;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites-filter-bar .export-btn {
    display: none;
  }
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters .filter-by {
  color: #475369;
  margin-right: 20px;
  white-space: nowrap;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead {
  flex: unset;
  min-width: 200px;
  max-width: 300px;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333F55;
  opacity: 1; /* Firefox */
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead .fa-caret-down {
  font-size: 13px;
  right: -20px;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead input {
  border: 0;
  padding: 0;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead input:focus {
  background-color: white;
  padding: 0 8px;
  border: 1px solid #0A5BEB;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead .dropdown-container {
  border-top: 1px solid #DDE3EE;
  width: unset;
  min-width: 300px;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead asui-dropdown-typeahead .selected-item {
  width: calc(100% - 20px);
  padding-left: 0;
}
.asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead asui-dropdown-typeahead .user-typeahead-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-invites-filter-bar .asui-command-bar .filters user-typeahead asui-dropdown-typeahead .user-typeahead-label break-word {
    word-break: break-all;
  }
}
.asconsole visitors-invites-filter-bar .total-items {
  margin-left: 5px;
}

.asconsole visitors-settings-notifications {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px 30px;
}
.asconsole visitors-settings-notifications .accordion-tab {
  width: 100%;
}
.asconsole visitors-settings-notifications .accordion-tab .accordion-title {
  text-transform: none;
}
.asconsole visitors-settings-notifications .accordion-tab .accordion-title .header-description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-top: 5px;
  font-size: 14px;
}
.asconsole visitors-settings-notifications .accordion-tab .header-container {
  align-items: center;
}
.asconsole visitors-settings-notifications .setting-pannel .setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3c465d;
  margin-bottom: 5px;
  margin-top: 10px;
}
.asconsole visitors-settings-notifications .setting-pannel .setting-header:first-child {
  margin-top: 0;
}
.asconsole visitors-settings-notifications .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole visitors-settings-notifications .setting-pannel clm-card-file-upload .file-upload-container {
  max-width: 300px;
}
.asconsole visitors-settings-notifications .setting-pannel clm-card-file-upload .file-upload-container .card-file-uploader img {
  background-color: white;
}
.asconsole visitors-settings-notifications .notification-configurations-container {
  margin-top: 14px;
}
.asconsole visitors-settings-notifications .notification-configurations-container .notification-configuration-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
  gap: 10px;
}
.asconsole visitors-settings-notifications .notification-configurations-container .notification-configuration-filter .filter-actions {
  display: flex;
  flex: 1;
  column-gap: 18px;
}
.asconsole visitors-settings-notifications .notification-configurations-container .notification-configuration-filter .filter-actions .create-btn {
  display: flex;
  align-items: center;
}
.asconsole visitors-settings-notifications .notification-configurations-container .notification-configuration-filter .filter-actions map-location-dropdown {
  flex: 0 1 334px;
}
.asconsole visitors-settings-notifications .notification-configurations-container .notification-configuration-filter .total-items {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors-settings-notifications .notification-configurations-container asui-grid {
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-notifications .notification-configurations-container asui-grid .grid-container {
    padding: 0;
    margin: 0px !important;
  }
}
.asconsole visitors-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
  padding: 32px 0 0 24px;
}
@media (max-width: 1600px) {
  .asconsole visitors-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333% !important;
  }
}
@media (max-width: 1130px) {
  .asconsole visitors-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
    flex: 0 0 50% !important;
  }
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-notifications .notification-configurations-container asui-grid .grid-container .grid-item {
    flex: 0 0 100% !important;
    padding: 0;
    border-bottom: 1px solid #eef4f9;
  }
}
.asconsole visitors-settings-notifications .notification-configurations-container asui-grid .grid-container .loading-mask {
  background-color: transparent;
}

.asconsole visitors-resource-typeahead {
  display: flex;
  flex: 1;
  background-color: #fff;
}
.asconsole visitors-resource-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole visitors-resource-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole visitors-resource-typeahead asui-dropdown-typeahead .dropdown-item reservation-card-resource .location {
  font-size: 12px;
}
.asconsole visitors-resource-typeahead asui-dropdown-typeahead .selected-item reservation-card-resource .icon-container {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  font-size: 10px;
}
.asconsole visitors-resource-typeahead asui-dropdown-typeahead .selected-item reservation-card-resource .desc {
  display: none;
}

.asconsole notification-visitor-template-card {
  display: flex;
  flex-direction: column;
  max-width: 334px;
  height: 412px;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: #fff;
}
.asconsole notification-visitor-template-card .tc-header {
  width: 100%;
  height: 116px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  overflow: hidden;
  background-color: #F0F6FE;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.asconsole notification-visitor-template-card .tc-header .location-icon {
  font-size: 45px;
  color: #0A5BEB;
}
.asconsole notification-visitor-template-card .tc-header img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  z-index: 0;
}
.asconsole notification-visitor-template-card .tc-header .action-container {
  position: absolute;
  display: flex;
  justify-content: end;
  width: 100%;
  height: 100%;
}
.asconsole notification-visitor-template-card .tc-header .action-container .action-bar {
  visibility: hidden;
  margin: 8px 8px 0 0;
}
.asconsole notification-visitor-template-card .tc-header .action-container .action-bar .icon {
  margin-right: 2px;
  padding: 5px;
  background-color: rgba(30, 41, 59, 0.5);
  border-radius: 8px;
  color: #fff;
}
.asconsole notification-visitor-template-card .tc-header .action-container .action-bar .icon:last-child {
  margin-right: 0;
}
.asconsole notification-visitor-template-card:hover, .asconsole notification-visitor-template-card:focus-visible, .asconsole notification-visitor-template-card:focus-within {
  outline-offset: -1px;
}
.asconsole notification-visitor-template-card:hover .tc-header .action-container .action-bar, .asconsole notification-visitor-template-card:focus-visible .tc-header .action-container .action-bar, .asconsole notification-visitor-template-card:focus-within .tc-header .action-container .action-bar {
  visibility: initial;
}
.asconsole notification-visitor-template-card .tc-content {
  padding: 20px;
}
.asconsole notification-visitor-template-card .tc-content .tc-location {
  display: flex;
  flex-direction: column;
}
.asconsole notification-visitor-template-card .tc-content .tc-location--title {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-weight: 600;
  color: #1E293B;
  margin-bottom: 4px;
}
.asconsole notification-visitor-template-card .tc-content .tc-location--title .icon {
  margin-right: 4px;
}
.asconsole notification-visitor-template-card .tc-content .tc-location--title > span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-visitor-template-card .tc-content .tc-location--title > span break-word {
    word-break: break-all;
  }
}
.asconsole notification-visitor-template-card .tc-content .tc-location--subtitle {
  color: #68768D;
  padding: 0 2px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-visitor-template-card .tc-content .tc-location--subtitle break-word {
    word-break: break-all;
  }
}
.asconsole notification-visitor-template-card .tc-content .tc-location--subtitle.cascade-sub-location {
  color: #0A5BEB;
}
.asconsole notification-visitor-template-card .tc-content .line-separator {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #DDE3EE;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail {
  padding: 0 12px;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail .disable-text {
  margin: 8px 0 25px 0;
  font-weight: 600;
  color: #68768D;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail .skeleton-block {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--logo {
  width: 72px;
  height: 20px;
  position: relative;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: contain;
  z-index: 0;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--sender {
  margin-top: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-weight: 600;
  color: #333F55;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-visitor-template-card .tc-content .tc-detail--sender break-word {
    word-break: break-all;
  }
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--properties {
  margin-top: 25px;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--properties .property-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--properties .property-item:last-child {
  margin-bottom: 0;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--properties .property-item .accent-color {
  display: inline-block;
  background-color: #0A5BEB;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 10px;
}
.asconsole notification-visitor-template-card .tc-content .tc-detail--properties .property-item .icon {
  margin-right: 8px;
  color: #475369;
}
.asconsole .visitor-notification-sublocation-popover .popover-content .sublocation-tooltip {
  max-width: 300px;
  max-height: 100px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.asconsole notification-visitor-management-template-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-size: 14px;
  position: relative;
}
.asconsole notification-visitor-management-template-editor .nte-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole notification-visitor-management-template-editor .nte-header .nte-header-left {
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole notification-visitor-management-template-editor .nte-header .nte-header-left .icon-arrow-back {
  padding: 20px 20px 20px 30px;
  cursor: pointer;
  color: #6275A3;
}
@media all and (max-width: 667px) {
  .asconsole notification-visitor-management-template-editor .nte-header .nte-header-left .icon-arrow-back {
    padding-left: 15px;
  }
}
.asconsole notification-visitor-management-template-editor .nte-header .nte-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole notification-visitor-management-template-editor .nte-header .nte-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  color: #475369;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole notification-visitor-management-template-editor .nte-header .nte-header-actions {
    margin-right: 10px;
  }
}
.asconsole notification-visitor-management-template-editor .nte-header .nte-header-actions .btn {
  min-width: 80px;
  width: fit-content;
}
.asconsole notification-visitor-management-template-editor .nte-header .nte-header-actions .dirty-badge {
  position: absolute;
  bottom: 23px;
  right: 7px;
}
.asconsole notification-visitor-management-template-editor .nte-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding-bottom: 0;
  padding-right: 0;
  min-height: 0;
  min-width: 0;
}
.asconsole notification-visitor-management-template-editor .nte-content--config {
  display: flex;
  flex-direction: column;
  width: 520px;
  overflow-y: auto;
  position: relative;
  padding: 25px 24px 0 24px;
  background-color: #fff;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .text-description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container {
  margin-bottom: 4px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .text-location {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-selector-container {
  display: flex;
  gap: 12px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-selector-container .location-dropdown {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 0 15px 0;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb {
  display: flex;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li {
  display: inline !important;
  color: #475369;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li break-word {
    word-break: break-all;
  }
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li .network-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb li .network-name break-word {
    word-break: break-all;
  }
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb > li + li:before {
  content: ">";
  font-size: 16px;
  color: #8493AE;
}
.asconsole notification-visitor-management-template-editor .nte-content--config .location-container .location-breadcrumb-container .breadcrumb .icon {
  font-size: 14px;
  margin-right: 4px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group {
  border: none;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel-heading {
  background-color: #fff;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel-heading a > span {
  padding: 22px 8px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel-heading .header-container .header-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #1E293B;
  text-transform: none;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel-body {
  padding: 5px 8px 25px 8px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel-body .toggle .toggle-on,
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel-body .toggle .toggle-off {
  padding-left: 10px;
  padding-right: 10px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .panel:last-child {
  border: none;
  box-shadow: none;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .property-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .property-row .property-value .asui-dropdown {
  width: 100%;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .property-row .property-value .file-upload-help-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #68768D;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .property-row-inline {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .property-row-inline .property-value .color-picker-container {
  display: flex;
  align-items: center;
  color: #68768D;
  text-transform: uppercase;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .property-row-inline .property-value .color-picker-container .sp-replacer {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 11px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .event-container .add-event-btn .btn-icon {
  font-size: 14px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .event-container .asui-context-menu .cm-item-disabled {
  display: none;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  padding: 12px 18px;
  margin-top: 24px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item--header .icon {
  padding: 5px;
  background-color: #EDF2F7;
  border-radius: 8px;
}
.asconsole notification-visitor-management-template-editor .nte-content--config asui-accordion .panel-group .event-container .event-item--header .event-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole notification-visitor-management-template-editor .nte-content--preview {
  display: flex;
  flex: 1;
  min-width: 0;
  background-color: #f8f9fc;
  padding-top: 25px;
}
@media all and (max-width: 992px) {
  .asconsole notification-visitor-management-template-editor .nte-content {
    flex-direction: column;
  }
  .asconsole notification-visitor-management-template-editor .nte-content--config {
    width: 100%;
    overflow-y: unset;
  }
}
.asconsole .modal-notification-template-editor {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-width: 100vw;
}
.asconsole .modal-notification-template-editor .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole visitors-settings-type-purpose {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #2d3851;
}
.asconsole visitors-settings-type-purpose .top-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
}
.asconsole visitors-settings-type-purpose .top-section .asui-dropdown {
  margin: 0 20px 0 0;
  min-width: 148px;
}
.asconsole visitors-settings-type-purpose .top-section > button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.asconsole visitors-settings-type-purpose .visitor-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 20px;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .table-container {
  min-width: 0;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container {
  margin: 0;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .as-order-input-column-header {
    display: none;
  }
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .row-disabled {
  opacity: 0.5;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .type-td {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6275A3;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .details-td {
  max-width: 300px;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .details-td .details {
  display: flex;
  flex-direction: row;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .details-td .details {
    overflow: hidden;
  }
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .details-td .details .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  font-size: 20px;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  color: #4f596e;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .details-td .details .name {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  cursor: pointer;
  margin-left: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .details-td .details .name break-word {
    word-break: break-all;
  }
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .target-td {
  min-width: 60px;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div {
  display: flex;
  white-space: nowrap;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target {
  color: #4f596e;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target .icon {
  margin-right: 6px;
  color: #4f596e;
  font-size: 13px;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target .count {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target:last-child {
  margin-right: 0;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .as-order-input-column input {
  height: 30px;
  width: 30px;
  border-radius: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .as-action-column .popover {
  border-radius: 6px;
  border: 1px solid #DDE3EE;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .as-action-column .item-label {
  color: #2d3851;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .table-container-inner .asui-table-container .asui-table .as-action-column .item-icon {
  color: #4f596e !important;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .no-content-container .non-content-text {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole visitors-settings-type-purpose .visitor-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}

.asconsole visitor-directory {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.asconsole visitor-directory .debug-text {
  font-size: 8px;
  padding-left: 4px;
}
.asconsole visitor-directory visitors-search-autocomplete {
  margin: 0 10px;
  width: 220px;
}
@media all and (max-width: 667px) {
  .asconsole visitor-directory visitors-search-autocomplete {
    flex: 1;
    margin-left: 0;
  }
}
.asconsole visitor-directory .visitors-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container {
  margin: 0;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td {
  max-width: 30vw;
}
@media all and (max-width: 992px) {
  .asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td {
    max-width: 20vw;
  }
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info {
  display: flex;
  align-items: center;
  position: relative;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info asui-card-user {
  padding-right: 8px;
  cursor: pointer;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info asui-card-user .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info asui-card-user .card-thumbnail-image-circle span {
  font-size: 14px !important;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .name-container {
  min-width: 0;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .name-container .user-name {
  flex: 1;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .name-container .user-name break-word {
    word-break: break-all;
  }
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .name-container .email {
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .name-container .email break-word {
    word-break: break-all;
  }
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .avatar-container {
  position: relative;
  display: flex;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-td .user-info .avatar-container .icon-help-circled {
  position: absolute;
  right: 4px;
  bottom: -6px;
  font-size: 14px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
  z-index: 1;
  padding: 1px;
  line-height: 1;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .registered-td {
  text-align: center;
  padding-left: 0;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .registered-td .icon-check {
  color: #0C817B;
  font-size: 18px;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .registered-td .icon-cross {
  color: #CB4848;
  font-size: 16px;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .registered-td .icon-circle-half {
  color: #EBBE36;
  font-size: 12px;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .as-action-column .popover {
  border-radius: 6px;
  border: 1px solid #DDE3EE;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .as-action-column .item-label {
  color: #2d3851;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .as-action-column .item-icon {
  color: #4f596e !important;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-email-status-td {
  width: 170px;
}
.asconsole visitor-directory .visitors-table-container .asui-table-container .asui-table .visitor-email-status-td .positive {
  color: #0C817B;
}
@media all and (max-width: 1200px) {
  .asconsole visitor-directory .visitors-table-container .asui-table-container .hide-column-lg {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: collapse;
  }
}
.asconsole visitor-directory .visitors-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole visitor-directory .visitors-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole visitor-directory .visitors-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole visitor-directory .visitors-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole visitor-directory .visitors-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole visitor-directory .visitors-table-container .vc-column {
  display: flex;
  margin-right: 10px;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitor-directory .visitors-table-container .vc-column {
    margin-right: 0;
    justify-content: flex-start;
  }
}
.asconsole visitor-directory .visitors-table-container .vc-date {
  flex-direction: column;
  justify-content: center;
  margin-right: 25px;
  flex: unset;
  border: 1.5px solid #eef4f9;
  border-radius: 8px;
  padding: 4px 8px 6px 8px;
  width: fit-content;
}
@media all and (max-width: 667px) {
  .asconsole visitor-directory .visitors-table-container .vc-date {
    margin-right: 13px;
  }
}
.asconsole visitor-directory .visitors-table-container .vc-date .month {
  text-transform: uppercase;
  color: #CB4848;
  line-height: 24px;
  text-align: center;
}
@media all and (max-width: 667px) {
  .asconsole visitor-directory .visitors-table-container .vc-date .month {
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #475369;
  }
}
.asconsole visitor-directory .visitors-table-container .vc-date .date {
  margin: 0;
  color: #0b1835;
  line-height: 24px;
  text-align: center;
}
@media all and (max-width: 667px) {
  .asconsole visitor-directory .visitors-table-container .vc-date .date {
    color: #1E293B;
  }
}
.asconsole visitor-directory .visitors-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole visitor-directory .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole visitor-directory .clear-filters a {
  cursor: pointer;
}

.asconsole visitor-typeahead {
  display: flex;
  flex: 1;
}
.asconsole visitor-typeahead asui-dropdown-typeahead {
  width: 100%;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item .visitor-item-thumbnail {
  position: relative;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item .visitor-item-thumbnail .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item .visitor-item-thumbnail .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label {
  margin-left: 10px;
  line-height: 1.2;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .dropdown-item .user-typeahead-label .unverified-visitor {
  color: #B25300;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .selected-item .visitor-item-thumbnail {
  position: relative;
  margin-right: 10px;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label {
  display: flex;
  width: 100%;
  min-width: 0;
  padding-right: 10px;
}
.asconsole visitor-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name, .asconsole visitor-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitor-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .name break-word, .asconsole visitor-typeahead asui-dropdown-typeahead .selected-item .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole .visitor-typeahead-mobile-dialog .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole .visitor-typeahead-mobile-dialog .visitor-item-thumbnail {
  position: relative;
}
.asconsole .visitor-typeahead-mobile-dialog .visitor-item-thumbnail .icon-help-circled {
  position: absolute;
  right: -2px;
  bottom: -2px;
  font-size: 12px;
  color: #B25300;
  background-color: white;
  border-radius: 50%;
}
.asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label {
  width: 100%;
  min-width: 0;
}
.asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label .name, .asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label .email {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label .name break-word, .asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label .email break-word {
    word-break: break-all;
  }
}
.asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label .email {
  color: #475369;
  font-size: 85%;
}
.asconsole .visitor-typeahead-mobile-dialog .user-typeahead-label .unverified-visitor {
  color: #B25300;
}
.asconsole .visitor-typeahead-mobile-dialog .selected-item asui-card-user, .asconsole .visitor-typeahead-mobile-dialog .selected-item .user-typeahead-label .mobile-hide, .asconsole .visitor-typeahead-mobile-dialog .selected-item .icon-help-circled {
  display: none;
}
.asconsole .visitor-typeahead-mobile-dialog .dropdown-container .user-typeahead-label {
  margin-left: 8px;
}

.asconsole visitors {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole visitors .visitors-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  min-height: 55px;
  padding-right: 20px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole visitors .visitors-navbar {
    padding-right: 15px;
  }
}
.asconsole visitors .visitors-navbar asui-horizontal-navbar {
  border: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors .visitors-navbar asui-horizontal-navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.asconsole visitors .visitors-navbar asui-horizontal-navbar .nav-pills > li {
  margin-right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole visitors .visitors-navbar asui-horizontal-navbar .nav-pills > li {
    margin-right: 0;
  }
  .asconsole visitors .visitors-navbar asui-horizontal-navbar .nav-pills > li a {
    padding: 10px;
  }
}
.asconsole visitors .visitors-navbar .asui-search {
  max-width: 360px;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors ui-view {
  padding: 25px 25px;
  padding: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors ui-view {
    padding: 15px 15px;
  }
}
.asconsole visitors .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 13px 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors .filter-container {
    padding-top: 0;
  }
}
.asconsole visitors .filter-container .filter-left {
  display: flex;
  align-items: center;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole visitors .filter-container .filter-left {
    display: none;
  }
}
.asconsole visitors .filter-container .filter-left h3 {
  margin: 0 10px 0 0;
}
.asconsole visitors .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole visitors .filter-container .filter-right .total-items {
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.asconsole visitors .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole visitors .filter-container .filter-right .icon-filter {
    padding-right: 2px;
  }
}
.asconsole visitors .asui-command-bar {
  margin-top: -3px;
  margin-bottom: 0;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors .asui-command-bar .content {
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.asconsole visitors .asui-command-bar .close-btn {
  color: #4f596e;
  font-size: 16px;
  padding: 13px 12px;
}
.asconsole visitors .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole visitors .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 25px;
}
.asconsole visitors .asui-command-bar ng-transclude.content .filters {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole visitors .asui-command-bar ng-transclude.content .filters .cm-button {
  white-space: nowrap;
}
.asconsole visitors .asui-command-bar ng-transclude.content .filters .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}

.asconsole visitors-analytics {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  flex-basis: auto;
  padding: 25px 25px 5px 25px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-analytics {
    padding: 0;
  }
}
.asconsole visitors-analytics .filter-block {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-analytics .filter-block {
    flex-direction: column;
    margin-bottom: 15px;
  }
}
.asconsole visitors-analytics .filter-block .filter-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-analytics .filter-block .filter-item {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .asconsole visitors-analytics .filter-block .filter-item anl-analytics-daterange {
    width: 100%;
  }
}
.asconsole visitors-analytics .filter-block .filter-item .filter-label {
  color: #475369;
  margin-right: 10px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-analytics .filter-block .filter-item .filter-label {
    min-width: 110px;
  }
}
.asconsole visitors-analytics .filter-block .filter-item map-location-dropdown {
  min-width: 235px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-analytics .filter-block .filter-item map-location-dropdown {
    min-width: initial;
  }
}
.asconsole visitors-analytics .filter-block .filter-item map-location-dropdown .dropdown-container {
  z-index: 999;
}

.asconsole visitors-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole visitors-directory-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole visitors-directory-filter-bar .asui-command-bar ng-transclude.content {
  padding: 11px 0 11px 25px;
}

.asconsole visitors-directory-base {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: white;
  min-height: 0;
  min-width: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base {
    flex-direction: column;
  }
}
.asconsole visitors-directory-base .visitors-left {
  display: flex;
  flex-direction: column;
  width: 351px;
  overflow: hidden;
  position: relative;
  padding: 20px 15px 0 25px;
  border-right: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base .visitors-left {
    width: 100%;
    overflow: unset;
    margin: 0;
    padding: 0;
    background-color: #f7f8fb;
    border-right: 0;
  }
}
.asconsole visitors-directory-base .visitors-left .header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base .visitors-left .header-container {
    margin-bottom: 10px;
  }
}
.asconsole visitors-directory-base .visitors-left .header-container .add-btn .btn-primary {
  font-size: 14px;
  padding-top: 5px;
}
.asconsole visitors-directory-base .visitors-left .header-container .add-btn .btn-primary .icon-plus {
  font-size: 10px;
}
.asconsole visitors-directory-base .visitors-left .header-container .add-btn .dropdown-menu {
  right: auto;
  left: 0 !important;
}
.asconsole visitors-directory-base .visitors-left .header-container .add-btn .dropdown-menu li a {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors-directory-base .visitors-left network-picker-dropdown {
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base .visitors-left .visitors-normal-node.mobile-view {
    display: flex !important;
    position: absolute;
    top: 121px;
    left: 10px;
    z-index: 100;
    width: calc(100% - 20px);
    background-color: white;
    border: 1px solid #DDE3EE;
    overflow-y: auto;
  }
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base .visitors-left .visitors-normal-node {
    display: none !important;
    height: unset;
  }
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 5px 0;
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 5px 6px 10px;
  cursor: pointer;
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item .icon {
  color: #4f596e;
  font-size: 18px;
  width: 27px;
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item .name-text {
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item .name-text break-word {
    word-break: break-all;
  }
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item:hover,
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item.selected {
  background-color: #EDF2F7;
}
.asconsole visitors-directory-base .visitors-left .visitors-normal-node .sidebar-item.selected {
  font-weight: 700;
}
.asconsole visitors-directory-base .visitors-left .visitors-mobile-node {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  background-color: white;
  padding: 5px 15px;
  cursor: pointer;
  border: 1px solid #DDE3EE;
  border-radius: 2px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base .visitors-left .visitors-mobile-node {
    display: flex !important;
  }
}
.asconsole visitors-directory-base .visitors-left .visitors-mobile-node .visitors-mobile-node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.asconsole visitors-directory-base .visitors-left .visitors-mobile-node .visitors-mobile-node-name span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-directory-base .visitors-left .visitors-mobile-node .visitors-mobile-node-name span break-word {
    word-break: break-all;
  }
}
.asconsole visitors-directory-base .visitors-left .visitors-mobile-node .visitors-mobile-node-name .tree-icon {
  margin-right: 10px;
  font-size: 160%;
  color: #68768D;
}
.asconsole visitors-directory-base .visitors-left .visitors-mobile-node .visitors-mobile-node-name .icon-library {
  color: #475369;
}
.asconsole visitors-directory-base .visitors-left .visitors-mobile-node .fa-caret-down {
  color: #6275A3;
  font-size: 14px;
}
.asconsole visitors-directory-base .visitors-left asui-loading-mask {
  opacity: 0.5;
}
.asconsole visitors-directory-base .visitors-right {
  display: flex;
  flex: 1;
  min-width: 0;
  position: relative;
  background-color: #F8F9FC;
}
@media all and (max-width: 667px) {
  .asconsole visitors-directory-base .visitors-right {
    padding: 10px 0 0 0;
  }
}
.asconsole visitors-directory-base .main-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole visitors-documents {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
}

.asconsole visitors-edit-field {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
  min-height: 563px;
}
.asconsole visitors-edit-field .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole visitors-edit-field .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole visitors-edit-field .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole visitors-edit-field .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole visitors-edit-field .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole visitors-edit-field .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole visitors-edit-field .modal-body {
    padding: 20px;
  }
}
.asconsole visitors-edit-field .modal-body .edit-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-edit-field .modal-body .edit-row {
    flex-direction: column;
  }
}
.asconsole visitors-edit-field .modal-body .edit-row .key {
  margin-top: 0;
  min-width: 240px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole visitors-edit-field .modal-body .edit-row > input {
  margin: 0;
}
.asconsole visitors-edit-field .modal-body .edit-row .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole visitors-edit-field .modal-body .edit-row asui-dropdown-typeahead {
  width: 100%;
}
.asconsole visitors-edit-field .modal-body .edit-row .input-config {
  width: 100%;
  transform: scaleY(0);
  transform-origin: top;
  transition-delay: 0.05s;
  transition: 0.3s transform;
}
.asconsole visitors-edit-field .modal-body .edit-row .input-config-open {
  transform: scaleY(1) !important;
}
.asconsole visitors-edit-field .modal-body .edit-row .input-type-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.asconsole visitors-edit-field .modal-body .edit-row .input-type-container as-input-type-dropdown {
  max-width: 400px;
}
.asconsole visitors-edit-field .modal-body .edit-row .input-type-container .toggle-container {
  display: flex;
  margin-left: 30px;
}
.asconsole visitors-edit-field .modal-body .edit-row .input-type-container .toggle-container .toggle-label {
  margin-right: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole visitors-edit-field .modal-body .edit-row visitor-types-multiselect {
  width: 100%;
}
.asconsole visitors-edit-field .modal-body .edit-row asui-multiselect {
  width: 100%;
}
.asconsole visitors-edit-field .modal-body .edit-row asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole visitors-edit-field .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-visitors-edit-field {
  width: 770px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-visitors-edit-field {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-visitors-edit-field .modal-content {
  border-radius: 8px;
}

.asconsole visitors-invites {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole visitors-invites .visitors-grid-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  background-color: #F8F9FC;
  position: relative;
  z-index: 0;
  overflow-y: hidden;
}
.asconsole visitors-invites .visitors-grid-container .table-header {
  display: flex;
  flex-direction: row;
  background-color: #EDF2F7;
  color: #0b1835;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  height: 32px;
  padding: 0 12px 0 42px;
  z-index: 1;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites .visitors-grid-container .table-header {
    display: none;
  }
}
.asconsole visitors-invites .visitors-grid-container .table-header .header-col {
  display: flex;
  align-items: center;
  flex: 1;
}
.asconsole visitors-invites .visitors-grid-container .table-header .col-visitor {
  flex: 2;
}
.asconsole visitors-invites .visitors-grid-container .table-header .col-visitor .col-date {
  margin-right: 40px;
  margin-left: 2px;
}
.asconsole visitors-invites .visitors-grid-container .table-header .col-info {
  margin-right: 10px;
}
@media all and (max-width: 992px) {
  .asconsole visitors-invites .visitors-grid-container .table-header .col-info {
    display: none;
  }
}
.asconsole visitors-invites .visitors-grid-container .table-header .col-resource {
  margin-right: 10px;
}
.asconsole visitors-invites .visitors-grid-container .table-header .col-status {
  flex: 1.3;
  min-width: 250px;
}
@media all and (max-width: 1200px) {
  .asconsole visitors-invites .visitors-grid-container .table-header .col-status {
    display: none;
  }
}
.asconsole visitors-invites .visitors-grid-container .table-header .col-menu {
  width: 32px;
  padding-right: 10px;
  flex: unset;
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 32px;
  width: 100%;
  height: 100% !important;
  z-index: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner {
    padding-top: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner visitor-grid {
    padding: 0;
  }
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container {
  background-color: white;
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item {
  padding: 0;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item {
    padding: 0;
  }
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor {
  border: 0;
}
@media all and (max-width: 992px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor {
    padding: 14px 0px 14px 0px;
  }
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-row {
  padding-bottom: 0;
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-status-bar {
  border-radius: 0;
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-visitor {
  padding-left: 42px;
}
@media all and (max-width: 992px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-visitor .attendee-row {
    border: none;
  }
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-party {
  padding-left: 0;
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-party-attendee {
  padding-left: 15px;
}
.asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .card-visitor .vc-context-menu {
  padding-right: 10px;
}
@media all and (max-width: 992px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .vc-event {
    display: none;
  }
}
@media all and (max-width: 1200px) {
  .asconsole visitors-invites .visitors-grid-container .grid-container-inner .grid-container .grid-item .status-row {
    display: none;
  }
}

.asconsole visitors-preregistration-preview {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole visitors-preregistration-preview .modal-header {
  padding: 0 0 0 25px;
  display: flex;
}
.asconsole visitors-preregistration-preview .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 15px 0;
}
.asconsole visitors-preregistration-preview .modal-header .icon-cross {
  font-size: 25px;
  color: #4f596e;
  padding: 13px;
  cursor: pointer;
}
.asconsole visitors-preregistration-preview .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole visitors-preregistration-preview .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 0;
  overflow-y: auto;
  background-color: #f7f8fb;
}
.asconsole visitors-preregistration-preview .modal-body .form-filters {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  background-color: white;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole visitors-preregistration-preview .modal-body .form-filters network-picker-dropdown {
  margin-bottom: 10px;
}
.asconsole visitors-preregistration-preview .modal-body .form-filters network-picker-dropdown .dropdown-container {
  left: 17px !important;
}
.asconsole visitors-preregistration-preview .modal-body .form-filters .asui-dropdown {
  margin-bottom: 0;
}
.asconsole visitors-preregistration-preview .modal-body .form-container {
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  padding: 33px 16px;
  margin: 20px 16px;
}
.asconsole visitors-preregistration-preview .modal-body .form-container .logo-container {
  text-align: center;
}
.asconsole visitors-preregistration-preview .modal-body .form-container .logo-container img {
  height: 32px;
}
.asconsole visitors-preregistration-preview .modal-body .form-container h2 {
  margin-top: 15px;
}
.asconsole visitors-preregistration-preview .modal-body .form-container .desc {
  margin-bottom: 25px;
}
.asconsole visitors-preregistration-preview .modal-body .save-btn {
  width: 100%;
  height: 44px;
  margin-top: 20px;
}
.asconsole .modal-visitors-preregistration-preview {
  width: 375px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-visitors-preregistration-preview {
    width: 100%;
  }
}
.asconsole .modal-visitors-preregistration-preview .modal-content {
  border-radius: 4px;
}

.asconsole visitors-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}
.asconsole visitors-search-autocomplete asui-search-autocomplete .search-item .user-icon .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole visitors-search-autocomplete asui-search-autocomplete .search-item .visitor-label {
  margin-left: 10px;
  line-height: 1.2;
}
.asconsole visitors-search-autocomplete asui-search-autocomplete .search-item .visitor-label .email {
  color: #475369;
  font-size: 85%;
}

.asconsole visitors-settings {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
}
.asconsole visitors-settings asui-vertical-navbar {
  min-width: 320px;
  text-align: center;
  padding: 0;
  background-color: #fff;
  padding-top: 18px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings asui-vertical-navbar {
    background-color: #f7f8fb !important;
    padding: 0;
    margin: 0 !important;
  }
}
.asconsole visitors-settings asui-vertical-navbar .vertical-navbar-container li .navitem {
  padding: 10px 20px;
  flex: 1;
  color: #858b9a;
}
.asconsole visitors-settings asui-vertical-navbar .vertical-navbar-container li .active {
  border-left: 0;
  border-right: 4px solid #475369;
  background-color: #EDF2F7;
  color: #475369;
  font-weight: 700;
}
.asconsole visitors-settings ui-view {
  background-color: #f7f8fb;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings ui-view {
    padding: 0;
  }
}
.asconsole visitors-settings .setting-pannel {
  display: flex;
  flex-direction: column;
}
.asconsole visitors-settings .setting-pannel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings .setting-pannel .setting-row {
    flex-direction: column;
  }
}
.asconsole visitors-settings .setting-pannel .setting-row .property-label {
  min-width: 250px;
  color: #475369;
  display: flex;
  margin-top: 8px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings .setting-pannel .setting-row .property-label {
    min-width: 200px;
  }
}
.asconsole visitors-settings .setting-pannel .setting-row .property-value {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole visitors-settings .setting-pannel .setting-row .property-value > input, .asconsole visitors-settings .setting-pannel .setting-row .property-value .asui-dropdown {
  width: 100%;
  max-width: 300px;
}
.asconsole visitors-settings .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole visitors-settings .setting-pannel .setting-row .duration-ddl {
  width: 145px;
}
.asconsole visitors-settings .setting-pannel .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole visitors-settings .setting-pannel .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole visitors-settings .setting-pannel .setting-row asui-dropdown-typeahead {
  background-color: white;
  max-width: 300px;
}
.asconsole visitors-settings label {
  color: #475369;
}
.asconsole visitors-settings .bg-muted {
  opacity: 0.5;
}
.asconsole visitors-settings .btn-footer {
  margin-top: 10px;
}
.asconsole visitors-settings .btn-footer .btn-group {
  margin: 0;
}
.asconsole visitors-settings .btn-footer .btn-group .btn:first-child {
  margin-left: 0;
}

.asconsole visitors-settings-gatekeepers {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-gatekeepers visitors-gatekeepers-filter-bar {
    margin-top: 15px;
  }
}
.asconsole visitors-settings-gatekeepers .visitors-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container {
  margin: 0;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td {
  max-width: 30vw;
}
@media all and (max-width: 992px) {
  .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td {
    max-width: 20vw;
  }
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info {
  display: flex;
  align-items: center;
  position: relative;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user, .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group {
  cursor: pointer;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user .card-thumbnail-image-circle, .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user .card-thumbnail-image-circle span, .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group .card-thumbnail-image-circle span {
  font-size: 14px !important;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info .name-container {
  min-width: 0;
  padding-left: 8px;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info .name-container .user-name {
  flex: 1;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info .name-container .user-name break-word {
    word-break: break-all;
  }
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info .name-container .email {
  cursor: pointer;
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole visitors-settings-gatekeepers .visitors-table-container .asui-table-container .asui-table .name-td .user-info .name-container .email break-word {
    word-break: break-all;
  }
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole visitors-settings-gatekeepers .visitors-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole visitors-settings-gatekeepers .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole visitors-settings-gatekeepers .clear-filters a {
  cursor: pointer;
}

.asconsole visitors-settings-general {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 22px 30px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-general {
    padding: 0;
  }
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-general .setting-pannel {
    margin-top: 15px;
  }
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-label {
  min-width: 340px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-label .icon-info {
  margin-left: 10px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-label .popover {
  word-wrap: break-word;
  width: 250px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .toggle.btn-sm {
  min-width: 92px !important;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .retention-policy-enable {
  display: flex;
  align-items: center;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .retention-policy-enable .asui-dropdown {
  margin: 4px 0 0 12px;
  max-width: 215px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings .property-label {
  min-width: 0;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value .retention-policy-settings input {
  width: 130px;
  margin: 0 12px 0 73px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value asui-multiselect {
  max-width: 300px;
}
.asconsole visitors-settings-general .setting-pannel .setting-row .property-value asui-multiselect .bootstrap-select {
  width: 100% !important;
}

.asconsole visitors-settings-preregistration {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole visitors-settings-preregistration .top-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 13px 25px 0 25px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-preregistration .top-section {
    padding: 15px 0px 0 0px;
  }
}
.asconsole visitors-settings-preregistration .top-section .top-left {
  display: flex;
  align-items: center;
}
.asconsole visitors-settings-preregistration .top-section .top-left .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-settings-preregistration .top-section .top-left .icon-eye-enabled {
  color: #4f596e;
  font-size: 18px;
}
.asconsole visitors-settings-preregistration .top-section .top-left .add-btn {
  min-width: 76px;
  width: fit-content;
  margin-right: 10px;
}
.asconsole visitors-settings-preregistration .top-section .top-left .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole visitors-settings-preregistration .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-preregistration .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole visitors-settings-preregistration .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
@media all and (max-width: 667px) {
  .asconsole visitors-settings-preregistration .asui-table .as-order-input-column-header {
    display: none;
  }
}
.asconsole visitors-settings-preregistration .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole visitors-settings-preregistration .asui-table .icon-td {
  color: #4f596e;
}
.asconsole visitors-settings-preregistration .asui-table .display-name-td .name {
  cursor: pointer;
}
.asconsole visitors-settings-preregistration .asui-table .location-td map-card-network .nwk-card {
  align-items: center;
}
.asconsole visitors-settings-preregistration .asui-table .location-td map-card-network .nwk-card .card-tn-image {
  color: #4f596e;
}
.asconsole visitors-settings-preregistration .asui-table .as-order-input-column input {
  height: 30px;
}
.asconsole visitors-settings-preregistration .asui-table .read-only-row .as-table-checkbox, .asconsole visitors-settings-preregistration .asui-table .read-only-row .drag-icon {
  display: none;
}
.asconsole visitors-settings-preregistration .asui-table .read-only-row .as-order-input-column input {
  pointer-events: none;
  background-color: #EDF2F7;
}
.asconsole visitors-settings-preregistration .asui-table .read-only-row .display-name-td .name {
  cursor: default;
}
.asconsole visitors-settings-preregistration .asui-table .as-action-column .popover {
  border-radius: 6px;
  border: 1px solid #DDE3EE;
}
.asconsole visitors-settings-preregistration .asui-table .as-action-column .item-label {
  color: #2d3851;
}
.asconsole visitors-settings-preregistration .asui-table .as-action-column .item-icon {
  color: #4f596e !important;
}

.asconsole as-information {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  justify-content: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole as-information {
    padding: 15px 15px;
  }
}
.asconsole as-information .no-content-container {
  max-width: 480px;
}
.asconsole as-information .no-content-container h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.asconsole as-information .non-content-text {
  padding-bottom: 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole as-information .non-content-text {
    max-width: 480px;
  }
}
.asconsole as-information .info-action-container {
  margin-top: 24px;
  text-align: center;
}

.asconsole as-download {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  justify-content: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole as-download {
    padding: 15px 15px;
  }
}
.asconsole as-download .no-content-container {
  max-width: 480px;
}
.asconsole as-download .no-content-container h3 {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 135%;
}
.asconsole as-download .non-content-text {
  padding-bottom: 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole as-download .non-content-text {
    max-width: 480px;
  }
}
.asconsole as-download .loading-mask-container {
  height: 100%;
  width: 100vw;
  background-color: #fff;
  flex: 1;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  min-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.asconsole as-download .loading-mask-container img {
  margin: auto auto;
  width: 30%;
  max-width: 107px;
  position: relative;
}

.asconsole guests-broadcast-passcode-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 205px;
}
.asconsole guests-broadcast-passcode-modal .modal-header, .asconsole guests-broadcast-passcode-modal .modal-footer {
  padding: 15px 25px;
}
.asconsole guests-broadcast-passcode-modal .modal-body {
  padding: 25px 25px 15px 25px;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole guests-broadcast-passcode-modal .modal-body .error {
  color: #CB4848;
}
.asconsole guests-broadcast-passcode-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole guests-broadcast-passcode-modal .btn-footer .btn-group {
  margin: 34px 0 0 0 !important;
}
.asconsole .modal-broadcast-passcode {
  width: 300px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-broadcast-passcode {
    width: calc(100vw - 7px);
  }
}

.asconsole card-kiosk-visitor-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 62vmin;
  height: 302px;
  height: 30vmin;
  border-radius: 25px;
  background-color: white;
  border: 1px solid #DDE3EE;
  padding: 30px 27px;
  padding: 3vmin 2.7vmin;
}
.asconsole card-kiosk-visitor-badge .visitor-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.3vmin;
  min-width: 17.3vmin;
  height: 100%;
  margin-right: 3vmin;
}
.asconsole card-kiosk-visitor-badge .visitor-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.asconsole card-kiosk-visitor-badge .visitor-details {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  margin-left: 2vmin;
  min-width: 0;
}
.asconsole card-kiosk-visitor-badge .visitor-details .name {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 2.5vmin;
  line-height: 3.33vmin;
  color: #0b1835;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole card-kiosk-visitor-badge .visitor-details .info {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-size: 1.85vmin;
  line-height: 2.08vmin;
  color: #3c465d;
  margin-bottom: 10px;
  margin-bottom: 0.8vmin;
}
.asconsole card-kiosk-visitor-badge .visitor-details .info .icon {
  color: #4f596e;
  margin-right: 13px;
  font-size: 19px;
}
.asconsole card-kiosk-visitor-badge .visitor-details .info.host {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole card-kiosk-visitor-badge .visitor-details .info.event {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole card-kiosk-visitor-badge .visitor-details .info.type {
  margin-bottom: 20px;
  margin-bottom: 1.8vmin;
  margin-top: 5px;
  margin-top: 0.5vmin;
}
.asconsole card-kiosk-visitor-badge .visitor-details .info.date {
  margin-top: 20px;
  margin-top: 1.8vmin;
}
.asconsole .visitor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  width: 14.8vmin;
  height: 148px;
  height: 14.8vmin;
  border-radius: 50%;
  background-color: var(--nc-colors__neutral600, #68768D);
  color: white;
  font-size: 70px;
  font-size: 7vmin;
}

.asconsole visitors-kiosk-checkin-early {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-checkin-early .kiosk-container-m .icon {
  font-size: 20vmin;
  margin-bottom: 6vmin;
  color: #4f596e;
}
.asconsole visitors-kiosk-checkin-early .kiosk-container-m h4 {
  margin-bottom: 20px;
  text-align: center;
}
.asconsole visitors-kiosk-checkin-early .kiosk-container-m h5 {
  text-align: center;
}
.asconsole visitors-kiosk-checkin-early .kiosk-container-m .btn-container {
  margin-top: 6vmin;
}
.asconsole visitors-kiosk-checkin-early .kiosk-container-m .btn-container .btn {
  width: 35vmin;
}

.asconsole visitors-kiosk-create-dropin {
  display: flex;
  justify-content: center;
  flex: 1;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m {
  border-radius: 6px;
  padding: 4vmin 5vmin;
  margin-top: 5vmin;
  width: 100%;
  align-items: center;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m .header-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m .desc {
  color: #3c465d;
  margin-top: 1vmin;
  margin-bottom: 2vmin;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m user-typeahead,
.asconsole visitors-kiosk-create-dropin .kiosk-container-m host-typeahead {
  width: 100%;
  max-width: 60vmin;
  flex: unset;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m user-typeahead asui-dropdown-typeahead,
.asconsole visitors-kiosk-create-dropin .kiosk-container-m host-typeahead asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m user-typeahead asui-dropdown-typeahead input,
.asconsole visitors-kiosk-create-dropin .kiosk-container-m host-typeahead asui-dropdown-typeahead input {
  border-radius: 1.2vmin;
  height: 7vmin;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m reservation-building-typeahead {
  width: 100%;
  max-width: 600px;
  flex: unset;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m reservation-building-typeahead asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m reservation-building-typeahead asui-dropdown-typeahead input {
  border-radius: 1.2vmin;
  height: 7vmin;
  padding-left: 6vmin !important;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m reservation-building-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 6vmin !important;
}
.asconsole visitors-kiosk-create-dropin .kiosk-container-m reservation-building-typeahead .icon-building {
  top: 1.9vmin;
  left: 1.9vmin;
  font-size: 3vmin;
}
.asconsole visitors-kiosk-create-dropin .kiosk-btn {
  margin-top: 40px;
  width: 100%;
}

.asconsole guests {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole guests .guests-navbar {
  display: flex;
  flex-direction: row;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  width: 100%;
  border-bottom: 1px solid #DDE3EE;
  background-color: white;
}
.asconsole guests .guests-navbar .logo-container {
  display: flex;
  margin-left: 22px;
  height: 32px;
  width: 155px;
  overflow: hidden;
  cursor: pointer;
}
@media all and (max-width: 1150px) {
  .asconsole guests .guests-navbar .logo-container {
    width: 120px;
  }
}
@media all and (max-width: 667px) {
  .asconsole guests .guests-navbar .logo-container {
    margin: 0 15px;
  }
}
.asconsole guests .guests-navbar .logo-container img {
  width: 100%;
  object-fit: contain;
  object-position: left center;
}
.asconsole guests .guests-navbar .btn {
  margin-right: 25px;
}
.asconsole guests > ui-view {
  background-color: #f7f8fb;
  overflow-y: auto;
}

.asconsole guests-broadcast {
  display: flex;
  flex: 1;
  flex-basis: auto;
  align-items: center;
}
.asconsole guests-broadcast ui-view {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}

.asconsole guests-broadcast-activation {
  display: flex;
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 100%;
  color: #2d3851;
}
@media all and (max-width: 667px) {
  .asconsole guests-broadcast-activation {
    flex-direction: column;
  }
}
.asconsole guests-broadcast-activation .gbc-left {
  display: flex;
  flex: 1;
  justify-content: center;
  background-color: #f7f8fb;
  padding: 70px 30px 30px 30px;
}
@media all and (max-width: 667px) {
  .asconsole guests-broadcast-activation .gbc-left {
    padding: 24px 18px;
    flex: initial;
  }
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner {
  border: 1px solid #DDE3EE;
  border-radius: 7px;
  background-color: white;
  max-width: 500px;
  height: fit-content;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .status-bar {
  background-color: #8493AE;
  border-radius: 7px 7px 0 0;
  height: 8px;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .status-bar.active {
  background-color: #0C817B;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content {
  padding: 35px;
}
@media all and (max-width: 667px) {
  .asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content {
    padding: 30px;
  }
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #0b1835;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .header .header-text {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .header .status-text {
  display: flex;
  align-items: center;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .header .status-text .icon-circle {
  color: #8493AE;
  margin-right: 7px;
  font-size: 12px;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .header .status-text .icon-circle.active {
  color: #0C817B;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .biline {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 8px;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .btn {
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 32px 0;
  height: 44px;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container {
  display: flex;
  flex-direction: row;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container .target {
  display: flex;
  flex-direction: column;
  width: 50%;
  border: 1px solid #DDE3EE;
  border-radius: 7px;
  min-height: 142px;
  padding: 22px;
  margin-right: 10px;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container .target .target-header {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700;
  color: #3c465d;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container .target .target-header .icon {
  margin-right: 7px;
  color: #4f596e;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container .target .total {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
  margin: 6px 0;
  font-weight: 700;
  color: black;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container .target .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole guests-broadcast-activation .gbc-left .gbc-left-inner .content .target-container .target + .target {
  margin-right: 0;
}
.asconsole guests-broadcast-activation .gbc-right {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: white;
  padding: 62px 30px 30px 30px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  max-height: 100vh;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole guests-broadcast-activation .gbc-right {
    padding: 30px;
    max-height: initial;
  }
}
.asconsole guests-broadcast-activation .gbc-right .header {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
}
.asconsole guests-broadcast-activation .gbc-right .date {
  margin: 12px 0;
  color: #3c465d;
}
.asconsole guests-broadcast-activation .gbc-right .bc-thumbnail {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  border-radius: 7px;
  margin-bottom: 12px;
}
.asconsole guests-broadcast-activation .gbc-right .bc-thumbnail broadcast-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.asconsole guests-broadcast-activation asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole guests-broadcast-activation .broadcast-cta-container {
  display: flex;
  flex: 1;
  color: #2d3851;
}
.asconsole guests-broadcast-activation .broadcast-cta-container .icon-container img {
  max-width: 500px;
  max-height: unset;
}
.asconsole guests-broadcast-activation .broadcast-cta-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole guests-broadcast-activation .broadcast-cta-container h3 {
  color: #0b1835;
  margin-top: 40px;
}
.asconsole guests-broadcast-activation .broadcast-cta-container .btn {
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole guests-reservations-passcode {
  display: flex;
  flex-direction: column;
  width: 343px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole guests-reservations-passcode {
    width: 100%;
  }
}
.asconsole guests-reservations-passcode .btn {
  margin-top: 30px;
}
.asconsole guests-reservations-passcode .error {
  color: #CB4848;
  margin-top: 5px;
  font-size: 14px;
}
.asconsole guests-reservations-passcode asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole guests-reservations {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 25px;
  background-color: #F8F9FC;
}
.asconsole guests-reservations .guests-reservations-base {
  display: flex;
  flex-direction: column;
  height: fit-content;
  width: fit-content;
  border: 1px solid #DDE3EE;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  background-color: #fff;
  min-width: 343px;
  position: relative;
  padding: 7px 20px 30px 20px;
}
@media all and (max-width: 667px) {
  .asconsole guests-reservations .guests-reservations-base {
    min-width: 100%;
  }
}
.asconsole guests-reservations .guests-reservations-base .desc {
  margin: 5px 0 15px 0;
}
.asconsole guests-reservations .guests-reservations-base .input-row {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 16px;
}
.asconsole guests-reservations .guests-reservations-base .input-row label {
  margin-bottom: 6px;
}
.asconsole guests-reservations .guests-reservations-base .input-row input {
  border-radius: 4px;
  height: 40px;
}
.asconsole guests-reservations .guests-reservations-base .input-row .asui-dropdown .btn {
  height: 40px;
  font-size: 14px;
}
.asconsole guests-reservations .guests-reservations-base .btn-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 33px;
}
.asconsole guests-reservations .guests-reservations-base .btn-container .btn {
  height: 44px;
  width: 100%;
  margin-bottom: 10px;
}
.asconsole guests-reservations .guests-reservations-base .btn-container .btn-primary {
  background-color: #002169;
  border-color: #002169;
  text-transform: none;
}
.asconsole guests-reservations .guests-reservations-base .btn-container .btn-red {
  border-color: #CB4848;
  color: #CB4848;
}
.asconsole guests-reservations .guests-reservations-base .guests-reservations-base-md {
  min-height: 390px;
  width: 570px;
}
@media all and (max-width: 667px) {
  .asconsole guests-reservations .guests-reservations-base .guests-reservations-base-md {
    width: 100%;
  }
}

.asconsole guests-reservations-error {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  padding: 30px;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole guests-reservations-error {
    align-items: flex-start;
  }
}
@media all and (max-width: 992px) {
  .asconsole guests-reservations-error {
    min-width: 100%;
    padding: 15px;
  }
}
.asconsole guests-reservations-error .no-access-container {
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole guests-reservations-error .no-access-container .cta-image {
  max-width: 70%;
  object-fit: contain;
}

.asconsole guests-visitors {
  display: flex;
  flex: 1;
  flex-basis: auto;
  align-items: center;
}
.asconsole guests-visitors ui-view {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole guests-visitors asui-loading-mask .loading-mask-container {
  background-color: transparent !important;
}

.asconsole visitors-kiosk-new-registration {
  display: flex;
  justify-content: center;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
}
.asconsole visitors-kiosk-new-registration .kiosk-container-m {
  border-radius: 1vmin;
  background-color: white;
  padding: 4vmin 5vmin;
  margin-top: 5vmin;
}
.asconsole visitors-kiosk-new-registration .kiosk-container-m .header-container {
  width: 100%;
}
.asconsole visitors-kiosk-new-registration .kiosk-container-m .desc {
  color: #3c465d;
  font-size: 2.4vmin;
  margin-top: 1vmin;
  margin-bottom: 2vmin;
}
.asconsole visitors-kiosk-new-registration .kiosk-btn {
  margin-top: 1.6vmin;
  width: 100%;
}

.asconsole guests-visitors-preregistration {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: center;
  padding: 56px 16px;
  overflow-y: auto;
  height: 100vh;
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration {
    padding: 0;
  }
}
.asconsole guests-visitors-preregistration .visitors-form-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: white;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border-radius: 6px;
  padding: 40px;
  width: 772px;
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration .visitors-form-container {
    border: none;
    box-shadow: none;
    border-radius: 0px;
    padding: 33px 16px 140px 16px;
    width: 100%;
  }
}
.asconsole guests-visitors-preregistration .visitors-form-container .logo-container {
  text-align: center;
}
.asconsole guests-visitors-preregistration .visitors-form-container .logo-container img {
  height: 32px;
}
.asconsole guests-visitors-preregistration .visitors-form-container .header-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole guests-visitors-preregistration .visitors-form-container .header-container h2 {
  margin-top: 15px;
}
.asconsole guests-visitors-preregistration .visitors-form-container .header-container .desc {
  margin-bottom: 25px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}

.asconsole guests-visitors-preregistration-preview {
  display: flex;
  width: 100%;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container {
  align-items: center;
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration-preview .visitors-form-container {
    padding-bottom: 140px;
  }
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .status-icon {
  margin-top: 25px;
  font-size: 93px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .icon-successful-line {
  color: #0C817B;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .icon-unsuccessful-line {
  color: #CB4848;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .icon-pending-line {
  color: #EBBE36;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container h2 {
  margin-top: 30px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .desc {
  margin-bottom: 17px;
  text-align: center;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .checkpoint-btn {
  width: 100%;
  height: 44px;
  margin-right: 8px;
  width: 230px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .checkpoint-btn {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .header-container .section-container {
  align-items: center;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 18px;
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container {
    flex-direction: column;
    margin-top: 0;
  }
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 50%;
  max-width: 432px;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  padding: 20px;
  margin-right: 8px;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
  }
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .section-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 13px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .section-title2 {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #3c465d;
  margin-bottom: 13px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row {
  display: flex;
  color: #2d3851;
  margin-bottom: 20px;
  letter-spacing: 0.02em;
  align-items: center;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .icon {
  color: #4f596e;
  margin-left: 3px;
  margin-right: 10px;
  font-size: 18px;
  min-width: 24px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row asui-card-user {
  margin-right: 13px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .pending-field {
  margin-right: 3px;
  color: #4f596e;
  font-weight: 700;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .pending {
  color: #EBBE36;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .value {
  width: 100%;
  word-break: break-all;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .photo {
  border-radius: 6px;
  background-color: #f7f8fb;
  height: 100%;
  width: 100%;
  max-width: 320px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .photo .photo-inner {
  padding-top: 75%;
  position: relative;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row .photo .photo-inner img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .item-row:last-child {
  margin-bottom: 0;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .section-hr {
  margin: 0 0 15px 0;
  flex: 1;
  background-color: #f7f8fb;
  height: 1px;
  max-height: 1px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .section-hr.thick {
  height: 1px;
  max-height: 1px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .attendance {
  display: flex;
  flex-direction: row;
  margin-bottom: 11px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .attendance .btn-attendence {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  flex: 1;
  color: #6275A3;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .attendance .btn-attendence.active {
  cursor: default;
  border-color: #002169;
  color: #002169;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .edit-prereg {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section .edit-prereg .icon-edit {
  margin-right: 14px;
}
.asconsole guests-visitors-preregistration-preview .visitors-form-container .section-container .visitors-section:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

.asconsole visitors-kiosk-reservation-check {
  display: flex;
  justify-content: center;
  flex: 1;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m {
  border-radius: 6px;
  width: 100%;
  align-items: center;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m .header-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m .desc {
  color: #3c465d;
  margin-top: 10px;
  margin-bottom: 20px;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m user-typeahead,
.asconsole visitors-kiosk-reservation-check .kiosk-container-m host-typeahead {
  width: 100%;
  max-width: 600px;
  flex: unset;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m user-typeahead asui-dropdown-typeahead,
.asconsole visitors-kiosk-reservation-check .kiosk-container-m host-typeahead asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m user-typeahead asui-dropdown-typeahead input,
.asconsole visitors-kiosk-reservation-check .kiosk-container-m host-typeahead asui-dropdown-typeahead input {
  border-radius: 8px;
  height: 66px;
  padding-left: 1.9vmin;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m reservation-building-typeahead {
  width: 100%;
  max-width: 600px;
  flex: unset;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m reservation-building-typeahead asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m reservation-building-typeahead asui-dropdown-typeahead input {
  border-radius: 8px;
  height: 66px;
  padding-left: 6vmin !important;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m reservation-building-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 6vmin !important;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m reservation-building-typeahead .icon-building {
  top: 1.9vmin;
  left: 1.9vmin;
  font-size: 3vmin;
}
.asconsole visitors-kiosk-reservation-check .kiosk-container-m .kiosk-dropdown {
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-reservation-check .kiosk-btn {
  margin-top: 4vmin;
  width: 100%;
  background-color: white;
  border: 1px solid #DDE3EE;
}

.asconsole visitors-kiosk-select-host {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  justify-content: center;
  flex: 1;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m {
  border-radius: 1vmin;
  padding: 4vmin 5vmin;
  width: 100%;
  align-items: center;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m .header-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m .desc {
  color: #3c465d;
  margin-top: 1vmin;
  margin-bottom: 2vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m .no-dropin-label {
  line-height: unset;
  font-size: 2.4vmin;
  color: #CB4848;
  max-width: 62vmin;
  margin-top: 1vmin;
  margin-bottom: 2vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m user-typeahead,
.asconsole visitors-kiosk-select-host .kiosk-container-m host-typeahead {
  width: 100%;
  max-width: 62vmin;
  flex: unset;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m user-typeahead asui-dropdown-typeahead,
.asconsole visitors-kiosk-select-host .kiosk-container-m host-typeahead asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  line-height: unset;
  font-size: 2.4vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m user-typeahead asui-dropdown-typeahead input,
.asconsole visitors-kiosk-select-host .kiosk-container-m host-typeahead asui-dropdown-typeahead input {
  border-radius: 1vmin;
  height: 7vmin;
  font-size: 2.4vmin;
  padding-left: 1.9vmin;
  padding-right: 4vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m user-typeahead asui-dropdown-typeahead .dropdown-item,
.asconsole visitors-kiosk-select-host .kiosk-container-m host-typeahead asui-dropdown-typeahead .dropdown-item {
  min-height: 4.5vmin;
  padding: 1vmin 2vmin !important;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m user-typeahead asui-dropdown-typeahead .fa-caret-down,
.asconsole visitors-kiosk-select-host .kiosk-container-m host-typeahead asui-dropdown-typeahead .fa-caret-down {
  font-size: 2vmin;
  right: 1.5vmin;
  margin-right: 0;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitor-types-dropdown {
  width: 100%;
  max-width: 62vmin;
  flex: unset;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead {
  width: 100%;
  max-width: 62vmin;
  flex: unset;
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 2.4vmin;
  line-height: unset;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead asui-dropdown-typeahead input {
  border-radius: 1vmin;
  height: 7vmin;
  padding-left: 6vmin !important;
  font-size: 2.4vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead asui-dropdown-typeahead .item-container {
  padding-left: 6vmin !important;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead asui-dropdown-typeahead .dropdown-item {
  min-height: 4.5vmin;
  padding: 1vmin 2vmin !important;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead asui-dropdown-typeahead .fa-caret-down {
  font-size: 2vmin;
  right: 1.5vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m visitors-building-typeahead .icon-building {
  top: 1.9vmin;
  left: 1.9vmin;
  font-size: 3vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-container-m .kiosk-dropdown {
  margin-bottom: 1vmin;
}
.asconsole visitors-kiosk-select-host .kiosk-btn {
  margin-top: 4vmin;
  width: 100%;
}

.asconsole guests-statuses {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  justify-content: center;
  padding: 25px 25px;
}
@media all and (max-width: 667px) {
  .asconsole guests-statuses {
    padding: 15px 15px;
  }
}
.asconsole guests-statuses .no-content-container h3 {
  margin-top: 5px;
  margin-bottom: 20px;
}
.asconsole guests-statuses .no-content-container img {
  width: 100% !important;
  max-width: 480px;
}
.asconsole guests-statuses .non-content-text {
  max-width: 800px;
  padding-bottom: 20px;
}

.asconsole visitors-kiosk-visitor-email {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-visitor-email .email-container {
  width: 62vmin;
}
.asconsole visitors-kiosk-visitor-email .email-container .email, .asconsole visitors-kiosk-visitor-email .email-container .name {
  border: 1px solid #DDE3EE;
  border-radius: 1vmin;
  width: 100%;
  height: 7vmin;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 2.4vmin;
  margin-top: 5vmin;
  margin-bottom: 1vmin;
  padding: 0 2vmin;
}
.asconsole visitors-kiosk-visitor-email .email-container .name-container {
  position: relative;
  gap: 16px;
  display: flex;
  border-top: 1px solid #C4CEDE;
  margin-top: 3vmin;
  padding-top: 3vmin;
}
.asconsole visitors-kiosk-visitor-email .email-container .name-container .name {
  margin-top: 0;
}
.asconsole visitors-kiosk-visitor-email .email-container .name-container .separator {
  position: absolute;
  top: -17%;
  left: 41.3%;
  background-color: #f7f8fb;
  padding: 0 4vmin;
  font-weight: 500;
  font-size: 2.4vmin;
  color: #858B9A;
}
.asconsole visitors-kiosk-visitor-email .kiosk-btn {
  width: 100%;
  margin-top: 4.1vmin;
  max-width: 600px;
}
.asconsole visitors-kiosk-visitor-email asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole visitor-qrcode {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole visitor-qrcode .qrcode-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  background-color: #f7f8fb;
}
.asconsole visitor-qrcode .qrcode-container .qrcode {
  background-color: white;
  margin-top: 14px;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
  max-width: 130px;
  border-radius: 5px;
}
.asconsole visitor-qrcode .qrcode-container .qrcode img {
  width: 100%;
}
.asconsole visitor-qrcode .qrcode-container .qrcode canvas {
  width: 100%;
}
.asconsole visitor-qrcode .qrcode-container .qrcode-numbers {
  display: flex;
}
.asconsole visitor-qrcode .qrcode-container .qrcode-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 42px;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  margin-right: 7px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.04em;
  background-color: white;
}
.asconsole visitor-qrcode .qrcode-container .qrcode-numbers span:last-child {
  margin-right: 0;
}
.asconsole visitor-qrcode .qrcode-container .qrcode-text {
  color: #2d3851;
  text-align: center;
  padding: 9px 0;
  margin: 0px 5px;
}
.asconsole visitor-qrcode .qrcode-container.not-accepted {
  flex-direction: row;
  justify-content: center;
  height: 96px;
  padding: 0 20px;
}
.asconsole visitor-qrcode .qrcode-container.not-accepted .icon-scan {
  font-size: 30px;
  margin-right: 20px;
  color: #4f596e;
}
.asconsole visitor-qrcode .qrcode-max {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100;
  border-radius: 0px;
}
.asconsole visitor-qrcode .qrcode-max .qrcode {
  background-color: white;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
@media all and (max-width: 945px) {
  .asconsole visitor-qrcode .qrcode-max .qrcode {
    max-width: 100%;
  }
}
.asconsole visitor-qrcode .qrcode-max .qrcode-clone img {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
.asconsole visitor-qrcode .qrcode-max .qrcode-clone-close {
  color: #fff;
  font-size: 18px;
  margin-top: 5%;
}

.asconsole visitors-kiosk-host-notified {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .icon {
  font-size: 20vmin;
  margin-bottom: 60px;
  color: #4f596e;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m h4 {
  margin-bottom: 2vmin;
  text-align: center;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m h5 {
  text-align: center;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .notify-title {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .notify-title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .notify-description {
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .notify-description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .btn-container {
  margin-top: 6vmin;
}
.asconsole visitors-kiosk-host-notified .kiosk-container-m .btn-container .btn {
  width: 35vmin;
}

.asconsole visitors-kiosk-host-pending {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .icon {
  font-size: 20vmin;
  margin-bottom: 6vmin;
  color: #4f596e;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m h4 {
  margin-bottom: 2vmin;
  text-align: center;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m h5 {
  text-align: center;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .notify-title {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .notify-title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .notify-description {
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .notify-description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .btn-container {
  margin-top: 6vmin;
}
.asconsole visitors-kiosk-host-pending .kiosk-container-m .btn-container .btn {
  width: 35vmin;
}

.asconsole visitors-kiosk {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 4vmin 7.9vmin 3.9vmin 7.9vmin;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  max-height: 100vh;
  height: 100vh;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  background-color: var(--vkc-bg, #f7f8fb);
  color: var(--vkc-text, #133455);
}
.asconsole visitors-kiosk asui-spinner .spinner-container .spinner-fade-line {
  width: 6vmin;
  text-align: center;
}
.asconsole visitors-kiosk asui-spinner .spinner-container .spinner-fade-line div {
  width: 1.5vmin;
  height: 1.5vmin;
}
.asconsole visitors-kiosk .kiosk-container-m {
  max-width: 99vw;
  min-width: 60vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4vmin;
}
@media (orientation: portrait) {
  .asconsole visitors-kiosk .kiosk-container-m {
    min-width: 85vw;
  }
}
.asconsole visitors-kiosk .visitors-kiosk-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.asconsole visitors-kiosk .visitors-kiosk-header .header-edge-block {
  min-width: 20%;
}
.asconsole visitors-kiosk .visitors-kiosk-header .icon-arrow-back {
  font-size: 3.75vmin;
  cursor: pointer;
  visibility: hidden;
  pointer-events: none;
}
.asconsole visitors-kiosk .visitors-kiosk-header img {
  height: 9vmin;
  object-fit: contain;
}
.asconsole visitors-kiosk .visitors-kiosk-header .cancel {
  cursor: pointer;
  text-align: right;
  visibility: hidden;
  pointer-events: none;
}
.asconsole visitors-kiosk .visitors-kiosk-header .show-button {
  visibility: visible;
  pointer-events: inherit;
}
.asconsole visitors-kiosk .kiosk-btn {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.04em;
  line-height: 1;
  font-size: 3.75vmin;
  height: 10vmin;
  border-radius: 1vmin;
  max-width: 62vmin;
  min-width: 29vmin;
  padding: 1vmin 2vmin;
}
.asconsole visitors-kiosk .kiosk-dropdown {
  width: 100%;
  max-width: 62vmin;
}
.asconsole visitors-kiosk .kiosk-dropdown button {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  line-height: 1;
  height: 7vmin !important;
  border-radius: 1vmin;
  padding-left: 1.9vmin;
  font-size: 2.4vmin;
}
.asconsole visitors-kiosk .kiosk-dropdown .bs-caret .caret {
  border-top: 0.7vmin dashed;
  border-right: 0.7vmin solid transparent;
  border-left: 0.7vmin solid transparent;
  right: 1.1vmin;
}
.asconsole visitors-kiosk .kiosk-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  line-height: 1;
  font-size: 2.4vmin;
}
.asconsole visitors-kiosk .kiosk-dropdown .dropdown-menu li {
  min-height: 4.5vmin;
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole visitors-kiosk .kiosk-dropdown .dropdown-menu li a {
  padding: 1vmin 2vmin !important;
  width: 100%;
}
.asconsole visitors-kiosk guests-visitors-preregistration-form {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.asconsole visitors-kiosk guests-visitors-preregistration-form .visitors-form-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: white;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border-radius: 1vmin;
  padding: 40px;
  max-width: 99vw;
}
.asconsole visitors-kiosk guests-visitors-preregistration-form .visitors-form-container .logo-container {
  display: none;
}
.asconsole visitors-kiosk guests-visitors-preregistration-form .visitors-form-container .header-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.asconsole visitors-kiosk guests-visitors-preregistration-form .visitors-form-container .header-container h2 {
  margin-top: 0;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.04em;
}
.asconsole visitors-kiosk guests-visitors-preregistration-form .visitors-form-container .header-container .desc {
  margin-bottom: 20px;
  color: #3c465d;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk as-form-renderer {
  width: 100%;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-label .primary-label {
  font-size: 2.4vmin;
  line-height: unset;
  margin-bottom: 0.8vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input {
  font-size: 18px;
  font-size: 2.4vmin;
  padding-bottom: 2.4vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input > input[type=text] {
  height: 7vmin;
  border-radius: 1vmin;
  padding: 1vmin 2vmin !important;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input .btn {
  font-size: 18px;
  font-size: 2.4vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input asui-address input[type=text] {
  height: 7vmin;
  border-radius: 1vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input asui-radio label {
  margin-bottom: 1.5vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input textarea {
  margin-bottom: -5px;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input .asui-dropdown .btn {
  height: 60px;
  height: 7vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input .asui-dropdown .dropdown-menu li span.text {
  font-size: 18px;
  font-size: 2.4vmin;
  padding: 1vmin 2vmin !important;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input asui-phone-number .iti input {
  width: 100%;
  height: 60px;
  height: 7vmin;
  border-radius: 6px;
  border-radius: 1vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input .asip-error {
  font-size: 16px;
  font-size: 2.4vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input asui-checkbox .custom-option label {
  word-break: keep-all;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input asui-checkbox .custom-option .custom-textbox {
  height: auto;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input as-input-photo .upload-text {
  display: none;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input as-input-photo .upload-text-or {
  display: none;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input as-input-photo .photo-placeholder {
  height: 30vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input as-input-photo .photo-placeholder .icon-camera {
  font-size: 4vmin;
}
.asconsole visitors-kiosk as-form-renderer .as-input-row .asip-input as-input-photo .photo-placeholder .paragraph {
  margin-top: 1vmin;
  font-size: 1.7vmin;
  line-height: 0;
}
.asconsole visitors-kiosk h1 {
  font-size: 96px;
  line-height: 112px;
  font-size: 10vmin;
  line-height: 11vmin;
  letter-spacing: -0.03em;
  margin: 0;
}
.asconsole visitors-kiosk h2 {
  font-size: 72px;
  line-height: 80px;
  font-size: 7.5vmin;
  line-height: 8.333vmin;
  letter-spacing: -0.03em;
  margin: 0;
}
.asconsole visitors-kiosk h3 {
  font-size: 64px;
  line-height: 72px;
  font-size: 6.666vmin;
  line-height: 7.5vmin;
  letter-spacing: -0.03em;
  margin: 0;
}
.asconsole visitors-kiosk h4 {
  font-size: 48px;
  line-height: 56px;
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
  margin: 0;
}
.asconsole visitors-kiosk h5 {
  font-size: 32px;
  line-height: 40px;
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
  margin: 0;
}
.asconsole visitors-kiosk h6 {
  font-size: 28px;
  line-height: 32px;
  font-size: 2.91vmin;
  line-height: 3.333vmin;
  letter-spacing: -0.02em;
  margin: 0;
}
.asconsole p {
  font-family: inherit;
}

.asconsole visitors-kiosk-checkin-success {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-checkin-success .print-iframe {
  position: fixed;
  top: 100vh;
  left: 0;
  width: 100vh;
  height: 100vh;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .status-icon {
  font-size: 20vmin;
  margin-bottom: 6vmin;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .icon-successful-line {
  color: #0C817B;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m h4 {
  margin-bottom: 2vmin;
  text-align: center;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m h5 {
  margin-bottom: 6vmin;
  text-align: center;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .checkin-title {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .checkin-title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .checkin-description {
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .checkin-description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .btn-container {
  margin-top: 6vmin;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .btn-container .btn {
  width: 35vmin;
  margin-right: 4vmin;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .btn-container .btn .icon {
  margin-right: 1.3vmin;
}
.asconsole visitors-kiosk-checkin-success .kiosk-container-m .btn-container .btn:last-child {
  margin-right: 0;
}

.asconsole visitors-kiosk-checkout-success {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .icon-successful-line {
  font-size: 20vmin;
  margin-bottom: 6vmin;
  color: #0C817B;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m h4 {
  margin-bottom: 2vmin;
  text-align: center;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m h5 {
  margin-bottom: 6vmin;
  text-align: center;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .checkout-title {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .checkout-title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .checkout-description {
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .checkout-description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .btn-container {
  margin-top: 6vmin;
}
.asconsole visitors-kiosk-checkout-success .kiosk-container-m .btn-container .btn {
  width: 35vmin;
}

.asconsole visitors-kiosk-checkpoints {
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: 1;
  min-height: 0;
}
.asconsole visitors-kiosk-checkpoints .kiosk-container-m {
  flex: 1;
  min-height: 0;
}
.asconsole visitors-kiosk-checkpoints .checkpoint-preview-contaner {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  flex-basis: auto;
  min-height: 0;
  margin: 2vmin 0 0 0;
  position: relative;
}
.asconsole visitors-kiosk-checkpoints .checkpoint-preview-contaner reservation-checkpoint-html,
.asconsole visitors-kiosk-checkpoints .checkpoint-preview-contaner reservation-checkpoint-url,
.asconsole visitors-kiosk-checkpoints .checkpoint-preview-contaner reservation-checkpoint-content,
.asconsole visitors-kiosk-checkpoints .checkpoint-preview-contaner reservation-checkpoint-failed {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.asconsole visitors-kiosk-checkpoints .footer {
  display: flex;
  padding: 15px 20px;
}
@media all and (max-width: 667px) {
  .asconsole visitors-kiosk-checkpoints .footer {
    padding: 15px;
  }
}
.asconsole visitors-kiosk-checkpoints .footer .btn-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
.asconsole visitors-kiosk-checkpoints .footer .btn-container .btn {
  margin: 2vmin 2vmin 0 0;
}
.asconsole visitors-kiosk-checkpoints .footer .btn-container .status {
  margin-right: 2vmin;
}
.asconsole visitors-kiosk-checkpoints .footer .btn-container .status .accepted {
  color: #0C817B;
}
.asconsole visitors-kiosk-checkpoints .footer .btn-container .status .declined {
  color: #CB4848;
}

.asconsole visitors-kiosk-code-email-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-code-email-input .checkin-options {
  display: flex;
  margin-top: 4.1vmin;
}
.asconsole visitors-kiosk-code-email-input .checkin-options .option-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32vmin;
  height: 7vmin;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 2.4vmin;
  line-height: unset;
  background-color: white;
  opacity: 0.5;
}
.asconsole visitors-kiosk-code-email-input .checkin-options .code-btn {
  border-radius: 1.2vmin 0 0 1.2vmin;
  border-right: 0;
}
.asconsole visitors-kiosk-code-email-input .checkin-options .code-btn.active {
  border-right: 1px solid #002169;
}
.asconsole visitors-kiosk-code-email-input .checkin-options .email-btn {
  border-radius: 0px 1.2vmin 1.2vmin 0;
  border-left: 0;
}
.asconsole visitors-kiosk-code-email-input .checkin-options .email-btn.active {
  border-left: 1px solid #002169;
}
.asconsole visitors-kiosk-code-email-input .checkin-options .option-btn.active {
  opacity: 1;
}
.asconsole visitors-kiosk-code-email-input .code-container {
  display: flex;
  margin-top: 5vmin;
  align-items: center;
  position: relative;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole visitors-kiosk-code-email-input .code-container .code {
  border: 2px solid #DDE3EE;
  border-radius: 1.2vmin;
  width: 10vmin;
  height: 10vmin;
  margin-right: 2.2vmin;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 5vmin;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole visitors-kiosk-code-email-input .code-container .code.active {
  border: 1vmin solid #0A5BEB;
}
.asconsole visitors-kiosk-code-email-input .code-container .icon-scan-qr {
  font-size: 5vmin;
  cursor: pointer;
  color: #002169;
}
.asconsole visitors-kiosk-code-email-input .email-container {
  width: 62vmin;
}
.asconsole visitors-kiosk-code-email-input .email-container .email, .asconsole visitors-kiosk-code-email-input .email-container .name {
  border: 1px solid #DDE3EE;
  border-radius: 1vmin;
  width: 100%;
  height: 7vmin;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 2.4vmin;
  line-height: unset;
  margin-top: 5vmin;
  padding: 0 2vmin;
}
.asconsole visitors-kiosk-code-email-input .name-container {
  position: relative;
  gap: 16px;
  display: flex;
  border-top: 1px solid #C4CEDE;
  margin-top: 3vmin;
  padding-top: 3vmin;
}
.asconsole visitors-kiosk-code-email-input .name-container .name {
  margin-top: 0;
}
.asconsole visitors-kiosk-code-email-input .name-container .separator {
  position: absolute;
  top: -17%;
  left: 41.3%;
  background-color: #f7f8fb;
  padding: 0 4vmin;
  font-weight: 500;
  font-size: 2.4vmin;
  color: #858B9A;
}
.asconsole visitors-kiosk-code-email-input .btn-primary {
  width: 100%;
  margin-top: 4.1vmin;
  max-width: 62vmin;
}
.asconsole visitors-kiosk-code-email-input asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole visitors-kiosk-error {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.asconsole visitors-kiosk-error .error-icon {
  font-size: 200px;
  font-size: 20.8vmin;
  color: #CB4848;
  margin-bottom: 50px;
  margin-bottom: 5.2vmin;
}
.asconsole visitors-kiosk-error h5 {
  margin-top: 20px;
  margin-top: 2.1vmin;
}
.asconsole visitors-kiosk-error .btn {
  width: 380px;
  width: 38vmin;
  margin-top: 75px;
  margin-top: 7.8vmin;
}

.asconsole visitors-kiosk-party-event-panel {
  display: block;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3vmin 2.7vmin;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 25px;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel__title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 2.5vmin;
  line-height: 3.33vmin;
  color: #0b1835;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel__subtitle {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-size: 1.85vmin;
  line-height: 2.4vmin;
  color: #0A5BEB;
  margin-bottom: 1.8vmin;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel__host {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-size: 1.85vmin;
  line-height: 2.08vmin;
  color: #3c465d;
  margin-bottom: 1.8vmin;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel__info {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-size: 1.85vmin;
  line-height: 2.08vmin;
  color: #3c465d;
  margin-bottom: 0.8vmin;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel__info .icon {
  flex: 0 0 auto;
  margin-right: 1.3vmin;
  font-size: 2.2vmin;
  color: #4f596e;
}
.asconsole visitors-kiosk-party-event-panel .party-event-panel__info span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.asconsole visitors-kiosk-events-list {
  display: flex;
  flex: 1;
  justify-content: center;
}
.asconsole visitors-kiosk-events-list .kiosk-container-m {
  max-height: calc(100vh - 13vmin);
  padding-bottom: 0;
}
.asconsole visitors-kiosk-events-list .kiosk-container-m .title {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
  margin: 2vmin 0;
  text-align: center;
  text-align: center;
}
.asconsole visitors-kiosk-events-list .kiosk-container-m .title--large-margin {
  margin: 4vmin 0;
}
.asconsole visitors-kiosk-events-list .kiosk-container-m .description {
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
  margin-bottom: 6vmin;
  text-align: center;
}
.asconsole visitors-kiosk-events-list .kiosk-container-m .scroll-container {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2vmin;
  scrollbar-width: none;
}
.asconsole visitors-kiosk-events-list .kiosk-container-m .scroll-container .card-kiosk-container:last-child {
  margin-bottom: 4vmin;
}

.asconsole visitors-kiosk-party-selection {
  display: flex;
  flex: 1;
  min-height: 0;
  justify-content: center;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 13vmin);
  padding-bottom: 0;
  /*
   * CT-4553 AC5/AC7 — PIN the content width instead of letting it be
   * sized by the content. The shared rule only sets a min-width
   * (60vw / 85vw portrait) and a max-width of 99vw, so this screen used
   * to grow with the longest visitor name: card width was decided by the
   * party's roster rather than by the layout, and shifted between events.
   *
   * The pinned values are the design's own `main` column, derived — not
   * picked. Both reference frames have a 1050px short side, so 4vmin
   * (the container's side padding) is 42px in either orientation:
   *   landscape 1680x1050: main 1092px → (1092 + 2*42) / 1680 = 70vw
   *   portrait  1050x1704: main  772px → ( 772 + 2*42) / 1050 = 81.5vw
   *
   * min-width must be neutralised too — the shared 85vw portrait floor
   * (892px) is wider than both this pin and the space the outer 7.9vmin
   * padding actually leaves, which is its own source of overflow (AC13).
   */
  width: 70vw;
  min-width: 0;
  /*
   * CT-4553 AC6 — list / aside split, expressed as the design's own pixel
   * widths used as flex-grow ratios over a zero basis (landscape frame:
   * list 640px, aside 404px → 61.3% / 38.7% of the columns row). Ratios
   * rather than a vmin width on purpose: a ratio is independent of the
   * px→vmin frame basis, which is exactly the conversion this screen has
   * already got wrong once. The previous `flex: 0 0 42vmin` resolved to
   * ~441px against the design's 404px.
   * min-width: 0 on both keeps the ratio exact and lets long names
   * ellipsise instead of pushing the row wider (AC13/AC14).
   */
  /*
   * CT-4553 AC1-AC3 — PORTRAIT: everything collapses into one column.
   * Title, then the event panel, then the visitor rows; the panel is the
   * first block of the scroll region and scrolls away with the list (AC2),
   * and the two action buttons are pinned to the bottom at full width
   * (AC3). The back arrow and Cancel stay in the shared kiosk header,
   * which this screen does not touch (AC4).
   *
   * This is also why the `width: 100%` reverted in bc1d4e2da9 is viable
   * again: it crushed the list on tablet portrait because the 42vmin aside
   * was still competing for the row. In portrait there is no aside.
   *
   * Only ONE of the two event-panel copies is ever displayed — see the
   * comment in selection.template.
   */
}
@media (orientation: portrait) {
  .asconsole visitors-kiosk-party-selection .kiosk-container-m {
    width: 81.5vw;
  }
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .title {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
  margin: 2vmin 0 4vmin;
  text-align: center;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .description {
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
  text-align: center;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__columns {
  display: flex;
  flex: 1;
  align-items: stretch;
  /*
   * CT-4553 AC5 — the actual root cause of the narrow cards. This is
   * a flex item of a column flex container, so without a width it is
   * sized to its CONTENT, not to the container: the cards ended up as
   * wide as the longest visitor name. Fixed HERE, deliberately not on
   * .party-row — a width on the card is the `max-width: 72vmin`
   * band-aid reverted in bc1d4e2da9.
   */
  width: 100%;
  gap: 4vmin;
  min-height: 0;
  overflow: hidden;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__list {
  flex: 640 1 0;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__aside {
  display: flex;
  flex: 404 1 0;
  flex-direction: column;
  align-self: flex-start;
  min-width: 0;
  gap: 3vmin;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__aside .btn-container {
  display: flex;
  flex-direction: column;
  gap: 3.33vmin;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__aside .btn-container .btn {
  width: 100%;
  max-width: none;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .scroll-container {
  display: flex;
  flex-direction: column;
  gap: 2vmin;
  padding-bottom: 4vmin;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__event--inline {
  display: none;
}
@media (orientation: portrait) {
  .asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__columns {
    flex-direction: column;
    gap: 4vmin;
  }
  .asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__list {
    flex: 1 1 0;
  }
  .asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__aside {
    flex: 0 0 auto;
    align-self: stretch;
  }
  .asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__event--inline {
    display: block;
    margin-bottom: 4vmin;
  }
  .asconsole visitors-kiosk-party-selection .kiosk-container-m .party-selection__event--aside {
    display: none;
  }
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row {
  display: flex;
  align-items: center;
  gap: 2vmin;
  padding: 2vmin 3vmin;
  background-color: white;
  border: 0.2vmin solid rgba(0, 0, 0, 0.12);
  border-radius: 1vmin;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__avatar {
  flex: 0 0 auto;
  width: 8vmin;
  height: 8vmin;
  border-radius: 50%;
  object-fit: cover;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__avatar--initials {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--nc-colors__neutral600, #68768d);
  color: white;
  font-size: 3.2vmin;
  text-transform: uppercase;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.8vmin;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__identity {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__name {
  font-size: 2.5vmin;
  line-height: 3.33vmin;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__role {
  font-size: 1.85vmin;
  line-height: 2.4vmin;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__requirements {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.83vmin;
  max-width: 100%;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__requirements-icon {
  flex: 0 0 auto;
  width: 2.08vmin;
  height: 2.08vmin;
  color: #b25300;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__requirements-text {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 1.46vmin;
  line-height: 1.35;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__checkbox {
  flex: 0 0 auto;
  width: 3.33vmin;
  height: 3.33vmin;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border: 0.2vmin solid rgba(0, 0, 0, 0.3);
  border-radius: 1vmin;
  cursor: pointer;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__checkbox:checked {
  background-color: #0A5BEB;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-color: #0A5BEB;
}
.asconsole visitors-kiosk-party-selection .kiosk-container-m .party-row__checkbox:focus-visible {
  outline: 0.3vmin solid #0A5BEB;
  outline-offset: 0.3vmin;
}

.asconsole visitors-kiosk-party-step-header {
  display: block;
  /*
   * .kiosk-container-m is a column flex box with align-items: center, so a
   * plain block host shrinks to its content and the whole row ends up
   * centred. Fill the width — same reason .header-container does — so the
   * name can sit left and the progress right, as the design has it.
   */
  width: 100%;
}
.asconsole visitors-kiosk-party-step-header .party-step-header {
  display: flex;
  align-items: center;
  gap: 1.25vmin;
  margin-bottom: 1.04vmin;
}
.asconsole visitors-kiosk-party-step-header .party-step-header__avatar {
  flex: 0 0 auto;
  width: 3.33vmin;
  height: 3.33vmin;
  border-radius: 50%;
  object-fit: cover;
}
.asconsole visitors-kiosk-party-step-header .party-step-header__avatar--initials {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--nc-colors__neutral600, #68768d);
  color: white;
  font-size: 1.46vmin;
  text-transform: uppercase;
}
.asconsole visitors-kiosk-party-step-header .party-step-header__name {
  flex: 0 1 auto;
  min-width: 0;
  font-size: 2.5vmin;
  line-height: 3.33vmin;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole visitors-kiosk-party-step-header .party-step-header__progress {
  flex: 0 0 auto;
  margin-left: auto;
  line-height: 3.13vmin;
  font-size: 1.15vmin;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.5;
  white-space: nowrap;
}

.asconsole visitors-kiosk-preregistration {
  display: flex;
  justify-content: center;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
}
.asconsole visitors-kiosk-preregistration .kiosk-container-m {
  border-radius: 1vmin;
  background-color: white;
  padding: 4vmin 4vmin;
  margin-top: 5vmin;
  max-width: 62vmin;
}
.asconsole visitors-kiosk-preregistration .kiosk-container-m .header-container {
  width: 100%;
}
.asconsole visitors-kiosk-preregistration .kiosk-container-m .desc {
  color: #3c465d;
  margin-top: 1vmin;
  margin-bottom: 2vmin;
}
.asconsole visitors-kiosk-preregistration .kiosk-btn {
  margin-top: 1.6vmin;
  width: 100%;
}

.asconsole visitors-kiosk-party-summary {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  /*
   * The badges being printed are parked just below the viewport instead of
   * hidden: html2canvas rasterises a laid-out element, and display:none or
   * visibility:hidden would capture nothing. Same trick the print iframe used
   * before the party path stopped needing one.
   */
}
.asconsole visitors-kiosk-party-summary .party-summary__print-badges {
  position: fixed;
  top: 100vh;
  left: 0;
  /*
   * The badge's no-photo fallback, resized for print.
   *
   * printVisitorBadge sizes the photo itself in points (60x93pt), but the
   * initials circle it falls back to is styled by a `.visitor-icon` rule
   * that sits OUTSIDE the component, in kiosk units — 14.8vmin square with
   * a 7vmin glyph. That is the kiosk's own full-screen avatar, and inside a
   * 226.6x132pt badge it is taller than the row: it squeezes the text
   * column until the name wraps and every line ellipsises. Verified on a
   * real badge — with a photo the same badge lays out perfectly.
   *
   * Scoped to this container on purpose. The rule is shared with the
   * desktop print page, which has the same defect today; fixing it there
   * changes a screen already in production, so that stays a separate
   * conversation. Here it only affects badges this screen renders.
   */
}
.asconsole visitors-kiosk-party-summary .party-summary__print-badges .visitor-icon {
  width: 60pt;
  height: 93pt;
  border-radius: 5pt;
  font-size: 24pt;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: calc(100vh - 13vmin);
  /*
   * CT-4553 AC16 — LANDSCAPE ONLY: pin the content width to the design's
   * `Body` (860px in the 1680x1050 frame, node 14538:13239) instead of
   * letting it be sized by the content.
   *
   * Same root cause as AC5 on the selection screen, different screen: this
   * is a flex item of a `justify-content: center` parent with no width, so
   * it takes its CONTENT width — and the widest content is the mixed
   * description, whose max-content is the whole sentence unwrapped. The
   * sentence was deciding the container width (rendering on one line) and
   * dragging the failed-visitor cards out with it, to ~74% of the viewport
   * against the design's 51%.
   *
   *   (860 + 2 * 4vmin container padding) / 1680 = 56.2vw
   *
   * min-width has to be neutralised or the shared 60vw floor wins over the
   * pin. Portrait is left EXACTLY as it is, deliberately (Mikel 2026-08-06)
   * — hence the landscape-only media query rather than a plain declaration,
   * which would also narrow portrait.
   */
  /*
   * Side by side, as the design has it (footer of two 404x72 buttons with
   * a 40px gap @960). `flex-wrap` is kept as a safety net so a footer that
   * cannot fit wraps instead of overflowing.
   *
   * Still at most TWO buttons at once, but for a simpler reason since
   * CT-4564 removed `Try Check-in Again`: the footer is now `Print Badges`
   * (`ng-if`) plus an unconditional `Done`. The `Printing…` button is
   * `ng-show`, so it takes no space while hidden and replaces `Print Badges`
   * when visible. (Two earlier claims here are dead: that three were
   * possible, and that `Done` was mutually exclusive with a retry button.)
   */
}
@media (orientation: landscape) {
  .asconsole visitors-kiosk-party-summary .kiosk-container-m {
    width: 56.2vw;
    min-width: 0;
  }
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .icon-successful-line {
  font-size: 20vmin;
  margin-bottom: 6vmin;
  color: #0C817B;
  /*
   * 96px @960 on the mixed screen, with the gap to the title
   * tightened to 32px: the design shrinks the check so the
   * failed-visitor list fits without pushing the footer
   * off-screen. The all-succeeded screen keeps 20vmin (192px)
   * and 6vmin, matching the single-visitor success screens.
   */
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .icon-successful-line--mixed {
  font-size: 10vmin;
  margin-bottom: 3.33vmin;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__title {
  margin-bottom: 2vmin;
  text-align: center;
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__description {
  margin-bottom: 4vmin;
  text-align: center;
  font-size: 3.33vmin;
  line-height: 4.1vmin;
  letter-spacing: -0.02em;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .scroll-container {
  display: flex;
  flex-direction: column;
  gap: 2vmin;
  width: 100%;
  min-height: 0;
  margin-bottom: 4vmin;
  overflow-y: auto;
  scrollbar-width: none;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__failed {
  display: flex;
  align-items: center;
  gap: 2vmin;
  padding: 2vmin 3vmin;
  background-color: white;
  border: 0.2vmin solid rgba(0, 0, 0, 0.12);
  border-radius: 1vmin;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__avatar {
  flex: 0 0 auto;
  width: 8vmin;
  height: 8vmin;
  border-radius: 50%;
  object-fit: cover;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__avatar--initials {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--nc-colors__neutral600, #68768d);
  color: white;
  font-size: 3.2vmin;
  text-transform: uppercase;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.8vmin;
  min-width: 0;
  text-align: left;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__name {
  font-size: 2.5vmin;
  line-height: 3.33vmin;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__role {
  font-size: 1.85vmin;
  line-height: 2.4vmin;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .party-summary__error-icon {
  flex: 0 0 auto;
  width: 2.5vmin;
  height: 2.5vmin;
  color: #CB4848;
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .btn-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4.17vmin;
  margin-top: 2vmin;
  /*
   * 404px @960 frame, from the design's footer. The width comes from the
   * design, not from the labels — but it has to CLEAR the longest one,
   * because .btn inherits Bootstrap's white-space: nowrap, so a button
   * too narrow for its label overflows instead of wrapping. The old
   * binding constraint was "Try Check-in Again" (~38vmin), removed in
   * CT-4564; the longest label left is "Printing 10/10" with its icon
   * and spinner, comfortably inside this width.
   */
  /*
   * CT-4553 AC16 — the landscape footer now has to FIT the pinned
   * 860px content box, so this one value is converted at the frame's
   * REAL vmin basis (1050) rather than the file's usual 960: the
   * 42.08vmin above came from 404/960 and renders 442px on a 1050px
   * short side, so 442 + 44 + 442 = 928px would wrap the row.
   * At the design's 404px the footer is 404 + 44 + 404 = 852 <= 860.
   *
   * This is a FIT constraint, not a proportion — which is exactly why
   * the 960 basis does not apply here. The gap is deliberately left at
   * 4.17vmin (43.8px vs the design's 40px): it still fits, and a 4px
   * difference is not worth a second landscape override.
   */
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .btn-container .btn {
  width: 42.08vmin;
  /*
   * The printer glyph needs two things the icon font does not give it:
   * separation from its label, and vertical centring against it.
   *
   * `[class^=icon-]:before` declares no spacing, so the icon's right edge
   * lands exactly on the label's left edge. 1.3vmin is the value
   * checkin-success already uses for the same button with the same icon
   * (its single-visitor Print Badge), so the two print buttons stay
   * identical; the design's own gap here is 12px (1.14vmin), 1.6px away.
   *
   * The vertical part is the non-obvious half. `.asui .icon` gives the glyph
   * `display: inline-block`, `line-height: 0.7 !important` and
   * `font-size: 120%`, so it renders ~47px inside a ~33px inline box — a
   * different shape from the label's — and it carries no descender while
   * the label does ("g", parentheses). Left on the shared baseline its
   * centre lands 10.9px above the label's and it reads visibly high.
   *
   * `bottom` and `middle` both fix it and put the ICON in the identical
   * place (measured: same centre, with and without the Printing… spinner,
   * which sits on its own line and never joins this line box). They differ
   * only in the LABEL: `bottom` grows the line box, so the label sits 2.3px
   * lower than with `middle`. `bottom` is the one that matches the design
   * frame — checked in the card, not inferred.
   *
   * Keep this a keyword, never a px/vmin offset: an offset would be derived
   * from one font at one size and would drift with the button size or the
   * tenant's branded font.
   */
}
.asconsole visitors-kiosk-party-summary .kiosk-container-m .btn-container .btn .icon {
  margin-right: 1.3vmin;
  vertical-align: bottom;
}
@media (orientation: landscape) {
  .asconsole visitors-kiosk-party-summary .kiosk-container-m .btn-container .btn {
    width: 38.48vmin;
  }
}

.asconsole visitors-kiosk-verification {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-verification .kiosk-container-m h5 {
  margin-top: 4vmin;
}
.asconsole visitors-kiosk-verification .kiosk-container-m asui-spinner .spinner-fade-line {
  width: 8vmin;
}
.asconsole visitors-kiosk-verification .kiosk-container-m asui-spinner .spinner-fade-line div {
  width: 2.2vmin;
  height: 2.2vmin;
}

.asconsole visitors-kiosk-welcome {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole visitors-kiosk-welcome h6 {
  margin-bottom: 5px;
}
.asconsole visitors-kiosk-welcome img {
  flex: unset;
}
.asconsole visitors-kiosk-welcome .welcome-title {
  font-size: 10vmin;
  line-height: 11vmin;
  letter-spacing: -0.03em;
  margin: 0;
}
.asconsole visitors-kiosk-welcome .welcome-title p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-welcome .welcome-description {
  font-size: 5vmin;
  line-height: 5.8vmin;
  letter-spacing: -0.03em;
  margin: 0;
}
.asconsole visitors-kiosk-welcome .welcome-description p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.asconsole visitors-kiosk-welcome .welcome-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  justify-content: center;
}
@media (orientation: portrait) {
  .asconsole visitors-kiosk-welcome .welcome-content {
    flex-direction: column;
  }
  .asconsole visitors-kiosk-welcome .welcome-content .welcome-left {
    margin-bottom: 6vmin;
  }
  .asconsole visitors-kiosk-welcome .welcome-content .welcome-right {
    margin-left: 0vmin;
    width: 100%;
  }
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-left {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (orientation: portrait) {
  .asconsole visitors-kiosk-welcome .welcome-content .welcome-left {
    flex: initial;
    align-items: center;
  }
  .asconsole visitors-kiosk-welcome .welcome-content .welcome-left h4 {
    text-align: center;
  }
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-left h4 {
  margin-top: 2vmin;
  margin-bottom: 5vmin;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-left .welcome-buttons .btn {
  width: 32vmin;
  height: 10vmin;
  font-size: 3.75vmin;
  letter-spacing: -0.02em;
  border-radius: 1.2vmin;
  margin-top: 2vmin;
  padding: 0;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-left .welcome-buttons .btn-primary {
  margin-right: 4vmin;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 38vmin;
  margin-left: 2vmin;
}
@media (orientation: portrait) {
  .asconsole visitors-kiosk-welcome .welcome-content .welcome-right {
    margin-left: 0;
  }
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .img-container {
  width: 100%;
  height: 380px;
  height: 38vmin;
  position: relative;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .img-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .img-container asui-qrcode-scanner {
  width: 100%;
  height: 100%;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .img-container asui-qrcode-scanner video {
  object-fit: cover;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .scan-msg {
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .scan-msg h6 {
  font-size: 24px;
  font-size: 2vmin;
  letter-spacing: -0.03em;
}
.asconsole visitors-kiosk-welcome .welcome-content .welcome-right .scan-msg .icon {
  font-size: 50px;
  font-size: 5.2vmin;
  margin-right: 17px;
}

.asconsole visitors-kiosk-no-reservation {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole visitors-kiosk-no-reservation .kiosk-container-m .icon {
  font-size: 20vmin;
  margin-bottom: 6vmin;
  color: #4f596e;
}
.asconsole visitors-kiosk-no-reservation .kiosk-container-m h4 {
  margin-bottom: 2vmin;
  text-align: center;
}
.asconsole visitors-kiosk-no-reservation .kiosk-container-m h5 {
  text-align: center;
}
.asconsole visitors-kiosk-no-reservation .kiosk-container-m .btn-container {
  margin-top: 6vmin;
}

.asconsole guests-visitors-preregistration-form .visitors-form-container {
  position: relative;
}
.asconsole guests-visitors-preregistration-form .visitors-form-container asui-loading-mask .loading-mask-container {
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole guests-visitors-preregistration-form .visitors-form-container {
    padding-bottom: 140px;
  }
}
.asconsole guests-visitors-preregistration-form .btn-container {
  display: flex;
  flex: 1;
  margin-top: 8px;
}
.asconsole guests-visitors-preregistration-form .btn-container .btn {
  flex: 1;
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole guests-visitors-preregistration-form .btn-container .btn-default {
  margin-right: 8px;
}
.asconsole guests-visitors-preregistration-form .btn-container .btn-primary {
  background-color: #002169;
  color: white;
}

.asconsole setup-brand {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asconsole setup-brand .brand-container {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .asconsole setup-brand .brand-container {
    flex-direction: column;
  }
}
.asconsole setup-brand .brand-container .brand-form-container {
  align-items: center;
  justify-content: center;
  padding: 20px;
}
@media (max-width: 1200px) {
  .asconsole setup-brand .brand-container .brand-form-container {
    width: auto;
  }
}
@media (max-width: 667px) {
  .asconsole setup-brand .brand-container .brand-form-container {
    padding: 10px;
  }
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form {
  background: #fff;
  width: 560px;
  padding: 30px;
  border: 1px solid #DBE0EA;
  box-shadow: 0 10px 15px rgba(129, 138, 152, 0.1);
  border-radius: 6px;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 0;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 20px;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .instruction {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .pallet-accent {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 8px;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .logo {
  margin-top: 32px;
  margin-bottom: 0;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .sub-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 8px;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form clm-card-file-upload {
  margin-bottom: 20px;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form clm-card-file-upload .file-upload-container .card-file-uploader .upload-overlay .icon-cloud-upload {
  display: block;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form clm-card-file-upload .file-upload-container .card-file-uploader .upload-text {
  padding: 0;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .finish-btn {
  width: 100%;
}
.asconsole setup-brand .brand-container .brand-form-container .brand-form .skip-container {
  margin-top: 20px;
  display: flex;
}
@media (max-width: 667px) {
  .asconsole setup-brand .brand-container .brand-form-container .brand-form .skip-container {
    justify-content: center;
  }
}
@media (max-width: 667px) {
  .asconsole setup-brand .brand-container .brand-form-container .brand-form {
    padding: 14px;
    width: 100%;
  }
}
.asconsole setup-brand .brand-container .brand-illustration {
  padding: 30px 50px;
}
.asconsole setup-brand .brand-container .brand-illustration img {
  max-width: 100%;
  margin: 0 auto;
}

.asconsole setup {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 100vh;
  height: 100vh;
}
.asconsole setup .setup-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 0;
  width: 100%;
  height: 60px;
  z-index: 1000;
  padding: 0 10px 0px 0px;
  background-color: #fff;
}
.asconsole setup .setup-navbar .navbar-icon {
  height: 100%;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole setup .setup-navbar .setup-navbar-left {
  height: 100%;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 101;
  min-width: 253px;
  position: relative;
}
@media all and (max-width: 667px) {
  .asconsole setup .setup-navbar .setup-navbar-left {
    min-width: 0;
  }
}
.asconsole setup .setup-navbar .setup-navbar-left .logo-container {
  cursor: pointer;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
.asconsole setup .setup-navbar .setup-navbar-left .logo-container img {
  max-width: 37vw;
  height: 100%;
}
.asconsole setup .setup-navbar .setup-navbar-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 100%;
  color: #002169;
}
@media all and (max-width: 667px) {
  .asconsole setup .setup-navbar .setup-navbar-right {
    padding-right: 0;
  }
}

.asconsole calendar-plugin-edit-attendee-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-edit-attendee-modal {
    display: block;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header {
  padding: 0;
  display: flex;
  border-bottom: 0;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container {
  display: flex;
  flex: 1;
  min-width: 0;
  padding: 18px 0 14px 18px;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .card-thumbnail-image-circle {
  width: 40px;
  height: 40px;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .card-thumbnail-image-circle span {
  font-size: 16px;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .user-label {
  margin-left: 8px;
  line-height: 1.2;
  min-width: 0;
  color: #2d3851;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .user-label {
    overflow: hidden;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .user-label .name {
  font-size: 16px;
  margin-bottom: 1px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .user-label .name break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .user-label .details {
  font-size: 14px;
  width: 100%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-edit-attendee-modal .modal-header .user-container .user-label .details break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .icon-cross {
  font-size: 20px;
  color: #4f596e;
  padding: 15px;
  cursor: pointer;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole calendar-plugin-edit-attendee-modal .hr-header {
  margin: 0 18px;
  border-color: #DDE3EE;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-footer {
  padding: 15px 18px;
  display: flex;
  justify-content: flex-end;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 18px 20px 18px;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-edit-attendee-modal .modal-body {
    padding: 18px;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .visitor-input-container {
  margin-top: 14px;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .visitor-input-container hr {
  margin: 18px 0 18px 0;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-info {
  margin: 8px 0 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-info-purpose {
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input {
  display: flex;
  flex-direction: column;
  margin-top: 14px;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input:first-child {
  margin-top: 0;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .validation-msg {
  margin: 0;
  color: #CB4848;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .form-control {
  height: 44px;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .form-control.validation-error {
  border-color: #CB4848;
  margin: 0;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown {
  margin: 0;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown .btn {
  height: 44px;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown .btn, .asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown .dropdown-toggle {
    line-height: 32px;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown .dropdown-menu li a .text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .asui-dropdown .dropdown-menu li a .text break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input .key {
  color: #000000;
  margin: 0 0 4px 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-body .form-input.has-error .asui-dropdown .dropdown-toggle {
  border-color: #CB4848 !important;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-footer .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-footer .btn-remove {
  color: #CB4848;
  border-color: #CB4848;
}
.asconsole calendar-plugin-edit-attendee-modal .modal-footer .btn-remove i {
  margin-top: 1px;
  margin-right: 4px;
}
.asconsole .modal-plugin-edit-attendee .modal-dialog {
  width: 430px;
  margin-right: 0;
  height: auto;
}
@media all and (max-width: 667px) {
  .asconsole .modal-plugin-edit-attendee .modal-dialog {
    width: calc(100% - 32px);
  }
}
.asconsole .modal-plugin-edit-attendee .modal-content {
  border-radius: 8px;
}

.asconsole calendar-plugin-attendee-list {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole calendar-plugin-attendee-list .attendees-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  padding: 16px 0 16px 16px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-attendee-list .attendees-container .header {
  display: flex;
  flex-direction: column;
}
.asconsole calendar-plugin-attendee-list .attendees-container .header .header-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-attendee-list .attendees-container .header .header-main .icon-users {
  color: #4f596e;
  margin-right: 5px;
}
.asconsole calendar-plugin-attendee-list .attendees-container .header .header-main .icon-context {
  color: #4f596e;
  font-size: 24px;
  padding: 2px 10px;
  cursor: pointer;
}
.asconsole calendar-plugin-attendee-list .attendees-container .header .subtext {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .no-attendee-edit .user-container {
  cursor: default;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee {
  border-top: 1px solid #DDE3EE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  margin-top: 10px;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container {
  display: flex;
  min-width: 0;
  align-items: center;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-icon {
  margin-top: 1px;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label {
  margin-left: 8px;
  line-height: 1.2;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label {
    overflow: hidden;
  }
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label .name {
  font-size: 16px;
  margin-bottom: 1px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label .name break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label .details {
  color: #3c465d;
  font-size: 12px;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label .attendance-type {
  cursor: pointer;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .user-container .user-label.no-context-menu {
  margin-right: 10px;
}
.asconsole calendar-plugin-attendee-list .attendees-container .attendee-list .attendee .icon-context {
  color: #4f596e;
  cursor: pointer;
  padding: 6px 10px 6px 6px;
}
.asconsole calendar-plugin-attendee-list .attendee-list-info {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  margin: 2px 0 5px 0;
  text-align: center;
}
.asconsole calendar-plugin-attendee-list .attendee-list-error {
  color: #CB4848;
}

.asconsole calendar-plugin-building-panel {
  min-height: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.asconsole calendar-plugin-building-panel .btn-view-map .icon-map-filled {
  padding-right: 6px;
}

.asconsole calendar-plugin-building-status {
  display: flex;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-building-status .building-status {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  flex: 1;
  word-break: break-all;
  word-break: break-word;
}
.asconsole calendar-plugin-building-status .building-status.unavailable {
  background-color: #CB4848;
  color: #fff;
}

.asconsole calendar-plugin-building-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  overflow-y: auto;
  background-color: #f8f9fc;
}
.asconsole calendar-plugin-building-modal .resource-viewer {
  padding-bottom: 16px;
}
.asconsole calendar-plugin-building-modal .resource-viewer-toolbar .toolbar-button {
  padding: 18px;
  cursor: pointer;
}
.asconsole calendar-plugin-building-modal ea-places-building-panel {
  width: auto;
  margin: 0 16px;
}
.asconsole calendar-plugin-building-modal ea-places-reservable-workspaces-grid {
  padding-top: 20px;
  margin: 0 16px;
}

.asconsole calendar-plugin-building-restrictions {
  display: flex;
  flex-direction: column;
}
.asconsole calendar-plugin-building-restrictions .restricted-container {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #EBBE36;
  background-color: white;
  padding: 7px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 5px;
}
.asconsole calendar-plugin-building-restrictions .restricted-container .icon {
  min-width: 17px;
}
.asconsole calendar-plugin-building-restrictions .restricted-container .icon-info-full {
  color: #EBBE36;
  margin-right: 5px;
  margin-top: 2px;
}

.asconsole calendar-plugin-building-sidebar {
  min-height: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.asconsole {
  /*
  * Common Styles used across plugin
  */
}
.asconsole calendar-plugin {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole calendar-plugin .calendar-plugin {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole calendar-plugin .calendar-plugin-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: calc(100% - 50px);
  max-height: 100%;
  min-height: 0;
  margin-bottom: 50px;
  position: relative;
}
.asconsole calendar-plugin .sidebar-open {
  pointer-events: none;
}
.asconsole calendar-plugin .sidebar-open .resource-sidebar {
  pointer-events: initial;
}
.asconsole calendar-plugin .selected-rsc-bar {
  position: sticky;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 9px 20px;
  background-color: #77B0EE;
  color: #fff;
  cursor: pointer;
}
.asconsole calendar-plugin .selected-rsc-bar i {
  font-size: 18px;
}
.asconsole calendar-plugin .resource-sidebar {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  z-index: 201;
}
.asconsole .plugin-sidebar-banner {
  height: 145px;
  position: relative;
  background-color: #565a6f;
  color: #fff;
  flex: 0 0 auto;
}
.asconsole .plugin-sidebar-banner .resource-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: brightness(0.5);
}
.asconsole .plugin-sidebar-banner .thumbnail-details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.asconsole .plugin-sidebar-banner .default-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 110px;
  color: #717383;
}
@media all and (max-width: 945px) {
  .asconsole .plugin-sidebar-banner .default-thumbnail {
    font-size: 85px;
  }
}
.asconsole .plugin-sidebar-banner img {
  border: 0;
  object-fit: cover;
  opacity: 0.7;
}
.asconsole .plugin-sidebar-banner .deadspace {
  flex: 0 0 50%;
  margin-top: -14px;
}
.asconsole .plugin-sidebar-banner .title {
  padding-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .plugin-sidebar-banner .title break-word {
    word-break: break-all;
  }
}
.asconsole .plugin-sidebar-banner .desc {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .plugin-sidebar-banner .desc break-word {
    word-break: break-all;
  }
}
.asconsole .plugin-sidebar-banner .desc .icon {
  font-size: 14px;
  margin-right: 8px;
  margin-top: 5px;
}
.asconsole .plugin-sidebar-banner > .icon-arrow-back {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 26px;
  z-index: 5;
  padding: 15px;
  cursor: pointer;
}
.asconsole .plugin-sidebar-banner > .icon-cross {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 24px;
  z-index: 5;
  padding: 15px;
  cursor: pointer;
}
.asconsole .plugin-sidebar-content {
  background-color: #fff;
  overflow-y: auto;
  padding-bottom: 50px;
}
.asconsole .sidebar-actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .sidebar-actions .btn + .btn {
  margin-top: 8px;
}
.asconsole .sidebar-actions + .info {
  margin-top: 25px;
}
.asconsole .sidebar-section-container {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid #eef4f9;
  padding: 20px 20px;
}
.asconsole .sidebar-section-container .section-title {
  color: #3c465d;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  line-height: 16px;
  font-weight: 900;
}
.asconsole .sidebar-section-container .info {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole .sidebar-section-container .info .icon {
  margin-right: 10px;
  color: #4f596e;
}
.asconsole .sidebar-section-container .info:last-child {
  margin-bottom: 0;
}
.asconsole .sidebar-section-container-description {
  color: #2d3851;
}
.asconsole .modal-plugin-full {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-plugin-full .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}
.asconsole .modal-fullscreen.no-animation .modal-dialog {
  transition: none !important;
}
@media all and (max-width: 667px) {
  .asconsole .modal-fullscreen.no-animation .modal-dialog {
    transition: none !important;
  }
}
.asconsole .modal.as-plugin-confirm .modal-dialog {
  width: calc(100% - 32px) !important;
}
.asconsole .asui-context-menu-popover .link {
  color: #0A5BEB;
}
.asconsole .asui-context-menu-popover .link .icon-plus {
  padding-right: 3px;
  font-size: 14px;
  top: 1px;
  position: relative;
}
.asconsole .as-plugin-popover {
  max-width: calc(100% - 32px);
}
.asconsole .as-plugin-popover .popover-content {
  word-break: break-word;
  word-break: break-all;
}

.asconsole calendar-plugin-get-started {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  height: 100%;
  background-color: #f7f8fb;
  padding: 10px 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-get-started {
    padding-bottom: 50px;
    flex: 1 0 auto;
    height: auto;
  }
}
@media only screen and (-ms-high-contrast: active) and (min-height: 490px), only screen and (-ms-high-contrast: none) and (min-height: 490px) {
  .asconsole calendar-plugin-get-started .no-content-base.has-user-select {
    padding-bottom: 10px;
  }
}
.asconsole calendar-plugin-get-started .get-started {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 0 20px 30px 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-get-started .get-started {
    flex: 1 0 auto;
    width: 100%;
  }
}
.asconsole calendar-plugin-get-started .get-started img {
  max-width: 250px;
  margin-bottom: 20px;
}
.asconsole calendar-plugin-get-started .get-started .h3 {
  color: #0b1835;
  margin-bottom: 10px;
  text-align: center;
}
.asconsole calendar-plugin-get-started .get-started .paragraph {
  color: #2d3851;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-get-started .get-started .paragraph {
    flex: 1 0 auto;
    width: 100%;
  }
}
.asconsole calendar-plugin-get-started .get-started .btn {
  width: 122px;
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-get-started .skip-container {
  display: flex;
  align-items: center;
  color: #3c465d;
  width: 100%;
}
.asconsole calendar-plugin-get-started .skip-container .skip-cb {
  display: flex;
  align-items: center;
}
.asconsole calendar-plugin-get-started .skip-container .skip-cb input {
  margin-right: 10px;
}

.asconsole google-calendar-plugin {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole google-calendar-plugin .calendar-plugin {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole google-calendar-plugin .calendar-plugin .calendar-plugin-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  height: 100%;
  background-color: #f7f8fb;
  padding: 10px 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole google-calendar-plugin .calendar-plugin .calendar-plugin-container {
    padding-bottom: 50px;
    flex: 1 0 auto;
    height: auto;
  }
}
.asconsole google-calendar-plugin .calendar-plugin .calendar-plugin-container .message-container {
  width: 100%;
  max-width: 400px;
  text-align: center;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.asconsole google-calendar-plugin .calendar-plugin .calendar-plugin-container .message-container .message-logo {
  width: 80px;
  height: 80px;
  margin-top: -50px;
  padding: 10px;
  background-color: white;
  border-radius: 100%;
  border: 2px solid #dbe0ea;
  margin-bottom: 10px;
}
.asconsole google-calendar-plugin .calendar-plugin .calendar-plugin-container .message-container .message-text {
  font-size: 18px;
  font-weight: 600;
}

.asconsole calendar-plugin-loading-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.asconsole calendar-plugin-loading-modal asui-spinner {
  flex: unset;
}
.asconsole calendar-plugin-loading-modal .loading-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px 30px 0 30px;
}
.asconsole .modal-calendar-plugin-loading {
  height: 100%;
  width: 100%;
}
.asconsole .modal-calendar-plugin-loading .modal-content {
  height: 100%;
  border: none;
}

.asconsole calendar-plugin-logout-confirmation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #2d3851;
  padding: 25px;
}
.asconsole calendar-plugin-logout-confirmation .paragraph {
  margin-bottom: 8px;
}
.asconsole calendar-plugin-logout-confirmation .btn {
  margin-top: 8px;
  height: 44px;
  border-radius: 4px;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-logout-confirmation {
    flex: 1 0 auto;
  }
}
.asconsole .modal-calendar-plugin-logout-confirmation {
  width: 312px;
  max-width: calc(100vw - 5px);
}
.asconsole .modal-calendar-plugin-logout-confirmation .modal-content {
  border-radius: 6px;
}

.asconsole calendar-plugin-navbar {
  display: flex;
  height: 50px;
  z-index: 210;
  width: 100%;
  bottom: 0;
  left: 0;
  border-top: 1px solid #DDE3EE;
  position: fixed;
}
.asconsole calendar-plugin-navbar .plugins-navbar-container {
  background-color: white;
  display: flex;
  flex: 1;
  flex-direction: row;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-navbar .plugins-navbar-container {
    padding: 0 15px;
  }
}
.asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-left {
  display: flex;
  flex: 1;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-left {
    flex: none;
  }
}
.asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-left .logo-container {
  display: flex;
  height: 32px;
  width: 155px;
  overflow: hidden;
  cursor: pointer;
}
@media all and (max-width: 1150px) {
  .asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-left .logo-container {
    width: 120px;
  }
}
.asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-left .logo-container img {
  width: 100%;
  object-fit: contain;
  object-position: left center;
}
.asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-navbar .plugins-navbar-container .plugins-navbar-right {
    flex: none;
  }
}

.asconsole calendar-plugin-no-access {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  background-color: #F8F9FC;
  padding: 30px;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-no-access {
    align-items: flex-start;
  }
}
@media all and (max-width: 992px) {
  .asconsole calendar-plugin-no-access {
    min-width: 100%;
    padding: 15px;
  }
}
.asconsole calendar-plugin-no-access .no-access-container {
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole calendar-plugin-no-access .no-access-container img {
  max-width: 250px;
  object-fit: contain;
  margin-bottom: 20px;
}
.asconsole calendar-plugin-no-access .no-access-container h3 {
  color: #0b1835;
  margin-bottom: 10px;
  text-align: center;
}
.asconsole calendar-plugin-no-access .no-access-container .paragraph {
  color: #2d3851;
  margin-bottom: 20px;
  text-align: center;
}
.asconsole calendar-plugin-no-access .no-access-container .asui-btn {
  margin-top: 20px;
  width: 122px;
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole calendar-plugin-no-access .no-access-container .btn-primary {
  text-transform: none;
}

.asconsole calendar-plugin-outlook-test {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  background-color: white;
}
.asconsole calendar-plugin-outlook-test .env-container {
  max-width: 400px;
}
.asconsole calendar-plugin-outlook-test .env-container table {
  table-layout: fixed;
}
.asconsole calendar-plugin-outlook-test .env-container .is-success {
  color: #0A5BEB;
}
.asconsole calendar-plugin-outlook-test .env-container .is-error {
  color: #CB4848;
}
.asconsole calendar-plugin-outlook-test .outlook-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 30px;
  max-width: 400px;
  overflow: auto;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-outlook-test .outlook-container {
    flex: 1 0 auto;
    max-width: none;
  }
}
.asconsole calendar-plugin-outlook-test .outlook-container .title {
  margin-top: 40px;
  margin-bottom: -10px;
  font-size: 18px;
}
.asconsole calendar-plugin-outlook-test .outlook-container a {
  cursor: pointer;
}
.asconsole calendar-plugin-outlook-test .outlook-container .input-label {
  margin-top: 20px;
}
.asconsole calendar-plugin-outlook-test .outlook-container .btn-sim + .btn-sim {
  margin-top: 8px;
}
.asconsole calendar-plugin-outlook-test .outlook-container .resource-ddl {
  flex: unset;
}
.asconsole calendar-plugin-outlook-test .outlook-container .allday-toggle {
  display: flex;
  flex-direction: row;
  margin: 15px 0;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-outlook-test .outlook-container .allday-toggle {
    margin-top: 10px;
  }
}
.asconsole calendar-plugin-outlook-test .outlook-container .allday-toggle .name {
  width: 50px;
  margin-top: 2px;
}
.asconsole calendar-plugin-outlook-test .outlook-container .allday-toggle .toggle {
  width: 50px !important;
  min-width: 50px !important;
}
.asconsole calendar-plugin-outlook-test .outlook-container reservation-recurrence-pattern {
  flex: unset;
  margin-bottom: 15px;
}
.asconsole calendar-plugin-outlook-test .attendee-list {
  list-style-type: none;
  padding: 0;
  margin: 10px 0 0 0;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  overflow: auto;
}
.asconsole calendar-plugin-outlook-test .attendee-list > li {
  padding: 10px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.asconsole calendar-plugin-outlook-test .attendee-list > li .attendee-label {
  flex: 1;
  padding-left: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-outlook-test .attendee-list > li .attendee-label break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-outlook-test .attendee-list > li + li {
  border-top: 1px solid #DDE3EE;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead {
  width: 100%;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .textbox {
  height: 44px;
  padding-right: 12px;
  border-radius: 4px;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .fa-caret-down {
  display: none;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .dropdown-item,
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .selected-item {
  padding: 7px 12px !important;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .dropdown-item .user-typeahead-label,
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .selected-item .user-typeahead-label {
  margin-left: 8px;
  line-height: 1.2;
  min-width: 0;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .dropdown-item .user-typeahead-label .name-container,
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .selected-item .user-typeahead-label .name-container {
  display: flex;
  min-width: 0;
  font-size: 15px;
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .dropdown-item .user-typeahead-label .name-container .name,
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .selected-item .user-typeahead-label .name-container .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .dropdown-item .user-typeahead-label .name-container .name break-word,
  .asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .selected-item .user-typeahead-label .name-container .name break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .dropdown-item .user-typeahead-label .email,
.asconsole calendar-plugin-outlook-test asui-dropdown-typeahead.attendee-typeahead .selected-item .user-typeahead-label .email {
  color: #3c465d;
  font-size: 14px;
}
.asconsole calendar-plugin-outlook-test .plugin-container {
  display: flex;
  flex-direction: column;
  width: 375px;
  height: 100%;
  border-left: 1px solid #DDE3EE;
  align-items: center;
  background-color: #F8F9FC;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
}
.asconsole calendar-plugin-outlook-test .plugin-container.narrow {
  width: 250px;
}
.asconsole calendar-plugin-outlook-test .plugin-container.wide {
  width: 550px;
}
.asconsole calendar-plugin-outlook-test .plugin-container.extra-wide {
  width: 780px;
}
.asconsole calendar-plugin-outlook-test .plugin-container .places-btn {
  width: 120px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-top: 20px;
}
.asconsole calendar-plugin-outlook-test .plugin-container .places-btn img {
  width: 30px;
  height: 30px;
  margin-bottom: 3px;
}
.asconsole calendar-plugin-outlook-test .plugin-container .places-btn span {
  white-space: break-spaces;
}
.asconsole calendar-plugin-outlook-test .plugin-container .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
  background-color: white;
  height: 45px;
  width: 100%;
}
.asconsole calendar-plugin-outlook-test .plugin-container .header img {
  width: 30px;
  height: 30px;
  margin: 0 10px;
}
.asconsole calendar-plugin-outlook-test .plugin-container .header .title {
  flex: 1;
}
.asconsole calendar-plugin-outlook-test .plugin-container .header .icon-cross {
  padding: 10px;
  cursor: pointer;
  font-size: 22px;
  color: #4f596e;
}
.asconsole calendar-plugin-outlook-test .plugin-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.asconsole plugins {
  display: flex;
  flex: 1;
  flex-basis: auto;
  background-color: #f7f8fb;
}
.asconsole plugins ui-view {
  display: flex;
  flex: 1;
  height: 100%;
}

.asconsole calendar-plugin-reservation-summary {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: auto;
  min-height: 0;
  margin: 51px 0 0 0;
  padding: 0;
}
.asconsole calendar-plugin-reservation-summary .processing-bar {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #0A5BEB;
  background-color: white;
  padding: 7px;
  margin: 20px 16px 0;
  color: #2d3851;
}
.asconsole calendar-plugin-reservation-summary .processing-bar .icon-info-full {
  color: #0A5BEB;
  margin-right: 7px;
  margin-top: 3px;
}
.asconsole calendar-plugin-reservation-summary .processing-bar .header {
  font-weight: 700;
}
.asconsole calendar-plugin-reservation-summary .summary-error-bar {
  background: #CB4848;
  color: #fff;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.asconsole calendar-plugin-reservation-summary .summary-error-bar .summary-error-message {
  padding-top: 10px;
  padding-bottom: 10px;
  flex: 1;
}
.asconsole calendar-plugin-reservation-summary .summary-error-bar .icon.icon-cross {
  padding: 10px 18px 0 10px;
  cursor: pointer;
}
.asconsole calendar-plugin-reservation-summary .summary-error-bar .icon.icon-warning {
  padding: 10px 10px 0 18px;
  font-size: 20px;
}
.asconsole calendar-plugin-reservation-summary .summary-toolbar {
  padding: 0 16px 0 4px;
  font-size: 16px;
  line-height: 24px;
  background-color: #fff;
  display: flex;
  align-items: center;
  width: 100%;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  position: fixed;
  top: 0;
}
.asconsole calendar-plugin-reservation-summary .summary-toolbar .icon {
  padding: 16px;
  cursor: pointer;
}
.asconsole calendar-plugin-reservation-summary .summary-toolbar-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.asconsole calendar-plugin-reservation-summary .summary-section {
  padding: 0 16px;
  margin-bottom: 24px;
  flex: 0 0 auto;
}
.asconsole calendar-plugin-reservation-summary .summary-section + .summary-section {
  margin-top: -18px;
}
.asconsole calendar-plugin-reservation-summary .summary-section-content {
  margin-top: 8px;
}
.asconsole calendar-plugin-reservation-summary .summary-section .attendees-container {
  background: #fff;
}
.asconsole calendar-plugin-reservation-summary .summary-section-button {
  text-align: center;
  margin-top: 16px;
}
.asconsole calendar-plugin-reservation-summary .summary-section-cta img {
  width: 70%;
  max-width: 300px;
  height: auto;
  display: block;
  margin: 16px auto;
}
.asconsole calendar-plugin-reservation-summary .summary-section-cta-text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.asconsole calendar-plugin-reservation-summary .summary-section-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-size: 16px;
  line-height: 20px;
}
.asconsole calendar-plugin-reservation-summary .summary-section-add-another {
  margin-top: 8px;
  padding: 8px 4px;
  display: flex;
  align-items: baseline;
}
.asconsole calendar-plugin-reservation-summary .summary-section-add-another-link {
  color: #0A5BEB;
  text-decoration: none;
  font-weight: 600;
  margin-right: 4px;
  cursor: pointer;
}
.asconsole calendar-plugin-reservation-summary .summary-section-add-another-link:hover {
  text-decoration: underline;
}
.asconsole calendar-plugin-reservation-summary .summary-section-add-another-info {
  color: #68768D;
}

.asconsole calendar-plugin-resource-item {
  display: block;
}
.asconsole calendar-plugin-resource-item .resource-item {
  display: flex;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  background: #fff;
  cursor: pointer;
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  overflow: hidden;
}
.asconsole calendar-plugin-resource-item .resource-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.asconsole calendar-plugin-resource-item .resource-item-thumbnail {
  width: 64px;
  background: #002169;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
}
.asconsole calendar-plugin-resource-item .resource-item-thumbnail .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
}
.asconsole calendar-plugin-resource-item .resource-item-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-resource-item .resource-item-thumbnail img {
    width: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
}
.asconsole calendar-plugin-resource-item .resource-item-name {
  margin-bottom: 6px;
  display: flex;
  width: 100%;
  align-items: center;
}
.asconsole calendar-plugin-resource-item .resource-item-name h4 {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.asconsole calendar-plugin-resource-item .resource-item-capacity {
  white-space: nowrap;
  margin-left: 8px;
}
.asconsole calendar-plugin-resource-item .resource-item-capacity .icon {
  font-size: 14px;
}
.asconsole calendar-plugin-resource-item .resource-item-info {
  padding: 12px;
  min-width: 0;
  flex: 1;
}
.asconsole calendar-plugin-resource-item .resource-item-info-row {
  display: flex;
  align-items: center;
}
.asconsole calendar-plugin-resource-item .resource-item-info-row .icon {
  width: 20px;
  text-align: center;
  margin-right: 4px;
  flex: 0 0 auto;
}
.asconsole calendar-plugin-resource-item .resource-item-info-row .icon.icon-circle {
  font-size: 8px;
}
.asconsole calendar-plugin-resource-item .resource-item-info-row > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
+ .asconsole calendar-plugin-resource-item .resource-item-info-row {
  margin-top: 2px;
}

.asconsole gcal-resource-map-view .overlay {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  z-index: 201;
}
.asconsole gcal-resource-map-view .overlay-open {
  pointer-events: initial;
}
.asconsole gcal-resource-map-view reservation-workspace-floorplan {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  position: relative;
}
.asconsole gcal-resource-map-view reservation-workspace-floorplan .reservation-floorplan-viewer-container {
  height: 100%;
  padding: 0px 20px;
}
.asconsole gcal-resource-map-view reservation-workspace-floorplan .reservation-floorplan-viewer-container reservation-floorplan-viewer, .asconsole gcal-resource-map-view reservation-workspace-floorplan .reservation-floorplan-viewer-container .floorplan-editor-container {
  height: 100%;
  max-height: 1200px;
}

.asconsole calendar-plugin-resource-sidebar {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  position: relative;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  padding-bottom: 50px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container {
    margin-bottom: 50px;
  }
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .notreservable-bar {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #CB4848;
  background-color: white;
  padding: 7px;
  margin-bottom: 10px;
  color: #2d3851;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .notreservable-bar {
    flex: 1 0 auto;
  }
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .notreservable-bar .icon-info-full {
  color: #CB4848;
  margin-right: 7px;
  margin-top: 3px;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .notreservable-bar .header {
  font-weight: 700;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .processing-bar {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
  border-left: 4px solid #0A5BEB;
  background-color: white;
  padding: 7px;
  margin-bottom: 20px;
  color: #2d3851;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .processing-bar .icon-info-full {
  color: #0A5BEB;
  margin-right: 7px;
  margin-top: 3px;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .processing-bar .header {
  font-weight: 700;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .section-container:first-child {
  border-top: none;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .section-container {
  display: flex;
  flex-direction: column;
  border-top: 3px solid #eef4f9;
  padding: 20px 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .section-container {
    flex: 1 0 auto;
  }
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .section-container .section-title {
  color: #3c465d;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  line-height: 16px;
  font-weight: 900;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .section-container > .btn {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 10px;
}
.asconsole calendar-plugin-resource-sidebar .cal-plugin-sidebar-content .scrollable-container .section-container .btn-red {
  background-color: #CB4848;
}
.asconsole calendar-plugin-resource-sidebar .cta-container {
  flex: 1;
  display: flex;
}
.asconsole calendar-plugin-resource-sidebar .cta-container .no-content-container .icon-container img {
  width: 100%;
}
.asconsole calendar-plugin-resource-sidebar .cta-container .non-content-text .asui-btn {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 20px;
  width: 120px;
}

.asconsole calendar-plugin-search {
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
  min-height: 0;
  position: relative;
}
.asconsole calendar-plugin-search .resource-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 0;
  overflow-y: auto;
}
.asconsole calendar-plugin-search .resource-list ea-places-recent-workspaces-grid {
  margin: 0 16px;
}
.asconsole calendar-plugin-search .resource-list ea-places-building-panel {
  width: auto;
  margin: 0 16px 0 16px;
}
.asconsole calendar-plugin-search .resource-list ea-places-building-panel .bdg-panel-content .btn-panel .btn-view-map-mobile {
  bottom: 58px;
}
.asconsole calendar-plugin-search .resource-list reservation-building-typeahead {
  flex: unset;
  height: 40px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-search .resource-list reservation-building-typeahead {
    margin: 20px 16px 0 16px;
  }
}
.asconsole calendar-plugin-search .resource-list reservation-building-typeahead > .icon {
  top: 13px;
}
.asconsole calendar-plugin-search .resource-list reservation-building-typeahead asui-dropdown-typeahead input {
  height: 40px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole calendar-plugin-search .resource-list reservation-building-typeahead {
    flex: none;
  }
}
.asconsole calendar-plugin-search .resource-list .reservable-grid {
  padding: 20px 0 0 0;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-search .resource-list .reservable-grid {
    margin: 0 16px;
  }
}
.asconsole calendar-plugin-search .resource-list .recent-grid .h3 {
  margin-top: 33px;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-search .resource-list .recent-grid .h3 {
    margin-top: 24px;
  }
}
.asconsole calendar-plugin-search .resource-list .recent-grid .grid-container {
  margin-bottom: 0;
}
.asconsole calendar-plugin-search .resource-list calendar-plugin-resource-item + calendar-plugin-resource-item {
  margin-top: 14px;
}
.asconsole calendar-plugin-search .resource-list-recent {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole calendar-plugin-search .resource-list-recent asui-loading-mask {
  top: 85px;
}
.asconsole calendar-plugin-search .cta-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole calendar-plugin-search .cta-container .no-content-container {
  word-break: break-all;
  word-break: break-word;
  margin: 30px 0 0 0;
  padding: 5vh;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-search .cta-container .no-content-container {
    margin: 20px;
    padding: 4vh 0;
  }
}
.asconsole calendar-plugin-search .cta-container.no-location {
  background-color: white;
}
.asconsole calendar-plugin-search .resource-search-container {
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
}
.asconsole calendar-plugin-search .resource-search-container .asui-search {
  border-radius: 8px;
  padding: 0 16px;
}
.asconsole calendar-plugin-search .resource-search-container .asui-search .icon-search {
  font-size: 20px;
  color: #4f596e;
}
.asconsole calendar-plugin-search .resource-search-container .asui-search input[type=text] {
  height: 44px;
}
.asconsole calendar-plugin-search .resource-items-container {
  padding: 0 16px;
  margin-bottom: 16px;
}
.asconsole calendar-plugin-search .resource-items-container h3 {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 0 0 10px 0;
}
.asconsole calendar-plugin-search .resource-items-container .show-more-container {
  display: flex;
  justify-content: end;
  margin-top: 16px;
}
.asconsole calendar-plugin-search .resource-items-container .show-more-container .show-more {
  text-transform: lowercase;
  cursor: pointer;
}
.asconsole calendar-plugin-search .resource-items-container .show-more-container .show-more:first-letter {
  text-transform: uppercase;
}
.asconsole calendar-plugin-search .resource-items-container asui-spinner {
  margin: 10px 0;
}

.asconsole calendar-plugin-summary-resource {
  display: block;
}
.asconsole calendar-plugin-summary-resource .resource-container {
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  padding: 16px 0 16px 16px;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole calendar-plugin-summary-resource .resource-container-error {
  border-color: #CB4848;
}
.asconsole calendar-plugin-summary-resource .resource-actions {
  margin-left: auto;
}
.asconsole calendar-plugin-summary-resource .resource-actions .cm-button {
  padding: 16px;
}
.asconsole calendar-plugin-summary-resource .resource-actions .asui-context-menu-popover .popover-content .item-label .icon {
  margin-right: 10px;
}
.asconsole calendar-plugin-summary-resource .resource-icon {
  background: #002169;
  color: #fff;
  width: 40px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border-radius: 6px;
  overflow: hidden;
  flex: 0 0 auto;
}
.asconsole calendar-plugin-summary-resource .resource-icon .icon {
  font-size: 20px;
}
.asconsole calendar-plugin-summary-resource .resource-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.asconsole calendar-plugin-summary-resource .resource-info {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.asconsole calendar-plugin-summary-resource .resource-info-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}
.asconsole calendar-plugin-summary-resource .resource-info-status {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
}
.asconsole calendar-plugin-summary-resource .resource-info-status .icon {
  font-size: 8px;
  margin-right: 8px;
}

.asconsole calendar-plugin-user-profile {
  height: 100%;
  /**Push the popover to the center instead of the edge.**/
}
.asconsole calendar-plugin-user-profile .user-profile-container {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.asconsole calendar-plugin-user-profile .user-profile-container i {
  font-size: 9px;
  margin: 7px 0 0 2px;
}
.asconsole calendar-plugin-user-profile .user-profile-container asui-card-user .card-icon-xs .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid #DDE3EE;
}
.asconsole calendar-plugin-user-profile .user-profile-container asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole calendar-plugin-user-profile .popover.top-right {
  margin-left: 2px;
  margin-top: -10px;
}
.asconsole calendar-plugin-user-profile .popover {
  width: 260px;
  max-width: calc(100vw - 40px);
}
.asconsole calendar-plugin-user-profile .user-profile-popover {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 8px 6px;
  cursor: default;
}
@media all and (max-width: 667px) {
  .asconsole calendar-plugin-user-profile .user-profile-popover {
    max-height: 77vh;
  }
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-info {
  position: relative;
  min-height: 40px;
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-info .user-info-details-container {
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #2d3851;
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-info .user-info-name {
  color: #0b1835;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole calendar-plugin-user-profile .user-profile-popover .user-info .user-info-name break-word {
    word-break: break-all;
  }
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-info .user-info-role {
  text-transform: capitalize;
  word-break: break-all;
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-info .user-info-email {
  word-break: break-all;
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-buttons-container {
  display: flex;
  justify-content: center;
}
.asconsole calendar-plugin-user-profile .user-profile-popover .user-buttons-container .logout-btn {
  margin-top: 15px;
  width: 100%;
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole print {
  display: flex;
  flex: 1;
  flex-basis: auto;
  background-color: #fff;
}
.asconsole print ui-view {
  display: flex;
  flex: 1;
  height: 100%;
}

.asconsole as-visitors-print-badge {
  display: flex;
  margin: 30px;
}
@media print {
  .asconsole as-visitors-print-badge {
    margin: 0px;
  }
}
.asconsole as-visitors-print-badge .badge-container:not(:last-child) {
  page-break-after: always;
  break-after: page;
}
.asconsole as-visitors-print-badge .cta-container {
  flex: 1;
}

@media print {
  body {
    position: unset !important;
  }
  .badge-container {
    height: 100vh;
    display: flex;
    align-items: center;
  }
}
.asconsole print-visitor-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 226.6pt;
  max-width: 226.6pt;
  height: 132pt;
  max-height: 132pt;
  border-radius: 3pt;
  border: 1px solid #eef4f9;
  padding: 12pt;
  padding-right: 6pt;
}
@media print {
  .asconsole print-visitor-badge {
    border: none;
  }
}
.asconsole print-visitor-badge .visitor-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-right: 5pt;
}
.asconsole print-visitor-badge .visitor-photo img, .asconsole print-visitor-badge .visitor-photo .visitor-image {
  width: 60pt;
  height: 93pt;
  min-width: 60pt;
  min-height: 93pt;
  border-radius: 5pt;
}
.asconsole print-visitor-badge .visitor-photo img {
  object-fit: cover;
}
.asconsole print-visitor-badge .visitor-photo .visitor-image {
  background-size: cover;
  background-position: center;
}
.asconsole print-visitor-badge .desktop-details .name {
  color: #0b1835;
}
.asconsole print-visitor-badge .desktop-details .info {
  color: #3c465d;
}
.asconsole print-visitor-badge .desktop-details .info .icon {
  color: #4f596e;
}
.asconsole print-visitor-badge .kiosk-details * {
  color: black;
}
.asconsole print-visitor-badge .visitor-details {
  display: flex;
  flex-direction: column;
  margin-left: 5pt;
  min-width: 0;
}
.asconsole print-visitor-badge .visitor-details .name {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
  font-size: 12pt;
  line-height: 15pt;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole print-visitor-badge .visitor-details .info {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-size: 9.5pt;
  line-height: 12pt;
  margin-bottom: 2pt;
  display: flex;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole print-visitor-badge .visitor-details .info .icon {
  margin-right: 3pt;
  font-size: 9pt;
}
.asconsole print-visitor-badge .visitor-details .info img.kiosk-icon {
  width: 14px;
  height: 14px;
  display: inline;
}
.asconsole print-visitor-badge .visitor-details .info.type {
  margin-bottom: 5pt;
  margin-top: 3pt;
}
.asconsole .visitor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  width: 14.8vmin;
  height: 148px;
  height: 14.8vmin;
  border-radius: 50%;
  background-color: var(--nc-colors__neutral600, #68768D) !important;
  color: white !important;
  font-size: 70px;
  font-size: 7vmin;
}

.asconsole broadcast-card {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 6px;
  min-height: 65px;
  padding: 10px 0;
  position: relative;
}
.asconsole broadcast-card .bc-status-bar {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 4px;
  height: 100%;
  background-color: #8493AE;
  top: 0;
  left: 0;
  position: absolute;
}
.asconsole broadcast-card .green {
  background-color: #0C817B;
}
.asconsole broadcast-card .yellow {
  background-color: #EBBE36;
}
.asconsole broadcast-card .amber {
  background-color: #F1A867;
}
.asconsole broadcast-card .bc-col {
  display: flex;
  justify-content: center;
  min-width: 0;
  margin: 0 20px;
}
.asconsole broadcast-card .bc-col .desc {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole broadcast-card .bc-col .desc .icon {
  margin-right: 7px;
  color: #4f596e;
  font-size: 14px;
}
.asconsole broadcast-card .bc-thumbnail {
  margin-left: 20px;
  cursor: pointer;
  width: 94px;
  min-width: 94px;
  height: 53px;
}
.asconsole broadcast-card .bc-thumbnail broadcast-thumbnail {
  flex: 1;
}
.asconsole broadcast-card .bc-title {
  flex-direction: column;
  flex: 1;
  cursor: pointer;
}
.asconsole broadcast-card .bc-title .title {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcast-card .bc-title .title break-word {
    word-break: break-all;
  }
}
.asconsole broadcast-card .bc-target {
  align-items: center;
  min-width: 46px;
  justify-content: flex-start;
  cursor: pointer;
}
.asconsole broadcast-card .bc-status {
  align-items: center;
  justify-content: flex-start;
  min-width: 90px;
  cursor: default;
}
.asconsole broadcast-card .bc-status .icon {
  font-size: 12px;
  padding-right: 7px;
}
.asconsole broadcast-card .bc-status .icon-warning {
  color: #EBBE36;
}
.asconsole broadcast-card .bc-status .icon-circle {
  color: #6275A3;
}
.asconsole broadcast-card .bc-status .icon-circle.critical {
  color: #CB4848;
}
.asconsole broadcast-card .bc-actions .btn {
  min-width: 130px;
  width: fit-content;
  color: #002169;
}
.asconsole broadcast-card .bc-actions .btn-default {
  border-radius: 4px;
  padding: 5px 12px;
  border-color: #002169;
}
.asconsole broadcast-card .bc-context-menu {
  margin-right: 0;
}
.asconsole broadcast-card .bc-context-menu .icon-context {
  padding: 0 10px;
  color: #4f596e;
  font-size: 28px;
  cursor: pointer;
}
@media all and (max-width: 667px) {
  .asconsole broadcast-card .bc-context-menu .icon-context {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px;
  }
}

.asconsole edit-broadcast-history .filter-bar {
  display: flex;
  justify-content: space-between;
  margin: 0;
  min-width: 0;
}
.asconsole edit-broadcast-history .filter-bar .filter-left {
  display: flex;
  flex: 1;
}
.asconsole edit-broadcast-history .filter-bar .filter-left .date-range {
  position: relative;
  width: 260px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole edit-broadcast-history .filter-bar .filter-left .date-range {
    width: initial;
  }
}
.asconsole edit-broadcast-history .filter-bar .filter-left .date-range .asui-date-range-picker {
  width: initial;
  cursor: pointer;
}
.asconsole edit-broadcast-history .filter-bar .filter-left .date-range .asui-date-range-picker input {
  cursor: pointer;
  border-radius: 4px !important;
}
@media all and (max-width: 667px) {
  .asconsole edit-broadcast-history .filter-bar .filter-left .date-range .asui-date-range-picker input {
    width: 120px;
  }
}
.asconsole edit-broadcast-history .filter-bar .filter-left .date-range .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole edit-broadcast-history .filter-bar .filter-left .date-range .icon-caret-down {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #4f596e;
  padding: 8px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole edit-broadcast-history .filter-bar .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
  white-space: nowrap;
}
.asconsole edit-broadcast-history .content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole edit-broadcast-history .content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .datetime-col {
  max-width: 150px;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .event-col {
  min-width: 50%;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .event-col > div {
  display: flex;
  flex-direction: row;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole edit-broadcast-history .content-section .list-container asui-table .event-col > div break-word {
    word-break: break-all;
  }
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .targets-col {
  max-width: 150px;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .targets-col > div {
  align-items: center;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .targets-col > div .target .icon {
  font-size: 14px;
  color: #4f596e;
  margin-right: 5px;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .targets-col > div .target .target-text {
  color: #2d3851;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .targets-col > div .target .bar {
  padding: 0 8px;
  color: #4f596e;
}
.asconsole edit-broadcast-history .content-section .list-container asui-table .targets-col > div .target:last-child .bar {
  display: none;
}
.asconsole edit-broadcast-history .content-section .broadcast-cta-container {
  display: flex;
  flex: 1;
  color: #2d3851;
}
.asconsole edit-broadcast-history .content-section .broadcast-cta-container .icon-container img {
  max-width: 500px;
  max-height: unset;
}
.asconsole edit-broadcast-history .content-section .broadcast-cta-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole edit-broadcast-history .content-section .broadcast-cta-container h3 {
  color: #0b1835;
  margin-top: 40px;
}
.asconsole edit-broadcast-history .content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}

.asconsole edit-broadcast-schedule .md-content {
  padding: 0 0 25px 0 !important;
}
.asconsole edit-broadcast-schedule .md-content asui-horizontal-navbar {
  border: 0;
  border-bottom: 1px solid #EDF2F7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 65px;
}
.asconsole edit-broadcast-schedule .md-content asui-horizontal-navbar .nav-pills > li {
  padding-top: 20px;
  padding-bottom: 10px;
  width: 50%;
  text-align: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  color: #8493AE;
}
.asconsole edit-broadcast-schedule .md-content .tab-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 25px 40px;
}
.asconsole edit-broadcast-schedule .form-input.inline {
  flex-direction: row !important;
}
.asconsole edit-broadcast-schedule .form-input.margin-t-8 {
  margin-top: 8px;
}
.asconsole edit-broadcast-schedule .type-radio {
  margin-top: 15px;
}
.asconsole edit-broadcast-schedule .time-picker {
  width: 129px;
  margin-left: 15px;
}
.asconsole edit-broadcast-schedule .asui-date-picker {
  height: 40px;
}
.asconsole edit-broadcast-schedule .asui-date-picker .datepicker-input {
  line-height: 2;
  width: -webkit-fill-available;
}
.asconsole edit-broadcast-schedule .asui-date-picker .datepicker-input:focus {
  border: 0;
  outline: none;
}
.asconsole edit-broadcast-schedule .asui-date-picker .has-calendar-icon {
  padding-left: 38px;
}
.asconsole edit-broadcast-schedule .asui-date-picker:hover .date-clear {
  display: none;
}
.asconsole edit-broadcast-schedule .end-ddl {
  flex: 1;
}
.asconsole edit-broadcast-schedule .duration {
  width: 129px;
  margin-left: 15px;
}
.asconsole edit-broadcast-schedule .manual-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole edit-broadcast-schedule .manual-container img.no-schedule {
  width: 45%;
}
.asconsole edit-broadcast-schedule .toggle-container {
  display: flex;
  margin-bottom: 18px;
}
.asconsole edit-broadcast-schedule .toggle-container .toggle-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-schedule .toggle-container toggle {
  margin-right: 27px;
}
.asconsole edit-broadcast-schedule .toggle-container toggle .toggle.btn-sm {
  font-size: 12px;
  min-width: 70px !important;
}
.asconsole edit-broadcast-schedule .toggle-container toggle .toggle-on.btn-sm {
  padding-right: 12px;
}
.asconsole edit-broadcast-schedule .toggle-container toggle .toggle-off.btn-sm {
  padding-left: 12px;
}
.asconsole edit-broadcast-schedule .passcode-input {
  width: 360px;
  padding-top: 5px;
}
.asconsole edit-broadcast-schedule .link-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 8px;
  margin-bottom: 5px;
}
.asconsole edit-broadcast-schedule .link {
  display: flex;
}
.asconsole edit-broadcast-schedule .link .link-container {
  border: 1px solid #DDE3EE;
  padding: 4px 6px;
  display: flex;
  width: 100%;
  height: 32px;
  min-width: 0;
  border-radius: 2px;
}
.asconsole edit-broadcast-schedule .link .link-container .link-text {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole edit-broadcast-schedule .link .link-container .link-text break-word {
    word-break: break-all;
  }
}
.asconsole edit-broadcast-schedule .link asui-copy {
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #0a5beb;
  width: 60px;
  border-radius: 3px;
}
.asconsole edit-broadcast-schedule .link asui-copy .popover {
  color: #333F55;
}
.asconsole edit-broadcast-schedule .link asui-copy .asui-copy:hover {
  color: #fff;
}
.asconsole edit-broadcast-schedule .link:last-child {
  padding-bottom: 0;
}
.asconsole edit-broadcast-schedule .qrcode {
  margin-top: 16px;
  width: 150px;
  height: 150px;
}
.asconsole edit-broadcast-schedule .qrcode img {
  max-width: 100%;
  max-height: 100%;
}

.asconsole edit-broadcast-select-channel {
  display: flex;
  width: 100%;
  min-height: 210px;
  position: relative;
}
.asconsole edit-broadcast-select-channel .channel-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px dashed #DDE3EE;
  flex: 1;
}
.asconsole edit-broadcast-select-channel .channel-cta .channel-icon {
  cursor: pointer;
  margin-bottom: 5px;
}
.asconsole edit-broadcast-select-channel .channel-cta .paragraph {
  padding: 10px;
}
.asconsole edit-broadcast-select-channel .channel-cta .paragraph .link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole edit-broadcast-select-channel .preview {
  position: relative;
  width: 100%;
  height: 100%;
}
.asconsole edit-broadcast-select-channel .preview asui-card-channel {
  width: 100%;
  height: 100%;
}
.asconsole edit-broadcast-select-channel .preview asui-card-channel .asui-card {
  width: 100%;
  height: 100%;
}
.asconsole edit-broadcast-select-channel .preview asui-card-channel .asui-card .card-thumbnail {
  width: 100%;
  height: 100%;
}
.asconsole edit-broadcast-select-channel .preview .hover-cta {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 8px 15px;
}
.asconsole edit-broadcast-select-channel .preview .hover-cta .delete-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 4px;
  width: 29px;
  height: 31px;
}
.asconsole edit-broadcast-select-channel .preview .hover-cta .cta-text {
  text-align: center;
  cursor: pointer;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-select-channel .preview .hover-cta .channel-name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-select-channel .preview:hover .hover-cta {
  display: flex;
}

.asconsole edit-broadcast-summary .md-content {
  flex: initial !important;
  height: fit-content !important;
}
.asconsole edit-broadcast-summary .md-content .summary {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.asconsole edit-broadcast-summary .md-content .summary .header {
  text-transform: uppercase;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #3c465d;
  margin-bottom: 10px;
}
.asconsole edit-broadcast-summary .md-content .summary .total {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-summary .md-content .summary .schedule {
  display: flex;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-top: 10px;
}
.asconsole edit-broadcast-summary .md-content .summary .schedule .icon {
  font-size: 19px;
  color: #4f596e;
  margin-right: 13px;
}
.asconsole edit-broadcast-summary .md-content .summary .recurrence {
  margin-top: 3px;
}
.asconsole edit-broadcast-summary .md-content .summary + .summary {
  border-top: 1px solid #DDE3EE;
  padding-top: 15px;
  margin-top: 17px;
}
.asconsole edit-broadcast-summary .md-content img {
  width: 78px;
  margin: 0 20px;
}

.asconsole edit-broadcast-targets {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 1200px;
  max-width: 100%;
  min-height: 0;
}
.asconsole edit-broadcast-targets uib-accordion .accordion + .accordion {
  margin-top: 25px;
}
.asconsole edit-broadcast-targets uib-accordion .panel {
  border-radius: 10px;
  border: 1px solid #DDE3EE;
  box-shadow: none;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading {
  border-radius: 10px;
  padding: 20px 27px;
  background-color: #EDF2F7;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .icon-chevron-down, .asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .icon-chevron-right {
  color: #4f596e;
  font-size: 17px;
  padding: 11px;
  cursor: pointer;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .title-text {
  padding: 10px 35px;
  color: #002169;
  width: 40%;
  cursor: pointer;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .type-ddl {
  width: 50%;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .type-ddl .asui-dropdown {
  margin: 0;
  width: 315px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .type-ddl .asui-dropdown .dropdown-menu, .asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .type-ddl .asui-dropdown .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .type-ddl .asui-dropdown .dropdown-toggle {
  height: 40px;
  border-radius: 6px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-heading .acc-header .header-transclude .total {
  color: #2d3851;
  padding: 10px;
  cursor: pointer;
  min-width: 70px;
  text-align: right;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body {
  border-top: 0;
  padding: 35px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .acc-content .subheader {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 18px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row {
  display: flex;
  flex-direction: row;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-width: 215px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input {
  min-width: 0;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .desc {
  color: #3c465d;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .desc .link {
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input .radio-item {
  display: flex;
  align-items: center;
  flex: 1;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input .radio-item .radio-label {
  display: flex;
  align-items: center;
  margin: 0;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input .radio-item input[type=radio] {
  margin-right: 7px;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input .radio-item .radio-desc {
  margin-left: 5px;
  color: #2d3851;
  white-space: nowrap;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input .radio-item .icon-info {
  margin-left: 5px;
  color: #4f596e;
  cursor: pointer;
}
.asconsole edit-broadcast-targets uib-accordion .panel .panel-body .form-row .form-input .radio-input .radio-item + .radio-item {
  margin-left: 30px;
}
.asconsole edit-broadcast-targets uib-accordion .panel-open .panel-heading {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.asconsole edit-broadcast-targets .broadcast-targets-table {
  display: flex;
  flex-direction: column;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-targets .broadcast-targets-table asui-loading-mask .loading-mask-container {
  background-color: white;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-hr {
  color: #DDE3EE;
  margin: 30px 0 0 0;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container .input-label {
  margin-bottom: 15px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container .target-label-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container .asui-tags-input {
  min-height: 0;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container .asui-tags-input .tags .input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  width: 336px !important;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container .find-link {
  cursor: pointer;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .target-input-container.column {
  flex-direction: row;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .asui-search .icon-search {
  display: initial !important;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .asui-search input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  font-size: 16px !important;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container {
  min-height: unset;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container {
  margin: 0 !important;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table {
  border: 0 !important;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table td {
  padding: 14px 8px;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table tbody tr:first-child td {
  border-top: 0 !important;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table .device-name, .asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table .user-name {
  color: #0A5BEB;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table .clear-td {
  width: 40px;
}
.asconsole edit-broadcast-targets .broadcast-targets-table searchable-table .table-container .asui-table-container .asui-table .clear-td .icon-clear {
  padding: 8px;
  cursor: pointer;
  color: #4f596e;
}
.asconsole edit-broadcast-targets .broadcast-targets-table .hide-clear .icon-clear {
  display: none;
}

.asconsole broadcast-targets-devices {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 1200px;
  max-width: 100%;
}
.asconsole broadcast-targets-devices .device-accordion.read-only {
  pointer-events: none;
}
.asconsole broadcast-targets-devices .device-accordion.read-only .icon-chevron-right {
  visibility: hidden;
}
.asconsole broadcast-targets-devices .target-input-container.custom {
  margin: 0;
}
.asconsole broadcast-targets-devices .target-input-container.custom device-custom-rules .left-container {
  padding: 20px 30px 0 0;
}
.asconsole broadcast-targets-devices device-tags-input asui-card-device .card-icon-xs {
  display: flex;
}
.asconsole broadcast-targets-devices device-custom-rules .right-container .scroll-container {
  position: initial;
  top: initial;
  left: initial;
  overflow: initial;
}
.asconsole broadcast-targets-devices searchable-table .asui-table .circle-icon .icon-network {
  font-size: 18px !important;
}

.asconsole broadcast-targets-enterprise-messaging {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 1200px;
  max-width: 100%;
}

.asconsole broadcast-targets-popover {
  cursor: pointer;
  min-width: 0;
}
.asconsole broadcast-targets-popover .bc-targets-popover-el {
  display: flex;
}
.asconsole broadcast-targets-popover .bc-targets-popover-el .target {
  align-items: center;
  display: flex;
}
.asconsole broadcast-targets-popover .bc-targets-popover-el .target .icon {
  font-size: 15px;
  color: #4f596e;
}
.asconsole broadcast-targets-popover .bc-targets-popover-el .target .bar {
  padding: 0 6px;
  color: #858b9a;
}
.asconsole broadcast-targets-popover .bc-targets-popover-el .target:last-child .bar {
  display: none;
}
.asconsole .popover.bc-targets-popover {
  color: #333F55;
  max-width: 50vw;
  max-height: 40vh;
  overflow-y: auto;
}
.asconsole .popover.bc-targets-popover .popover-content {
  max-height: unset !important;
  min-width: 231px;
  min-height: 72px;
  padding: 12px 14px;
}
.asconsole .popover.bc-targets-popover .popover-content .loading-mask {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.asconsole .popover.bc-targets-popover .popover-content .summary {
  display: flex;
  flex-direction: column;
}
.asconsole .popover.bc-targets-popover .popover-content .summary img {
  width: 18px;
  margin: 0 12px 0 2px;
}
.asconsole .popover.bc-targets-popover .popover-content .summary .header {
  text-transform: uppercase;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  color: #3c465d;
  margin-bottom: 12px;
}
.asconsole .popover.bc-targets-popover .popover-content .summary .info {
  display: flex;
}
.asconsole .popover.bc-targets-popover .popover-content .summary .info .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole .popover.bc-targets-popover .popover-content .summary .info + .info {
  margin-top: 12px;
}
.asconsole .popover.bc-targets-popover .popover-content .summary + .summary {
  border-top: 1px solid #DDE3EE;
  padding-top: 15px;
  margin-top: 15px;
}

.asconsole broadcast-targets-users {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 1200px;
  max-width: 100%;
}
.asconsole broadcast-targets-users .user-accordion.read-only {
  pointer-events: none;
}
.asconsole broadcast-targets-users .user-accordion.read-only .icon-chevron-right {
  visibility: hidden;
}
.asconsole broadcast-targets-users .target-input-container.custom {
  margin: 0;
}
.asconsole broadcast-targets-users .target-input-container.custom user-custom-rules .left-container {
  padding: 20px 30px 0 0;
}
.asconsole broadcast-targets-users .form-label {
  min-width: 205px;
}
.asconsole broadcast-targets-users .toggle-container {
  display: flex;
}
.asconsole broadcast-targets-users .toggle-container .toggle-desc {
  min-width: 0;
}
.asconsole broadcast-targets-users .toggle-container .toggle-desc .toggle-title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 2px;
}
.asconsole broadcast-targets-users .toggle-container .toggle-desc .toggle-biline {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole broadcast-targets-users .toggle-container .toggle-desc .toggle-biline .link {
  color: #0A5BEB;
  cursor: pointer;
}
@media all and (max-width: 1080px) {
  .asconsole broadcast-targets-users .toggle-container .toggle-desc .radio-input {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .asconsole broadcast-targets-users .toggle-container .toggle-desc .radio-input .radio-item + .radio-item {
    margin-left: 0 !important;
    margin-top: 10px;
  }
}
.asconsole broadcast-targets-users .toggle-container toggle {
  margin-right: 27px;
}
.asconsole broadcast-targets-users .toggle-container toggle .toggle.btn-sm {
  font-size: 12px;
  min-width: 70px !important;
}
.asconsole broadcast-targets-users .toggle-container toggle .toggle-on.btn-sm {
  padding-right: 12px;
}
.asconsole broadcast-targets-users .toggle-container toggle .toggle-off.btn-sm {
  padding-left: 12px;
}
.asconsole broadcast-targets-users .toggle-container + .toggle-container {
  margin-top: 30px;
}
.asconsole broadcast-targets-users user-custom-rules .right-container .scroll-container {
  position: initial;
  top: initial;
  left: initial;
  overflow: initial;
}

.asconsole broadcast-thumbnail {
  display: flex;
  height: 100%;
}
.asconsole broadcast-thumbnail .broadcast-thumbnail {
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: var(--ds-brand-radii__pageComponent, 5px);
  position: relative;
}
.asconsole broadcast-thumbnail .broadcast-thumbnail asui-card-channel, .asconsole broadcast-thumbnail .broadcast-thumbnail asui-card-content {
  width: 100%;
  height: 100%;
}
.asconsole broadcast-thumbnail .broadcast-thumbnail asui-card-channel .card-icon-only, .asconsole broadcast-thumbnail .broadcast-thumbnail asui-card-content .card-icon-only {
  border: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--ds-brand-radii__pageComponent, 5px);
}
.asconsole broadcast-thumbnail .broadcast-thumbnail asui-card-channel .card-icon-only .card-icon-xs, .asconsole broadcast-thumbnail .broadcast-thumbnail asui-card-content .card-icon-only .card-icon-xs {
  width: 100%;
  height: 100%;
  min-width: initial;
  min-height: initial;
}

.asconsole broadcasts {
  display: flex;
  flex: 1;
}

.asconsole broadcasts-connectors-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole broadcasts-connectors-filter-bar .add-btn {
  margin-right: 10px;
}
.asconsole broadcasts-connectors-filter-bar .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole broadcasts-connectors-filter-bar .add-btn img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.asconsole broadcasts-connectors-filter-bar network-picker-dropdown {
  width: initial;
}
.asconsole broadcasts-connectors-filter-bar network-picker-dropdown .nwk-input {
  border: 0;
}

.asconsole broadcasts-connectors-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 750px;
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole broadcasts-connectors-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole broadcasts-connectors-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole broadcasts-connectors-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole broadcasts-connectors-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole broadcasts-connectors-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole broadcasts-connectors-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 25px;
}
.asconsole broadcasts-connectors-modal .modal-body asui-horizontal-navbar {
  border: none;
  margin-top: -15px;
  margin-bottom: 0;
}
.asconsole broadcasts-connectors-modal .modal-body asui-horizontal-navbar li {
  padding: 5px 30px;
}
.asconsole broadcasts-connectors-modal .modal-body .nav-line {
  background-color: #DDE3EE;
  width: calc(100% + 50px);
  margin-left: -25px;
  height: 1px;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-connectors-modal .modal-body {
    padding: 20px;
  }
}
.asconsole broadcasts-connectors-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-broadcasts-connectors {
  width: 680px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-broadcasts-connectors {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-broadcasts-connectors .modal-content {
  border-radius: 8px;
}

.asconsole broadcasts-connectors-modal-general {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
}
.asconsole broadcasts-connectors-modal-general .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole broadcasts-connectors-modal-general .edit-row .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
}
.asconsole broadcasts-connectors-modal-general .edit-row input {
  height: 44px;
}
.asconsole broadcasts-connectors-modal-general .edit-row .read-only {
  height: 44px;
  padding: 11px 12px;
  border-radius: 4px;
  border: 1px solid #DDE3EE;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-connectors-modal-general .edit-row .read-only break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-connectors-modal-general .edit-row .read-only.placeholder {
  color: #8493AE;
}
.asconsole broadcasts-connectors-modal-general .edit-row .asui-dropdown .bootstrap-select .btn {
  height: 40px;
}
.asconsole broadcasts-connectors-modal-general .edit-row .passkey-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.asconsole broadcasts-connectors-modal-general .edit-row .input-container {
  display: flex;
  flex-direction: row;
  position: relative;
}
.asconsole broadcasts-connectors-modal-general .edit-row .input-container .read-only {
  width: 100%;
}
.asconsole broadcasts-connectors-modal-general .edit-row .input-container .asui-copy {
  position: absolute;
  top: 3px;
  right: 2px;
  padding: 10px;
  background-color: white;
  font-size: 16px;
  color: #333F55;
  cursor: pointer;
}
.asconsole broadcasts-connectors-modal-general .edit-row .input-container .passkey-copy .asui-copy {
  right: 60px;
}
.asconsole broadcasts-connectors-modal-general .edit-row .input-container .refresh-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 40px;
  margin-top: 2px;
  margin-left: 8px;
  border: 0;
  background-color: #EDF2F7;
  border-radius: 8px;
}

.asconsole broadcasts-connectors-modal-targets {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  width: 100%;
}
.asconsole broadcasts-connectors-modal-targets .header {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole broadcasts-connectors-modal-targets .header .item-count {
  color: #2d3851;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole broadcasts-connectors-modal-targets .target-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.asconsole broadcasts-connectors-modal-targets .target-content asui-table {
  width: 100%;
}
.asconsole broadcasts-connectors-modal-targets .target-content .validation-error {
  margin-top: -6px;
}
.asconsole broadcasts-connectors-modal-targets .disabled-target {
  background-color: #f7f8fb;
  color: #8493AE;
}
.asconsole broadcasts-connectors-modal-targets .no-address-label {
  color: #68768D;
}
.asconsole broadcasts-connectors-modal-targets .targets-cell {
  display: flex;
  align-items: center;
}
.asconsole broadcasts-connectors-modal-targets .targets-cell .target-count {
  display: flex;
  align-items: center;
}
.asconsole broadcasts-connectors-modal-targets .targets-cell i {
  margin-right: 6px;
}
.asconsole broadcasts-connectors-modal-targets .targets-cell .spacer {
  margin: 0 6px;
}

.asconsole broadcasts-settings-connectors {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-connectors broadcasts-connectors-filter-bar {
    margin-top: 15px;
  }
}
.asconsole broadcasts-settings-connectors .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 13px 0;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-connectors .filter-container {
    padding-top: 0;
  }
}
.asconsole broadcasts-settings-connectors .filter-container .filter-left {
  display: flex;
  align-items: center;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-connectors .filter-container .filter-left {
    display: none;
  }
}
.asconsole broadcasts-settings-connectors .filter-container .filter-left h3 {
  margin: 0 10px 0 0;
}
.asconsole broadcasts-settings-connectors .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole broadcasts-settings-connectors .filter-container .filter-right .total-items {
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.asconsole broadcasts-settings-connectors .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-connectors .filter-container .filter-right .icon-filter {
    padding-right: 2px;
  }
}
.asconsole broadcasts-settings-connectors .asui-command-bar {
  margin-top: -3px;
  margin-bottom: 0;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole broadcasts-settings-connectors .asui-command-bar .content {
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.asconsole broadcasts-settings-connectors .asui-command-bar .close-btn {
  color: #4f596e;
  font-size: 16px;
  padding: 13px 12px;
}
.asconsole broadcasts-settings-connectors .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole broadcasts-settings-connectors .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 25px;
}
.asconsole broadcasts-settings-connectors .asui-command-bar ng-transclude.content .filters {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole broadcasts-settings-connectors .asui-command-bar ng-transclude.content .filters .cm-button {
  white-space: nowrap;
}
.asconsole broadcasts-settings-connectors .asui-command-bar ng-transclude.content .filters .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole broadcasts-settings-connectors .permissions-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container {
  margin: 0;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .uppercase {
  text-transform: uppercase;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .truncate {
  max-width: 30vw;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .truncate break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td {
  max-width: 25vw;
}
@media all and (max-width: 992px) {
  .asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td {
    max-width: 20vw;
  }
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td .template-name {
  display: flex;
  align-items: center;
  position: relative;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td .template-name .name-container {
  min-width: 0;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td .template-name .name-container .connector-name {
  flex: 1;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td .template-name .name-container .connector-name break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td .template-name .name-container .desc {
  cursor: pointer;
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-settings-connectors .permissions-table-container .asui-table-container .asui-table .name-td .template-name .name-container .desc break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
  margin-bottom: 15px;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .add-btn {
  width: 76px;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .add-btn .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole broadcasts-settings-connectors .permissions-table-container .no-content-container .add-btn img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.asconsole broadcasts-settings-connectors .permissions-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole broadcasts-settings-connectors .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole broadcasts-settings-connectors .clear-filters a {
  cursor: pointer;
}

.asconsole broadcasts-connectors-targets-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: calc(var(--vh, 1vh) * 100);
  max-height: calc(var(--vh, 1vh) * 100);
}
.asconsole broadcasts-connectors-targets-modal .modal-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 60px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.asconsole broadcasts-connectors-targets-modal .modal-header .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 20px 25px;
  cursor: pointer;
}
.asconsole broadcasts-connectors-targets-modal .modal-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole broadcasts-connectors-targets-modal .modal-header .title {
  flex: 1;
}
.asconsole broadcasts-connectors-targets-modal .modal-header .btn {
  margin-left: 12px;
}
.asconsole broadcasts-connectors-targets-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole broadcasts-connectors-targets-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 25px;
}
.asconsole broadcasts-connectors-targets-modal .modal-body .nav-line {
  background-color: #DDE3EE;
  width: calc(100% + 50px);
  margin-left: -25px;
  height: 1px;
  margin-bottom: 20px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-connectors-targets-modal .modal-body {
    padding: 20px;
  }
}
.asconsole broadcasts-connectors-targets-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-broadcasts-connectors {
  width: 680px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-broadcasts-connectors {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-broadcasts-connectors .modal-content {
  border-radius: 8px;
}

.asconsole broadcasts-directory {
  display: flex;
  flex: 1;
}
.asconsole broadcasts-directory .as-layout-sidebar .add-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  line-height: 1;
}
.asconsole broadcasts-directory .as-layout-sidebar .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole broadcasts-directory .as-layout-sidebar .content-container {
  padding-right: 0;
  padding-bottom: 0;
}
.asconsole broadcasts-directory .as-layout-sidebar .content-container .subheader-container, .asconsole broadcasts-directory .as-layout-sidebar .content-container .container-scroll {
  padding-right: 20px;
}
.asconsole broadcasts-directory .as-layout-sidebar > ui-view {
  display: flex;
  flex: 1;
}

.asconsole broadcasts-settings-general {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px 30px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-general {
    padding: 5px 20px;
  }
}
.asconsole broadcasts-settings-general .setting-panel {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  flex: 1;
}
.asconsole broadcasts-settings-general .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-general .setting-panel .setting-row {
    flex-direction: column;
  }
}
.asconsole broadcasts-settings-general .setting-panel .setting-row .property-label {
  min-width: 200px;
  color: #2d3851;
  display: flex;
  margin-top: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-general .setting-panel .setting-row .property-label {
    padding-bottom: 5px;
  }
}
.asconsole broadcasts-settings-general .setting-panel .setting-row .property-value {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole broadcasts-settings-general .setting-panel .setting-row .property-value .asui-dropdown {
  width: 100%;
  max-width: 500px;
}

.asconsole broadcasts-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole broadcasts-list .subheader-container .h3 {
  text-transform: capitalize;
}
.asconsole broadcasts-list .subheader-container .subheader-right {
  margin-left: 15px;
}
.asconsole broadcasts-list .container-scroll {
  position: relative;
  flex-direction: column;
}
.asconsole broadcasts-list .container-scroll .filter-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  min-width: 0;
  min-height: 46px;
  z-index: 5;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left {
  display: flex;
  flex: 1;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left .desc {
  padding-right: 20px;
  flex: 1;
  width: 100px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-list .container-scroll .filter-bar .filter-left .desc break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range {
  position: relative;
  width: 240px;
  background-color: white;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range {
    width: initial;
  }
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range .asui-date-range-picker {
  width: initial;
  cursor: pointer;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range .asui-date-range-picker input {
  cursor: pointer;
  border-radius: 4px !important;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range .asui-date-range-picker input {
    width: 120px;
  }
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range .asui-date-range-picker .date-clear {
  display: none;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-left .date-range .icon-caret-down {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #4f596e;
  padding: 8px;
  cursor: pointer;
  pointer-events: none;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
  white-space: nowrap;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .icon-sort-asc, .asconsole broadcasts-list .container-scroll .filter-bar .filter-right .icon-sort-desc {
  padding: 0 5px;
  cursor: pointer;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude {
  display: flex;
  align-items: center;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude > span {
  display: flex;
  align-items: center;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude > span .icon {
  padding-right: 10px;
  color: #4f596e;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .asui-context-menu .cm-button ng-transclude .fa-caret-down {
  color: #4f596e;
  padding-left: 11px;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .divider {
  margin: 0 5px 0 8px;
}
.asconsole broadcasts-list .container-scroll .filter-bar .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 11px;
}
.asconsole broadcasts-list .container-scroll .asui-command-bar {
  margin-top: 0;
  min-height: 38px;
}
.asconsole broadcasts-list .container-scroll .asui-command-bar .content {
  padding: 0;
}
.asconsole broadcasts-list .container-scroll .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole broadcasts-list .container-scroll .asui-command-bar ng-transclude.content {
  display: flex;
  padding: 8px 0 8px 15px;
}
.asconsole broadcasts-list .container-scroll .asui-command-bar ng-transclude.content .cm-button {
  white-space: nowrap;
}
.asconsole broadcasts-list .container-scroll .asui-command-bar ng-transclude.content .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole broadcasts-list .container-scroll .content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .item-readonly broadcast-card .bc-title {
  pointer-events: none;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container {
  margin: 0 0 20px 0;
  min-height: 50px;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item {
  flex: 0 0 100% !important;
  padding: 0 0 10px 0;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item .date-section-header {
  margin-bottom: 0;
  margin-top: 3px;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item .date-section-header:first {
  margin-top: 13px;
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item reservation-card-event {
  display: flex;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item reservation-card-event {
    display: none;
  }
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item reservation-card-event-mobile {
  display: none;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item reservation-card-event-mobile {
    display: flex;
  }
}
.asconsole broadcasts-list .container-scroll .content-section .list-container .grid-container .grid-item:last-child {
  padding: 0;
}
.asconsole broadcasts-list .container-scroll .content-section .clear-filters {
  padding: 0 0 10px 0;
  text-align: center;
}
.asconsole broadcasts-list .container-scroll .content-section .clear-filters a {
  cursor: pointer;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container {
  display: flex;
  flex: 1;
  color: #2d3851;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container .icon-container img {
  max-width: 500px;
  max-height: unset;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container h3 {
  color: #0b1835;
  margin-top: 40px;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container .asui-btn {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole broadcasts-list .container-scroll .content-section .broadcast-cta-container .asui-btn .btn-icon {
  font-size: 12px;
}
.asconsole broadcasts-list .container-scroll .content-section asui-loading-mask .loading-mask-container {
  opacity: 0.5;
}
.asconsole broadcasts-list asui-loading-mask .loading-mask-container {
  background-color: #F8F9FC;
}

.asconsole broadcasts-overview {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole broadcasts-overview .container-scroll {
  top: 30px !important;
  position: relative;
  flex-direction: column;
  padding-top: 20px;
}

.asconsole broadcasts-permissions-batch-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole broadcasts-permissions-filter-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.asconsole broadcasts-permissions-filter-bar .add-btn {
  width: fit-content;
  min-width: 76px;
  margin-right: 10px;
}
.asconsole broadcasts-permissions-filter-bar .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole broadcasts-permissions-filter-bar network-picker-dropdown {
  width: initial;
}
.asconsole broadcasts-permissions-filter-bar network-picker-dropdown .nwk-input {
  border: 0;
}

.asconsole broadcasts-permissions-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(var(--vh, 1vh) * 100);
  min-height: 500px;
}
.asconsole broadcasts-permissions-modal .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole broadcasts-permissions-modal .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole broadcasts-permissions-modal .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole broadcasts-permissions-modal .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole broadcasts-permissions-modal .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole broadcasts-permissions-modal .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-permissions-modal .modal-body {
    padding: 20px;
  }
}
.asconsole broadcasts-permissions-modal .modal-body .edit-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.asconsole broadcasts-permissions-modal .modal-body .edit-row .key {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
}
.asconsole broadcasts-permissions-modal .modal-body .edit-row asui-tags-input {
  margin-bottom: 0;
}
.asconsole broadcasts-permissions-modal .modal-body .edit-row asui-tags-input .asui-tags-input {
  min-height: 74px;
}
.asconsole broadcasts-permissions-modal .modal-body .edit-row .asui-checkbox input[type=checkbox] {
  margin-right: 13px;
}
.asconsole broadcasts-permissions-modal .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole .modal-broadcasts-permissions {
  width: 500px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-broadcasts-permissions {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-broadcasts-permissions .modal-content {
  border-radius: 8px;
}

.asconsole broadcasts-settings-permissions {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-permissions broadcasts-permissions-filter-bar {
    margin-top: 15px;
  }
}
.asconsole broadcasts-settings-permissions .filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 13px 0;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-permissions .filter-container {
    padding-top: 0;
  }
}
.asconsole broadcasts-settings-permissions .filter-container .filter-left {
  display: flex;
  align-items: center;
  padding-left: 25px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-permissions .filter-container .filter-left {
    display: none;
  }
}
.asconsole broadcasts-settings-permissions .filter-container .filter-left h3 {
  margin: 0 10px 0 0;
}
.asconsole broadcasts-settings-permissions .filter-container .filter-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  color: #475369;
}
.asconsole broadcasts-settings-permissions .filter-container .filter-right .total-items {
  white-space: nowrap;
  min-width: 60px;
  text-align: center;
}
.asconsole broadcasts-settings-permissions .filter-container .filter-right .icon-filter {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-permissions .filter-container .filter-right .icon-filter {
    padding-right: 2px;
  }
}
.asconsole broadcasts-settings-permissions .asui-command-bar {
  margin-top: -3px;
  margin-bottom: 0;
  border-left: 0;
  border-radius: 5px 5px 0 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole broadcasts-settings-permissions .asui-command-bar .content {
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.asconsole broadcasts-settings-permissions .asui-command-bar .close-btn {
  color: #4f596e;
  font-size: 16px;
  padding: 13px 12px;
}
.asconsole broadcasts-settings-permissions .asui-command-bar .up-arrow_box {
  left: unset !important;
  right: 7px;
}
.asconsole broadcasts-settings-permissions .asui-command-bar ng-transclude.content {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px 25px;
}
.asconsole broadcasts-settings-permissions .asui-command-bar ng-transclude.content .filters {
  display: flex;
  width: 100%;
  padding-right: 30px;
  align-items: center;
}
.asconsole broadcasts-settings-permissions .asui-command-bar ng-transclude.content .filters .cm-button {
  white-space: nowrap;
}
.asconsole broadcasts-settings-permissions .asui-command-bar ng-transclude.content .filters .cm-button .fa-caret-down {
  padding-left: 5px;
  padding-top: 0;
  color: #6275A3;
}
.asconsole broadcasts-settings-permissions .permissions-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  padding-bottom: 20px;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container {
  margin: 0;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
@media all and (max-width: 667px) {
  .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td {
  max-width: 30vw;
}
@media all and (max-width: 992px) {
  .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td {
    max-width: 20vw;
  }
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info {
  display: flex;
  align-items: center;
  position: relative;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user, .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group {
  cursor: pointer;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user .card-thumbnail-image-circle, .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user .card-thumbnail-image-circle span, .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info asui-card-user-group .card-thumbnail-image-circle span {
  font-size: 14px !important;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info .name-container {
  min-width: 0;
  padding-left: 8px;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info .name-container .user-name {
  flex: 1;
  cursor: pointer;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info .name-container .user-name break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info .name-container .email {
  cursor: pointer;
  color: #2d3851;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-settings-permissions .permissions-table-container .asui-table-container .asui-table .name-td .user-info .name-container .email break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container .non-content-text {
  z-index: 2;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container .add-btn {
  width: 76px;
  margin-right: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole broadcasts-settings-permissions .permissions-table-container .no-content-container .add-btn .icon-plus {
  font-size: 12px;
}
.asconsole broadcasts-settings-permissions .permissions-table-container asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}
.asconsole broadcasts-settings-permissions .clear-filters {
  padding: 5px 0 10px 0;
  text-align: center;
}
.asconsole broadcasts-settings-permissions .clear-filters a {
  cursor: pointer;
}

.asconsole broadcasts-search-autocomplete {
  width: 100%;
  min-width: 320px;
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item {
  min-width: 0;
  overflow: hidden;
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item .item-name break-word {
    word-break: break-all;
  }
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item .item-thumbnail {
  width: 44px;
  min-width: 44px;
  height: 25px;
  border-radius: 2px;
  position: relative;
  margin-right: 7px;
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item .item-thumbnail .broadcast-thumbnail {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item .item-thumbnail .broadcast-thumbnail .card-icon-only {
  border-radius: 2px;
}
.asconsole broadcasts-search-autocomplete asui-search-autocomplete .search-item .item-thumbnail .broadcast-thumbnail .card-icon-only .card-icon-xs {
  font-size: 14px;
}

.asconsole broadcasts-settings {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  align-items: stretch;
}
.asconsole broadcasts-settings asui-breadcrumbs {
  border-bottom: 1px solid #DDE3EE;
}
.asconsole broadcasts-settings .asui-view-overlay-initializing {
  background-color: #F8F9FC !important;
}
.asconsole broadcasts-settings .content-container {
  display: flex;
  flex: 1;
  align-items: stretch;
}
.asconsole broadcasts-settings .container-scroll {
  padding: 12px 0;
  overflow-y: auto;
  display: flex;
  flex: 1;
}

.asconsole edit-broadcast {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
}
.asconsole edit-broadcast .edit-broadcast-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
  height: 60px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.asconsole edit-broadcast .edit-broadcast-header .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 20px 25px;
  cursor: pointer;
  width: 15%;
}
.asconsole edit-broadcast .edit-broadcast-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole edit-broadcast .edit-broadcast-header .steps-navbar {
  display: flex;
  justify-content: center;
  width: 70%;
}
.asconsole edit-broadcast .edit-broadcast-header .action-buttons {
  margin-right: 25px;
  margin-left: 45px;
  justify-content: flex-end;
  display: flex;
  width: 15%;
}
.asconsole edit-broadcast .edit-broadcast-header .action-buttons button {
  min-width: 85px;
}
.asconsole edit-broadcast .edit-broadcast-header .action-buttons button + button {
  margin-left: 10px;
}
.asconsole edit-broadcast .edit-broadcast-header.edit .icon-arrow-back {
  width: fit-content;
}
.asconsole edit-broadcast .edit-broadcast-header.edit .header-title {
  flex: 1;
  color: black;
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole edit-broadcast .edit-broadcast-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  width: 100%;
}
.asconsole edit-broadcast .edit-broadcast-content .main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-height: 0;
  width: 100%;
  min-width: 0;
  background-color: #f7f8fb;
  padding: 25px;
  overflow: auto;
}
.asconsole edit-broadcast .edit-broadcast-content .main h3 {
  margin-bottom: 5px;
  margin-top: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main .biline {
  margin-bottom: 20px;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 750px;
  min-height: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #EDF2F7;
  background-color: white;
  padding: 25px 40px;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row {
  display: flex;
  flex-direction: row;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  width: 190px;
  margin-right: 20px;
  margin-top: 10px;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 20px;
  min-width: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input > input {
  height: 40px;
  border-radius: 6px;
  margin: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input .asui-dropdown {
  margin: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input .asui-dropdown .dropdown-toggle {
  height: 40px;
  border-radius: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input .asui-dropdown i {
  font-size: 18px;
  margin-right: 12px;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row .form-input textarea {
  border-radius: 6px;
  margin: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main .main-md .md-content .form-row:last-child .form-input {
  margin-bottom: 0;
}
.asconsole edit-broadcast .edit-broadcast-content .main.read-only {
  background-color: #f7f8fb;
}
.asconsole edit-broadcast .edit-broadcast-content .main.read-only edit-broadcast-edit, .asconsole edit-broadcast .edit-broadcast-content .main.read-only edit-broadcast-targets, .asconsole edit-broadcast .edit-broadcast-content .main.read-only edit-broadcast-schedule, .asconsole edit-broadcast .edit-broadcast-content .main.read-only edit-broadcast-summary {
  pointer-events: none;
}
.asconsole edit-broadcast .edit-broadcast-content .side-menu {
  display: flex;
  flex-direction: column;
  min-width: 64px;
  width: fit-content;
  height: 100%;
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.05);
  margin-left: auto;
}
.asconsole edit-broadcast .edit-broadcast-content .side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 70px;
  color: #6275A3;
}
.asconsole edit-broadcast .edit-broadcast-content .side-menu .menu-item .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole edit-broadcast .edit-broadcast-content .side-menu .menu-item .menu-label {
  font-size: 90%;
}
.asconsole edit-broadcast .edit-broadcast-content .side-menu .menu-item:hover, .asconsole edit-broadcast .edit-broadcast-content .side-menu .menu-item.active {
  color: #002169;
}
.asconsole edit-broadcast .edit-broadcast-content .side-menu .menu-item.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.asconsole edit-broadcast asui-loading-mask {
  opacity: 0.5;
}

.asconsole edit-broadcast-edit .form-row .priority-label {
  margin-top: 2px;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container {
  display: flex;
  flex-direction: row;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 68px;
  border-radius: 6px;
  border: 1px solid #EDF2F7;
  color: #858b9a;
  margin-right: 13px;
  cursor: pointer;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type .icon {
  font-size: 22px;
  margin-bottom: 3px;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type .active-icon {
  display: none;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type:last-child {
  margin-right: 0;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type.selected {
  color: #0A5BEB;
  border-color: #0A5BEB;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type.selected .active-icon {
  display: initial;
}
.asconsole edit-broadcast-edit .form-row .form-input .content-type-container .content-type.selected .inactive-icon {
  display: none;
}
.asconsole edit-broadcast-edit .form-row .form-input .file-upload-container {
  min-height: 210px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-top: 20px;
}
.asconsole edit-broadcast-edit .form-row .form-input .file-upload-container .upload-img {
  display: initial;
}
.asconsole edit-broadcast-edit .form-row .form-input .file-upload-container .upload-text {
  padding: 15px 112px;
}
.asconsole edit-broadcast-edit .form-row .form-input .file-upload-container .upload-overlay-ontop {
  flex: 1;
}
.asconsole edit-broadcast-edit .form-row .form-input edit-broadcast-select-channel {
  margin-top: 20px;
}
.asconsole edit-broadcast-edit .form-row .form-input asui-rich-text {
  max-height: 240px;
}
.asconsole edit-broadcast-edit .form-row .form-input .radio-input label {
  display: flex;
  align-items: center;
  margin: 0;
}
.asconsole edit-broadcast-edit .form-row .form-input .radio-input input {
  margin-right: 8px;
}
.asconsole edit-broadcast-edit .form-row .form-input .radio-input .radio-desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 7px;
  margin-left: 23px;
  color: #4f596e;
}
.asconsole edit-broadcast-edit .form-row .form-input .radio-input .critical {
  background-color: #CB4848;
  border-radius: 4px;
  color: white;
  padding: 0 6px;
}

.asconsole recurrence-pattern {
  display: flex;
  flex-direction: column;
}
.asconsole recurrence-pattern .rp-row {
  display: flex;
  flex-direction: row;
}
.asconsole recurrence-pattern .rp-row .rp-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  width: 190px;
  margin-right: 20px;
  margin-top: 9px;
}
.asconsole recurrence-pattern .rp-row .rp-input {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  margin-bottom: 20px;
  color: #2d3851;
}
.asconsole recurrence-pattern .rp-row .rp-input > input {
  height: 40px;
  border-radius: 6px;
  margin: 0;
}
.asconsole recurrence-pattern .rp-row .rp-input .asui-dropdown {
  margin: 0;
}
.asconsole recurrence-pattern .rp-row .rp-input .asui-dropdown .dropdown-toggle {
  height: 40px;
  border-radius: 6px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole recurrence-pattern .rp-row .rp-input .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole recurrence-pattern .rp-row .rp-input .asui-dropdown i {
  font-size: 18px;
  margin-right: 12px;
}
.asconsole recurrence-pattern .rp-row .rp-input asui-dropdown-typeahead input {
  height: 40px;
}
.asconsole recurrence-pattern .rp-row .rp-input .time-picker {
  width: 150px;
}
.asconsole recurrence-pattern .rp-row .rp-input .time-picker .datepicker-input {
  height: 40px;
  width: 100%;
}
.asconsole recurrence-pattern .rp-row .rp-input .col-2 {
  width: 50%;
}
.asconsole recurrence-pattern .rp-row .rp-input .col-2 + .col-2 {
  margin-left: 20px;
}
.asconsole recurrence-pattern .rp-row .rp-input.inline {
  flex-direction: row !important;
}
.asconsole recurrence-pattern .rp-row .recurrence-label {
  display: flex;
  align-items: center;
  margin: 0;
  height: 40px;
}
.asconsole recurrence-pattern .rp-row .recurrence-label input[type=checkbox] {
  margin-right: 13px;
}
.asconsole recurrence-pattern .rp-row .recurrence-label input[type=checkbox]:focus-visible {
  outline: none;
}
.asconsole recurrence-pattern .rp-row .recurrence-label input[type=checkbox]:focus-visible + .checkbox-description {
  outline: 2px solid #77B0EE;
  outline-offset: 1px;
}
.asconsole recurrence-pattern .rp-row .recurrence-label-edit {
  cursor: pointer;
  border: 1px solid #DDE3EE;
  padding: 6px 12px;
  border-radius: 4px;
  margin-top: 5px;
}
.asconsole recurrence-pattern .rp-row .recurrence-label-edit .icon-update {
  margin-right: 10px;
  color: #4f596e;
}
.asconsole recurrence-pattern .rp-row .day-of-month-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #68768D;
  margin-left: 8px;
}
.asconsole recurrence-pattern .recurrence-container .day-container {
  display: flex;
}
.asconsole recurrence-pattern .recurrence-container .day-container .day-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 1px solid #DDE3EE;
  border-radius: 6px;
  color: #2d3851;
  margin-right: 5px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
}
.asconsole recurrence-pattern .recurrence-container .day-container .day-btn:last-child {
  margin-right: 0;
}
.asconsole recurrence-pattern .recurrence-container .day-container .day-btn.selected {
  background-color: #0A5BEB !important;
  color: white;
}
.asconsole recurrence-pattern .recurrence-container .day-container .day-btn.disabled {
  background-color: #f7f8fb;
  pointer-events: none;
  cursor: not-allowed;
}
.asconsole recurrence-pattern .recurrence-container .ends-radio label {
  margin: 0 0 5px 0;
  height: 32px;
}
.asconsole recurrence-pattern .recurrence-container .ends-radio input[type=radio] {
  margin-right: 10px;
}
.asconsole recurrence-pattern .recurrence-container .ends-radio.occurrence-on .asui-radio > label:last-child {
  margin-top: 29px;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs {
  padding-top: 38px;
  position: relative;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs > input {
  margin: 0;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .occurrences {
  border-radius: 6px;
  width: 100%;
  padding-right: 88px;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .occurrences:disabled {
  background-color: #f7f8fb;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .occurrences-label {
  position: absolute;
  top: 41px;
  right: 10px;
  font-size: 14px;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .occurences-triggered {
  font-size: 14px;
  margin-left: 2px;
  margin-bottom: 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole recurrence-pattern .recurrence-container .ends-inputs .occurences-triggered break-word {
    word-break: break-all;
  }
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .enddate {
  margin-top: 5px;
  border-radius: 6px;
  height: 32px;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .enddate input {
  background-color: transparent;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .enddate .date-clear {
  display: none;
}
.asconsole recurrence-pattern .recurrence-container .ends-inputs .enddate.disabled {
  pointer-events: none;
  background-color: #f7f8fb;
  color: #475369;
}
.asconsole recurrence-pattern .next-run {
  display: flex;
  align-items: center;
  flex: 1;
  border-radius: 4px;
  padding: 8px 15px;
  background-color: #F5E0E0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole recurrence-pattern .next-run .icon-clock {
  margin-right: 10px;
}
.asconsole recurrence-pattern .next-run span {
  margin-right: 30px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}

.asconsole batch-pages-toolbar console-notification-pane pane-buttons {
  font-size: 16px;
}
.asconsole batch-pages-toolbar console-notification-pane pane-buttons .icon-eye-disabled {
  font-size: 20px;
}

.asconsole batch-topics-toolbar console-notification-pane pane-buttons {
  font-size: 85%;
}

.asconsole pages-filters-modal .lang-picker react-component {
  width: 100%;
}
.asconsole pages-filters-modal .lang-picker react-component > div > button {
  border: none !important;
  background: none !important;
  padding: 0 16px 6px 16px !important;
  min-height: 0 !important;
}
.asconsole pages-filters-modal .lang-picker.lang-picker-empty react-component > div > button * {
  color: #8493AE;
}

.asconsole pages-merge-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  color: #1E293B;
}
.asconsole pages-merge-modal .modal-header {
  display: flex;
  border: 0;
  padding: 12px;
}
.asconsole pages-merge-modal .modal-header .h8 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 20px 20px 0 20px;
  margin: 0;
}
.asconsole pages-merge-modal .modal-header .icon-cross {
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #68768D;
  padding: 6px;
  cursor: pointer;
  border-radius: var(--ds-brand-radii__button, 8px);
}
.asconsole pages-merge-modal .modal-header .icon-cross:hover {
  background-color: #DDE3EE;
}
.asconsole pages-merge-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 12px 32px;
  min-height: 0;
}
.asconsole pages-merge-modal .modal-body .description {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #68768D;
  margin-bottom: 24px;
}
.asconsole pages-merge-modal .modal-body .header {
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole pages-merge-modal .modal-body .asui-input {
  border-radius: var(--ds-brand-radii__button, 8px);
  padding: 8px 12px;
  border: 1px solid #DDE3EE;
  height: auto;
  font-size: 16px;
}
.asconsole pages-merge-modal .modal-body .page-merge-options-container {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 8px;
}
.asconsole pages-merge-modal .modal-body .page-merge-options-container .page-merge-option {
  display: flex;
  align-items: center;
  gap: 8px;
}
.asconsole pages-merge-modal .modal-body .page-merge-options-container .page-merge-option .page-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
  font-size: 18px;
}
.asconsole pages-merge-modal .modal-body .page-merge-options-container .page-merge-option .language-picker {
  flex: 1;
  width: 100%;
}
.asconsole pages-merge-modal .modal-body .page-merge-options-container .page-merge-option .language-picker .has-error button {
  border-color: #CB4848 !important;
}
.asconsole pages-merge-modal .modal-body .validation-error {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.asconsole pages-merge-modal .modal-footer {
  padding: 32px;
  display: flex;
  justify-content: flex-end;
  border-top: 0;
}
.asconsole pages-merge-modal .modal-footer .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: var(--ds-brand-radii__button, 8px);
  height: 40px;
  margin-left: 8px;
  font-weight: 500;
}

.asconsole page-authors-card {
  display: flex;
  cursor: pointer;
}
.asconsole page-authors-card .page-authors {
  display: flex;
  min-width: 100px;
  height: 32px;
  justify-content: flex-end;
  position: relative;
}
.asconsole page-authors-card .page-authors:focus-visible {
  outline: none;
}
.asconsole page-authors-card .page-authors:focus-visible > *:first-child {
  outline: 2px solid #77B0EE;
}
.asconsole page-authors-card .page-authors.sm {
  height: 24px;
  min-width: 80px;
}
.asconsole page-authors-card .page-authors.sm .card-icon-xs .card-thumbnail-image-circle {
  width: 24px !important;
  height: 24px !important;
}
.asconsole page-authors-card .page-authors.sm .card-icon-xs .card-thumbnail-image-circle span {
  font-size: 14px !important;
}
.asconsole page-authors-card .page-authors.sm asui-card-user:nth-child(2) {
  left: 20px;
}
.asconsole page-authors-card .page-authors.sm asui-card-user:nth-child(3) {
  left: 40px;
}
.asconsole page-authors-card .page-authors.sm .extra-authors {
  width: 24px;
  height: 24px;
  font-size: 11px;
}
.asconsole page-authors-card .page-authors asui-card-user {
  position: absolute;
  top: 0;
  left: 0;
}
.asconsole page-authors-card .page-authors asui-card-user .card-icon-xs .card-thumbnail-image-circle {
  width: 32px !important;
  height: 32px !important;
}
.asconsole page-authors-card .page-authors asui-card-user .card-icon-xs .card-thumbnail-image-circle span {
  font-size: 18px !important;
}
.asconsole page-authors-card .page-authors asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #fff;
}
.asconsole page-authors-card .page-authors asui-card-user:nth-child(2) {
  left: 24px;
}
.asconsole page-authors-card .page-authors asui-card-user:nth-child(3) {
  left: 48px;
}
.asconsole page-authors-card .page-authors .extra-authors {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  color: #1E293B;
  background-color: #EDF2F7;
  border: 1px solid #EDF2F7;
  border-radius: 999px;
  margin-left: 4px;
  z-index: 1;
}
.asconsole .popover.page-authors-popover {
  color: #333F55;
  max-width: 50vw;
  max-height: 40vh;
  overflow-y: auto;
}
@media all and (max-width: 300px) {
  .asconsole .popover.page-authors-popover {
    width: 100%;
    max-width: 80vw;
  }
}
.asconsole .popover.page-authors-popover .popover-content {
  max-height: unset !important;
}
.asconsole .popover.page-authors-popover .popover-content .user-row {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-bottom: 4px;
}
.asconsole .popover.page-authors-popover .popover-content .user-row .user-avatar {
  margin-right: 10px;
}
.asconsole .popover.page-authors-popover .popover-content .user-row asui-card-user .card-icon-xs .card-thumbnail-image-circle img {
  border: 1px solid #DDE3EE;
}
.asconsole .popover.page-authors-popover .popover-content .user-row .user-name {
  color: #475369;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole .popover.page-authors-popover .popover-content .user-row .user-name break-word {
    word-break: break-all;
  }
}

.asconsole page-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-autocomplete-dropdown {
  overflow-y: auto !important;
}
.asconsole page-search-autocomplete asui-search-autocomplete .asui-search {
  border-radius: 4px;
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item-row {
  padding: 8px 20px !important;
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item {
  min-width: 0;
  overflow: hidden;
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-details .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #2d3851;
  font-size: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-details .item-name break-word {
    word-break: break-all;
  }
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-details .item-desc {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-details .item-desc break-word {
    word-break: break-all;
  }
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-thumbnail {
  width: 56px;
  min-width: 56px;
  height: 32px;
  border-radius: 2px;
  margin-right: 8px;
}
.asconsole page-search-autocomplete asui-search-autocomplete .search-item .item-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  object-fit: cover;
}

.asconsole pages-base {
  display: flex;
  flex: 1;
}

.asconsole pages-card-topic {
  -webkit-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  -moz-box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  box-shadow: 2px 1px 15px -6px rgba(0, 6, 100, 0.3);
  border: 1px solid #DDE3EE;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
}
.asconsole pages-card-topic .hr {
  background-color: #DDE3EE;
  height: 1px;
  margin: 8px 0;
}
.asconsole pages-card-topic .card-thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  height: 99px;
  border-radius: 4px 4px 0px 0px;
}
.asconsole pages-card-topic .card-thumbnail img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.asconsole pages-card-topic .popover-content {
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole pages-card-topic .popover-content .break-word {
    word-break: break-all;
  }
}
.asconsole pages-card-topic .details-container {
  flex: none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  height: 115px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole pages-card-topic .details-container .details-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
}
.asconsole pages-card-topic .details-container .details-header .name {
  margin: 0px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 8px 0 8px 14px;
}
.asconsole pages-card-topic .details-container .details-header .icon-context-vertical {
  color: #4f596e;
  border-radius: 4px;
  padding: 10px 14px;
  font-size: 18px;
  cursor: pointer;
}
.asconsole pages-card-topic .details-container .published-to {
  padding: 0px 14px 10px 14px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole pages-card-topic .details-container .published-to break-word {
    word-break: break-all;
  }
}
.asconsole pages-card-topic .details-container .details-footer {
  display: flex;
  padding: 0px 12px 10px 12px;
}

.asconsole pages-directory {
  display: flex;
  flex: 1;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .btn {
  display: flex;
  align-items: center;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .icon-plus {
  font-size: 14px;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .icon-caret-down {
  font-size: 12px;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .dropdown-menu .btn-icon {
  margin-right: 12px;
  font-size: 16px;
}
.asconsole pages-directory .as-layout-sidebar .create-btn .dropdown-menu li a {
  padding: 11px 16px;
}
.asconsole pages-directory .as-layout-sidebar .sidebar-panel {
  border-right: 1px solid #DDE3EE;
}
.asconsole pages-directory .as-layout-sidebar .sidebar-panel .sidebar-items {
  flex: 1;
  padding-bottom: 10px;
}
.asconsole pages-directory .as-layout-sidebar .sidebar-panel .sidebar-items .recent-topics {
  display: flex;
  flex: 1;
  position: relative;
}
.asconsole pages-directory .as-layout-sidebar .sidebar-panel .sidebar-items .recent-topics .recent-topics-scroll {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole pages-directory .as-layout-sidebar .sidebar-panel .sidebar-items .recent-topics asui-spinner {
  margin-top: 30px;
}
.asconsole pages-directory .as-layout-sidebar .sidebar-panel .sidebar-items .recent-topics .item-name {
  display: initial;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole pages-directory .as-layout-sidebar .sidebar-panel .sidebar-items .recent-topics .item-name break-word {
    word-break: break-all;
  }
}
.asconsole pages-directory .as-layout-sidebar .content-container {
  padding: 0;
}
.asconsole pages-directory .as-layout-sidebar .content-container > ui-view {
  display: flex;
  flex: 1;
}

.asconsole pages-edit-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-page .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole pages-edit-page .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole pages-edit-page .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole pages-edit-page .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole pages-edit-page .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole pages-edit-page .modal-body {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 0;
}
.asconsole pages-edit-page .modal-body .left-col {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px;
}
.asconsole pages-edit-page .modal-body .right-col {
  display: flex;
  width: 500px;
  flex-direction: column;
  padding: 30px;
  border-left: 1px solid #DDE3EE;
}
.asconsole pages-edit-page .modal-body > input[type=text], .asconsole pages-edit-page .modal-body textarea, .asconsole pages-edit-page .modal-body .asui-dropdown {
  margin: 0 !important;
}
.asconsole pages-edit-page .modal-body > input[type=text], .asconsole pages-edit-page .modal-body .asui-dropdown .btn, .asconsole pages-edit-page .modal-body asui-dropdown-typeahead .textbox {
  height: 44px;
}
.asconsole pages-edit-page .modal-body > input[type=text] {
  padding: 11px 12px;
}
.asconsole pages-edit-page .modal-body textarea {
  min-height: 86px;
}
.asconsole pages-edit-page .modal-body .asui-dropdown .btn, .asconsole pages-edit-page .modal-body .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-page .modal-body .asui-tags-input {
  min-height: 80px;
  margin: 0;
}
.asconsole pages-edit-page .modal-body .asui-date-range-picker {
  margin-top: 10px;
}
.asconsole pages-edit-page .modal-body .asui-date-range-picker .icon-calendar {
  top: 12px;
}
.asconsole pages-edit-page .modal-body .asui-date-range-picker input[type=text] {
  height: 44px;
}
.asconsole pages-edit-page .modal-body clm-image-uploader {
  height: 140px;
  border-radius: 12px;
  background-color: #F2F4F8;
}
.asconsole pages-edit-page .modal-body clm-image-uploader .image-uploader {
  height: 200px;
  border-radius: 12px;
  padding-top: 0;
}
.asconsole pages-edit-page .modal-body clm-image-uploader .image-uploader .upload-overlay {
  border-radius: 12px;
}
.asconsole pages-edit-page .modal-body clm-image-uploader .image-uploader:hover {
  border-radius: 12px;
}
.asconsole pages-edit-page .modal-body clm-image-uploader asui-card-content .asui-card .card-thumbnail .card-thumbnail-image .thumbnail-img {
  object-fit: cover;
  border-radius: 12px;
}
.asconsole pages-edit-page .modal-body .key {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole pages-edit-page .modal-body .key .icon-info {
  color: #4f596e;
  cursor: pointer;
}
.asconsole pages-edit-page .modal-body .key:first-child {
  margin-top: 0;
}
.asconsole pages-edit-page .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole pages-edit-page .modal-body .error {
  margin-top: 10px;
  color: #CB4848;
  font-size: 14px;
}

.asconsole pages-edit-topic {
  display: flex;
  flex: 1;
}
.asconsole pages-edit-topic .topic-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  min-height: 54px;
  padding-right: 20px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole pages-edit-topic .topic-navbar {
    padding-right: 15px;
  }
}
.asconsole pages-edit-topic .topic-navbar asui-horizontal-navbar li.disabled a {
  color: #C4CEDE;
}
.asconsole pages-edit-topic .topics-edit-view {
  display: flex;
  flex: 1;
  justify-content: center;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view {
  width: 740px;
  max-width: 740px;
  padding: 44px 25px 25px 25px;
  overflow: auto;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view .input-row {
  display: flex;
  flex-direction: column;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view .input-row .input-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin: 24px 0 8px 0;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view .input-row input, .asconsole pages-edit-topic .topics-edit-view .centered-view .input-row textarea {
  border-radius: 4px;
  margin: 0;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view .input-row input {
  height: 44px;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view .edit-footer {
  padding-top: 24px;
  display: flex;
}
.asconsole pages-edit-topic .topics-edit-view .centered-view .edit-footer .btn-primary {
  margin-left: 10px;
}

.asconsole pages-edit-topic-analytics {
  display: flex;
  flex: 1;
  justify-content: center;
  margin-top: 50px;
}
.asconsole pages-edit-topic-analytics .centered-view {
  display: flex;
  justify-content: center;
  align-items: center;
}

.asconsole pages-edit-topic-overview {
  display: flex;
  flex: 1;
  justify-content: center;
}
.asconsole pages-edit-topic-overview clm-image-uploader {
  height: 140px;
  border-radius: 12px;
  background-color: #F2F4F8;
}
.asconsole pages-edit-topic-overview clm-image-uploader .image-uploader {
  height: 140px;
  border-radius: 12px;
  padding-top: 0;
}
.asconsole pages-edit-topic-overview clm-image-uploader .image-uploader .upload-overlay {
  border-radius: 12px;
}
.asconsole pages-edit-topic-overview clm-image-uploader .image-uploader:hover {
  border-radius: 12px;
}
.asconsole pages-edit-topic-overview clm-image-uploader asui-card-content .asui-card .card-thumbnail .card-thumbnail-image .thumbnail-img {
  object-fit: cover;
  border-radius: 12px;
}
.asconsole pages-edit-topic-overview .name-input.input-error {
  border-color: #CB4848;
}
.asconsole pages-edit-topic-overview .color-picker .sp-replacer {
  width: 47px;
  height: 44px;
  border-radius: 4px;
}
.asconsole pages-edit-topic-overview .error {
  color: #CB4848;
  margin-top: 4px;
}

.asconsole pages-edit-topic-pages {
  display: flex;
  flex: 1;
}
.asconsole pages-edit-topic-pages pages-table .filter-bar .create-btn {
  margin-left: 40px;
}

.asconsole pages-edit-topic-publish {
  display: flex;
  flex: 1;
  justify-content: center;
}
.asconsole pages-edit-topic-publish .asui-dropdown .btn {
  height: 44px !important;
}
.asconsole pages-edit-topic-publish .asui-dropdown .dropdown-menu, .asconsole pages-edit-topic-publish .asui-dropdown .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-publish user-tags-input .asui-tags-input .tags .input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  width: 310px !important;
}
.asconsole pages-edit-topic-publish .publish-cta-container .user-count {
  color: #0A5BEB;
}
.asconsole pages-edit-topic-publish .publish-cta-container .icon-container img {
  max-width: 300px !important;
  max-height: 300px !important;
}

.asconsole pages-edit-topic-settings {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.asconsole pages-edit-topic-settings asui-vertical-navbar {
  min-width: 320px;
  text-align: center;
  padding: 0;
  background-color: #fff;
  padding-top: 18px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole pages-edit-topic-settings asui-vertical-navbar .vertical-navbar-container li {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-settings asui-vertical-navbar .vertical-navbar-container li .navitem {
  padding: 10px 20px;
  flex: 1;
  color: #858b9a;
}
.asconsole pages-edit-topic-settings asui-vertical-navbar .vertical-navbar-container li .active {
  border-left: 0;
  border-right: 4px solid #475369;
  background-color: #EDF2F7;
  color: #475369;
  font-weight: 700;
}
.asconsole pages-edit-topic-settings ui-view {
  background-color: #f7f8fb;
  padding: 40px 40px 54px;
}
@media all and (max-width: 667px) {
  .asconsole pages-edit-topic-settings ui-view {
    padding: 11px 16px;
  }
}
.asconsole pages-edit-topic-settings .setting-pannel {
  display: flex;
  flex-direction: column;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-header {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #3c465d;
  margin-bottom: 5px;
  margin-top: 10px;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-header:first-child {
  margin-top: 0;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
@media all and (max-width: 667px) {
  .asconsole pages-edit-topic-settings .setting-pannel .setting-row {
    flex-direction: column;
  }
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-row .property-label {
  min-width: 260px;
  color: #1E293B;
  display: flex;
  margin: 0;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-row .property-value {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-row .property-value .asui-dropdown {
  flex: 1;
  max-width: 400px;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-row .property-value .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-settings .setting-pannel .setting-row .property-value .asui-dropdown .btn {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-settings .btn-footer {
  margin-top: 20px;
  text-align: left;
  margin-left: 260px;
}
.asconsole pages-edit-topic-settings .btn-footer .btn-default {
  margin-right: 10px;
}

.asconsole pages-page-picker {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  min-height: 500px;
  max-height: 500px;
}
.asconsole pages-page-picker .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole pages-page-picker .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole pages-page-picker .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole pages-page-picker .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole pages-page-picker .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole pages-page-picker .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px 16px;
  min-height: 0;
}
.asconsole pages-page-picker .modal-body page-search-autocomplete {
  width: 100%;
  padding: 0 16px;
}
.asconsole pages-page-picker .modal-body page-search-autocomplete .search-all-block {
  display: none !important;
}
.asconsole pages-page-picker .modal-body .selected-pages {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  margin-top: 20px;
  padding: 0 16px;
}
.asconsole pages-page-picker .modal-body .selected-pages .page-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 58px;
  min-height: 58px;
  min-width: 0;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
}
.asconsole pages-page-picker .modal-body .selected-pages .page-item .item-thumbnail {
  width: 56px;
  min-width: 56px;
  height: 32px;
  border-radius: 2px;
  margin-right: 8px;
  border-radius: 2px;
  object-fit: cover;
}
.asconsole pages-page-picker .modal-body .selected-pages .page-item .item-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole pages-page-picker .modal-body .selected-pages .page-item .item-details .item-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #2d3851;
  font-size: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole pages-page-picker .modal-body .selected-pages .page-item .item-details .item-name break-word {
    word-break: break-all;
  }
}
.asconsole pages-page-picker .modal-body .selected-pages .page-item .item-details .item-desc {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  color: #3c465d;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole pages-page-picker .modal-body .selected-pages .page-item .item-details .item-desc break-word {
    word-break: break-all;
  }
}
.asconsole pages-page-picker .modal-body .selected-pages .page-item .icon-remove {
  font-size: 20px;
  color: #858b9a;
  padding: 5px;
  cursor: pointer;
}
.asconsole pages-page-picker .modal-body .no-content-container .non-content-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
  padding-top: 20px;
}
.asconsole .modal-page-picker {
  width: 100%;
  max-width: 500px;
}

.asconsole pages-pages {
  display: flex;
  flex: 1;
}

.asconsole pages-table {
  padding: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.asconsole pages-table .filter-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 0;
}
.asconsole pages-table .filter-bar .filter-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.asconsole pages-table .filter-bar .filter-row .filter-left {
  display: flex;
  align-items: center;
}
.asconsole pages-table .filter-bar .filter-row .filter-left .section-header {
  margin: 0 0 0 25px;
  color: #2d3851;
  text-transform: capitalize;
}
.asconsole pages-table .filter-bar .filter-row .filter-left .create-btn {
  margin-top: 0;
}
.asconsole pages-table .filter-bar .filter-row .filter-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 20px;
}
.asconsole pages-table .filter-bar .filter-row .filter-right page-search-autocomplete {
  margin-right: 10px;
}
.asconsole pages-table .filter-bar .filter-row .filter-right page-search-autocomplete .search-autocomplete-container {
  width: 280px;
}
.asconsole pages-table .filter-bar .filter-row .filter-right .total {
  white-space: nowrap;
}
.asconsole pages-table .filter-bar .filter-row .filter-right console-filter-btn {
  padding-left: 10px;
}
.asconsole pages-table .filter-bar .active-filters {
  padding: 10px 20px 0 13px;
}
.asconsole pages-table .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  height: calc(100% - 75px);
}
.asconsole pages-table .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole pages-table .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 10px;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table {
  width: 100%;
  display: flex;
  color: #0b1835;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: #EDF2F7;
  top: 0;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-input-checkbox .icon-check {
  font-size: 100%;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container .as-checkbox-column, .asconsole pages-table .table-container-outer .table-container-inner asui-table .asui-table-container .as-table-checkbox-header {
  padding-left: 15px !important;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td {
  cursor: pointer;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td > div {
  display: flex;
  align-items: center;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td > div img {
  margin-right: 8px;
  width: 56px;
  height: 32px;
  object-fit: cover;
  border-radius: 2px;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td > div .page-title-container {
  display: flex;
  flex-direction: column;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td > div .page-title-container .page-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td > div .page-title-container .page-name .translated-page {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .title-td > div .page-title-container .page-translations {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  color: #3c465d;
  gap: 4px;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .topics-td > div {
  height: 100%;
  cursor: pointer;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .status-td .publish-status {
  background-color: #f7f8fb;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  border-radius: 44px;
  height: 20px;
  padding: 2px 8px;
  text-align: center;
  max-width: 100px;
  white-space: nowrap;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .status-td .publish-status.published {
  color: #0A5BEB;
  background-color: #E0EAF5;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .status-td .publish-status.scheduled {
  color: #3c465d;
  background-color: #F5F0E0;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .status-td .publish-status.expired {
  color: #CB4848;
  background-color: #F5E0E0;
}
.asconsole pages-table .table-container-outer .table-container-inner asui-table .fa-ellipsis-h {
  color: #475369;
}
.asconsole pages-table .table-container-outer .table-container-inner .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole pages-table .table-container-outer .table-container-inner .clear-filters a {
  cursor: pointer;
}
.asconsole pages-table .no-content-container {
  padding: 2em 4em;
  margin: 0;
}
.asconsole pages-table .no-content-container .icon-container img {
  max-width: 250px !important;
}
.asconsole pages-table .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole pages-table .create-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: 15px;
}
.asconsole pages-table .create-btn .btn {
  display: flex;
  align-items: center;
}
.asconsole pages-table .create-btn .icon-plus {
  font-size: 14px;
}
.asconsole pages-table .create-btn .icon-caret-down {
  font-size: 12px;
}
.asconsole pages-table .create-btn .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole pages-table .create-btn .dropdown-menu .btn-icon {
  margin-right: 12px;
  font-size: 16px;
}
.asconsole pages-table .create-btn .dropdown-menu li a {
  padding: 11px 16px;
}

.asconsole pages-topics {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole pages-topics .filter-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 0;
}
.asconsole pages-topics .filter-bar .filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  min-width: 0;
  min-height: 50px;
  margin-top: 10px;
  padding-left: 22px;
  z-index: 5;
}
.asconsole pages-topics .filter-bar .filter-row h3 {
  text-transform: capitalize;
  flex: 1;
  margin: 0;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #475369;
  white-space: nowrap;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right topic-search-autocomplete {
  width: 280px;
  margin-right: 11px;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown {
  min-width: 60px;
  margin: 0;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown .btn {
  border: 0;
  height: 20px;
  padding: 0;
  background-color: transparent;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown .btn .caret {
  right: 0;
  margin-top: -1px;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown .btn:focus,
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown .dropdown-toggle:focus,
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown .dropdown-toggle:focus-within {
  border: 0 !important;
  box-shadow: none;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .sort-dropdown .filter-option {
  padding: 0;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .icon-sort-asc,
.asconsole pages-topics .filter-bar .filter-row .filter-right .icon-sort-desc {
  padding: 5px 5px 2px 5px;
  cursor: pointer;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right .divider {
  margin: 0 5px 0 8px;
}
.asconsole pages-topics .filter-bar .filter-row .filter-right console-filter-btn {
  padding-left: 10px;
  padding-right: 20px;
}
.asconsole pages-topics .filter-bar .active-filters {
  padding: 10px 20px 0 13px;
}
.asconsole pages-topics .content-container {
  max-height: calc(100vh - 152px);
}
.asconsole pages-topics .content-container .container-scroll {
  position: relative;
  flex-direction: column;
  flex: 1;
  padding-right: 20px;
  padding-left: 22px;
}
.asconsole pages-topics .content-container .container-scroll .content-section {
  display: flex;
  position: relative;
  flex: 1;
}
.asconsole pages-topics .content-container .container-scroll .content-section .list-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-width: 0;
}
.asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid {
  flex: 1;
}
.asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container {
  margin: -20px 0 20px -20px;
}
.asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole pages-topics .content-container .container-scroll .content-section .list-container asui-grid .loading-mask {
  background-color: #f7f8fb;
}
.asconsole pages-topics .content-container .container-scroll .content-section .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole pages-topics .content-container .container-scroll .content-section .clear-filters a {
  cursor: pointer;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container {
  display: flex;
  flex: 1;
  color: #2d3851;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container .icon-container img {
  max-width: 260px;
  max-height: unset;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container h3 {
  color: #0b1835;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container .reset-filters {
  cursor: pointer;
  color: #0A5BEB;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container .asui-btn {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole pages-topics .content-container .container-scroll .content-section .topics-cta-container .asui-btn .btn-icon {
  font-size: 12px;
}
.asconsole pages-topics asui-loading-mask .loading-mask-container {
  background-color: #f7f8fb;
}

.asconsole pages-topics-tags-input {
  display: flex;
}
.asconsole pages-topics-tags-input asui-tags-input {
  max-width: none;
  flex: 1;
}
.asconsole pages-topics-tags-input asui-tags-input .asui-tags-input {
  min-height: 80px;
}
.asconsole pages-topics-tags-input asui-tags-input .asui-tags-input .tags .tag-item {
  font-size: 12px;
}
.asconsole pages-topics-tags-input asui-tags-input .asui-tags-input .tags .input {
  font-size: 16px !important;
  width: 290px !important;
}

.asconsole pages-publishs-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole pages-publishs-modal .modal-header {
  display: flex;
  align-items: space-between;
  padding: 32px 32px 24px 32px;
  border: none;
}
.asconsole pages-publishs-modal .modal-header .title {
  flex: 1;
  color: var(--Neutral-900, #1E293B);
  font-family: var(--nc-fontFamilies__headlines, Poppins);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%; /* 23px */
}
.asconsole pages-publishs-modal .modal-header .icon-cross {
  font-size: 20px;
  color: #4f596e;
}
.asconsole pages-publishs-modal .modal-body {
  padding: 0px 32px 32px 32px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole pages-publishs-modal .modal-body react-component {
  display: flex;
  flex: 1;
}
.asconsole pages-publishs-modal .modal-body .top-r-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: var(--ds-brand-radii__button, 8px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  color: #68768D;
  cursor: pointer;
}
.asconsole pages-publishs-modal .modal-body .top-r-close:hover {
  background-color: #EDF2F7;
}
.asconsole pages-publishs-modal .modal-body .page-count {
  cursor: pointer;
}
.asconsole pages-publishs-modal .modal-body .description {
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}
.asconsole pages-publishs-modal .modal-body .header {
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
}
.asconsole pages-publishs-modal .modal-body browse-channel-tags-input .asui-tags-input {
  min-height: 86px;
  padding: 8px 12px;
  border-radius: var(--ds-brand-radii__button, 8px);
  margin-bottom: 8px;
}
.asconsole pages-publishs-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .input {
  height: 24px;
}
.asconsole pages-publishs-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .tag-item {
  height: 24px;
  border-radius: 999px;
  padding: 0 26px 0 8px;
}
.asconsole pages-publishs-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .tag-item .tag-icon {
  display: none;
}
.asconsole pages-publishs-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .tag-item .tag-text {
  color: var(--Neutral-900, --nc-colors__neutral900);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 16.1px */
}
.asconsole pages-publishs-modal .modal-body .feed-error {
  display: flex;
  color: var(--nc-colors__negative);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole pages-publishs-modal .modal-body .feed-error .icon-info {
  margin-top: 1px;
  margin-right: 4px;
}
.asconsole pages-publishs-modal .modal-footer {
  padding: 0px 32px 32px 32px;
  border: none;
}
.asconsole pages-publishs-modal .modal-footer .btn {
  height: 40px;
  border-radius: var(--radii-md, 8px);
}
.asconsole pages-publishs-modal .modal-footer .btn-default {
  background-color: var(--nc-colors__neutral200);
  border: none;
}
.asconsole .modal-page-publish {
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 479px;
  box-shadow: none;
}
.asconsole .modal-page-publish .modal-content {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  background: var(--Neutral-0, #FFF);
  /* Elevation / Large */
  box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.2), 0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
}

.asconsole topic-search-autocomplete asui-search-autocomplete {
  min-height: initial;
}

.asconsole pages-edit-topic-settings-permissions {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole pages-edit-topic-settings-permissions edit-channel-permissions-settings {
  padding: 0;
}
.asconsole pages-edit-topic-settings-permissions edit-channel-permissions-settings .permissions-block .key {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-width: 166px !important;
}
.asconsole pages-edit-topic-settings-permissions edit-channel-permissions-settings .permissions-block .form-input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-settings-permissions edit-channel-permissions-settings .permissions-block .form-input .desc {
  margin-bottom: 8px;
}
.asconsole pages-edit-topic-settings-permissions edit-channel-permissions-settings .permissions-block .form-input .asui-tags-input {
  min-height: 120px;
}
.asconsole pages-edit-topic-settings-permissions edit-channel-permissions-settings .permissions-block .form-input .asui-tags-input .input {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole pages-edit-topic-settings-permissions .btn-footer {
  margin-left: 166px;
}

.asconsole pages-edit-topic-settings-permissions {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.asconsole batch-approval-toolbar console-notification-pane pane-buttons {
  font-size: 16px;
}

.asconsole batch-posts-toolbar console-notification-pane {
  width: 560px;
}
.asconsole batch-posts-toolbar console-notification-pane .np-header > div:first-child {
  overflow: hidden;
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asconsole batch-posts-toolbar console-notification-pane .np-buttons {
  flex-shrink: 0;
}
.asconsole batch-posts-toolbar console-notification-pane .np-buttons .transclude-btns {
  flex-wrap: nowrap;
}
.asconsole batch-posts-toolbar console-notification-pane pane-buttons {
  display: flex;
  flex-wrap: nowrap;
  font-size: 16px;
}
.asconsole batch-posts-toolbar console-notification-pane pane-buttons .icon-eye-disabled {
  font-size: 20px;
}
.asconsole batch-posts-toolbar console-notification-pane pane-buttons i[role=button]:focus-visible {
  outline: 2px solid #0A5BEB;
  outline-offset: 2px;
}
.asconsole batch-posts-toolbar console-notification-pane pane-buttons .batch-action-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}

.asconsole batch-reporting-toolbar console-notification-pane pane-buttons {
  font-size: 16px;
}
.asconsole batch-reporting-toolbar console-notification-pane pane-buttons .icon-eye-disabled {
  font-size: 20px;
}

.asconsole posts-card-post {
  display: flex;
  flex-direction: row;
  min-width: 0;
  align-items: center;
}
.asconsole posts-card-post .card-thumbnail {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 8px;
  background-color: #F0F6FE;
  margin-right: 12px;
}
.asconsole posts-card-post img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.asconsole posts-card-post .tn-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0A5BEB;
  border-radius: 8px;
}
.asconsole posts-card-post .tn-placeholder .icon {
  font-size: 20px;
}
.asconsole posts-card-post .details-container {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.asconsole posts-card-post .details-container .post-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #1E293B;
}
.asconsole posts-card-post .details-container .post-title.one-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.asconsole posts-card-post .details-container .post-translations {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  color: #68768D;
}

.asconsole posts-filters-modal {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 618px;
}
.asconsole posts-filters-modal .console-filters-content {
  min-height: 364px;
  overflow-y: auto;
}
.asconsole posts-filters-modal .lang-picker react-component {
  width: 100%;
}
.asconsole posts-filters-modal .lang-picker react-component > div > button {
  border: none !important;
  background: none !important;
  padding: 0 16px 6px 16px !important;
  min-height: 0 !important;
}
.asconsole posts-filters-modal .lang-picker.lang-picker-empty react-component > div > button * {
  color: #8493AE;
}

.asconsole posts-approval-status-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asconsole posts-approval-status-pill .publish-status {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  background-color: #F5E0E0;
  color: #CB4848;
  border-radius: 44px;
  height: 24px;
  padding: 4px 8px;
  text-align: center;
  white-space: nowrap;
}
.asconsole posts-approval-status-pill .publish-status.pending {
  color: #CB4848;
  background-color: #F5E0E0;
}
.asconsole posts-approval-status-pill .publish-status.approved {
  color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole posts-approval-status-pill .publish-status.declined {
  color: #475369;
  background-color: #F8F9FC;
}

.asconsole posts-author-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.asconsole posts-author-filter user-typeahead {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole posts-author-filter user-typeahead .textbox {
  height: 40px;
  padding-left: 35px !important;
  border-radius: 8px;
}
.asconsole posts-author-filter user-typeahead .email {
  display: none;
}
.asconsole posts-author-filter user-typeahead .dropdown-container {
  border-radius: 8px;
}
.asconsole posts-author-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
.asconsole posts-author-filter .list {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 4px;
}
.asconsole posts-author-filter .list .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 8px 16px;
  color: #0A5BEB;
  background-color: #F0F6FE;
  min-width: 0;
  border-radius: 8px;
}
.asconsole posts-author-filter .list .list-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole posts-author-filter .list .list-item .name break-word {
    word-break: break-all;
  }
}
.asconsole posts-author-filter .list .list-item .icon-cross {
  font-size: 18px;
}

.asconsole posts-base {
  display: flex;
  overflow: hidden;
  width: 100%;
  max-height: calc(100vh - 60px);
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}

.asconsole posts-connectors-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.asconsole posts-connectors-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
.asconsole posts-connectors-filter .list {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 4px;
}
.asconsole posts-connectors-filter .list .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 8px 16px;
  color: #0A5BEB;
  background-color: #F0F6FE;
  min-width: 0;
  border-radius: 8px;
}
.asconsole posts-connectors-filter .list .list-item .connector-icon {
  width: 24px;
  height: 24px;
}
.asconsole posts-connectors-filter .list .list-item .connector-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole posts-connectors-filter .list .list-item .connector-name break-word {
    word-break: break-all;
  }
}
.asconsole posts-connectors-filter .list .list-item .icon-cross {
  font-size: 18px;
}

.asconsole posts-create-button .asui-split-btn > .btn:first-child {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  font-weight: 500;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 12px;
}
.asconsole posts-create-button .asui-split-btn .btn-primary + .btn-primary {
  border-left: 0 !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-right: 12px;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  right: 0;
  left: auto !important;
  padding: 4px;
  margin-bottom: 8px;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.15);
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu.dropdown-top {
  top: -183px;
  bottom: auto;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu:last-child {
  margin-bottom: 0;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu li a {
  padding: 8px 12px;
  border-radius: 8px;
  color: #1E293B;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu li a .icon {
  padding-right: 8px;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu li a:hover {
  background-color: #EDF2F7;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu.posts-create-button__dropdown--with-templates li:nth-child(4) {
  position: relative;
  margin-top: 9px;
}
.asconsole posts-create-button .asui-split-btn .dropdown-menu.posts-create-button__dropdown--with-templates li:nth-child(4)::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 4px;
  left: 4px;
  height: 1px;
  background-color: #EDF2F7;
}
.asconsole posts-create-button .lg .btn {
  height: 40px;
  font-size: 16px !important;
}

.asconsole posts-directory {
  display: flex;
  overflow: hidden;
  width: 100%;
  max-height: calc(100vh - 60px);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.asconsole posts-directory .as-layout-sidebar {
  overflow: hidden;
  min-width: 0;
  min-height: 0;
}
.asconsole posts-directory .as-layout-sidebar > react-component[name=postsSidebar] {
  display: flex;
  overflow: hidden;
  min-width: 65px;
  min-height: 0;
  flex: 0 0 auto;
  flex-direction: column;
  align-self: stretch;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .btn {
  display: flex;
  align-items: center;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .dropdown-menu {
  right: 0;
  left: auto !important;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .icon-plus {
  font-size: 14px;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .icon-caret-down {
  font-size: 12px;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .dropdown-menu .btn-icon {
  margin-right: 12px;
  font-size: 16px;
}
.asconsole posts-directory .as-layout-sidebar .create-btn .dropdown-menu li a {
  padding: 11px 16px;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel {
  border-right: 1px solid #DDE3EE;
  padding-bottom: 24px;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel .sidebar-items {
  flex: 1;
  padding-bottom: 10px;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item-wrapper--with-top-divider {
  border-top: 1px solid #EDF2F7;
  padding-top: 8px;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion {
  margin-top: 8px;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group {
  border: 0;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading {
  background-color: #fff;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading .panel-title a:focus:not(:focus-visible),
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading a[role=button]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
  background-color: transparent;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading a > span {
  padding: 24px 16px;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading a > span .header-container {
  margin-bottom: 0;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading a > span .header-container .header-left {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  letter-spacing: unset;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-heading a > span .header-container .icon {
  font-size: 16px;
  color: #68768D;
}
.asconsole posts-directory .as-layout-sidebar .sidebar-panel asui-accordion .panel-group .panel-body {
  padding: 0;
}
.asconsole posts-directory .as-layout-sidebar .content-container {
  overflow: hidden;
  min-height: 0;
  padding: 0;
}
.asconsole posts-directory .as-layout-sidebar .content-container > ui-view {
  display: flex;
  overflow: hidden;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}

.asconsole posts-directory-approvals {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.asconsole posts-directory-approvals .asui-table-container .title-td {
  max-width: 300px;
  cursor: pointer;
}
.asconsole posts-directory-approvals .asui-table-container .authors-td > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole posts-directory-approvals .asui-table-container .authors-td > div .asui-card {
  margin-right: 8px;
}
.asconsole posts-directory-approvals .asui-table-container .authors-td > div .user {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole posts-directory-approvals .asui-table-container .authors-td > div .author-count {
  font-weight: 600;
}
.asconsole posts-directory-approvals .asui-table-container .status-td {
  width: 100px;
}
.asconsole posts-directory-approvals .asui-table-container .translation-td {
  width: 40px;
  text-align: center;
}
.asconsole posts-directory-approvals .asui-table-container .translation-td .icon {
  color: #666;
}

.asconsole posts-directory-calendar {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.asconsole posts-directory-calendar .posts-calendar-view {
  height: 100%;
  padding-top: 28px;
  background-color: #ffffff;
}
.asconsole posts-directory-calendar .posts-calendar-view table {
  position: absolute;
  top: 0;
  left: 0;
}

.asconsole posts-directory-posts {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.asconsole posts-directory-posts .asui-table-container .title-td {
  max-width: 300px;
}
.asconsole posts-directory-posts .asui-table-container .feeds-td > div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 100%;
  cursor: pointer;
}
.asconsole posts-directory-posts .asui-table-container .modified-td .modified-td-body {
  display: flex;
  align-items: center;
}
.asconsole posts-directory-posts .asui-table-container .modified-td .modified-td-body .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.asconsole posts-directory-posts .asui-table-container .acknowledgment-td .acknowledgment-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.asconsole posts-directory-posts .asui-table-container .acknowledgment-td .acknowledgment-cell span {
  font-size: 12px;
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
}
.asconsole posts-directory-posts .asui-table-container .asui-context-menu-popover .cm-item-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.asconsole posts-directory-posts .asui-table-container .cm-tooltip .tooltip-inner {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
}

.asconsole posts-directory-reporting {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.asconsole posts-directory-reporting .asui-table-container .title-td {
  max-width: 300px;
  cursor: pointer;
}
.asconsole posts-directory-reporting .asui-table-container .reporter-td > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole posts-directory-reporting .asui-table-container .reporter-td > div .asui-card {
  margin-right: 8px;
}
.asconsole posts-directory-reporting .asui-table-container .reporter-td > div .user {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole posts-directory-reporting .asui-table-container .feeds-td > div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 100%;
  cursor: pointer;
}

.asconsole posts-directory-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.asconsole posts-directory-view > react-component[name=postsReportingList],
.asconsole posts-directory-view > react-component[name=postsApprovalsList],
.asconsole posts-directory-view > react-component[name=pageAndStoryTemplateList],
.asconsole posts-directory-view > react-component[name=postsTrashList],
.asconsole posts-directory-view > react-component[name=postsList] {
  display: flex;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
.asconsole posts-directory-view .header {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  padding: 24px;
  border-bottom: 1px solid #DDE3EE;
  background-color: #fff;
}
.asconsole posts-directory-view .filter-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 18px 24px;
  background-color: #F8F9FC;
}
.asconsole posts-directory-view .filter-bar .filter-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.asconsole posts-directory-view .filter-bar .filter-row .filter-left {
  display: flex;
  align-items: center;
}
.asconsole posts-directory-view .filter-bar .filter-row .filter-left .asui-search {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: 8px;
  padding: 0 12px;
  margin: 0;
}
.asconsole posts-directory-view .filter-bar .filter-row .filter-left .asui-search input {
  height: 40px;
}
.asconsole posts-directory-view .filter-bar .filter-row .filter-left .asui-search .icon {
  font-size: 20px;
  color: #333F55;
}
.asconsole posts-directory-view .filter-bar .filter-row .filter-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole posts-directory-view .filter-bar .filter-row .filter-right .total {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap;
  margin-right: 16px;
}
.asconsole posts-directory-view .filter-bar .active-filters {
  margin-top: 14px;
}
.asconsole posts-directory-view .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  height: calc(100% - 75px);
}
.asconsole posts-directory-view .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 10px;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  width: 100%;
  display: flex;
  color: #475369;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: #EDF2F7;
  top: 0;
  white-space: nowrap;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container thead th.cursor-default {
  cursor: default !important;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-input-checkbox .icon-check {
  font-size: 100%;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container .as-checkbox-column, .asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .asui-table-container .as-table-checkbox-header {
  padding-left: 15px !important;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner asui-table .fa-ellipsis-h {
  color: #475369;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole posts-directory-view .table-container-outer .table-container-inner .clear-filters a {
  cursor: pointer;
}
.asconsole posts-directory-view .no-content-container {
  padding: 6em 4em 4em 4em;
  margin: 0;
  flex: unset;
}
.asconsole posts-directory-view .no-content-container .icon-container img {
  max-width: 250px !important;
}
.asconsole posts-directory-view .no-content-container h3 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  margin-top: 40px;
}
.asconsole posts-directory-view .no-content-container .non-content-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #475369;
}
.asconsole posts-directory-view .no-content-container .cta-button {
  margin-top: 24px;
}

.asconsole posts-feature-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole posts-feature-modal .modal-header {
  display: flex;
  align-items: space-between;
  padding: 28px 32px 24px 32px;
  border: none;
}
.asconsole posts-feature-modal .modal-header .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  color: #1E293B;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%; /* 23px */
}
.asconsole posts-feature-modal .modal-header .title .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  margin-right: 8px;
  color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole posts-feature-modal .modal-header .title .text {
  margin-top: 6px;
}
.asconsole posts-feature-modal .modal-header .icon-cross {
  font-size: 24px;
  color: #8493AE;
}
.asconsole posts-feature-modal .modal-body {
  padding: 0px 32px 32px 32px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.asconsole posts-feature-modal .modal-body .description {
  color: #68768D;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}
.asconsole posts-feature-modal .modal-body .header {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: #333F55;
  margin-bottom: 8px;
}
.asconsole posts-feature-modal .modal-body .featured-ddl .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
}
.asconsole posts-feature-modal .modal-body .featured-ddl .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: 12px;
}
.asconsole posts-feature-modal .modal-body .featured-date-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #68768D;
  margin-top: 4px;
}
.asconsole posts-feature-modal .modal-footer {
  padding: 0px 32px 32px 32px;
  border: none;
}
.asconsole posts-feature-modal .modal-footer .btn {
  height: 40px;
  border-radius: var(--radii-md, 8px);
}
.asconsole posts-feature-modal .modal-footer .btn-default {
  background-color: var(--nc-colors__neutral200);
  border: none;
}
.asconsole .modal-posts-feature {
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 479px;
  box-shadow: none;
}
.asconsole .modal-posts-feature .modal-content {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  background: var(--Neutral-0, #FFF);
  box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.2), 0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
}

.asconsole posts-feed-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.asconsole posts-feed-filter browse-feed-typeahead .textbox {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
}
.asconsole posts-feed-filter browse-feed-typeahead .selected-item {
  display: none;
}
.asconsole posts-feed-filter browse-feed-typeahead .icon-menu-publish-line {
  display: none;
}
.asconsole posts-feed-filter browse-feed-typeahead .dropdown-container {
  border-radius: 8px;
}
.asconsole posts-feed-filter browse-feed-typeahead .dropdown-container asui-card-channel .asui-card {
  box-shadow: none;
  border: 0;
}
.asconsole posts-feed-filter browse-feed-typeahead .dropdown-container asui-card-channel .card-thumbnail {
  min-width: 24px;
  min-height: 24px;
}
.asconsole posts-feed-filter browse-feed-typeahead .dropdown-container asui-card-channel .card-thumbnail > .icon {
  font-size: 16px;
}
.asconsole posts-feed-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
.asconsole posts-feed-filter .list {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 4px;
}
.asconsole posts-feed-filter .list .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 8px 16px;
  color: #0A5BEB;
  background-color: #F0F6FE;
  min-width: 0;
  border-radius: 8px;
}
.asconsole posts-feed-filter .list .list-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole posts-feed-filter .list .list-item .name break-word {
    word-break: break-all;
  }
}
.asconsole posts-feed-filter .list .list-item .icon-cross {
  font-size: 18px;
}
.asconsole posts-feed-filter .list .list-item asui-card-channel .asui-card {
  box-shadow: none;
  border: 0;
}
.asconsole posts-feed-filter .list .list-item asui-card-channel .card-thumbnail {
  min-width: 24px;
  min-height: 24px;
}
.asconsole posts-feed-filter .list .list-item asui-card-channel .card-thumbnail > .icon {
  font-size: 16px;
}

.asconsole posts-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.asconsole posts-filter browse-post-typeahead .textbox {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
}
.asconsole posts-filter browse-post-typeahead .selected-item {
  display: none;
}
.asconsole posts-filter browse-post-typeahead .icon-menu-publish-line {
  display: none;
}
.asconsole posts-filter browse-post-typeahead .dropdown-container {
  border-radius: 8px;
}
.asconsole posts-filter browse-post-typeahead .dropdown-container asui-card-channel .asui-card {
  box-shadow: none;
  border: 0;
}
.asconsole posts-filter browse-post-typeahead .dropdown-container asui-card-channel .card-thumbnail {
  min-width: 24px;
  min-height: 24px;
}
.asconsole posts-filter browse-post-typeahead .dropdown-container asui-card-channel .card-thumbnail > .icon {
  font-size: 16px;
}
.asconsole posts-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
.asconsole posts-filter .list {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  gap: 14px;
}
.asconsole posts-filter .list .list-item {
  display: flex;
  align-items: center;
  gap: 28px;
}
.asconsole posts-filter .list .list-item .item-content {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}
.asconsole posts-filter .list .list-item .item-content .item-info {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.asconsole posts-filter .list .list-item .item-content .item-info .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole posts-filter .list .list-item .item-content .item-info .name break-word {
    word-break: break-all;
  }
}
.asconsole posts-filter .list .list-item .item-content .item-info .description, .asconsole posts-filter .list .list-item .item-content .item-info .description time {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  font-size: 12px;
  font-weight: 400;
  color: #475369;
}
.asconsole posts-filter .list .list-item .item-content .item-info .description [role=tooltip] {
  display: none;
}
.asconsole posts-filter .list .list-item .item-content posts-card-post {
  flex-shrink: 0;
}
.asconsole posts-filter .list .list-item .item-content posts-card-post .details-container {
  display: none;
}
.asconsole posts-filter .list .list-item .item-content posts-card-post .card-thumbnail {
  margin: 8px;
}
.asconsole posts-filter .list .list-item .item-content posts-card-post .card-thumbnail i.icon {
  position: relative;
  margin: 0;
}
.asconsole posts-filter .list .list-item .item-content posts-card-post .card-thumbnail i.icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.asconsole posts-filter .list .list-item .icon {
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.asconsole posts-filter-bar {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
}
.asconsole posts-filter-bar .pill {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 4px 8px;
  background-color: #EDF2F7;
  border-radius: 999px;
  color: #1E293B;
  max-width: 200px;
  min-width: 0;
}
.asconsole posts-filter-bar .pill > .icon {
  font-size: 16px;
  color: #333F55;
}
.asconsole posts-filter-bar .pill .icon-cross {
  font-size: 14px;
}
.asconsole posts-filter-bar .pill .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole posts-filter-bar .pill .name break-word {
    word-break: break-all;
  }
}
.asconsole posts-filter-bar .clear {
  color: #0A5BEB;
}

.asconsole posts-publish-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole posts-publish-modal .modal-header {
  display: flex;
  align-items: space-between;
  padding: 32px 32px 24px 32px;
  border: none;
}
.asconsole posts-publish-modal .modal-header .title {
  flex: 1;
  color: var(--Neutral-900, #1E293B);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%; /* 23px */
}
.asconsole posts-publish-modal .modal-header .icon-cross {
  font-size: 20px;
  color: #4f596e;
}
.asconsole posts-publish-modal .modal-body {
  padding: 0px 32px;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
}
.asconsole posts-publish-modal .modal-body react-component {
  display: flex;
  flex: 1;
}
.asconsole posts-publish-modal .modal-body .top-r-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  color: #68768D;
  cursor: pointer;
}
.asconsole posts-publish-modal .modal-body .top-r-close:hover {
  background-color: #EDF2F7;
}
.asconsole posts-publish-modal .modal-body .page-count {
  cursor: pointer;
}
.asconsole posts-publish-modal .modal-body .description {
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}
.asconsole posts-publish-modal .modal-body .header {
  color: var(--Neutral-700, var(--colors-neutral-700, #475369));
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
}
.asconsole posts-publish-modal .modal-body browse-channel-tags-input .asui-tags-input {
  min-height: 86px;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.asconsole posts-publish-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .input {
  height: 24px;
  width: 195px !important;
}
.asconsole posts-publish-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .tag-item {
  height: 24px;
  border-radius: 999px;
  padding: 0 26px 0 8px;
}
.asconsole posts-publish-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .tag-item .tag-icon {
  display: none;
}
.asconsole posts-publish-modal .modal-body browse-channel-tags-input .asui-tags-input .tags .tag-item .tag-text {
  color: var(--Neutral-900, --nc-colors__neutral900);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 16.1px */
}
.asconsole posts-publish-modal .modal-body .feed-error {
  display: flex;
  color: var(--nc-colors__negative);
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole posts-publish-modal .modal-body .feed-error .icon-info {
  margin-top: 1px;
  margin-right: 4px;
}
.asconsole posts-publish-modal .modal-footer {
  padding: 32px;
  border: none;
}
.asconsole posts-publish-modal .modal-footer .btn {
  height: 40px;
  border-radius: var(--radii-md, 8px);
}
.asconsole posts-publish-modal .modal-footer .btn-default {
  background-color: var(--nc-colors__neutral200);
  border: none;
}
.asconsole .modal-posts-publish {
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 479px;
  box-shadow: none;
}
.asconsole .modal-posts-publish .modal-content {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  background: var(--Neutral-0, #FFF);
  box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.2), 0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
}

.asconsole posts-report-status-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asconsole posts-report-status-pill .publish-status {
  background-color: #F5E0E0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #CB4848;
  border-radius: 44px;
  height: 24px;
  padding: 4px 8px;
  text-align: center;
  white-space: nowrap;
}
.asconsole posts-report-status-pill .publish-status.allowed {
  color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole posts-report-status-pill .publish-status.removed {
  color: #475369;
  background-color: #F8F9FC;
}

.asconsole posts-select-template-type-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.asconsole posts-select-template-type-modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px 32px 8px 32px;
  border: 0;
}
.asconsole posts-select-template-type-modal .modal-header .title {
  flex: 1;
  color: #1E293B;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
}
.asconsole posts-select-template-type-modal .modal-header .close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #8493AE;
  cursor: pointer;
}
.asconsole posts-select-template-type-modal .modal-header .close-btn:hover {
  background-color: #EDF2F7;
}
.asconsole posts-select-template-type-modal .modal-header .close-btn .icon-cross {
  font-size: 20px;
  line-height: 1;
}
.asconsole posts-select-template-type-modal .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 32px 0 32px;
}
.asconsole posts-select-template-type-modal .choice-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.asconsole posts-select-template-type-modal .choice-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  background-color: #FFFFFF;
  cursor: pointer;
  text-align: left;
}
.asconsole posts-select-template-type-modal .choice-item:hover {
  border-color: #0A5BEB;
}
.asconsole posts-select-template-type-modal .choice-item:focus-visible {
  outline: 2px solid #0A5BEB;
  outline-offset: 2px;
}
.asconsole posts-select-template-type-modal .choice-item--selected {
  border-color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole posts-select-template-type-modal .choice-item--selected .choice-item__label {
  color: #0A5BEB;
}
.asconsole posts-select-template-type-modal .choice-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.asconsole posts-select-template-type-modal .choice-item__icon .icon {
  font-size: 36px;
  line-height: 1;
  color: #68768D;
}
.asconsole posts-select-template-type-modal .choice-item--selected .choice-item__icon .icon {
  color: #0A5BEB;
}
.asconsole posts-select-template-type-modal .choice-item__label {
  flex: 1;
  color: #1E293B;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.asconsole posts-select-template-type-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 32px;
  border: 0;
}
.asconsole posts-select-template-type-modal .modal-footer .btn {
  width: 100%;
  height: 40px;
  border-radius: var(--radii-md, 8px);
}
.asconsole .modal-posts-select-template-type {
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 385px;
  box-shadow: none;
}
.asconsole .modal-posts-select-template-type .modal-content {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: var(--Neutral-0, #fff);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.2);
}

.asconsole posts-status-col {
  display: flex;
  align-items: center;
  gap: 14px;
}
.asconsole posts-status-col .publish-status {
  background-color: #F8F9FC;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
  border-radius: 44px;
  height: 24px;
  padding: 4px 8px;
  text-align: center;
  max-width: 100px;
  white-space: nowrap;
}
.asconsole posts-status-col .publish-status.published {
  color: #0A5BEB;
  background-color: #F0F6FE;
}
.asconsole posts-status-col .publish-status.scheduled {
  cursor: pointer;
  color: #3c465d;
  background-color: #F5F0E0;
}
.asconsole posts-status-col .publish-status.expired {
  cursor: pointer;
  color: #CB4848;
  background-color: #F5E0E0;
}
.asconsole posts-status-col .publish-status.expiring-soon {
  cursor: pointer;
  color: var(--colors-semantic-positive, #B25300);
  background-color: #F5E0E0;
  border-radius: 999px;
  background: var(--colors-semantic-warning-pale, #FBF6F2);
}
.asconsole posts-status-col .publish-status.archived {
  color: var(--colors-semantic-positive, #B25300);
  background-color: var(--colors-semantic-warning-pale, #FBF6F2);
}
.asconsole posts-status-col .status-icon {
  display: flex;
  font-size: 16px;
  gap: 3px;
}
.asconsole posts-status-col .status-icon .icon-content-featured {
  color: #0A5BEB;
}
.asconsole posts-status-col .status-icon .icon-content-reporting {
  color: #CB4848;
}
.asconsole posts-status-col .status-icon .marked-offline-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.asconsole posts-tags-filter {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}
.asconsole posts-tags-filter asui-dropdown-typeahead {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
  margin-bottom: 14px;
}
.asconsole posts-tags-filter asui-dropdown-typeahead .textbox {
  height: 40px;
  padding-left: 35px !important;
  border-radius: 8px;
}
.asconsole posts-tags-filter asui-dropdown-typeahead .dropdown-container {
  border-radius: 8px;
}
.asconsole posts-tags-filter .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
.asconsole posts-tags-filter .tags-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
.asconsole posts-tags-filter .tags-container .tag {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 4px 8px;
  min-width: 0;
  max-width: 274px;
  background-color: #EDF2F7;
  border-radius: 999px;
  color: #1E293B;
  cursor: pointer;
}
.asconsole posts-tags-filter .tags-container .tag.active {
  background-color: #F0F6FE;
  color: #0A5BEB;
}
.asconsole posts-tags-filter .tags-container .tag span {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole posts-tags-filter .tags-container .tag span break-word {
    word-break: break-all;
  }
}

.asconsole spaces-card-space {
  border: 1px solid #DDE3EE;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid var(--neutral-300, #DDE3EE);
  box-shadow: 0px 1px 2px 0px rgba(30, 41, 59, 0.05);
  overflow: hidden;
  position: relative;
}
.asconsole spaces-card-space .hr {
  background-color: var(--light-ui-palette-border, #DBE0EA);
  width: 100%;
  height: 0.5px;
  margin: 8px 0;
}
.asconsole spaces-card-space .space-icon-container {
  position: absolute;
  top: 46px;
  left: 20px;
  width: 64px;
  height: 64px;
  z-index: 3;
  background: white;
  border-radius: 8px;
  border: 1px solid var(--neutral-0, #FFF);
  overflow: hidden;
}
.asconsole spaces-card-space .space-icon-container spaces-space-icon {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  border-radius: var(--ds-brand-radii__pageComponent, 8px);
}
.asconsole spaces-card-space .privacy-icon-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 78px;
  right: 12px;
  width: 24px;
  height: 24px;
  color: #68768D;
  z-index: 3;
  background-color: var(--colors-neutral-100, #F8F9FC);
  border-radius: 50%;
  font-size: 12px;
}
.asconsole spaces-card-space .card-thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 98px;
  z-index: 0;
}
.asconsole spaces-card-space .card-thumbnail .banner-placeholder {
  opacity: 0.1;
}
.asconsole spaces-card-space .card-thumbnail img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.asconsole spaces-card-space .popover-content {
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole spaces-card-space .popover-content .break-word {
    word-break: break-all;
  }
}
.asconsole spaces-card-space .details-container {
  display: flex;
  padding: 48px 20px 14px 20px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 16px 16px 0px 0px;
  background: var(--neutral-0, #FFF);
  height: 185px;
  margin-top: -30px;
  z-index: 1;
}
.asconsole spaces-card-space .details-container .details-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 4px;
  width: 100%;
}
.asconsole spaces-card-space .details-container .details-header .editor-menu {
  transition: opacity 0.3s ease-in-out;
  margin-top: 10px;
}
.asconsole spaces-card-space .details-container .details-header .editor-menu i {
  transition: background-color 0.2s ease-in-out;
  background-color: transparent;
  color: #475369;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  margin-top: -6px;
  margin-right: -10px;
  font-size: 16px;
}
.asconsole spaces-card-space .details-container .details-header .editor-menu i:hover {
  background-color: #EDF2F7;
}
.asconsole spaces-card-space .details-container .details-header .name {
  flex: 1;
  color: var(--neutral-900, --nc-colors__neutral900);
  /* Body M/Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole spaces-card-space .details-container .published-to {
  flex: 1;
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
  /* Body S/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole spaces-card-space .details-container .details-footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  color: var(--neutral-700, var(--colors-neutral-700, #475369));
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.asconsole spaces-card-space .details-container .details-footer .footer-right {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.asconsole spaces-card-space .details-container .details-footer .category {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  max-width: 50%;
  color: var(--nc-colors__brand1);
  background-color: var(--nc-colors__brandPale);
  padding: 4px 8px;
  border-radius: 999px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole spaces-card-space .details-container .details-footer .category break-word {
    word-break: break-all;
  }
}

.asconsole spaces-color-picker {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole spaces-color-picker .circle-div {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-right: 2px;
  cursor: pointer;
  border: 2px solid white;
}
.asconsole spaces-color-picker .circle-div:last-child {
  margin-right: 0;
}
.asconsole spaces-color-picker react-component.circle-div > div {
  width: 100%;
  height: 100%;
}
.asconsole spaces-color-picker react-component.circle-div [data-background-color-selector-popover] {
  right: 0;
  left: auto;
}
.asconsole spaces-color-picker react-component.circle-div [data-background-color-selector-container] > button {
  width: 100%;
  height: 100%;
  border-radius: 50% !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}
.asconsole spaces-color-picker react-component.circle-div [data-background-color-selector-container] > button::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../console/images/color-wheel.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.asconsole spaces-color-picker .clear-btn {
  border-radius: 50%;
  width: 29px;
  height: 29px;
  margin-left: 2px;
  padding-left: 1px;
  margin-top: 3px;
  cursor: pointer;
  border: 2px solid #DDE3EE;
  font-size: 21px;
  color: #DDE3EE;
}
.asconsole spaces-color-picker .color-picker-selected {
  border: 1px solid var(--light-ui-palette-border, #DBE0EA);
}

.asconsole spaces-directory {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: white;
}
.asconsole spaces-directory .header-container {
  border-bottom: 1px solid var(--light-ui-palette-border, #DBE0EA);
}
.asconsole spaces-directory .header-container .header {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}
.asconsole spaces-directory .header-container .view-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  height: 32px;
  width: 36px;
  border: 1px solid var(--light-ui-palette-border, #DBE0EA);
  color: var(--neutral-900, #1E293B);
  background: var(--neutral-0, #FFF);
  cursor: pointer;
}
.asconsole spaces-directory .header-container .view-button:hover {
  background: var(--neutral-200, #F7F8FA);
}
.asconsole spaces-directory .loading-container {
  display: flex;
  flex: 1;
  position: relative;
}
.asconsole spaces-directory .loading-container .add-btn {
  margin-top: 24px;
}
.asconsole spaces-directory .filter-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 18px 24px;
  background-color: white;
}
.asconsole spaces-directory .filter-bar .filter-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.asconsole spaces-directory .filter-bar .filter-row .asui-search {
  max-width: 336px;
  border-radius: 8px;
}
.asconsole spaces-directory .filter-bar .filter-row .item-count {
  color: var(--light-ui-palette-paragraph, #2D3851);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole spaces-directory .filter-bar .active-filters {
  margin-top: 14px;
}
.asconsole spaces-directory .setting-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 25px 30px;
}
.asconsole spaces-directory .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}
.asconsole spaces-directory .setting-panel .setting-row .field-label {
  min-width: 350px;
  max-width: 50vh;
  margin-right: 16px;
  color: var(--nc-colors__neutral900);
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  margin-top: 8px;
}
@media all and (max-width: 667px) {
  .asconsole spaces-directory .setting-panel .setting-row .field-label {
    min-width: 200px;
  }
}
.asconsole spaces-directory .setting-panel .setting-row .sub-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-bottom: 9px;
}
.asconsole spaces-directory .setting-panel .setting-row .field-value {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole spaces-directory .setting-panel .setting-row .field-value > input, .asconsole spaces-directory .setting-panel .setting-row .field-value .asui-dropdown {
  width: 100%;
  max-width: 400px;
}
.asconsole spaces-directory .setting-panel .setting-row .field-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole spaces-directory .setting-panel .setting-row .duration-ddl {
  width: 145px;
}
.asconsole spaces-directory .setting-panel .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole spaces-directory .setting-panel .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole spaces-directory .setting-panel .setting-row asui-dropdown-typeahead {
  background-color: white;
  max-width: 300px;
}
.asconsole spaces-directory .setting-panel .setting-row-vcenter {
  align-items: center;
}
.asconsole spaces-directory .no-content-container .non-content-text {
  max-width: 400px;
}
.asconsole spaces-directory .spaces-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.asconsole feed-icon-picker-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole feed-icon-picker-modal .modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  padding: 0;
  padding-left: 15px;
}
.asconsole feed-icon-picker-modal .modal-header .modal-title {
  flex: 1;
}
.asconsole feed-icon-picker-modal .modal-header .top-r-close {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  height: 50px;
  width: 51px;
  color: #8da0b2;
  border-left: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole feed-icon-picker-modal .modal-header .top-r-close:hover {
  color: #55697d;
}
.asconsole feed-icon-picker-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 0px;
}
.asconsole feed-icon-picker-modal .modal-footer {
  display: flex;
  gap: 11px;
}
.asconsole feed-icon-picker-modal .modal-footer .btn {
  display: flex;
  height: 40px;
  min-width: 72px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--radii-md, 8px);
}
.asconsole feed-icon-picker-modal .modal-footer .btn-default {
  border: none;
  background: var(--nc-colors__neutral200, red);
}
.asconsole feed-icon-picker-modal .modal-footer .btn-default:hover {
  background: var(--nc-colors__neutral300, #EDF2F7);
}
.asconsole .modal-feed-icon-picker {
  max-width: 320px;
}
.asconsole .modal-feed-icon-picker .modal-content {
  height: 100vh;
  max-height: 565px;
  border-radius: 8px;
  background: var(--neutral-0, #FFF);
  /* Elevation / Medium */
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  overflow: visible;
}

.asconsole spaces-icon-picker {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.asconsole spaces-icon-picker .icon-picker-color-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.asconsole spaces-icon-picker .icon-picker-color-block .icon-color-picker {
  flex: 1;
  margin: 20px 0;
  margin-bottom: 8px;
}
.asconsole spaces-icon-picker .icon-picker-color-block spaces-color-picker .clear-btn {
  display: none;
}
.asconsole spaces-icon-picker .icon-picker-icon-block {
  display: flex;
  flex: 1 1 0;
  overflow-y: auto;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-picker-icon-block-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 11px;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container {
  margin: 0 11px 11px 0;
  cursor: pointer;
  position: relative;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container asui-badge {
  z-index: 1;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: var(--colors-brand-1, #0A5BEB);
  opacity: 0.1;
  width: 100%;
  height: 100%;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  z-index: 0;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader .image-uploader {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader .image-uploader .upload-overlay {
  background-color: white;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader .image-uploader .upload-overlay .upload-full .icon {
  background-color: transparent;
  left: 8px;
  bottom: 8px;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader .image-uploader .trash-container {
  right: unset;
  top: unset;
  left: 0px;
  bottom: 0px;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader .image-uploader .trash-container i {
  background-color: transparent;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container clm-image-uploader asui-card-content .asui-card .card-thumbnail .card-thumbnail-image .thumbnail-img {
  object-fit: cover;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container img {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container .system-default-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container .system-default-icon i {
  size: 18px;
  color: white;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container .icon-image-container svg {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-container.icon-selected .badge-container {
  position: initial;
}
.asconsole spaces-icon-picker .icon-picker-icon-block .icon-picker-action-btn {
  cursor: pointer;
  position: absolute;
  left: 3px;
  bottom: 3px;
  background-color: #37393e;
  color: white;
  font-size: 80%;
  padding: 1px 4px 2px 4px;
  border-radius: 2px;
}

.asconsole manage-topic-categories {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(100vh - 7px);
  min-height: 630px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole manage-topic-categories .modal-header {
  padding: 0 0 0 32px;
  display: flex;
  align-items: center;
  border-bottom: 0;
}
.asconsole manage-topic-categories .modal-header .h8 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 32px 0 24px 0;
}
.asconsole manage-topic-categories .modal-header .icon-cross {
  font-size: 20px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole manage-topic-categories .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole manage-topic-categories .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 0 32px;
  min-height: 0;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole manage-topic-categories .modal-body {
    padding: 20px;
  }
}
.asconsole manage-topic-categories .modal-body .max-categories {
  margin-bottom: 16px;
  margin-top: 4px;
  color: var(--Light-UI-Palette-Footnote, #3C465D);
}
.asconsole manage-topic-categories .modal-body .add-container {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
.asconsole manage-topic-categories .modal-body .add-container input {
  margin: 0;
  flex: 1;
  padding: 8px 12px;
  height: 40px;
  border-radius: 8px;
}
.asconsole manage-topic-categories .modal-body .add-container .add-btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  min-width: 72px;
  height: 40px;
  margin-left: 16px;
  border-radius: 8px;
  background-color: var(--nc-colors__neutral200);
}
.asconsole manage-topic-categories .modal-body .categories-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole manage-topic-categories .modal-body .categories-container .lang-picker {
  margin-bottom: 8px;
}
.asconsole manage-topic-categories .modal-body .categories-container .category-item {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.asconsole manage-topic-categories .modal-body .categories-container .category-item input {
  margin: 0;
  flex: 1;
  padding: 8px 12px;
  height: 40px;
  border-radius: 8px;
}
.asconsole manage-topic-categories .modal-body .categories-container .category-item .icon-trash {
  cursor: pointer;
  margin-left: 14px;
  color: var(--nc-colors__neutral600);
}
.asconsole manage-topic-categories .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole manage-topic-categories .modal-body .error {
  margin-top: 10px;
  color: #CB4848;
}
.asconsole manage-topic-categories .modal-footer {
  padding: 24px 32px 32px 32px;
  display: flex;
  justify-content: flex-end;
  border-top: 0;
}
.asconsole manage-topic-categories .modal-footer button {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  display: flex;
  height: 40px;
  min-width: 72px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-weight: 500;
}
.asconsole manage-topic-categories .modal-footer .btn + .btn {
  margin-left: 8px;
}
.asconsole .modal-manage-topic-categories {
  width: 560px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-manage-topic-categories {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-manage-topic-categories .modal-content {
  border-radius: 8px;
}

.asconsole spaces-avatar-stack .avatar-stack {
  display: flex;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar-container {
  margin-left: calc(-1 * var(--nc-spacings__s8));
}
.asconsole spaces-avatar-stack .avatar-stack .avatar-container:first-child {
  margin-left: 0;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid var(--light-ui-palette-border, #DBE0EA);
  background-color: var(--nc-colors__neutral600);
}
.asconsole spaces-avatar-stack .avatar-stack .avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar .initial {
  z-index: 0;
  font-size: var(--nc-fontSizes__bodySm);
  color: var(--nc-colors__neutral0);
  font-weight: var(--nc-fontWeights__bold);
}
.asconsole spaces-avatar-stack .avatar-stack .avatar .counter {
  font-size: var(--nc-fontSizes__bodySm);
  color: var(--nc-colors__neutral900);
  font-weight: var(--nc-fontWeights__bold);
}
.asconsole spaces-avatar-stack .avatar-stack .avatar .counter-2-digit {
  font-size: 80%;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar .counter-3-digit {
  font-size: 70%;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar .counter-4-digit {
  font-size: 60%;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-left: calc(-1 * var(--nc-spacings__s8));
  border: 1px solid var(--light-ui-palette-border, #DBE0EA);
  background-color: var(--nc-colors__neutral200);
  font-size: var(--nc-fontSizes__bodySm);
  color: var(--nc-colors__neutral900);
  font-weight: var(--nc-fontWeights__bold);
}
.asconsole spaces-avatar-stack .avatar-stack .avatar-counter .value-3-digit {
  font-size: 70%;
}
.asconsole spaces-avatar-stack .avatar-stack .avatar-counter .value-3-digit {
  font-size: 60%;
}

.asconsole spaces-space-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 4px;
  overflow: hidden;
  display: inline-block;
}
.asconsole spaces-space-icon .space-icon {
  display: flex;
  position: relative;
  flex: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.asconsole spaces-space-icon .space-icon .icon-content-svg {
  width: 60%;
  height: 60%;
}
.asconsole spaces-space-icon .space-icon .icon-content-image {
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.asconsole spaces-space-icon .space-icon .icon-bg {
  position: absolute;
  opacity: 0.1;
  width: 100%;
  height: 100%;
}
.asconsole spaces-space-icon .space-icon .icon-bg-opaque {
  opacity: 1;
}

.asconsole spaces-library-popover .main-icon {
  font-size: 20px;
  color: var(--nc-colors__neutral600);
  padding: 2px;
}
.asconsole spaces-library-popover .icon-folder-open {
  cursor: pointer;
  border-radius: var(--nc-radii__md);
}
.asconsole spaces-library-popover .icon-folder-open:hover {
  background: var(--neutral-200, #F7F8FA);
}
.asconsole .library-popover .library-popover-content {
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: var(--nc-colors__neutral900);
}
.asconsole .library-popover .library-popover-content .popover-content {
  padding: 12px 14px;
  min-width: 180px;
}
.asconsole .library-popover .library-popover-content .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 12px;
}
.asconsole .library-popover .library-popover-content .header .header-left .total-files {
  font-size: 14px;
  font-weight: 600;
}
.asconsole .library-popover .library-popover-content .header .header-left .total-size {
  color: var(--nc-colors__neutral600);
}
.asconsole .library-popover .library-popover-content .header .header-right .icon-new-tab {
  font-size: 18px;
  padding: 3px;
  color: var(--nc-colors__neutral800);
  cursor: pointer;
}
.asconsole .library-popover .library-popover-content .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.asconsole .library-popover .library-popover-content .list-item:last-child {
  margin-bottom: 0;
}
.asconsole .library-popover .library-popover-content .list-item .icon {
  font-size: 16px;
  color: var(--nc-colors__neutral600);
  margin-right: 4px;
}
.asconsole .library-popover .library-popover-content .list-item .size {
  color: var(--nc-colors__neutral600);
}

.asconsole spaces-base,
.asconsole spaces-react-base {
  display: flex;
  flex: 1;
}
.asconsole spaces-react-base {
  overflow: hidden;
  width: 100%;
  max-height: calc(100vh - 60px);
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
}
.asconsole spaces-react-base .as-layout-sidebar {
  overflow: hidden;
  min-width: 0;
  min-height: 0;
}
.asconsole spaces-react-base .as-layout-sidebar > react-component[name=spacesSidebar] {
  display: flex;
  overflow: hidden;
  min-width: 65px;
  min-height: 0;
  flex: 0 0 auto;
  flex-direction: column;
  align-self: stretch;
}
.asconsole spaces-react-base .as-layout-sidebar > .content-container {
  display: flex;
  overflow: hidden;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 0;
}
.asconsole spaces-react-base .as-layout-sidebar > .content-container > spaces-react-directory,
.asconsole spaces-react-base .as-layout-sidebar > .content-container > spaces-react-sitemap,
.asconsole spaces-react-base .as-layout-sidebar > .content-container > spaces-react-insights,
.asconsole spaces-react-base .as-layout-sidebar > .content-container > spaces-react-document-libraries {
  display: flex;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
.asconsole spaces-react-directory > react-component[name=spacesDirectory] {
  display: flex;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
.asconsole spaces-react-insights {
  background-color: #fff;
}
.asconsole spaces-react-insights > .header-container {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-height: 68px;
  flex-shrink: 0;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 24px 16px;
  background-color: #fff;
}
.asconsole spaces-react-insights > .header-container .header {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin: 0;
  color: var(--neutral-900, #1E293B);
}
.asconsole spaces-react-insights > .insights-container {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 30px;
}
.asconsole spaces-react-sitemap > .spaces-sitemap-container {
  display: flex;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
.asconsole spaces-react-sitemap > .spaces-sitemap-container > react-component[name=spacesSitemap] {
  display: flex;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}
.asconsole spaces-base .as-layout-sidebar .add-btn {
  display: flex;
  align-items: center;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel {
  border-right: 1px solid #DDE3EE;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items {
  flex: 1;
  padding-bottom: 10px;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item .item-name react-component.icon {
  display: inline-flex;
  flex: none;
  width: 24px;
  height: 24px;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items .sidebar-item-skeleton {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: default;
  pointer-events: none;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion {
  margin-top: 8px;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group {
  border: 0;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group .panel-heading {
  background-color: #fff;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group .panel-heading a > span {
  padding: 24px 16px;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group .panel-heading a > span .header-container {
  margin-bottom: 0;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group .panel-heading a > span .header-container .header-left {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1em;
  letter-spacing: unset;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group .panel-heading a > span .header-container .icon {
  font-size: 16px;
  color: #68768D;
}
.asconsole spaces-base .as-layout-sidebar .sidebar-panel .sidebar-items asui-accordion .panel-group .panel-body {
  padding: 0;
}
.asconsole spaces-base .as-layout-sidebar .content-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole spaces-base .as-layout-sidebar .content-container .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  background-color: white;
  border-bottom: 1px solid var(--light-ui-palette-border, #DBE0EA);
}
.asconsole spaces-base .as-layout-sidebar .content-container .header-container .header {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.asconsole spaces-create-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.asconsole spaces-create-modal .modal-body {
  display: flex;
  flex: 1;
  min-height: 0;
  padding: 0px;
  position: relative;
}
.asconsole spaces-create-modal .modal-body react-component {
  display: flex;
  flex: 1;
  min-height: 0;
}
.asconsole spaces-create-modal .modal-body .top-r-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  color: #68768D;
  cursor: pointer;
}
.asconsole spaces-create-modal .modal-body .top-r-close:hover {
  background-color: #EDF2F7;
}
.asconsole .modal-create-space {
  width: min(1284px, 100vw - 32px);
}
.asconsole .modal-create-space .modal-content {
  height: min(816px, 90vh);
  max-height: min(816px, 90vh);
  border-radius: 8px;
  background: var(--neutral-0, #fff);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.asconsole .modal-create-space-legacy {
  width: 800px;
}
.asconsole .modal-create-space-legacy .modal-content {
  height: 100vh;
  max-height: 618px;
  border-radius: 8px;
  background: var(--neutral-0, #fff);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.asconsole spaces-edit-community-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole spaces-edit-community-modal .modal-body {
  padding: 0px;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.asconsole spaces-edit-community-modal .modal-body react-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 100%;
  width: 100%;
}
.asconsole .modal-edit-community {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-edit-community .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

body.modal-open:has(.modal-edit-community, .modal-edit-topic) [data-dropdown-open=true] {
  z-index: 1060 !important;
}

body.modal-open:has(.modal-edit-community, .modal-edit-topic) > *:not(.modal):has([role=dialog][aria-modal=true]) {
  z-index: 1060 !important;
}

body.modal-open:has(.modal-edit-community, .modal-edit-topic):has(.modal-clm-content-editor) > *:not(.modal):has([role=dialog][aria-modal=true]) {
  visibility: hidden;
  pointer-events: none;
}

body.modal-open:has(.modal-edit-community, .modal-edit-topic) .modal:has(.modal-clm-content-editor) {
  z-index: 1070 !important;
}

.asconsole spaces-edit-space-modal {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.asconsole spaces-edit-space-modal .modal-body {
  display: flex;
  flex: 1;
  padding: 0;
  overflow: hidden;
}
.asconsole spaces-edit-space-modal .modal-body react-component {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
}
.asconsole .modal-edit-space {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-edit-space .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
}

body.modal-open:has(.modal-edit-space) [data-dropdown-open=true] {
  z-index: 1060 !important;
}

body.modal-open:has(.modal-edit-space) > *:not(.modal):has([role=dialog][aria-modal=true]) {
  z-index: 1060 !important;
}

body.modal-open:has(.modal-edit-space):has(.modal-clm-content-editor) > *:not(.modal):has([role=dialog][aria-modal=true]) {
  visibility: hidden;
  pointer-events: none;
}

body.modal-open:has(.modal-edit-space) .modal:has(.modal-clm-content-editor) {
  z-index: 1070 !important;
}

body.modal-open:has(.modal-edit-widgets):has(.modal-clm-content-editor) > *:not(.modal):has([role=dialog][aria-modal=true]) {
  visibility: hidden;
  pointer-events: none;
}

body.modal-open:has(.modal-edit-widgets) .modal:has(.modal-clm-content-editor) {
  z-index: 1070 !important;
}

.asconsole spaces-edit-topic-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
.asconsole spaces-edit-topic-modal .modal-body {
  padding: 0px;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.asconsole spaces-edit-topic-modal .modal-body react-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 100%;
}
.asconsole .modal-edit-topic {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.asconsole .modal-edit-topic .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.asconsole spaces-filter-bar {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
}
.asconsole spaces-filter-bar .pill {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 4px 8px;
  background-color: #EDF2F7;
  border-radius: 999px;
  color: #1E293B;
  max-width: 200px;
  min-width: 0;
}
.asconsole spaces-filter-bar .pill > .icon {
  font-size: 16px;
  color: #333F55;
}
.asconsole spaces-filter-bar .pill .icon-cross {
  font-size: 14px;
}
.asconsole spaces-filter-bar .pill .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole spaces-filter-bar .pill .name break-word {
    word-break: break-all;
  }
}
.asconsole spaces-filter-bar .clear {
  color: #0A5BEB;
}

.asconsole spaces-directory-grid {
  padding: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 100%;
  max-height: 100%;
}
.asconsole spaces-directory-grid .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  height: 100%;
}
.asconsole spaces-directory-grid .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole spaces-directory-grid .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding: 0px 20px 20px 20px;
}
.asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid {
  flex: 1;
}
.asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container {
  margin: -20px 0 20px -20px;
}
.asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole spaces-directory-grid .table-container-outer .table-container-inner asui-grid .loading-mask {
  background-color: #f7f8fb;
}

.asconsole spaces-insights,
.asconsole spaces-react-insights {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #FFFFFF;
}
.asconsole spaces-insights .insights-container,
.asconsole spaces-react-insights .insights-container {
  flex: 1;
  padding: 24px 30px;
}
.asconsole spaces-insights .back-link,
.asconsole spaces-react-insights .back-link {
  color: var(--nc-colors__neutral500);
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}
.asconsole spaces-insights .header .separator,
.asconsole spaces-react-insights .header .separator {
  margin: 0 12px;
  color: var(--nc-colors__neutral600);
  font-weight: 400;
}
.asconsole spaces-insights .header .chart-title,
.asconsole spaces-react-insights .header .chart-title {
  font-weight: 600;
  color: var(--nc-colors__neutral800);
}

.asconsole spaces-owner-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.asconsole spaces-owner-filter user-typeahead {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole spaces-owner-filter user-typeahead .textbox {
  height: 40px;
  padding-left: 35px !important;
  border-radius: 8px;
}
.asconsole spaces-owner-filter user-typeahead .email {
  display: none;
}
.asconsole spaces-owner-filter user-typeahead .dropdown-container {
  border-radius: 8px;
}
.asconsole spaces-owner-filter > .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333F55;
  font-size: 20px;
}
.asconsole spaces-owner-filter .list {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 4px;
}
.asconsole spaces-owner-filter .list .list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 8px 16px;
  color: #0A5BEB;
  background-color: #F0F6FE;
  min-width: 0;
  border-radius: 8px;
}
.asconsole spaces-owner-filter .list .list-item .name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  flex: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole spaces-owner-filter .list .list-item .name break-word {
    word-break: break-all;
  }
}
.asconsole spaces-owner-filter .list .list-item .icon-cross {
  font-size: 18px;
}

.asconsole spaces-sitemap,
.asconsole spaces-react-sitemap {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background-color: #FFFFFF;
}
.asconsole spaces-sitemap .spaces-sitemap-container,
.asconsole spaces-react-sitemap .spaces-sitemap-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.asconsole spaces-directory-table {
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 24px;
}
.asconsole spaces-directory-table .table-container-outer {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
  height: 100%;
}
.asconsole spaces-directory-table .table-container-outer .processing-mask {
  opacity: 0.5;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 10px;
  border-top: 1px solid var(--nc-colors__neutral300);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table {
  width: 100%;
  display: flex;
  color: #0b1835;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container {
  margin: 0;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
  outline: 1px solid var(--nc-colors__neutral300);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container thead th {
  background-color: white;
  top: 0;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container thead .manage-categories {
  padding: 10px 0;
  margin-left: 30px;
  font-family: Inter;
  font-size: 12px;
  color: var(--nc-colors__brand1);
  cursor: pointer;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-table {
  margin: 0;
  border-top: 0 !important;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container .table-container .asui-input-checkbox .icon-check {
  font-size: 100%;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container .as-checkbox-column,
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .asui-table-container .as-table-checkbox-header {
  padding-left: 15px !important;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .title-td .title-container {
  display: flex !important;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .title-td spaces-space-icon {
  margin-right: 12px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .title-td .space-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .type-col {
  min-width: 120px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .type-col .space-type-container {
  display: flex;
  align-items: center;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .type-col .space-type-container i {
  font-size: 15px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .members-col {
  min-width: 120px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .category-col {
  min-width: 170px;
  max-width: 270px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .category-col > div {
  display: flex;
  min-width: 0;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .category-col .category {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  color: var(--nc-colors__brand1);
  background-color: var(--nc-colors__brandPale);
  padding: 4px 8px;
  border-radius: 999px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .category-col .category break-word {
    word-break: break-all;
  }
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .modified-col {
  min-width: 120px;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .file-col {
  min-width: 120px;
  text-align: center;
}
.asconsole spaces-directory-table .table-container-outer .table-container-inner asui-table .fa-ellipsis-h {
  color: #475369;
}

.asconsole spaces-settings {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole spaces-settings .setting-collection {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 36px 30px;
}
.asconsole spaces-settings .setting-collection .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-label {
  display: flex;
  flex-direction: column;
  min-width: 350px;
  max-width: 400px;
  width: 100%;
  margin-right: 16px;
  margin-top: 0;
  color: var(--nc-colors__neutral900);
  /* Body S/Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 18.9px */
}
.asconsole spaces-settings .setting-collection .setting-row .field-label .label-subtext {
  margin-top: 4px;
  min-width: 0;
  color: var(--nc-colors__neutral600);
  /* Caption/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 16.2px */
}
@media all and (max-width: 667px) {
  .asconsole spaces-settings .setting-collection .setting-row .field-label {
    min-width: 200px;
  }
}
.asconsole spaces-settings .setting-collection .setting-row .sub-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-bottom: 9px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value > input, .asconsole spaces-settings .setting-collection .setting-row .field-value .asui-dropdown {
  width: 100%;
  max-width: 400px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value .recurring-toggle {
  margin-top: 5px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value .field-value-labeled {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value .field-value-labeled label {
  color: var(--nc-colors__neutral900);
  font-feature-settings: "liga" off, "clig" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%; /* 16.1px */
  margin-top: 3px;
  margin-bottom: 8px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value .field-value-labeled:last-child {
  margin-bottom: 0px;
}
.asconsole spaces-settings .setting-collection .setting-row .field-value .field-value-labeled .asui-dropdown {
  margin-bottom: 0px;
}
.asconsole spaces-settings .setting-collection .setting-row .duration-ddl {
  width: 145px;
}
.asconsole spaces-settings .setting-collection .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole spaces-settings .setting-collection .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole spaces-settings .setting-collection .setting-row .asui-dropdown {
  color: var(--Neutral-900, --nc-colors__neutral900);
}
.asconsole spaces-settings .setting-collection .setting-row .asui-dropdown .dropdown-menu, .asconsole spaces-settings .setting-collection .setting-row .asui-dropdown .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole spaces-settings .setting-collection .setting-row .asui-dropdown .dropdown-menu .dropdown-item > span {
  white-space: break-spaces;
}
.asconsole spaces-settings .setting-collection .setting-row .asui-dropdown button {
  min-height: 40px;
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker {
  width: 100%;
  max-width: 400px;
  color: var(--Neutral-900, --nc-colors__neutral900);
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker,
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker .timepicker-input-popup {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker input {
  min-height: 40px;
  border-radius: 4px;
  text-align: left;
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker [uib-popover-template-popup] {
  border-color: var(--neutral-300, #DDE3EE);
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker [uib-popover-template-popup] .arrow {
  border-bottom-color: var(--neutral-300, #DDE3EE);
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker [uib-popover-template-popup] .popover-content {
  padding: 9px 14px;
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker [uib-popover-template-popup] .timepicker-input-popup {
  gap: 6px;
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker [uib-popover-template-popup] .timepicker-input-popup .timepicker-number-block {
  width: 48px;
  border-radius: 4px;
}
.asconsole spaces-settings .setting-collection .setting-row asui-timepicker [uib-popover-template-popup] .timepicker-input-popup .timepicker-input-ampm-wrapper {
  gap: 6px;
}
.asconsole spaces-settings .setting-collection .setting-row user-tags-input {
  max-width: 400px;
}
.asconsole spaces-settings .setting-collection .setting-row user-tags-input asui-tags-input .asui-tags-input {
  min-height: 40px;
}
.asconsole spaces-settings .setting-collection .setting-row-vcenter {
  align-items: center;
}

.asconsole employee-app-config-artificial-intelligence-agreements-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  color: #1E293B;
  max-height: 704px;
  padding: 32px 24px 16px 24px;
  gap: 18px;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-header {
  display: flex;
  border: 0;
  padding: 0;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-header .h8 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-header .icon-cross {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #68768D;
  padding: 6px;
  cursor: pointer;
  border-radius: 8px;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-header .icon-cross:hover {
  background-color: #DDE3EE;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 0;
  min-height: 0;
  overflow: auto;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame {
  border: 1px solid #DDE3EE;
  overflow: auto;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .agreement-content {
  display: flex;
  padding: 14px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .signing-error {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #BD5800;
  font-size: 12px;
  text-align: center;
  width: 100%;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .signing-info {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  font-size: 12px;
  text-align: center;
  width: 100%;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .signature-container {
  width: 100%;
  border: 1px solid #DDE3EE;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .signing-pad-container {
  position: relative;
  width: 100%;
  height: 170px;
  border: 1px solid #DDE3EE;
  user-select: none;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .signing-pad-container .signing-pad {
  width: 100%;
  height: 100%;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-body .agreement-content-frame .signing-pad-container button {
  position: absolute;
  top: 0;
  right: 0;
  min-width: auto;
  border-width: 0;
  margin-left: 0;
  color: #0A5BEB;
  background-color: transparent;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0 0;
  border-top: 0;
}
.asconsole employee-app-config-artificial-intelligence-agreements-modal .modal-footer .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: 8px;
  height: 40px;
  margin-left: 8px;
  font-weight: 500;
}

.asconsole employee-app-config-homepage {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #2d3851;
  background-color: #FFFFFF;
  padding: 32px;
}
.asconsole employee-app-config-homepage .add-section {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  background-color: white;
  margin-bottom: 17px;
  gap: 20px;
}
.asconsole employee-app-config-homepage .add-section .title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  margin-bottom: 8px;
  color: #002169;
}
.asconsole employee-app-config-homepage .add-section .description {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #333F55;
}
.asconsole employee-app-config-homepage .add-section asui-split-button {
  min-width: 106px;
  margin-bottom: 2px;
}
.asconsole employee-app-config-homepage .add-section asui-split-button button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole employee-app-config-homepage .add-section asui-split-button .dropdown-menu {
  right: 0;
  left: unset !important;
  top: 110%;
  border-radius: 8px;
}
.asconsole employee-app-config-homepage .add-section asui-split-button .dropdown-menu li a .btn-icon {
  margin-right: 8px;
}
.asconsole employee-app-config-homepage .filters-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 17px;
}
.asconsole employee-app-config-homepage .filters-section .filters-left {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.asconsole employee-app-config-homepage .filters-section .filters-left network-picker-dropdown {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  width: 334px;
  min-width: 334px;
  height: 40px;
}
.asconsole employee-app-config-homepage .filters-section .filters-left network-picker-dropdown .nwk-input {
  height: 100%;
  border-radius: 8px;
}
.asconsole employee-app-config-homepage .filters-section .filters-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole employee-app-config-homepage .filters-section .filters-right .asui-search {
  width: 280px;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole employee-app-config-homepage .filters-section .filters-right .total-items {
  white-space: nowrap;
  margin-left: 24px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat {
  padding: 0;
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat .hnb-link {
  font-size: 14px;
  font-weight: 500;
  color: var(--nc-colors__neutral700);
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat .hnb-link.active {
  border-bottom: 2px solid var(--nc-colors__brand1);
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat .hnb-link.active a {
  color: var(--nc-colors__brand1);
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat .nav-pills > li {
  margin-right: 24px;
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat .nav-pills > li a {
  padding: 14px 4px;
}
.asconsole employee-app-config-homepage .asui-horizontal-navbar-flat .nav-pills > li:last-child {
  margin-right: 0;
}
.asconsole employee-app-config-homepage ui-view {
  background-color: #FFFFFF !important;
}
.asconsole employee-app-config-homepage .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole employee-app-config-homepage .no-content-container .h8 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  margin: 38px 0 12px 0;
}
.asconsole employee-app-config-homepage .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole employee-app-config-homepage .no-content-container .create-btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 24px;
}
.asconsole employee-app-config-homepage .no-content-container .create-btn .icon {
  font-size: 14px;
}
.asconsole employee-app-config-homepage .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole employee-app-config-homepage .clear-filters a {
  cursor: pointer;
}
.asconsole employee-app-config-homepage .processing-mask {
  opacity: 0.5;
}
.asconsole employee-app-config-homepage .loading-mask-container {
  background-color: #FFFFFF !important;
}
.asconsole .theme-modal {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole .theme-modal .modal-header {
  position: relative;
  display: flex;
  border: 0;
  padding: 32px 32px 20px 32px;
}
.asconsole .theme-modal .modal-header .h8 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
}
.asconsole .theme-modal .modal-header .icon-cross {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #68768D;
  padding: 6px;
  cursor: pointer;
  border-radius: 8px;
}
.asconsole .theme-modal .modal-header .icon-cross:hover {
  background-color: #DDE3EE;
}
.asconsole .theme-modal .modal-body {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 0 32px;
  min-height: 0;
}
.asconsole .theme-modal .modal-body .icon-warning {
  font-size: 24px;
  color: var(--nc-colors__warning);
  background-color: var(--nc-colors__warningPale);
  border-radius: 50%;
  padding: 12px;
  margin-bottom: 12px;
}
.asconsole .theme-modal .modal-body .title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
}
.asconsole .theme-modal .modal-body .description {
  color: #68768D;
}
.asconsole .theme-modal .modal-footer {
  padding: 32px;
  display: flex;
  justify-content: flex-end;
  border-top: 0;
}
.asconsole .theme-modal .modal-footer .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: 8px;
  height: 40px;
  margin-left: 8px;
  font-weight: 500;
}

.asconsole employee-app-config-homepage-templates {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 32px 0;
}
.asconsole employee-app-config-homepage-templates .asui-search {
  width: 280px;
  height: 40px;
  border-radius: 8px;
}
.asconsole employee-app-config-homepage-templates .content-section {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  z-index: 0;
  height: calc(100% - 75px);
}
.asconsole employee-app-config-homepage-templates .content-section .processing-mask {
  opacity: 0.5;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  width: 100%;
  display: flex;
  color: #475369;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container {
  margin: 0;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .asui-table {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  overflow: hidden;
  border-collapse: separate;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container thead th {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  background-color: white;
  height: 44px;
  white-space: nowrap;
  color: #1E293B;
  border-bottom: 0 !important;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container thead th.cursor-default {
  cursor: default !important;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .name-container {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .name-container .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .name-container .desc {
  color: #68768D;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .name-container .icon {
  font-size: 32px;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .user-td {
  max-width: 150px;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .user-td > div {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .user-td > div .user-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .table-container .asui-table .user-td > div .user-name break-word {
    word-break: break-all;
  }
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .asui-table-container .pagination {
  margin-right: 10px !important;
}
.asconsole employee-app-config-homepage-templates .content-section asui-table .fa-ellipsis-h {
  color: #475369;
}
.asconsole employee-app-config-homepage-templates .content-section .clear-filters {
  padding: 10px 0;
  text-align: center;
}
.asconsole employee-app-config-homepage-templates .content-section .clear-filters a {
  cursor: pointer;
}

.asconsole employee-app-config-homepage-themes {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 0;
}
.asconsole employee-app-config-homepage-themes .asui-search {
  width: 280px;
  height: 40px;
  border-radius: 8px;
}
.asconsole employee-app-config-homepage-themes .asui-context-menu .cm-button {
  font-weight: 500;
}
.asconsole employee-app-config-homepage-themes .asui-context-menu .cm-button ng-transclude {
  align-items: center;
}
.asconsole employee-app-config-homepage-themes .asui-context-menu .cm-button ng-transclude > span {
  display: flex;
  align-items: center;
}
.asconsole employee-app-config-homepage-themes .asui-context-menu .cm-button ng-transclude > span .icon {
  margin-right: 4px;
}
.asconsole employee-app-config-homepage-themes .asui-context-menu .cm-button ng-transclude .icon-chevron-down {
  font-size: 12px;
  margin-left: 4px;
}
.asconsole employee-app-config-homepage-themes .console-filter-btn {
  background: #EDF2F7;
  padding: 4px;
  border-radius: 8px;
  margin-left: 14px;
}
.asconsole employee-app-config-homepage-themes .console-filter-btn .icon {
  font-size: 24px;
}
.asconsole employee-app-config-homepage-themes .content-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
  min-width: 0;
  padding: 20px 0 0 20px;
  flex: 0 0 10%;
}
@media (max-width: 5200px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 11.1%;
  }
}
@media (max-width: 4600px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 12.5%;
  }
}
@media (max-width: 4000px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 14.28%;
  }
}
@media (max-width: 3400px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 16.66666%;
  }
}
@media (max-width: 2800px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 20%;
  }
}
@media (max-width: 2200px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 25%;
  }
}
@media (max-width: 1600px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 33.33333%;
  }
}
@media (max-width: 1300px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 980px) {
  .asconsole employee-app-config-homepage-themes .content-section .grid-container .grid-item {
    flex: 0 0 100%;
  }
}
.asconsole employee-app-config-homepage-themes .content-section .grid-container .um-grid-item {
  position: relative;
  flex: 1;
}

.asconsole appconfig {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.asconsole appconfig .appconfig-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #fff;
  min-height: 55px;
  padding-right: 20px;
  border-bottom: 1px solid #DDE3EE;
}
@media all and (max-width: 667px) {
  .asconsole appconfig .appconfig-navbar {
    padding-right: 15px;
  }
}
.asconsole appconfig .appconfig-navbar asui-horizontal-navbar {
  border: 0;
}
@media all and (max-width: 667px) {
  .asconsole appconfig .appconfig-navbar asui-horizontal-navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.asconsole appconfig .appconfig-navbar asui-horizontal-navbar .nav-pills > li {
  margin-right: 30px;
}
@media all and (max-width: 667px) {
  .asconsole appconfig .appconfig-navbar asui-horizontal-navbar .nav-pills > li {
    margin-right: 0;
  }
  .asconsole appconfig .appconfig-navbar asui-horizontal-navbar .nav-pills > li a {
    padding: 10px;
  }
}
.asconsole appconfig .appconfig-navbar asui-horizontal-navbar .label-icon {
  height: 20px;
  width: 20px;
  vertical-align: text-bottom;
}
.asconsole appconfig ui-view {
  padding: 25px 25px;
  padding: 0;
}
@media all and (max-width: 667px) {
  .asconsole appconfig ui-view {
    padding: 15px 15px;
  }
}

.asconsole employee-app-config-artificial-intelligence {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  overflow: auto;
}

.asconsole homepage-widget-audio-digest {
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
}
.asconsole homepage-widget-audio-digest .input-label {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-audio-digest .input-label > span {
  flex: 1;
}
.asconsole homepage-widget-audio-digest input[type=number] {
  width: 120px;
}
.asconsole homepage-widget-audio-digest .size {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-audio-digest .size .size-input {
  margin: 0 8px 0 0;
}
.asconsole homepage-widget-audio-digest posts-feed-filter,
.asconsole homepage-widget-audio-digest posts-filter {
  padding: 0;
}

.asconsole brand-quick-post-template-modal {
  display: flex;
  flex-direction: column;
  min-height: 510px;
  max-height: 95vh;
  padding-bottom: var(--iphone-bottom-margin);
}
@media all and (max-width: 667px) {
  .asconsole brand-quick-post-template-modal {
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
    flex-direction: column;
  }
}
.asconsole brand-quick-post-template-modal .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  padding: 10px 10px 10px 20px;
}
.asconsole brand-quick-post-template-modal .modal-header h3 {
  margin: 0;
  width: 100%;
}
.asconsole brand-quick-post-template-modal .modal-header .icon-cross {
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
}
.asconsole brand-quick-post-template-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 8px 0 0 0;
  min-height: 0;
  background-color: #f7f8fb;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid {
  min-height: 500px;
  padding: 16px 26px 0px 26px;
  overflow-y: auto;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container {
  padding-bottom: 16px;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container .grid-item {
  flex: 0 0 33.33% !important;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container .grid-item .template-preview-container {
  background-color: white;
  border: 1px solid #DDE3EE;
  border-radius: 8px;
  cursor: pointer;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container .grid-item .template-preview-container .img-aspect {
  padding-top: 56%;
  position: relative;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container .grid-item .template-preview-container .img-aspect img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container .grid-item .template-preview-container .template-name {
  width: 100%;
  background-color: white;
  color: #333F55;
  padding: 6px 10px;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole brand-quick-post-template-modal .modal-body asui-grid .asui-grid .grid-container .grid-item .template-preview-container .template-name break-word {
    word-break: break-all;
  }
}
.asconsole .modal-brand-quick-post-template {
  width: 100%;
  max-width: 770px;
  overflow: hidden;
  border-radius: 18px;
  border: none;
}
@media all and (max-width: 667px) {
  .asconsole .modal-brand-quick-post-template {
    max-width: 100%;
    border-radius: 0;
  }
  .asconsole .modal-brand-quick-post-template .modal-content {
    height: 100%;
    border: none;
  }
}

brand-selector {
  display: flex;
  flex: 1;
}
brand-selector asui-dropdown-typeahead {
  width: 100%;
  max-width: 440px;
}

.asconsole change-template-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 289px;
  color: #1E293B;
}
.asconsole change-template-modal .modal-header {
  padding-bottom: 14px !important;
}
.asconsole change-template-modal .modal-body {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  gap: 24px;
}
.asconsole change-template-modal .modal-body .description {
  color: #68768D;
}
.asconsole change-template-modal .modal-body .input-row {
  display: flex;
  flex-direction: column;
}
.asconsole change-template-modal .modal-body .input-row .input-label {
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole .modal-change-template .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-change-template .modal-dialog .modal-content {
  width: 100%;
}

.asconsole homepage-widget-conversational-ai {
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
}
.asconsole homepage-widget-conversational-ai .input-label {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-conversational-ai .input-label > span {
  flex: 1;
}
.asconsole homepage-widget-conversational-ai .color-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 14px;
}
.asconsole homepage-widget-conversational-ai .color-container .sp-replacer {
  width: 39px;
  height: 39px;
  border: 0;
  border-radius: 50%;
}
.asconsole homepage-widget-conversational-ai .color-container .color-info {
  margin-left: 8px;
}
.asconsole homepage-widget-conversational-ai .color-container .color-info .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: #1E293B;
}
.asconsole homepage-widget-conversational-ai .color-container .color-info .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #8493AE;
}
.asconsole homepage-widget-conversational-ai .color-container:last-child {
  margin-bottom: 0;
}
.asconsole homepage-widget-conversational-ai .file-upload {
  height: 240px;
}
.asconsole homepage-widget-conversational-ai .file-upload .card-file-uploader {
  border: 0;
  border-radius: 8px;
  background-color: #EDF2F7;
}
.asconsole homepage-widget-conversational-ai .file-upload .card-file-uploader img {
  max-height: none !important;
  padding: 0 !important;
  border-radius: inherit;
  object-fit: cover !important;
}
.asconsole homepage-widget-conversational-ai .file-upload .upload-overlay {
  border-radius: inherit;
}
.asconsole homepage-widget-conversational-ai .file-upload .upload-overlay .upload-text {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole homepage-widget-conversational-ai .file-upload .upload-overlay .icon-trash {
  border-radius: 4px !important;
}
.asconsole homepage-widget-conversational-ai .file-upload .upload-overlay .icon-cloud-upload {
  display: inline !important;
}
.asconsole homepage-widget-conversational-ai .size {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-conversational-ai .size .size-input {
  margin: 0 8px 0 0;
}

.asconsole copy-theme-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 379px;
  color: #1E293B;
}
.asconsole copy-theme-modal .modal-body {
  gap: 24px;
}
.asconsole copy-theme-modal .modal-body .input-row {
  display: flex;
  flex-direction: column;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole copy-theme-modal .modal-body .input-row .input-label {
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole copy-theme-modal .modal-body .input-row input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole copy-theme-modal .modal-body .input-row .name-input.input-error {
  border-color: #CB4848;
}
.asconsole copy-theme-modal .modal-body .input-row network-picker-dropdown .nwk-input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
}
.asconsole copy-theme-modal .modal-body .input-row .error {
  color: #CB4848;
  margin-top: 4px;
}
.asconsole copy-theme-modal .modal-body .input-row .warning {
  color: var(--nc-colors__warning);
  margin-top: 4px;
}
.asconsole .modal-copy-theme .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-copy-theme .modal-dialog .modal-content {
  width: 100%;
}

.asconsole create-template-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 280px;
  color: #1E293B;
}
.asconsole create-template-modal .modal-body {
  gap: 24px;
}
.asconsole create-template-modal .modal-body .input-row {
  display: flex;
  flex-direction: column;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole create-template-modal .modal-body .input-row .input-label {
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole create-template-modal .modal-body .input-row input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole create-template-modal .modal-body .input-row .name-input.input-error {
  border-color: #CB4848;
}
.asconsole create-template-modal .modal-body .input-row .error {
  color: #CB4848;
  margin-top: 4px;
}
.asconsole .modal-create-template .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-create-template .modal-dialog .modal-content {
  width: 100%;
}

.asconsole create-theme-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  min-height: 600px;
  color: #1E293B;
}
.asconsole create-theme-modal .modal-body {
  gap: 24px;
}
.asconsole create-theme-modal .modal-body .choice-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item {
  display: flex;
  padding: 20px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  cursor: pointer;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item .choice-icon {
  font-size: 24px;
  color: #68768D;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item .choice-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: #1E293B;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item .choice-description {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #68768D;
  text-align: center;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item.active {
  border-color: #0A5BEB;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item.active .choice-icon {
  color: #0A5BEB;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item.active .choice-label {
  color: #0A5BEB;
}
.asconsole create-theme-modal .modal-body .choice-container .choice-item.active .choice-description {
  color: #0A5BEB;
}
.asconsole create-theme-modal .modal-body .input-row {
  display: flex;
  flex-direction: column;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole create-theme-modal .modal-body .input-row .input-label {
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole create-theme-modal .modal-body .input-row input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole create-theme-modal .modal-body .input-row .name-input.input-error {
  border-color: #CB4848;
}
.asconsole create-theme-modal .modal-body .input-row network-picker-dropdown .nwk-input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
}
.asconsole create-theme-modal .modal-body .input-row .error {
  color: #CB4848;
  margin-top: 4px;
}
.asconsole create-theme-modal .modal-body .input-row .warning {
  color: var(--nc-colors__warning);
  margin-top: 4px;
}
.asconsole .modal-create-theme .modal-dialog {
  max-width: 560px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-create-theme .modal-dialog .modal-content {
  width: 100%;
}

.asconsole delete-theme-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 330px;
  color: #1E293B;
}
.asconsole delete-theme-modal .modal-body {
  gap: 12px;
  align-items: center;
}
.asconsole delete-theme-modal .modal-body .description {
  text-align: center;
}
.asconsole .modal-delete-theme .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-delete-theme .modal-dialog .modal-content {
  width: 100%;
}

.asconsole employee-app-config-edit-app-link {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(100vh - 7px);
  min-height: 630px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-app-link .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole employee-app-config-edit-app-link .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole employee-app-config-edit-app-link .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole employee-app-config-edit-app-link .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole employee-app-config-edit-app-link .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole employee-app-config-edit-app-link .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: row;
  padding: 20px 25px 30px 25px;
  min-height: 0;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-edit-app-link .modal-body {
    padding: 20px;
  }
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 15px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col > input, .asconsole employee-app-config-edit-app-link .modal-body .left-col > textarea, .asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-dropdown {
  margin: 0;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col > input, .asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-dropdown .btn, .asconsole employee-app-config-edit-app-link .modal-body .left-col asui-dropdown-typeahead .textbox {
  height: 44px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col > input {
  padding: 11px 12px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col textarea {
  min-height: 86px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-dropdown .btn, .asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col user-tags-input asui-tags-input .asui-tags-input .tags .input {
  width: 289px !important;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-multiselect .bootstrap-select .btn {
  height: 44px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-multiselect .bootstrap-select .filter-option-inner-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 550px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .asui-multiselect .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .category-dropdown .dropdown-item .custom-template,
.asconsole employee-app-config-edit-app-link .modal-body .left-col .link-dropdown .dropdown-item .custom-template {
  flex-direction: column;
  align-items: flex-start;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .category-dropdown .dropdown-item .custom-template .desc,
.asconsole employee-app-config-edit-app-link .modal-body .left-col .link-dropdown .dropdown-item .custom-template .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #3c465d;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .category-dropdown .selected-item .desc,
.asconsole employee-app-config-edit-app-link .modal-body .left-col .link-dropdown .selected-item .desc {
  display: none;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .category-dropdown .dropdown-item .custom-template .desc {
  color: #0A5BEB;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .sub-label {
  color: #3c465d;
  font-size: 14px;
  margin-top: 2px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .sub-label.link {
  color: #0A5BEB;
  cursor: pointer;
  width: fit-content;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .icon-ddl li a i {
  margin-top: 0;
  font-size: 18px;
  color: #4f596e;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .approvals-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 30px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .approvals-block label {
  font-weight: 700;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .approvals-block toggle {
  margin-left: 30px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .approvals-block toggle .btn-sm .toggle-off {
  padding-right: 11px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .approvals-block toggle .btn-sm .toggle-on {
  padding-left: 9px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-link-block {
  margin-top: 15px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-link-block input {
  height: 44px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-link-block label {
  font-weight: 700;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .signed-identity-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .signed-identity-block toggle {
  margin-left: 30px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .signed-identity-block .sub-label i {
  position: relative;
  top: 2px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .signed-identity-block .sub-label .popover {
  word-wrap: break-word;
  max-width: 250px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block {
  display: block;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  min-width: 0;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-row {
  margin-top: 10px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-input-group {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-input-group .custom-query-param-prefix {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #DDE3EE;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background: var(--nc-colors__neutral100);
  color: #3c465d;
  white-space: nowrap;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-input-group > input {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 11px 12px;
  border-radius: 0;
  margin: 0;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-input-group .custom-query-param-remove {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: 0;
  padding: 0;
  border: 1px solid #DDE3EE;
  border-left-width: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
  color: var(--nc-colors__neutral600);
  cursor: pointer;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-input-group .custom-query-param-remove:hover {
  color: #333F55;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-input-group .custom-query-param-remove:focus-visible {
  outline: 2px solid #0A5BEB;
  outline-offset: 2px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-add {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0A5BEB;
  cursor: pointer;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-add i {
  margin-right: 6px;
  font-size: 14px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .custom-query-params-block .custom-query-param-add:focus-visible {
  outline: 2px solid #0A5BEB;
  outline-offset: 2px;
}
.asconsole employee-app-config-edit-app-link .modal-body .left-col .sp-replacer {
  width: 44px;
  height: 44px;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col {
  display: flex;
  flex-direction: column;
  width: 130px;
  margin-left: 10px;
  padding-top: 24px;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col .thumbnail-container {
  border-radius: 8.864px;
  border: 1px solid #DDE3EE;
  background: var(--nc-colors__neutral100);
  padding: 2px;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col .image-uploader {
  height: 130px;
  border: none;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col .image-uploader .upload-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col .image-uploader .icon-upload {
  color: #4f596e;
  font-size: 18px;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col .image-uploader .image-uploader {
  border-radius: 8px;
}
.asconsole employee-app-config-edit-app-link .modal-body .right-col .restore {
  margin-top: 10px;
}
.asconsole employee-app-config-edit-app-link .modal-body .key {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-app-link .modal-body .key .lang-picker {
  right: 0;
}
.asconsole employee-app-config-edit-app-link .modal-body .key .icon-info {
  color: #4f596e;
  cursor: pointer;
}
.asconsole employee-app-config-edit-app-link .modal-body .key:first-child {
  margin-top: 0;
}
.asconsole employee-app-config-edit-app-link .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole employee-app-config-edit-app-link .modal-body .error {
  margin-top: 10px;
  color: #CB4848;
}
.asconsole .modal-edit-app-link {
  width: 800px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-edit-app-link {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-edit-app-link .modal-content {
  border-radius: 8px;
}

.asconsole employee-app-config-edit-app-link-categories {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(100vh - 7px);
  min-height: 630px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-app-link-categories .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole employee-app-config-edit-app-link-categories .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole employee-app-config-edit-app-link-categories .modal-header .icon-cross {
  font-size: 22px;
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole employee-app-config-edit-app-link-categories .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole employee-app-config-edit-app-link-categories .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body {
  display: flex;
  flex: 1;
  flex-basis: auto;
  flex-direction: column;
  padding: 20px 25px 30px 25px;
  min-height: 0;
  overflow-y: auto;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-edit-app-link-categories .modal-body {
    padding: 20px;
  }
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .max-categories {
  margin-bottom: 16px;
  margin-top: 4px;
  color: var(--Light-UI-Palette-Footnote, #3C465D);
  /* Paragraph/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .add-container {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  margin-top: 4px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .add-container input {
  margin: 0;
  flex: 1;
  padding: 11px 12px;
  height: 44px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .add-container .add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 44px;
  margin-left: 14px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .categories-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .categories-container .lang-picker {
  margin-bottom: 8px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .categories-container .category-item {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .categories-container .category-item input {
  margin: 0;
  flex: 1;
  padding: 11px 12px;
  height: 44px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .categories-container .category-item .icon-trash {
  cursor: pointer;
  margin-left: 14px;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .loading-mask-container {
  opacity: 0.5;
}
.asconsole employee-app-config-edit-app-link-categories .modal-body .error {
  margin-top: 10px;
  color: #CB4848;
}
.asconsole .modal-edit-app-link-categories {
  width: 560px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-edit-app-link-categories {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-edit-app-link-categories .modal-content {
  border-radius: 8px;
}

.asconsole employee-app-config-edit-navigation {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  max-height: calc(100vh - 7px);
  min-height: 673px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-navigation .modal-header {
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
}
.asconsole employee-app-config-edit-navigation .modal-header .h3 {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  padding: 16px 0;
}
.asconsole employee-app-config-edit-navigation .modal-header .icon-cross {
  font-size: 22px;
  color: var(--nc-colors__neutral600);
  padding: 13px 15px;
  cursor: pointer;
}
.asconsole employee-app-config-edit-navigation .modal-header .icon-cross:hover {
  color: #333F55;
}
.asconsole employee-app-config-edit-navigation .modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}
.asconsole employee-app-config-edit-navigation .modal-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  padding: 20px 25px 30px 25px;
  min-height: 0;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-edit-navigation .modal-body {
    padding: 20px;
  }
}
.asconsole employee-app-config-edit-navigation .modal-body .info {
  display: flex;
  flex-direction: row;
  border: 1px solid #DDE3EE;
  border-radius: 4px;
}
.asconsole employee-app-config-edit-navigation .modal-body .info .vert-bar {
  background-color: #4f596e;
  width: 5px;
  border-radius: 4px 0 0 4px;
}
.asconsole employee-app-config-edit-navigation .modal-body .info .icon-info {
  color: #4f596e;
  font-size: 20px;
  margin: 10px;
}
.asconsole employee-app-config-edit-navigation .modal-body .info .info-text {
  margin: 8px 10px 8px 0;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole employee-app-config-edit-navigation .modal-body > input, .asconsole employee-app-config-edit-navigation .modal-body .asui-dropdown {
  margin: 0;
}
.asconsole employee-app-config-edit-navigation .modal-body > input, .asconsole employee-app-config-edit-navigation .modal-body .asui-dropdown .btn, .asconsole employee-app-config-edit-navigation .modal-body .textbox {
  height: 44px;
}
.asconsole employee-app-config-edit-navigation .modal-body > input {
  padding: 11px 12px;
  border-radius: 4px;
}
.asconsole employee-app-config-edit-navigation .modal-body asui-tags-input {
  margin-bottom: 0;
}
.asconsole employee-app-config-edit-navigation .modal-body asui-tags-input .asui-tags-input .tags .input {
  width: 289px !important;
}
.asconsole employee-app-config-edit-navigation .modal-body textarea {
  min-height: 86px;
}
.asconsole employee-app-config-edit-navigation .modal-body .asui-dropdown .btn, .asconsole employee-app-config-edit-navigation .modal-body .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-navigation .modal-body .asui-dropdown .btn.disabled {
  opacity: 1;
  color: #3c465d;
}
.asconsole employee-app-config-edit-navigation .modal-body .sub-label {
  color: #3c465d;
  font-size: 14px;
  margin-top: 2px;
}
.asconsole employee-app-config-edit-navigation .modal-body .sub-label.link {
  color: #0A5BEB;
  cursor: pointer;
  width: fit-content;
}
.asconsole employee-app-config-edit-navigation .modal-body .icon-ddl li a i {
  margin-top: 0;
  font-size: 18px;
  color: #4f596e;
}
.asconsole employee-app-config-edit-navigation .modal-body .status-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole employee-app-config-edit-navigation .modal-body .status-block toggle {
  margin-left: 30px;
}
.asconsole employee-app-config-edit-navigation .modal-body .key {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-edit-navigation .modal-body .key .icon-info {
  color: #4f596e;
  cursor: pointer;
}
.asconsole employee-app-config-edit-navigation .modal-body .key:first-child {
  margin-top: 0;
}
.asconsole employee-app-config-edit-navigation .modal-body asui-loading-mask.processing .loading-mask-container {
  opacity: 0.5;
}
.asconsole employee-app-config-edit-navigation .modal-body .error {
  margin-top: 10px;
  color: #CB4848;
}
.asconsole .modal-edit-navigation {
  width: 640px;
}
@media all and (max-width: 667px) {
  .asconsole .modal-edit-navigation {
    width: calc(100% - 7px);
  }
}
.asconsole .modal-edit-navigation .modal-content {
  border-radius: 8px;
}

.asconsole employee-app-config {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config ui-view {
  background-color: #f7f8fb;
}
.asconsole employee-app-config .setting-panel {
  display: flex;
  flex-direction: column;
}
.asconsole employee-app-config .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}
.asconsole employee-app-config .setting-panel .setting-row .field-label {
  min-width: 234px;
  max-width: 234px;
  margin-right: 16px;
  color: #475369;
  display: flex;
  margin-top: 8px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config .setting-panel .setting-row .field-label {
    min-width: 200px;
  }
}
.asconsole employee-app-config .setting-panel .setting-row .sub-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-bottom: 9px;
}
.asconsole employee-app-config .setting-panel .setting-row .field-value {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole employee-app-config .setting-panel .setting-row .field-value > input, .asconsole employee-app-config .setting-panel .setting-row .field-value .asui-dropdown {
  width: 100%;
  max-width: 300px;
}
.asconsole employee-app-config .setting-panel .setting-row .field-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole employee-app-config .setting-panel .setting-row .duration-ddl {
  width: 145px;
}
.asconsole employee-app-config .setting-panel .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole employee-app-config .setting-panel .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole employee-app-config .setting-panel .setting-row asui-dropdown-typeahead {
  background-color: white;
  max-width: 300px;
}
.asconsole employee-app-config .setting-panel .setting-row-vcenter {
  align-items: center;
}
.asconsole employee-app-config label {
  color: #475369;
}
.asconsole employee-app-config .bg-muted {
  opacity: 0.5;
}
.asconsole employee-app-config .btn-footer {
  margin-top: 0px;
}
.asconsole employee-app-config .btn-footer .btn-group {
  margin: 0;
}
.asconsole employee-app-config .btn-footer .btn-group .btn:first-child {
  margin-left: 0;
}

.asconsole employee-app-config-app-links {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #2d3851;
}
.asconsole employee-app-config-app-links .add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 44px;
}
.asconsole employee-app-config-app-links .top-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 13px 25px 0 25px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-app-links .top-section {
    padding: 15px 0px 0 0px;
  }
}
.asconsole employee-app-config-app-links .top-section .top-left {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
  min-width: 0;
}
.asconsole employee-app-config-app-links .top-section .top-left .add-btn {
  min-width: 76px;
  width: fit-content;
  height: 32px;
}
.asconsole employee-app-config-app-links .top-section .top-left network-picker-dropdown,
.asconsole employee-app-config-app-links .top-section .top-left user-typeahead {
  margin-left: 10px;
  width: 250px;
  min-width: 250px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-app-links .top-section .top-left user-typeahead .user-typeahead-label .email {
  display: none;
}
.asconsole employee-app-config-app-links .top-section .total-items {
  white-space: nowrap;
  margin-left: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-app-links .applinks-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 20px;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .clear-filters {
  display: flex;
  padding: 0 0 10px 0;
  justify-content: center;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .clear-filters a {
  cursor: pointer;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .table-container {
  min-width: 0;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 700 !important;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .as-order-input-column-header {
    display: none;
  }
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .row-disabled {
  opacity: 0.5;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .manage-categories {
  color: var(--main-colors-light-secondary-100, #0A5BEB);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 200% */
  letter-spacing: 0.2px;
  margin-left: 20px;
  padding: 10px 0;
  cursor: pointer;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td {
  max-width: 300px;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div {
  display: flex;
  flex-direction: row;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div {
    overflow: hidden;
  }
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div img {
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  object-fit: contain;
  min-width: 44px;
  width: 44px;
  height: 44px;
  margin-right: 14px;
  padding: 8px;
  cursor: pointer;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-right: 14px;
  cursor: pointer;
  font-size: 28px;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  color: #4f596e;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div .details {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div .details .name {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin-bottom: 4px;
  cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div .details .name break-word {
    word-break: break-all;
  }
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div .details .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .details-td .details-div .details .desc break-word {
    word-break: break-all;
  }
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .category-td {
  max-width: 300px;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .category-td .category-div {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .category-td .category-div break-word {
    word-break: break-all;
  }
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .languages-td .languages-div {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0b1835;
  /* Footnote/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
  max-width: fit-content;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td {
  min-width: 60px;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td .target-div {
  display: flex;
  white-space: nowrap;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td .target-div .no-target {
  width: 18px;
  height: 2px;
  margin: 0;
  background-color: #0b1835;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td .target-div .target {
  color: #4f596e;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td .target-div .target .icon {
  margin-right: 6px;
  color: #4f596e;
  font-size: 13px;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td .target-div .target .count {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: #0b1835;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .target-td .target-div .target:last-child {
  margin-right: 0;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .as-order-input-column input {
  height: 30px;
  width: 30px;
  border-radius: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .as-action-column .popover {
  border-radius: 6px;
  border: 1px solid #DDE3EE;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .as-action-column .item-label {
  color: #2d3851;
}
.asconsole employee-app-config-app-links .applinks-table-container .table-container-inner .asui-table .as-action-column .item-icon {
  color: #4f596e !important;
}
.asconsole employee-app-config-app-links .applinks-table-container .order-disabled .as-drag-sort-column, .asconsole employee-app-config-app-links .applinks-table-container .order-disabled .as-order-input-column, .asconsole employee-app-config-app-links .applinks-table-container .order-disabled .as-drag-sort-column-header, .asconsole employee-app-config-app-links .applinks-table-container .order-disabled .as-order-input-column-header {
  display: none;
}
.asconsole employee-app-config-app-links .applinks-table-container .order-disabled .details-td {
  padding-left: 25px;
}
.asconsole employee-app-config-app-links .applinks-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole employee-app-config-app-links .applinks-table-container .no-content-container .non-content-text {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.asconsole employee-app-config-app-links .applinks-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole employee-app-config-app-links .applinks-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}
.asconsole employee-app-config-app-links .applinks-table-container .no-content-container .clear-filters {
  cursor: pointer;
  color: #0A5BEB;
}

.asconsole employee-app-config-banner-graphic {
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-banner-graphic {
    padding: 0;
  }
}
.asconsole employee-app-config-banner-graphic clm-card-file-upload {
  height: 350px;
}
.asconsole employee-app-config-banner-graphic clm-card-file-upload img {
  background-color: white !important;
  max-height: initial !important;
}

.asconsole employee-app-config-brand {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  background-color: #FFF;
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-brand {
    padding: 0;
  }
}
.asconsole employee-app-config-brand > react-component {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.asconsole employee-app-config-brand clm-card-file-upload {
  width: 305px;
  height: 123px;
  border-radius: 10px !important;
}
.asconsole employee-app-config-brand clm-card-file-upload img {
  background-color: white !important;
  padding: 0 !important;
  max-height: initial !important;
  width: auto !important;
  max-width: 100% !important;
}
.asconsole employee-app-config-brand clm-card-file-upload div {
  border-radius: 10px !important;
}
.asconsole employee-app-config-brand clm-card-file-upload div .card-file-uploader {
  border-radius: 10px !important;
}
.asconsole employee-app-config-brand .field-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}
.asconsole employee-app-config-brand .field-value {
  margin-top: 10px;
}
.asconsole employee-app-config-brand .field-logo {
  flex: 0 !important;
  padding: 0 20px;
}
.asconsole employee-app-config-brand .custom-logo {
  padding: 20px 0;
}
.asconsole employee-app-config-brand .setting-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.asconsole employee-app-config-brand .color-container {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.asconsole employee-app-config-brand .color-container .sp-replacer {
  height: 44px;
  width: 44px;
  margin-right: 24px;
}
.asconsole employee-app-config-brand .color-container .color-info {
  display: flex;
  flex-direction: column;
}
.asconsole employee-app-config-brand .color-container:last-child {
  margin-bottom: 0;
}
.asconsole employee-app-config-brand .post-types-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: initial !important;
}
.asconsole employee-app-config-brand .post-type-container {
  display: flex;
  flex-direction: column;
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
}
.asconsole employee-app-config-brand .post-type-container .title {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.asconsole employee-app-config-brand .post-type-container .remove-template {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  border-radius: 4px;
  z-index: 10;
  cursor: pointer;
}
.asconsole employee-app-config-brand .post-type-container .remove-template i {
  font-size: 20px;
  font-weight: 700;
  color: white;
}
.asconsole employee-app-config-brand .post-type-container .preview {
  width: 140px;
  height: 78px;
}
.asconsole employee-app-config-brand .post-type-container .preview .template-preview {
  display: flex;
  border: 1px dashed #DDE3EE;
  justify-content: center;
  align-items: center;
  background-color: #f7f8fb;
  position: relative;
  cursor: pointer;
  height: 100%;
}
.asconsole employee-app-config-brand .post-type-container .preview .template-preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.asconsole employee-app-config-brand .post-type-container .preview .template-preview .template-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  color: #333F55;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.asconsole employee-app-config-brand .post-type-container .preview .no-preview-image {
  opacity: 1 !important;
}
.asconsole employee-app-config-brand .post-type-container .preview .template-preview:hover .template-name {
  opacity: 1;
}
.asconsole employee-app-config-brand .post-type-container .preview .template-preview:hover .remove-template {
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
.asconsole employee-app-config-brand .post-type-container .preview .add-button {
  display: flex;
  border: 1px dashed #DDE3EE;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
  height: 100%;
}
.asconsole employee-app-config-brand .post-type-container .preview .add-button i {
  font-size: 32px;
  color: #68768D;
}
.asconsole employee-app-config-brand .post-type-container .preview .add-button:hover i {
  color: #333F55;
}
.asconsole employee-app-config-brand .fonts-row {
  width: 100%;
  border-top: 1px solid #DDE3EE;
  padding-top: 32px;
}

.asconsole employee-app-config-navigation {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: var(--nc-colors__neutral700);
}
.asconsole employee-app-config-navigation .top-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 13px 25px;
}
.asconsole employee-app-config-navigation .top-section .top-left {
  display: flex;
  align-items: center;
  min-width: 0;
}
.asconsole employee-app-config-navigation .top-section .top-left network-picker-dropdown,
.asconsole employee-app-config-navigation .top-section .top-left user-typeahead {
  margin-right: 10px;
  width: 240px;
  min-width: 240px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-navigation .top-section .top-left user-typeahead .user-typeahead-label .email {
  display: none;
}
.asconsole employee-app-config-navigation .top-section .total-items {
  white-space: nowrap;
  margin-left: 20px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-navigation .nav-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 0;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  padding-bottom: 20px;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .clear-filters {
  display: flex;
  padding: 0 0 10px 0;
  justify-content: center;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .clear-filters a {
  cursor: pointer;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .table-container {
  min-width: 0;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container {
  margin: 0;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  margin: 0;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table {
    border: 1px solid #DDE3EE !important;
  }
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table thead th {
  background-color: #EDF2F7;
  border-bottom: 0 !important;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  font-weight: 600 !important;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .as-order-input-column-header {
    display: none;
  }
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .row-disabled {
  opacity: 0.5;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .details-td {
  max-width: 300px;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .details-td .details {
  display: flex;
  flex-direction: row;
  min-width: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .details-td .details {
    overflow: hidden;
  }
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .details-td .details .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  font-size: 20px;
  border: 1px solid #DDE3EE;
  border-radius: 3px;
  color: var(--nc-colors__neutral800);
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .details-td .details .name {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  font-weight: 500;
  cursor: pointer;
  margin-left: 14px;
  color: var(--nc-colors__neutral900);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .details-td .details .name break-word {
    word-break: break-all;
  }
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .type-td {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .languages-td .languages-div {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  max-width: fit-content;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .target-td {
  min-width: 60px;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div {
  display: flex;
  white-space: nowrap;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target {
  color: #4f596e;
  margin-right: 20px;
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target .icon {
  margin-right: 6px;
  color: #4f596e;
  font-size: 13px;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .target-td .target-div .target:last-child {
  margin-right: 0;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .as-order-input-column input {
  height: 30px;
  width: 30px;
  border-radius: 2px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .as-action-column .popover {
  border-radius: 6px;
  border: 1px solid #DDE3EE;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .as-action-column .item-label {
  color: #2d3851;
}
.asconsole employee-app-config-navigation .nav-table-container .table-container-inner .asui-table-container .asui-table .as-action-column .item-icon {
  color: #4f596e !important;
}
.asconsole employee-app-config-navigation .nav-table-container .order-disabled .as-drag-sort-column, .asconsole employee-app-config-navigation .nav-table-container .order-disabled .as-order-input-column, .asconsole employee-app-config-navigation .nav-table-container .order-disabled .as-drag-sort-column-header, .asconsole employee-app-config-navigation .nav-table-container .order-disabled .as-order-input-column-header {
  display: none;
}
.asconsole employee-app-config-navigation .nav-table-container .order-disabled .details-td {
  padding-left: 25px;
}
.asconsole employee-app-config-navigation .nav-table-container .no-content-container {
  display: flex;
  flex: 1;
}
.asconsole employee-app-config-navigation .nav-table-container .no-content-container .non-content-text {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.asconsole employee-app-config-navigation .nav-table-container .no-content-container h3 {
  color: #333F55;
}
.asconsole employee-app-config-navigation .nav-table-container .no-content-container .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #2d3851;
}

.asconsole employee-app-config-sections {
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-sections {
    padding: 0;
  }
}
.asconsole employee-app-config-sections .section-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 15px;
}
.asconsole employee-app-config-sections .section-item .name {
  width: 250px;
  font-weight: 600;
}
.asconsole employee-app-config-sections .section-item .toggle {
  width: 60px !important;
}
.asconsole employee-app-config-sections .error {
  color: #CB4848;
  margin-top: 15px;
}

.asconsole global-config {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: stretch;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole global-config ui-view {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #f7f8fb;
}
.asconsole global-config .setting-panel {
  display: flex;
  flex-direction: column;
}
.asconsole global-config .setting-panel .setting-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}
.asconsole global-config .setting-panel .setting-row .field-label {
  min-width: 234px;
  max-width: 234px;
  margin-right: 16px;
  color: #475369;
  display: flex;
  margin-top: 8px;
}
@media all and (max-width: 667px) {
  .asconsole global-config .setting-panel .setting-row .field-label {
    min-width: 200px;
  }
}
.asconsole global-config .setting-panel .setting-row .sub-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #3c465d;
  margin-bottom: 9px;
}
.asconsole global-config .setting-panel .setting-row .field-value {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole global-config .setting-panel .setting-row .field-value > input, .asconsole global-config .setting-panel .setting-row .field-value .asui-dropdown {
  width: 100%;
  max-width: 300px;
}
.asconsole global-config .setting-panel .setting-row .field-value .recurring-toggle {
  margin-top: 4px;
}
.asconsole global-config .setting-panel .setting-row .duration-ddl {
  width: 145px;
}
.asconsole global-config .setting-panel .setting-row asui-duration {
  margin-left: 10px;
  width: 145px;
  height: 32px;
}
.asconsole global-config .setting-panel .setting-row asui-duration .duration-label {
  text-align: left;
}
.asconsole global-config .setting-panel .setting-row asui-dropdown-typeahead {
  background-color: white;
  max-width: 300px;
}
.asconsole global-config .setting-panel .setting-row-vcenter {
  align-items: center;
}
.asconsole global-config label {
  color: #475369;
}
.asconsole global-config .bg-muted {
  opacity: 0.5;
}
.asconsole global-config .btn-footer {
  margin-top: 0px;
}
.asconsole global-config .btn-footer .btn-group {
  margin: 0;
}
.asconsole global-config .btn-footer .btn-group .btn:first-child {
  margin-left: 0;
}

.asconsole homepage-card {
  display: flex;
  flex-direction: column;
  border: solid 1px #DDE3EE;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0px 10px 15px 0px rgba(129, 138, 152, 0.1);
}
.asconsole homepage-card .homepage-card-icon {
  display: flex;
  justify-content: center;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #DDE3EE;
  padding: 20px;
}
.asconsole homepage-card .homepage-card-content {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.asconsole homepage-card .homepage-card-content .info-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.asconsole homepage-card .homepage-card-content .info-container .info-left {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.asconsole homepage-card .homepage-card-content .info-container .info-left .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  cursor: pointer;
  margin-bottom: 4px;
  color: #1E293B;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole homepage-card .homepage-card-content .info-container .info-left .name break-word {
    word-break: break-all;
  }
}
.asconsole homepage-card .homepage-card-content .info-container .info-left .location {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #475369;
}
.asconsole homepage-card .homepage-card-content .info-container .info-left .location .icon-geo {
  color: #333F55;
  margin-right: 4px;
  font-size: 16px;
}
.asconsole homepage-card .homepage-card-content .info-container .info-left .location .location-name {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole homepage-card .homepage-card-content .info-container .info-left .location .location-name break-word {
    word-break: break-all;
  }
}
.asconsole homepage-card .homepage-card-content .info-container .icon-context {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #68768D;
  border-radius: 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.asconsole homepage-card .homepage-card-content .info-container .icon-context:hover {
  background-color: #EDF2F7;
}
.asconsole homepage-card .homepage-card-content .homepage-card-hr {
  color: #DDE3EE;
  width: 100%;
  margin: 16px 0;
}
.asconsole homepage-card .homepage-card-content .info {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  color: #2d3851;
}
.asconsole homepage-card .homepage-card-content .info .info-icon {
  width: 18px;
  color: #4f596e;
  margin-right: 8px;
  font-size: 16px;
}
.asconsole homepage-card .homepage-card-content .info .info-img {
  color: #4f596e;
  margin-right: 8px;
  width: 18px;
}
.asconsole homepage-card .homepage-card-content .info:last-child {
  margin-bottom: 0;
}

.asconsole app-config-homepage-editor {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-size: 14px;
  position: relative;
}
.asconsole app-config-homepage-editor .he-header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 !important;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole app-config-homepage-editor .he-header .he-header-left {
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole app-config-homepage-editor .he-header .he-header-left .icon-arrow-back {
  padding: 8px;
  margin: 0 16px;
  cursor: pointer;
  color: #6275A3;
  border-radius: 8px;
}
.asconsole app-config-homepage-editor .he-header .he-header-left .icon-arrow-back:hover {
  background-color: #EDF2F7;
}
.asconsole app-config-homepage-editor .he-header .he-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  margin-right: 20px;
  position: relative;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole app-config-homepage-editor .he-header .he-header-name break-word {
    word-break: break-all;
  }
}
.asconsole app-config-homepage-editor .he-header .he-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 18px;
  color: #475369;
  height: 100%;
}
@media all and (max-width: 667px) {
  .asconsole app-config-homepage-editor .he-header .he-header-actions {
    margin-right: 10px;
  }
}
.asconsole app-config-homepage-editor .he-header .he-header-actions .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  min-width: 50px;
  font-weight: 500;
}
.asconsole app-config-homepage-editor .he-content {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1;
  min-height: 0;
}
.asconsole app-config-homepage-editor .he-content asui-loading-mask .loading-mask-container {
  background: rgba(255, 255, 255, 0.5);
}
.asconsole app-config-homepage-editor .he-content .preview {
  display: flex;
  flex: 1;
  background-color: #eef4f9;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.asconsole app-config-homepage-editor .he-content .sidebar {
  width: 520px;
  background-color: white;
  padding: 0 24px;
  overflow-y: auto;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group {
  border: 0;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel:first-child .panel-heading {
  border-top: 0;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel:last-child {
  border-bottom: 0;
  box-shadow: none;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading {
  background-color: white;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading a > span {
  padding: 24px 16px;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading .header-container {
  align-items: center;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading .header-container .header-title {
  flex: 1;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading .header-container .header-title .header-left {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  flex: 1;
  text-transform: none;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading .header-container .header-title .header-right {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: none;
  margin-right: 14px;
  color: #475369;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading .header-container .header-title .header-right .icon {
  margin-right: 4px;
  color: #68768D;
  font-size: 18px;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-heading .header-container .pull-right {
  color: #8493AE !important;
}
.asconsole app-config-homepage-editor .he-content .sidebar asui-accordion .panel-group .panel-body {
  padding: 0 16px 24px 16px;
}
.asconsole app-config-homepage-editor .acc-design {
  position: relative;
}
.asconsole app-config-homepage-editor .acc-design .icon-refresh {
  position: absolute;
  top: 26px;
  right: 48px;
  color: #8493AE;
  font-size: 20px;
  cursor: pointer;
}
.asconsole app-config-homepage-editor .input-row {
  margin-bottom: 24px;
}
.asconsole app-config-homepage-editor .input-row.cols-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.asconsole app-config-homepage-editor .input-row:last-child {
  margin-bottom: 0;
}
.asconsole app-config-homepage-editor .input-row .error {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #CB4848;
  margin-top: 8px;
}
.asconsole app-config-homepage-editor .input-row .error .icon {
  margin-right: 4px;
}
.asconsole app-config-homepage-editor .input-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole app-config-homepage-editor .input-label.label-cols-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.asconsole app-config-homepage-editor .textbox {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole app-config-homepage-editor .textbox.error {
  border-color: #CB4848;
}
.asconsole app-config-homepage-editor .size {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.asconsole app-config-homepage-editor .size input::-webkit-outer-spin-button,
.asconsole app-config-homepage-editor .size input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.asconsole app-config-homepage-editor .size input[type=number] {
  -moz-appearance: textfield;
}
.asconsole app-config-homepage-editor input[type=number] {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole app-config-homepage-editor input[type=text] {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
  width: 100%;
}
.asconsole app-config-homepage-editor .preview-icon {
  font-size: 26px;
  cursor: pointer;
  margin-right: 12px;
}
.asconsole app-config-homepage-editor .preview-icon-enabled {
  color: #0A5BEB;
}
.asconsole app-config-homepage-editor .invalid-widgets-icon {
  color: #CB4848;
  cursor: help;
  font-size: 22px;
  margin-right: 12px;
}
.asconsole app-config-homepage-editor .asui-dropdown {
  width: 100%;
  margin: 0;
}
.asconsole app-config-homepage-editor .asui-dropdown .dropdown-toggle {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px !important;
  border-radius: 8px;
}
.asconsole app-config-homepage-editor .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole app-config-homepage-editor .asui-multiselect .bootstrap-select {
  width: 100% !important;
}
.asconsole app-config-homepage-editor .asui-multiselect .bootstrap-select .btn {
  height: 40px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole app-config-homepage-editor .asui-multiselect .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole app-config-homepage-editor .input-error {
  border-color: #CB4848;
}
.asconsole .modal-homepage-editor {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-width: 100vw;
}
.asconsole .modal-homepage-editor .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
}

.invalid-widgets-popover .popover-content {
  padding: 12px 14px;
}
.invalid-widgets-popover .invalid-widgets-popover-title {
  margin-bottom: 6px;
  color: #1E293B;
  font-weight: 600;
}
.invalid-widgets-popover .invalid-widgets-popover-list {
  padding-left: 18px;
  margin: 0;
}
.invalid-widgets-popover .invalid-widgets-popover-list li {
  color: #1E293B;
  line-height: 1.6;
}
.invalid-widgets-popover .invalid-widgets-popover-list .invalid-widgets-popover-reason {
  display: block;
  color: #475369;
  font-size: 12px;
  line-height: 1.4;
}

.asconsole homepage-editor-design {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-editor-design .design-container {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-editor-design .color-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 14px;
}
.asconsole homepage-editor-design .color-container .sp-replacer {
  width: 39px;
  height: 39px;
  border: 0;
  border-radius: 50%;
}
.asconsole homepage-editor-design .color-container .color-info {
  margin-left: 8px;
}
.asconsole homepage-editor-design .color-container .color-info .name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: #1E293B;
}
.asconsole homepage-editor-design .color-container .color-info .desc {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #8493AE;
}
.asconsole homepage-editor-design .color-container:last-child {
  margin-bottom: 0;
}
.asconsole homepage-editor-design .logo-upload {
  height: 60px;
}
.asconsole homepage-editor-design .logo-upload .upload-overlay {
  flex-direction: row !important;
}
.asconsole homepage-editor-design .logo-upload .upload-overlay .icon-cloud-upload {
  display: inline !important;
  font-size: 18px !important;
  margin: 0 !important;
}
.asconsole homepage-editor-design .logo-upload.mobile {
  height: 83px;
}
.asconsole homepage-editor-design .max-items {
  display: flex;
  align-items: center;
  flex: 1;
}
.asconsole homepage-editor-design .max-items .size-input {
  width: 64px;
  margin-right: 8px;
}
.asconsole homepage-editor-design .size {
  display: flex;
  align-items: center;
  flex: 1;
}
.asconsole homepage-editor-design .size .size-input {
  width: 56px;
  margin: 0 8px;
}

.asconsole homepage-editor-footer {
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole homepage-editor-footer .footertab-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.asconsole homepage-editor-footer .footertab-container homepage-editor-footer-tabs {
  flex: 1;
}
.asconsole homepage-editor-footer .footertab-container .lang-picker {
  margin-left: 0px;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole homepage-editor-footer asui-rich-text .fr-wrapper {
  border: 1px solid #DDE3EE !important;
  border-top: none !important;
}
.asconsole homepage-editor-footer asui-rich-text .fr-element {
  border: none !important;
}
.asconsole homepage-editor-footer asui-rich-text .fr-element h3 {
  /* Body L/Regular */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 24.3px */
  margin: 0 0 6px;
}
.asconsole homepage-editor-footer asui-rich-text .fr-element h4 {
  /* Body M/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 4px;
}
.asconsole homepage-editor-footer asui-rich-text .fr-element p {
  /* Body S/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 18.9px */
  margin: 0 0 4px;
}
.asconsole homepage-editor-footer .row-col {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole homepage-editor-footer .row-col .sp-replacer {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.asconsole homepage-editor-footer .row-col .color-swatch-readonly {
  width: 40px;
  height: 40px;
  border: 1px solid #DDE3EE;
  border-radius: 50%;
  cursor: not-allowed;
}
.asconsole homepage-editor-footer .no-content-container {
  margin-top: 0;
}
.asconsole homepage-editor-footer .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole homepage-editor-footer .no-content-container .non-content-text h3 {
  font-size: 20px;
  font-weight: 700;
}
.asconsole homepage-editor-footer .no-content-container .non-content-text .desc {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole homepage-editor-footer .no-content-container .non-content-text .create-btn {
  display: flex;
  align-items: center;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100px;
  margin-top: 24px;
  height: 40px;
  border-radius: 8px;
}
.asconsole homepage-editor-footer .no-content-container .non-content-text .create-btn .icon {
  font-size: 16px;
}

.asconsole homepage-editor-footer-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
  margin-bottom: 18px;
  gap: 24px;
}
.asconsole homepage-editor-footer-tabs .tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 54px;
  padding: 0 2px;
  border-bottom: 2px solid transparent;
}
.asconsole homepage-editor-footer-tabs .tab .tab-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  align-items: center;
  height: 100%;
  color: #475369;
  font-weight: 500;
}
.asconsole homepage-editor-footer-tabs .tab .context-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-left: 7px;
  cursor: pointer;
  color: #68768D;
}
.asconsole homepage-editor-footer-tabs .tab .context-menu:hover {
  background: #EDF2F7;
}
.asconsole homepage-editor-footer-tabs .tab.active {
  border-bottom-color: #0A5BEB;
}
.asconsole homepage-editor-footer-tabs .tab.active .tab-label {
  color: #0A5BEB;
}
.asconsole homepage-editor-footer-tabs .add-btn {
  height: 24px;
  width: 24px;
  padding: 3px;
  border: 0;
  border-radius: 8px;
  background: #EDF2F7;
}
.asconsole homepage-editor-footer-tabs .add-btn .icon-plus {
  font-size: 16px;
}

.asconsole homepage-editor-general {
  display: flex;
  flex-direction: column;
  position: relative;
}
.asconsole homepage-editor-general network-picker-dropdown .nwk-input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  height: 40px;
  border-radius: 8px;
}
.asconsole homepage-editor-general .template-info {
  display: flex;
  padding: 16px 20px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 14px;
  background-color: var(--nc-colors__brandPale);
}
.asconsole homepage-editor-general .template-info .icon {
  font-size: 24px;
  color: var(--nc-colors__brand1);
}
.asconsole homepage-editor-general .template-info .template-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.asconsole homepage-editor-general .template-info .template-text .template-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  color: var(--nc-colors__neutral-900);
}
.asconsole homepage-editor-general .template-info .template-text .template-description {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: var(--nc-colors__neutral-700);
}

.asconsole homepage-editor-hero-banner-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
  margin-bottom: 18px;
  min-width: 0;
}
.asconsole homepage-editor-hero-banner-tabs .tabs-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: auto;
  min-width: 0;
}
.asconsole homepage-editor-hero-banner-tabs .tabs-container::-webkit-scrollbar {
  display: none;
}
.asconsole homepage-editor-hero-banner-tabs .tabs-container .tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.asconsole homepage-editor-hero-banner-tabs .tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 54px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.asconsole homepage-editor-hero-banner-tabs .tab .tab-title {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  align-items: center;
  height: 100%;
  color: #475369;
  font-weight: 500;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asconsole homepage-editor-hero-banner-tabs .tab .context-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-left: 4px;
  cursor: pointer;
  color: #68768D;
}
.asconsole homepage-editor-hero-banner-tabs .tab .context-menu:hover {
  background: #EDF2F7;
}
.asconsole homepage-editor-hero-banner-tabs .tab:hover {
  color: #0A5BEB;
}
.asconsole homepage-editor-hero-banner-tabs .tab.active {
  border-bottom-color: #0A5BEB;
}
.asconsole homepage-editor-hero-banner-tabs .tab.active .tab-title {
  color: #0A5BEB;
}
.asconsole homepage-editor-hero-banner-tabs .tab.add {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 7.5px;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  border-radius: 8px;
  background: #EDF2F7;
}
.asconsole homepage-editor-hero-banner-tabs .tab.add .icon-plus {
  font-size: 14px;
  margin-left: 1px;
  margin-top: 1px;
  color: #68768D;
}
.asconsole homepage-editor-hero-banner-tabs .tab.add:hover {
  background: #DDE3EE;
}

.asconsole homepage-editor-layout {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-editor-layout .layout-container {
  display: flex;
  gap: 24px;
  height: 164px;
}
.asconsole homepage-editor-layout .layout-container .column {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 9px;
  border: 1px solid transparent;
  cursor: pointer;
  color: #8493AE;
}
.asconsole homepage-editor-layout .layout-container .column svg {
  margin-bottom: 25px;
  fill: #DDE3EE;
}
.asconsole homepage-editor-layout .layout-container .column:hover, .asconsole homepage-editor-layout .layout-container .column.selected {
  border-color: #DDE3EE;
  background-color: #F0F6FE;
}
.asconsole homepage-editor-layout .layout-container .column.selected {
  border-color: #0A5BEB;
}
.asconsole homepage-editor-layout .layout-container .column.selected svg {
  fill: #0A5BEB;
}
.asconsole homepage-editor-layout .layout-container .column.selected span {
  color: #0A5BEB;
}
.asconsole homepage-editor-layout .input-row .icon-info {
  font-size: 16px;
  margin-left: 8px;
  color: #4f596e;
  cursor: pointer;
}
.asconsole homepage-editor-layout .input-row .input-label {
  display: flex;
  align-items: center;
}
.asconsole homepage-editor-layout .input-row .input-label .context-menu-container {
  display: flex;
  flex: 1;
  justify-content: end;
  align-items: center;
  min-height: 24px;
}
.asconsole homepage-editor-layout .input-row .input-label .context-menu-container .icon-mobile {
  color: #0A5BEB;
  font-size: 16px;
  margin-right: 6px;
}
.asconsole homepage-editor-layout .input-row .input-label .context-menu-container .icon-context {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 7.5px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radii-md, 6px);
}
.asconsole homepage-editor-layout .input-row .input-label .context-menu-container .icon-context:hover {
  background-color: var(--nc-colors__neutral200);
}
.asconsole homepage-editor-layout .input-row .input-label .context-menu-container .context-btn .popover {
  max-height: 48vh;
  overflow-y: auto;
}
.asconsole homepage-editor-layout .input-row .input-label .context-menu-container .context-btn .popover.bottom, .asconsole homepage-editor-layout .input-row .input-label .context-menu-container .context-btn .popover.top {
  margin-top: 0;
  border-radius: 12px;
}

.asconsole homepage-editor-newsfeed-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
  margin-bottom: 18px;
  gap: 24px;
}
.asconsole homepage-editor-newsfeed-tabs .tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 54px;
  padding: 0 2px;
  border-bottom: 2px solid transparent;
}
.asconsole homepage-editor-newsfeed-tabs .tab .tab-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  align-items: center;
  height: 100%;
  color: #475369;
  font-weight: 500;
}
.asconsole homepage-editor-newsfeed-tabs .tab .context-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-left: 7px;
  cursor: pointer;
  color: #68768D;
}
.asconsole homepage-editor-newsfeed-tabs .tab .context-menu:hover {
  background: #EDF2F7;
}
.asconsole homepage-editor-newsfeed-tabs .tab.active {
  border-bottom-color: #0A5BEB;
}
.asconsole homepage-editor-newsfeed-tabs .tab.active .tab-label {
  color: #0A5BEB;
}
.asconsole homepage-editor-newsfeed-tabs .add-btn {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 7.5px;
  justify-content: center;
  align-items: center;
  margin-top: -2px;
  border-radius: 8px;
  border: 0;
  background: #EDF2F7;
}
.asconsole homepage-editor-newsfeed-tabs .add-btn .icon-plus {
  font-size: 14px;
  margin-left: 1px;
  margin-top: 1px;
  color: #68768D;
}
.asconsole homepage-editor-newsfeed-tabs .add-btn:hover {
  background: #DDE3EE;
}

.asconsole homepage-editor-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  align-items: center;
  padding: 20px;
}
.asconsole homepage-editor-preview .preview-type {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  margin-bottom: 20px;
}
.asconsole homepage-editor-preview .preview-type .asui-dropdown {
  margin: 0;
  height: initial;
}
.asconsole homepage-editor-preview .preview-type .asui-dropdown .dropdown-toggle {
  font-weight: 600;
}
.asconsole homepage-editor-preview .preview-type .asui-dropdown .btn {
  height: initial;
  background-color: transparent !important;
  border: none !important;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  box-shadow: none;
}
.asconsole homepage-editor-preview .mobile browse-home-layout-multi-column {
  padding: 24px 16px !important;
  padding-top: 79px !important;
}
.asconsole homepage-editor-preview .mobile browse-home-layout-multi-column .container-columns .container-column .container-widget hr {
  margin: 24px 0;
}
.asconsole homepage-editor-preview .mobile .nav-bar {
  height: 55px !important;
  padding: 0 16px !important;
}
.asconsole homepage-editor-preview .mobile .nav-bar .logo {
  align-items: center !important;
  width: max-content !important;
  min-width: 50vw !important;
  max-width: 100% !important;
  height: 32px !important;
}
.asconsole homepage-editor-preview .mobile .nav-bar .logo img {
  height: calc(32px * var(--logo-scale, 1)) !important;
  width: auto !important;
  max-width: calc(50vw * var(--logo-scale, 1)) !important;
  max-height: 40px !important;
}
.asconsole homepage-editor-preview .mobile .nav-bar .menu-item {
  display: none !important;
}
.asconsole homepage-editor-preview .tablet browse-home-layout-multi-column {
  padding: 37px 22px !important;
  padding-top: 92px !important;
}
.asconsole homepage-editor-preview .tablet .nav-bar {
  padding: 0 24px !important;
}
.asconsole homepage-editor-preview .web browse-home-layout-multi-column {
  padding: 37px 60px !important;
  padding-top: 109px !important;
}
.asconsole homepage-editor-preview .preview-area {
  display: flex;
  align-items: start;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.asconsole homepage-editor-preview .preview-area .preview-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 1552px;
  height: 1967px;
  transform-origin: left top;
  background: var(--light-ui-palette-card-bar, #FFF);
  /* Elevation/Small */
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07);
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 0 64px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 72px;
  border-bottom: 1px solid var(--neutral-300, #DDE3EE);
  background: var(--nc-colors__navigationBackgroundColor, var(--neutral-0, #FFF));
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .logo {
  display: flex;
  align-items: center;
  height: 32px;
  width: max-content;
  min-width: 155px;
  max-width: 100%;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .logo img {
  height: calc(32px * var(--logo-scale, 1));
  width: auto;
  max-width: calc(155px * var(--logo-scale, 1));
  max-height: 56px;
  object-fit: contain;
  object-position: left center;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .menu-items {
  margin: 0 32px;
  display: flex;
  flex-direction: row;
  flex: 1;
  height: 100%;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
  align-items: center;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .menu-items .menu-item {
  padding: 0 4px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 4px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.08em;
  white-space: nowrap;
  cursor: pointer;
  color: var(--nc-colors__navigationDefaultColor, var(--neutral-900, #1a2b4a));
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .menu-items .menu-item span {
  margin-top: 8px;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .menu-items .menu-item:hover {
  color: var(--nc-colors__navigationHoverActiveColor, var(--nc-colors__brand1, #0a5beb));
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .menu-items .home-menu {
  color: var(--nc-colors__navigationHoverActiveColor, var(--nc-colors__brand1, #0a5beb));
  font-family: Inter;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.08em;
  box-shadow: inset 0 -4px var(--nc-colors__navigationHoverActiveColor, var(--nc-colors__brand1, #0a5beb));
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .menu-items .home-menu i {
  margin-right: 4px;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .avatar {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: var(--ds-brand-radii__avatar, 50%);
  background: var(--colors-neutral-200, #EDF2F7);
  margin-left: 32px;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .nav-bar .avatar img {
  width: 100%;
  height: 100%;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .asui asui-skeleton .skeleton-box {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #EDF2F7;
  border-radius: var(--ds-brand-radii__pageComponent, 0);
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled browse-home-layout-multi-column {
  width: 100%;
  min-height: 100%;
  padding: 30px 60px;
  background: var(--nc-colors__backgroundColor, transparent);
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled browse-home-layout-multi-column .skeleton-box::after {
  display: none;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled browse-home-layout-multi-column browse-home-widget-common-header {
  pointer-events: none;
  /* Re-enable hover on the "View more" link so the brand's link
     hover color + underline are demonstrable in the preview. */
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled browse-home-layout-multi-column browse-home-widget-common-header .widget-header-link a {
  pointer-events: auto;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled browse-home-layout-multi-column .widget-content {
  pointer-events: none;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .footer-sticky {
  bottom: 0;
  position: sticky;
}
@media all and (max-width: 667px) {
  .asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .footer-sticky {
    position: relative;
  }
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled .footer-mobile-hide {
  display: none;
}
.asconsole homepage-editor-preview .preview-area .preview-container .preview-container-scaled browse-home-footer {
  width: 100%;
  z-index: 1;
}

.asconsole homepage-editor-widgets {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-editor-widgets .add-btn .cm-button ng-transclude {
  display: flex;
  align-items: center;
  height: 32px;
  background-color: #EDF2F7;
  border-radius: 8px;
  padding: 10px;
}
.asconsole homepage-editor-widgets .add-btn .cm-button ng-transclude .icon-plus {
  margin-right: 4px;
  font-size: 14px;
  color: #333F55;
}
.asconsole homepage-editor-widgets .add-btn .cm-button ng-transclude .icon-chevron-down {
  margin-left: 6px;
  font-size: 10px;
  color: #333F55;
}
.asconsole homepage-editor-widgets .add-btn .popover {
  max-height: 48vh;
  overflow-y: auto;
}
.asconsole homepage-editor-widgets .add-btn .popover.bottom, .asconsole homepage-editor-widgets .add-btn .popover.top {
  margin-top: 0;
  border-radius: 12px;
}
.asconsole homepage-editor-widgets .add-btn .popover-content .cm-item-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.asconsole homepage-editor-widgets .add-btn .popover-content .cm-item-disabled:hover {
  background-color: white;
}
.asconsole homepage-editor-widgets .navbar-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar {
  border: 0;
  height: 50px;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar .nav {
  height: 100%;
  align-items: center;
  min-width: 0;
}
.asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar .nav li {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  height: 100%;
  margin-right: 24px;
  min-width: 0;
}
.asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar .nav li a {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  padding: 10px 4px 14px 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar .nav li a break-word {
    word-break: break-all;
  }
}
.asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar .nav li.active {
  border-bottom: 2px solid #0A5BEB;
}
.asconsole homepage-editor-widgets .navbar-container asui-horizontal-navbar .nav li.active a {
  color: #0A5BEB;
}
.asconsole homepage-editor-widgets .navbar-container .col-count-2 li {
  max-width: 50%;
}
.asconsole homepage-editor-widgets .navbar-container .col-count-3 li {
  max-width: 33%;
}
.asconsole homepage-editor-widgets .asui-table-container {
  margin: 8px 0 0 0;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  border: 0 !important;
  margin: 0;
  color: #333F55;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .as-table-row {
  border-radius: 14px;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .as-table-row:hover {
  background-color: #F8F9FC;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table td {
  border-top: 0 !important;
  height: 68px;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table td:first-child {
  padding-left: 14px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table td:last-child {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .name-td > div {
  height: 100%;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .name-td .name {
  display: flex;
  align-items: center;
  height: 100%;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .name-td .name react-component.cosmos-icon {
  display: flex;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .name-td .name .icon, .asconsole homepage-editor-widgets .asui-table-container .asui-table .name-td .name svg {
  width: 26px;
  font-size: 24px;
  margin-right: 10px;
  color: #1E293B;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .icon-context {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
}
.asconsole homepage-editor-widgets .asui-table-container .asui-table .icon-context:hover {
  background-color: #DDE3EE;
}
.asconsole homepage-editor-widgets .no-content-container {
  margin-top: 40px;
}
.asconsole homepage-editor-widgets .no-content-container .non-content-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.asconsole homepage-editor-widgets .no-content-container .non-content-text h3 {
  font-size: 20px;
  font-weight: 700;
}
.asconsole homepage-editor-widgets .no-content-container .non-content-text .add-btn {
  display: block;
  width: 80px;
  margin-top: 24px;
}
.asconsole homepage-editor-widgets .no-content-container .non-content-text .add-btn .cm-button ng-transclude {
  background-color: #0A5BEB;
  color: white;
}
.asconsole homepage-editor-widgets .no-content-container .non-content-text .add-btn .cm-button ng-transclude .icon {
  color: white;
}
.asconsole homepage-editor-widgets .widget-editor {
  position: fixed;
  right: -520px;
  top: 0;
  transition: right 0.5s;
}
.asconsole homepage-editor-widgets .slide-in {
  right: 0;
}
.asconsole homepage-editor-widgets .item-icon img {
  width: 18px;
  margin-top: 2px;
}

.asconsole homepage-widget-editor {
  width: 520px;
  height: 100%;
  background-color: white;
  border-left: 1px solid #DDE3EE;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
.asconsole homepage-widget-editor .we-header {
  display: flex;
  width: 100%;
  height: 70px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole homepage-widget-editor .we-header .we-header-left {
  display: flex;
  align-items: center;
  font-size: 18px;
  min-width: 0;
  position: relative;
}
.asconsole homepage-widget-editor .we-header .we-header-left .icon-arrow-back {
  padding: 8px;
  margin: 0 16px;
  cursor: pointer;
  color: #6275A3;
  border-radius: 8px;
}
.asconsole homepage-widget-editor .we-header .we-header-left .icon-arrow-back:hover {
  background-color: #EDF2F7;
}
.asconsole homepage-widget-editor .we-header .we-header-name {
  display: flex;
  align-items: center;
  height: 70px;
  flex: 1;
  font-size: 18px;
  min-width: 0;
  margin-right: 20px;
  position: relative;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole homepage-widget-editor .we-header .we-header-name break-word {
    word-break: break-all;
  }
}
.asconsole homepage-widget-editor .we-header .we-header-actions {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.asconsole homepage-widget-editor .we-header .we-header-actions .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  min-width: 50px;
  font-weight: 500;
  margin-right: 8px;
  border-radius: 8px;
}
.asconsole homepage-widget-editor .we-header .we-header-actions .btn:last-child {
  margin-right: 0;
}
.asconsole homepage-widget-editor .we-content {
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow-y: auto;
  height: calc(100vh - 70px);
}
.asconsole homepage-widget-editor .we-content .column-container {
  display: flex;
  gap: 14px;
  height: 80px;
}
.asconsole homepage-widget-editor .we-content .column-container .column {
  width: 144px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 12px;
}
.asconsole homepage-widget-editor .we-content .column-container .column .column-name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  line-height: 100%;
  color: #8493AE;
  margin-top: 8px;
}
.asconsole homepage-widget-editor .we-content .column-container .column:hover, .asconsole homepage-widget-editor .we-content .column-container .column.active {
  border-color: #DDE3EE;
  background-color: #F0F6FE;
}
.asconsole homepage-widget-editor .we-content .column-container .column.active {
  border-color: #0A5BEB;
}
.asconsole homepage-widget-editor .we-content .column-container .column.active .column-name {
  color: #0A5BEB;
}
.asconsole homepage-widget-editor .widget-title {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-editor .widget-title .title-label {
  display: flex;
  flex: 1;
}
.asconsole homepage-widget-editor .widget-title .lang-picker {
  margin-right: 14px;
}
.asconsole homepage-widget-editor .toggle.btn-sm {
  min-width: 0 !important;
  width: 56px !important;
}
.asconsole homepage-widget-editor .toggle .toggle-on.btn-sm {
  padding-left: 8px;
}
.asconsole homepage-widget-editor .toggle .toggle-off.btn-sm {
  padding-right: 8px;
}

.asconsole delete-template-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 330px;
  color: #1E293B;
}
.asconsole delete-template-modal .modal-body {
  gap: 12px;
  align-items: center;
}
.asconsole delete-template-modal .modal-body .description {
  text-align: center;
}
.asconsole .modal-delete-template .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-delete-template .modal-dialog .modal-content {
  width: 100%;
}

.asconsole employee-app-config-navigation-preview {
  display: flex;
  flex: 1;
}
.asconsole employee-app-config-navigation-preview .preview-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  flex-basis: auto;
  min-height: 0;
  width: 100%;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  height: 60px;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header .icon-arrow-back {
  color: #4f596e;
  font-size: 18px;
  padding: 20px 25px;
  cursor: pointer;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header .icon-arrow-back:hover {
  color: #475369;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header .header-title {
  color: #1E293B;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  margin-right: 52px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header network-picker-dropdown,
.asconsole employee-app-config-navigation-preview .preview-container .preview-header user-typeahead {
  margin-right: 10px;
  width: 240px;
  max-width: 240px;
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header user-typeahead .user-typeahead-label .email {
  display: none;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header .res-icon-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin-left: 3px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header .res-icon-container .icon {
  font-size: 18px;
  cursor: pointer;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-header .res-icon-container .icon.active {
  background-color: #0A5BEB;
  color: white;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  padding: 28px 36px;
  position: relative;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner {
  border: 1px solid #DDE3EE;
  border-radius: 12px;
  width: 100%;
  max-width: 1280px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner.mobile-view {
  max-width: 375px;
  height: 800px;
  max-height: 800px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 74px;
  align-items: center;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu .logo-container {
  display: flex;
  height: 32px;
  width: 138px;
  overflow: hidden;
  margin-left: 24px;
  margin-right: 64px;
}
@media all and (max-width: 1150px) {
  .asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu .logo-container {
    width: 120px;
  }
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu .logo-container img {
  width: 100%;
  object-fit: contain;
  object-position: left center;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu browse-section-menu {
  flex: 1;
  min-width: none;
  margin-right: 64px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu browse-section-menu .secondary-container.secondary-open {
  max-height: calc(100vh - 200px);
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu .menu-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu .menu-right .asui-search {
  max-width: 340px;
  margin-right: 24px;
  margin-bottom: 0;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-menu .menu-right .user-icon-container {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #DDE3EE;
  margin-right: 24px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  max-height: calc(100vh - 190px);
  overflow-y: auto;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-left {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  padding: 24px 0 0 24px;
  height: fit-content;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-left .main-1 {
  width: 100%;
  height: 300px;
  margin-bottom: 34px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-left .main-2 {
  display: flex;
  width: 100%;
  padding-bottom: 24px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-left .main-2 .main-2-1 {
  width: 50%;
  height: 300px;
  margin-right: 34px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-left .main-2 .main-2-1:last-child {
  margin-right: 0;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right {
  display: flex;
  flex-direction: column;
  width: 364px;
  max-width: 364px;
  padding: 50px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-1 {
  width: 100%;
  height: 24px;
  margin-bottom: 24px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-2 {
  width: 227px;
  height: 24px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right hr {
  margin: 38px 0;
  width: 100%;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-item .side-item-icon {
  min-width: 56px;
  height: 56px;
  border-radius: 8px;
  margin-right: 16px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-item .side-item-text {
  display: flex;
  flex-direction: column;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-item .side-item-text .text1 {
  height: 17px;
  width: 100%;
  margin-bottom: 14px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .preview-content-right .side-item .side-item-text .text2 {
  height: 17px;
  width: 200px;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container .preview-container-inner .preview-content .content-box {
  border-radius: 12px;
  background-color: #EDF2F7;
}
.asconsole employee-app-config-navigation-preview .preview-container .preview-container asui-loading-mask {
  opacity: 0.5;
}

.asconsole old-employee-app-config-artificial-intelligence {
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole old-employee-app-config-artificial-intelligence {
    padding: 0;
  }
}
.asconsole old-employee-app-config-artificial-intelligence .field-value {
  align-self: center;
}
.asconsole old-employee-app-config-artificial-intelligence .agreement-review-container {
  display: flex;
  width: 100%;
  padding: 20px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #DDE3EE;
  background: #FFFFFF;
  margin-bottom: 32px;
}
.asconsole old-employee-app-config-artificial-intelligence .agreement-review-container .icon {
  color: #0A5BEB;
  font-size: 24px;
}
.asconsole old-employee-app-config-artificial-intelligence .agreement-review-container .agreement-title {
  font-weight: 600;
}
.asconsole old-employee-app-config-artificial-intelligence .agreement-review-container .agreement-info {
  font-size: 14px;
}
.asconsole old-employee-app-config-artificial-intelligence .agreement-review-container .agreement-actions {
  margin-left: auto;
}
.asconsole old-employee-app-config-artificial-intelligence .agreement-review-container .agreement-actions button {
  min-width: 0;
}

.asconsole employee-app-config-org-chart {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
}

.asconsole homepage-orphan-widgets-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  color: #1E293B;
}
.asconsole homepage-orphan-widgets-modal .modal-header {
  display: flex;
  padding: 12px;
}
.asconsole homepage-orphan-widgets-modal .modal-header .h3 {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 14px 16ox;
  margin: 0;
}
.asconsole homepage-orphan-widgets-modal .modal-header .icon-cross {
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #68768D;
  padding: 6px;
  cursor: pointer;
  border-radius: 8px;
}
.asconsole homepage-orphan-widgets-modal .modal-header .icon-cross:hover {
  background-color: #DDE3EE;
}
.asconsole homepage-orphan-widgets-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  padding: 16px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole homepage-orphan-widgets-modal .modal-footer {
  padding: 32px;
  display: flex;
  justify-content: flex-end;
}
.asconsole homepage-orphan-widgets-modal .modal-footer .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  border-radius: 8px;
  margin-left: 8px;
  font-weight: 500;
}
.asconsole homepage-orphan-widgets-modal .modal-footer .move-btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  font-weight: 500;
}
.asconsole homepage-orphan-widgets-modal .modal-footer .move-btn .cm-button ng-transclude {
  display: flex;
  align-items: center;
  height: 32px;
  background-color: #EDF2F7;
  border-radius: 8px;
  padding: 10px;
}
.asconsole homepage-orphan-widgets-modal .modal-footer .move-btn .cm-button ng-transclude .icon-chevron-down {
  margin-left: 6px;
  font-size: 10px;
  color: #333F55;
}
.asconsole homepage-orphan-widgets-modal .modal-footer .move-btn .popover.bottom {
  margin-top: 0;
  border-radius: 12px;
}

.asconsole employee-app-config-presence {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  overflow: auto;
}

.asconsole employee-app-config-artificial-intelligence-required-agreements {
  display: flex;
  width: 100%;
  padding: 64px 32px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms {
  display: flex;
  width: 602px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .icon-container {
  display: flex;
  width: 280px;
  height: 280px;
  padding: 26.367px 23.333px 26.58px 23.333px;
  justify-content: center;
  align-items: center;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .icon-container img {
  height: 100%;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .required-terms-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-12, 12px);
  align-self: stretch;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .required-terms-message .required-terms-title {
  font-family: var(--nc-fontFamilies__headlines, Poppins, Arial, Helvetica, sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.4px;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .required-terms-message .required-terms-text {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .actions-container {
  margin-top: 12px;
}
.asconsole employee-app-config-artificial-intelligence-required-agreements .required-terms .actions-container button {
  padding: 10px;
  height: auto;
  width: auto;
  border-radius: 8px;
}

.asconsole employee-app-config-restriction-profiles {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  overflow: auto;
}

.asconsole save-template-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 271px;
  color: #1E293B;
}
.asconsole save-template-modal .modal-body {
  gap: 24px;
}
.asconsole save-template-modal .modal-body .input-row {
  display: flex;
  flex-direction: column;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.asconsole save-template-modal .modal-body .input-row .input-label {
  font-weight: 500;
  margin-bottom: 8px;
}
.asconsole save-template-modal .modal-body .input-row input {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border-radius: 8px;
  margin: 0;
}
.asconsole .modal-save-template .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-save-template .modal-dialog .modal-content {
  width: 100%;
}

.asconsole .employee-app-search-integrations-edit-modal {
  pointer-events: none;
  opacity: 0;
}

.asconsole employee-app-search-settings {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
}

.asconsole employee-app-config-settings {
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-settings {
    padding: 0;
  }
}
.asconsole employee-app-config-settings .config-settings-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
  gap: 39px;
}
.asconsole employee-app-config-settings .config-field-label {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: var(--nc-colors__neutral800);
  font-family: var(--nc-fontFamilies__regular);
  letter-spacing: var(--nc-letterSpacings__normal);
  font-size: var(--nc-fontSizes__bodyMd);
  font-weight: var(--nc-fontWeights__semibold);
  line-height: 24px;
  letter-spacing: 0em;
  min-width: 286px;
  margin-right: 0;
}
.asconsole employee-app-config-settings .inapp-label {
  max-width: 286px !important;
  width: 100%;
}
.asconsole employee-app-config-settings .btn-footer {
  z-index: 0;
}
.asconsole employee-app-config-settings .inline-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.asconsole employee-app-config-settings .inline-actions .btn {
  min-width: 68px;
  width: 68px;
  border-radius: 8px;
  border: none;
}
.asconsole employee-app-config-settings .inline-actions .btn-primary:hover {
  background-color: rgba(calc(0 + var(--nc-colors__brand1-r) * 0.92), calc(0 + var(--nc-colors__brand1-g) * 0.92), calc(0 + var(--nc-colors__brand1-b) * 0.92), 1);
}
.asconsole employee-app-config-settings .inline-actions .btn-primary:active,
.asconsole employee-app-config-settings .inline-actions .btn-primary:focus {
  background-color: rgba(calc(0 + var(--nc-colors__brand1-r) * 0.84), calc(0 + var(--nc-colors__brand1-g) * 0.84), calc(0 + var(--nc-colors__brand1-b) * 0.84), 1);
}
.asconsole employee-app-config-settings .settings-field {
  width: 100%;
  display: flex;
  gap: 8px;
}
.asconsole employee-app-config-settings .language-picker {
  width: 500px;
  max-width: 500px;
  border-radius: 8px !important;
}
.asconsole employee-app-config-settings .language-picker-button button {
  height: 40px;
  border-radius: 8px !important;
}
.asconsole employee-app-config-settings .language-picker-button svg {
  height: 12px !important;
  width: 12px !important;
}
.asconsole employee-app-config-settings .field-praises-card-value {
  width: 100%;
}
.asconsole employee-app-config-settings .praises-card {
  width: 95%;
  display: flex;
  padding: 24px;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  border-radius: var(--nc-radii__md);
  border: 1px solid var(--nc-colors__neutral300);
  background: var(--Neutral-0, #FFF);
}
.asconsole employee-app-config-settings .small-text {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: var(--Neutral-600, var(--nc-colors__neutral600));
  font-feature-settings: "liga" off, "clig" off;
}
.asconsole employee-app-config-settings .praises-btn {
  display: flex;
  margin-left: auto;
  height: 40px;
  min-width: 72px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: var(--nc-radii__md);
  background: var(--nc-colors__brand1);
  color: var(--Neutral-0, #FFF);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  border: none;
  cursor: pointer;
}
.asconsole employee-app-config-settings .praises-btn:hover {
  background: var(--nc-colors__brand1-hover, #1a4fd7);
}
.asconsole employee-app-config-settings .toggle-field-value {
  display: flex;
  align-items: center;
  gap: 16px;
}

.asconsole employee-app-config-social {
  padding: 25px 30px;
}
@media all and (max-width: 667px) {
  .asconsole employee-app-config-social {
    padding: 0;
  }
}

.asconsole theme-filters-modal {
  pointer-events: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: content-box;
  overflow: hidden;
  z-index: 1000;
  background-color: white;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.asconsole theme-filters-modal .sidebar-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eef4f9;
  height: 55px;
  padding-left: 40px;
}
.asconsole theme-filters-modal .sidebar-header .title {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.asconsole theme-filters-modal .sidebar-header .icon-cross {
  padding: 9px 20px;
  color: #4f596e;
  cursor: pointer;
  font-size: 24px;
}
.asconsole theme-filters-modal .sidebar-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 40px;
}
.asconsole theme-filters-modal .sidebar-content .filter-label {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  font-weight: 500;
  margin-top: 32px;
  margin-bottom: 8px;
}
.asconsole theme-filters-modal .sidebar-content .filter-label:first-child {
  margin-top: 0;
}
.asconsole theme-filters-modal .sidebar-content .asui-dropdown .bootstrap-select .btn,
.asconsole theme-filters-modal .sidebar-content network-picker-dropdown .nwk-input {
  height: 40px;
  border-radius: 8px;
}
.asconsole theme-filters-modal .sidebar-content network-picker-dropdown .dropdown-container {
  z-index: 1051;
}
.asconsole theme-filters-modal .sidebar-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 16px;
  border-top: 1px solid #DDE3EE;
  margin-bottom: var(--device-iphone-notch-size);
  gap: 16px;
}
.asconsole theme-filters-modal .sidebar-footer .btn {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  padding: 12px 24px;
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-weight: 500;
}
.asconsole theme-filters-modal .sidebar-footer .btn-default {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%), #EDF2F7;
  border-color: #EDF2F7;
}
.asconsole .modal-filters-sidebar {
  text-align: right;
}
.asconsole .modal-filters-sidebar .modal-dialog {
  width: 450px;
  max-width: 100%;
  height: 100%;
}
.asconsole .modal-filters-sidebar .modal-dialog .modal-content {
  height: calc(var(--vh, 1vh) * 100);
  border: 0;
}

.asconsole theme-import-export-notification-pane console-notification-pane .np-body-collapsed {
  max-height: 8px;
}
.asconsole theme-import-export-notification-pane .upload-location {
  display: flex;
  align-items: center;
  color: #8493AE;
  font-size: 84%;
}
.asconsole theme-import-export-notification-pane .upload-location i {
  margin-right: 5px;
}
.asconsole theme-import-export-notification-pane .file-progress {
  border-radius: 1px;
  box-shadow: none;
  background-color: white;
  height: 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #DDE3EE;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #f6f7f9;
  background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.asconsole theme-import-export-notification-pane .file-progress .progress-bar {
  background-color: #0A5BEB;
}
.asconsole theme-import-export-notification-pane .file-progress-error .progress-bar {
  background-color: #CB4848;
}
.asconsole theme-import-export-notification-pane .file-list {
  max-height: 500px;
  overflow-y: auto;
}
.asconsole theme-import-export-notification-pane .file-list .file-row {
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  border-radius: 2px;
  height: 55px;
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 15px;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .file-col {
  align-items: center;
  flex-flow: row nowrap;
  display: flex;
  margin-right: 9px;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .file-col:last-child {
  margin-right: 0;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .file-thumbnail {
  height: 24px;
  width: 24px;
  color: #475369;
  object-fit: contain;
  border: none;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .filename-col {
  display: flex;
  width: 100%;
  min-width: 0;
  position: relative;
  margin-right: 15px;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .filename-col .filename-label {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole theme-import-export-notification-pane .file-list .file-row .filename-col .filename-label break-word {
    word-break: break-all;
  }
}
.asconsole theme-import-export-notification-pane .file-list .file-row .status-col {
  justify-content: flex-end;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .status-col .icon-check-filled {
  color: #0A5BEB;
  font-size: 200%;
}
.asconsole theme-import-export-notification-pane .file-list .file-row .status-col .icon-alert {
  color: #CB4848;
  font-size: 175%;
}

.asconsole theme-template-typeahead {
  display: flex;
  flex: 1;
  flex-basis: auto;
  position: relative;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead {
  width: 100%;
  font-size: 14px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .item-container,
.asconsole theme-template-typeahead asui-dropdown-typeahead input {
  padding-right: 30px !important;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .textbox {
  height: 40px;
  border-radius: 8px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .dropdown-container {
  top: 44px;
  border-radius: 12px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .icon {
  font-size: 32px;
  margin-right: 8px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .item-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-left: 8px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .item-info .item-name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asconsole theme-template-typeahead asui-dropdown-typeahead .item-info .item-name break-word {
    word-break: break-all;
  }
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .item-info .item-created-at {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  color: #475369;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div {
  min-width: 0;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .item-name {
  font-weight: 400;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .item-created-at {
  display: none;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .theme-layout-thumbnail {
  width: 24px;
  height: 21px;
  aspect-ratio: 24/21;
  border-radius: 2px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .theme-layout-thumbnail .theme-logo-container {
  min-height: 2px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .theme-layout-thumbnail .theme-logo-container .theme-logo {
  width: 8px;
  max-height: 4px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .theme-layout-thumbnail .layout-content {
  top: 6px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .selected-item > div .theme-layout-thumbnail .layout-content svg {
  width: 16px;
  height: 20px;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead input {
  color: #2d3851;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead input::placeholder {
  color: #8493AE;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8493AE;
  opacity: 1; /* Firefox */
}
.asconsole theme-template-typeahead asui-dropdown-typeahead :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333F55;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #333F55;
}
.asconsole theme-template-typeahead asui-dropdown-typeahead .dropdown-item {
  padding: 7px 12px !important;
}

.asconsole theme-layout-thumbnail .theme-layout-thumbnail {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 10px;
  border: 2px solid #d3d8e0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  aspect-ratio: 120/110;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-smx {
  width: 24px;
  height: 21px;
  padding: 2px 4px;
  border-width: 1px;
  aspect-ratio: 24/21;
  border-radius: 2px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-smx .theme-logo {
  width: 8px;
  max-height: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-smx layout-content {
  top: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-smx layout-content svg {
  width: 18px;
  height: 20px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-sm {
  width: 24px;
  height: 21px;
  padding: 2px 4px;
  border-width: 1px;
  aspect-ratio: 24/21;
  border-radius: 2px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-sm .theme-logo-container {
  min-height: 2px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-sm .theme-logo-container .theme-logo {
  width: 8px;
  max-height: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-sm .layout-content {
  top: 6px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-sm .layout-content svg {
  width: 16px;
  height: 20px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-md {
  width: 32px;
  height: 29px;
  padding: 2px 4px;
  border-width: 1px;
  aspect-ratio: 32/29;
  border-radius: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-md .theme-logo-container {
  min-height: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-md .theme-logo-container .theme-logo {
  width: 10px;
  max-height: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-md .layout-content {
  top: 8px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-md .layout-content svg {
  width: 24px;
  height: 28px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-lg {
  width: 120px;
  height: 110px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-lg .theme-logo-container {
  min-height: 4px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-lg .theme-logo-container .theme-logo {
  margin-left: 2px;
  max-height: 12px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-lg .layout-content svg {
  width: 104px;
  height: 84px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail.size-lg .layout-content svg .svg-1 {
  width: 78px;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail .theme-logo-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail .theme-logo-container .theme-logo {
  object-fit: contain;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail .layout-content {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.asconsole theme-layout-thumbnail .theme-layout-thumbnail .layout-content svg {
  display: block;
  margin: 0 auto;
}

.asconsole unpublish-theme-modal {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: 330px;
  color: #1E293B;
}
.asconsole unpublish-theme-modal .modal-body {
  gap: 12px;
  align-items: center;
}
.asconsole unpublish-theme-modal .modal-body .description {
  text-align: center;
}
.asconsole .modal-unpublish-theme .modal-dialog {
  max-width: 384px;
  width: 100%;
  border-radius: 16px;
}
.asconsole .modal-unpublish-theme .modal-dialog .modal-content {
  width: 100%;
}

.asconsole homepage-widget-who-is-in-the-office {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-who-is-in-the-office .input-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asconsole homepage-widget-who-is-in-the-office .input-row > label {
  flex: 1;
}

.asconsole homepage-widget-app-links {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-app-links .size input[type=number] {
  width: 120px;
}

.asconsole homepage-widget-banner {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-banner .row-col {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole homepage-widget-banner posts-feed-filter {
  padding-bottom: 0px;
}
.asconsole homepage-widget-banner .content-type-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
}
.asconsole homepage-widget-banner .file-upload {
  height: 240px;
}
.asconsole homepage-widget-banner .file-upload .card-file-uploader {
  border: 0;
  border-radius: 8px;
  background-color: #EDF2F7;
}
.asconsole homepage-widget-banner .file-upload .card-file-uploader img {
  max-height: none !important;
  padding: 0 !important;
  border-radius: inherit;
  object-fit: cover !important;
}
.asconsole homepage-widget-banner .file-upload .upload-overlay {
  border-radius: inherit;
}
.asconsole homepage-widget-banner .file-upload .upload-overlay .upload-text {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole homepage-widget-banner .file-upload .upload-overlay .icon-trash {
  border-radius: 4px !important;
}
.asconsole homepage-widget-banner .file-upload .upload-overlay .icon-cloud-upload {
  display: inline !important;
}
.asconsole homepage-widget-banner .size {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-banner .size .size-input {
  margin: 0 8px 0 0;
}

.asconsole homepage-widget-bookmarks {
  display: flex;
  flex-direction: column;
}

.asconsole homepage-widget-featured-posts {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-featured-posts .size input[type=number] {
  width: 120px;
}
.asconsole homepage-widget-featured-posts network-picker-dropdown .nwk-input {
  height: 40px;
  border-radius: 8px;
}
.asconsole homepage-widget-featured-posts network-picker-dropdown .nwk-input .nwk-name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.asconsole homepage-widget-hero-banner {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-hero-banner .row-col {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.asconsole homepage-widget-hero-banner .form-group {
  margin-bottom: 0px;
}
.asconsole homepage-widget-hero-banner .hero-banner-tab-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 14px;
}
.asconsole homepage-widget-hero-banner .hero-banner-tab-container homepage-editor-hero-banner-tabs {
  flex: 1;
}
.asconsole homepage-widget-hero-banner .hero-banner-tab-container .lang-picker {
  margin-left: 0px;
  margin-top: -2px;
  padding-bottom: 9px;
  margin-bottom: 8px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole homepage-widget-hero-banner posts-feed-filter {
  padding-bottom: 0px;
}
.asconsole homepage-widget-hero-banner .content-type-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.asconsole homepage-widget-hero-banner .file-upload {
  height: 240px;
}
.asconsole homepage-widget-hero-banner .file-upload .card-file-uploader {
  border: 0;
  border-radius: 8px;
  background-color: #EDF2F7;
}
.asconsole homepage-widget-hero-banner .file-upload .card-file-uploader img {
  max-height: none !important;
  padding: 0 !important;
  border-radius: inherit;
  object-fit: cover !important;
}
.asconsole homepage-widget-hero-banner .file-upload .upload-overlay {
  border-radius: inherit;
}
.asconsole homepage-widget-hero-banner .file-upload .upload-overlay .upload-text {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.asconsole homepage-widget-hero-banner .file-upload .upload-overlay .icon-trash {
  border-radius: 4px !important;
}
.asconsole homepage-widget-hero-banner .file-upload .upload-overlay .icon-cloud-upload {
  display: inline !important;
}
.asconsole homepage-widget-hero-banner .size {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-hero-banner .size .size-input {
  margin: 0 8px 0 0;
}

.asconsole homepage-widget-map {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-map .row-col {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-map .size {
  display: flex;
  align-items: center;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.asconsole homepage-widget-map .size .size-input {
  margin: 0 8px 0 0;
}
.asconsole homepage-widget-map .size input::-webkit-outer-spin-button,
.asconsole homepage-widget-map .size input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.asconsole homepage-widget-map .size input[type=number] {
  -moz-appearance: textfield;
}

.asconsole homepage-widget-newsfeed {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-newsfeed posts-feed-filter {
  padding-bottom: 0px;
}
.asconsole homepage-widget-newsfeed .newsfeed-tab-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.asconsole homepage-widget-newsfeed .newsfeed-tab-container homepage-editor-newsfeed-tabs {
  flex: 1;
}
.asconsole homepage-widget-newsfeed .newsfeed-tab-container .lang-picker {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 55px;
  margin-bottom: 18px;
  border-bottom: 1px solid #DDE3EE;
}
.asconsole homepage-widget-newsfeed .size input[type=number] {
  width: 120px;
}
.asconsole homepage-widget-newsfeed network-picker-dropdown .nwk-input {
  height: 40px;
  border-radius: 8px;
}
.asconsole homepage-widget-newsfeed network-picker-dropdown .nwk-input .nwk-name {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.asconsole homepage-widget-org-chart {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-org-chart .um-edit-row, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant,
.asconsole homepage-widget-org-chart .input-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
@media all and (max-width: 667px) {
  .asconsole homepage-widget-org-chart .um-edit-row, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant,
  .asconsole homepage-widget-org-chart .input-row {
    flex-direction: column;
    margin-bottom: 12px;
  }
}
.asconsole homepage-widget-org-chart .um-edit-row .input-label, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant .input-label, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant .input-label,
.asconsole homepage-widget-org-chart .input-row .input-label {
  margin-bottom: 8px;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.1px;
  color: var(--nc-colors__neutral900);
}
.asconsole homepage-widget-org-chart .um-edit-row input, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant input, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant input,
.asconsole homepage-widget-org-chart .input-row input {
  margin: 0;
}
.asconsole homepage-widget-org-chart .um-edit-row .root-user-typeahead, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant .root-user-typeahead, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant .root-user-typeahead,
.asconsole homepage-widget-org-chart .input-row .root-user-typeahead {
  position: relative;
}
.asconsole homepage-widget-org-chart .um-edit-row .root-user-typeahead.is-loading .textbox, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant .root-user-typeahead.is-loading .textbox, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant .root-user-typeahead.is-loading .textbox,
.asconsole homepage-widget-org-chart .input-row .root-user-typeahead.is-loading .textbox {
  padding-left: 77px;
}
.asconsole homepage-widget-org-chart .um-edit-row .root-user-typeahead .root-user-spinner, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .um-edit-row-assistant .root-user-typeahead .root-user-spinner, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .um-edit-row-assistant .root-user-typeahead .root-user-spinner,
.asconsole homepage-widget-org-chart .input-row .root-user-typeahead .root-user-spinner {
  position: absolute;
  top: 50%;
  left: 45px;
  z-index: 3;
  transform: translateY(-50%);
  pointer-events: none;
}
.asconsole homepage-widget-org-chart .um-edit-row.has-error asui-dropdown-typeahead .textbox, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .has-error.um-edit-row-assistant asui-dropdown-typeahead .textbox, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .has-error.um-edit-row-assistant asui-dropdown-typeahead .textbox,
.asconsole homepage-widget-org-chart .input-row.has-error asui-dropdown-typeahead .textbox {
  border-color: #CB4848;
}
.asconsole homepage-widget-org-chart .um-edit-row.has-error .help-block, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .has-error.um-edit-row-assistant .help-block, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .has-error.um-edit-row-assistant .help-block,
.asconsole homepage-widget-org-chart .input-row.has-error .help-block {
  display: flex;
  align-items: center;
  margin: 4px 0 0;
  color: #CB4848;
}
.asconsole homepage-widget-org-chart .um-edit-row.has-error .help-block .icon-info, .asconsole homepage-widget-org-chart .asconsole um-edit-user-general .has-error.um-edit-row-assistant .help-block .icon-info, .asconsole um-edit-user-general .asconsole homepage-widget-org-chart .has-error.um-edit-row-assistant .help-block .icon-info,
.asconsole homepage-widget-org-chart .input-row.has-error .help-block .icon-info {
  margin-right: 4px;
}
.asconsole homepage-widget-org-chart .um-edit-toogle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asconsole homepage-widget-org-chart .um-edit-toogle-row .label {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.1px;
  color: var(--nc-colors__neutral900);
  padding: 0px;
}

.asconsole homepage-widget-recent-feeds {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-recent-feeds .size input[type=number] {
  width: 120px;
}

.asconsole homepage-widget-share {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-share .input-label {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-share .input-label > span {
  flex: 1;
}

.asconsole homepage-widget-shortcut-item {
  display: flex;
  flex-direction: row;
  position: relative;
}
.asconsole homepage-widget-shortcut-item .uploader {
  width: 88px;
  height: 88px;
  margin-right: 8px;
}
.asconsole homepage-widget-shortcut-item .uploader .card-file-uploader {
  border: 0;
  border-radius: 8px;
}
.asconsole homepage-widget-shortcut-item .uploader .card-file-uploader .upload-overlay {
  border-radius: inherit;
  padding: 0;
}
.asconsole homepage-widget-shortcut-item .uploader .card-file-uploader .upload-overlay .icon-trash {
  z-index: 1;
  border-radius: 4px;
  padding: 3px;
  font-size: 16px;
}
.asconsole homepage-widget-shortcut-item .uploader .icon-cloud-upload {
  display: initial !important;
  font-size: 24px !important;
  margin: 0 !important;
  padding: 30px;
}
.asconsole homepage-widget-shortcut-item .uploader .single-file {
  background-color: #EDF2F7;
}
.asconsole homepage-widget-shortcut-item .uploader .single-file img {
  object-fit: cover;
  background-color: white;
  max-height: 88px;
  padding: 0;
  border-radius: inherit;
}
.asconsole homepage-widget-shortcut-item .uploader:hover .card-file-uploader {
  border: 1px dashed #0A5BEB;
}
.asconsole homepage-widget-shortcut-item .uploader:hover .card-file-uploader .upload-overlay {
  background-color: rgba(235, 241, 249, 0.8);
}
.asconsole homepage-widget-shortcut-item .uploader:hover .card-file-uploader .icon-cloud-upload {
  color: #0A5BEB;
}
.asconsole homepage-widget-shortcut-item .inputs-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.asconsole homepage-widget-shortcuts {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-shortcuts .shortcut-title {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-shortcuts .shortcut-title .shortcut-label {
  flex: 1;
}
.asconsole homepage-widget-shortcuts .shortcut-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.asconsole homepage-widget-shortcuts .shortcut-row.is-dragging {
  opacity: 0.4;
}
.asconsole homepage-widget-shortcuts .shortcut-row.is-drag-over {
  box-shadow: inset 0 2px 0 #0A5BEB;
}
.asconsole homepage-widget-shortcuts .shortcut-row:hover .shortcut-delete {
  visibility: visible;
}
.asconsole homepage-widget-shortcuts .shortcut-drag-handle {
  display: flex;
  align-items: center;
  height: 32px;
  color: #68768D;
  cursor: grab;
}
.asconsole homepage-widget-shortcuts .shortcut-drag-handle .icon-vertical-drag {
  font-size: 16px;
}
.asconsole homepage-widget-shortcuts .shortcut-row-body {
  flex: 1;
  min-width: 0;
}
.asconsole homepage-widget-shortcuts .shortcut-delete {
  visibility: hidden;
  width: 26px;
  padding: 2px;
  color: #68768D;
  cursor: pointer;
  font-size: 22px;
}
.asconsole homepage-widget-shortcuts .btn-container {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.asconsole homepage-widget-shortcuts .btn-container .btn {
  font-family: var(--nc-fontFamilies__regular, Inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 8px;
  background-color: white;
  font-weight: 500;
}
.asconsole homepage-widget-shortcuts .btn-container .btn .icon {
  font-size: 16px;
}
.asconsole homepage-widget-shortcuts .btn-container .btn:hover {
  background-color: #EDF2F7;
}
.asconsole homepage-widget-shortcuts .input-row .error {
  margin-top: 0;
}

.asconsole homepage-widget-upcoming-reservations {
  display: flex;
  flex-direction: column;
}

.asconsole homepage-widget-web-frame {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-web-frame .CodeMirror {
  height: 213px;
  border-radius: 8px;
}
.asconsole homepage-widget-web-frame .row-col {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-web-frame .size {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-web-frame .size .size-input {
  margin: 0 8px 0 0;
}

.asconsole homepage-widget-welcome {
  display: flex;
  flex-direction: column;
}
.asconsole homepage-widget-welcome .input-label {
  display: flex;
  align-items: center;
}
.asconsole homepage-widget-welcome .input-label > span {
  flex: 1;
}

.asconsole .cim-conversational-modal {
  pointer-events: none;
  opacity: 0;
}

body.modal-open:has(.cim-conversational-modal):not(:has(.modal:not(.cim-conversational-modal))):not(:has([data-conversation-presentation=viewport-fill])):not(:has([data-conversation-presentation=center])) {
  overflow: auto !important;
}

.asconsole .cim-media-prompt-modal {
  pointer-events: none;
  opacity: 0;
}

.asconsole .chm-access-listing {
  width: 400px;
  margin: 20px 0;
  background: #fff;
  bottom: 0;
  position: relative;
}
.asconsole .chm-access-listing .centered-flex-inner {
  width: auto;
  background: #fff;
}
.asconsole .chm-access-listing .chm-access-title {
  margin-bottom: 15px;
  font-size: 130%;
}
.asconsole .chm-access-listing .chm-access-item {
  cursor: pointer;
  padding: 0px 10px;
  border-radius: 4px;
  min-height: 80px;
}
.asconsole .chm-access-listing .chm-access-item .chm-access-item-icon {
  padding-right: 20px;
}
.asconsole .chm-access-listing .chm-access-item .chm-access-item-icon .fa {
  font-size: 240%;
  color: #7F92A3;
}
.asconsole .chm-access-listing .chm-access-item h5 {
  margin: 0px;
}
.asconsole .chm-access-listing .chm-access-item .chm-access-item-desc {
  color: #7F92A3;
}
.asconsole .chm-access-listing .chm-access-item .selected {
  background-color: #eff7ff;
}
.asconsole .chm-access-listing .chm-custom-access {
  height: 100%;
  width: 100%;
}
.asconsole .chm-access-listing .chm-custom-access .chm-custom-access-header {
  font-size: 130%;
  padding: 0px 5px 0px 0px;
}
.asconsole .chm-access-listing .chm-custom-access .chm-custom-access-header i {
  color: #475369;
}
.asconsole .chm-access-listing .chm-custom-access .chm-custom-access-change-link {
  cursor: pointer;
}
.asconsole .chm-access-listing .chm-custom-access .chm-custom-access-subheader {
  color: #475369;
}
.asconsole .chm-access-listing .chm-custom-access .chm-custom-access-tags-input {
  width: 400px;
  overflow: auto;
}
@media (max-width: 768px) {
  .asconsole .chm-access-listing .chm-custom-access .chm-custom-access-tags-input {
    width: 100%;
  }
}
.asconsole .chm-access-listing .channelgroup-edit-publish-custom {
  height: 100%;
}
.asconsole .chm-access-listing .channelgroup-edit-publish-custom .publish-custom-header {
  font-size: 130%;
  padding: 20px 5px;
}
.asconsole .chm-access-listing .channelgroup-edit-publish-custom .publish-custom-change-link {
  cursor: pointer;
}
.asconsole .chm-access-listing .channelgroup-edit-publish-custom .publish-custom-subheader {
  padding: 15px 0px;
  color: #7F92A3;
}
.asconsole .chm-access-listing .channelgroup-edit-publish-custom .publish-custom-tags-input {
  width: 400px;
}
.asconsole .chm-access-listing .selected {
  background-color: #eff7ff;
}
@media (max-width: 768px) {
  .asconsole .chm-access-listing {
    width: 100%;
    padding: 0 15px;
  }
}

@-webkit-keyframes noTransition {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes noTransition {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.asconsole .noTransition {
  -webkit-animation-name: noTransition;
  animation-name: noTransition;
  z-index: -1;
}
@-webkit-keyframes zoomInFromFront {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInFromFront {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }
  50% {
    opacity: 1;
  }
}
.asconsole .zoomInFromFront {
  -webkit-animation-name: zoomInFromFront;
  animation-name: zoomInFromFront;
}
@-webkit-keyframes centerHorizontalExpand {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1, 0.1, 1);
    transform: scale3d(1, 0.1, 1);
  }
  50% {
    opacity: 1;
  }
}
@keyframes centerHorizontalExpand {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1, 0.1, 1);
    transform: scale3d(1, 0.1, 1);
  }
  50% {
    opacity: 1;
  }
}
.asconsole .centerHorizontalExpand {
  -webkit-animation-name: centerHorizontalExpand;
  animation-name: centerHorizontalExpand;
}
@-webkit-keyframes centerVerticalExpand {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1, 1);
    transform: scale3d(0.1, 1, 1);
  }
  50% {
    opacity: 1;
  }
}
@keyframes centerVerticalExpand {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1, 1);
    transform: scale3d(0.1, 1, 1);
  }
  50% {
    opacity: 1;
  }
}
.asconsole .centerVerticalExpand {
  -webkit-animation-name: centerVerticalExpand;
  animation-name: centerVerticalExpand;
}
@-webkit-keyframes centerRotateFade {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 1) rotate(180deg);
    transform: scale3d(0.1, 0.1, 1) rotate(180deg);
  }
  50% {
    opacity: 1;
  }
}
@keyframes centerRotateFade {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 1) rotate(180deg);
    transform: scale3d(0.1, 0.1, 1) rotate(180deg);
  }
  50% {
    opacity: 1;
  }
}
.asconsole .centerRotateFade {
  -webkit-animation-name: centerRotateFade;
  animation-name: centerRotateFade;
}

html {
  font-size: 16px;
}

.asconsole as-form-renderer .as-input-row {
  display: flex;
  display: -webkit-box;
  flex-direction: column;
  -webkit-box-orient: vertical;
}
@media print {
  @page {
    margin: 0;
  }
  console-base .navbar-container,
  console-base .sidebar-container {
    display: none !important;
  }
  body {
    margin: 0;
    min-height: 0;
  }
  body .as-body-overlay {
    display: none !important;
  }
  body .as-body-inner-scroll {
    min-height: 0 !important;
  }
}
:root {
  --as-safe-area-top: env(safe-area-inset-top, 0px);
}

html {
  background-color: #F8F9FC;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media all and (display-mode: standalone) {
  html {
    position: fixed;
    overflow: hidden;
  }
}

body {
  min-height: 100vh;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  background-color: #F8F9FC;
  display: flex;
  position: relative;
}
@media all and (display-mode: standalone) {
  body {
    position: fixed;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
body .as-body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  pointer-events: none;
}
body .as-body-inner-scroll {
  flex: 1;
  width: 100%;
  position: relative;
  display: flex;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  flex-basis: auto;
  z-index: 0;
}
@media all and (display-mode: standalone) {
  body .as-body-inner-scroll {
    display: block;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body .as-body-inner-scroll console-base {
    min-height: 100%;
  }
}

.ath-container {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background-color: #eef4f9;
  border-radius: 4px;
}

.ath-container p {
  text-shadow: none !important;
  color: #333F55 !important;
}

.ath-application-icon {
  box-shadow: none !important;
}

.ath-action-icon {
  width: 1.3em;
  height: 1.1em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
  margin-top: -0.3em;
  background-size: auto 100%;
}

.popover {
  max-width: unset;
  z-index: 2000;
}
.popover.zone-name-popover .popover-content {
  max-height: unset !important;
}

.ex-app {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
.ex-app .btn-primary {
  background-color: var(--nc-colors__brand1, #0A5BEB);
  border-color: var(--nc-colors__brand1, #0A5BEB);
}
.ex-app .btn-primary:active, .ex-app .btn-primary:focus, .ex-app .btn-primary:hover {
  background-color: var(--nc-colors__brand1, #0A5BEB);
  border-color: var(--nc-colors__brand1, #0A5BEB);
}
.ex-app .daterangepicker td.active {
  background-color: var(--nc-colors__brand1, #0A5BEB);
}
.ex-app .bootstrap-select .dropdown-menu {
  color: #2d3851;
}
.ex-app .dropdown-menu > li > a {
  color: #2d3851;
  font-weight: unset;
}
.ex-app .bootstrap-select .dropdown-menu li a {
  padding: 8px 12px;
  height: unset;
  line-height: unset;
}
.ex-app .open > .dropdown-toggle.btn-default:hover {
  color: unset;
}
.ex-app .btn-default:focus {
  color: unset;
}
.ex-app .bs-container,
.ex-app .asui-dropdown {
  margin: 0;
}
.ex-app .bs-container .btn,
.ex-app .asui-dropdown .btn {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ex-app .bs-container .btn,
.ex-app .bs-container .dropdown-menu,
.ex-app .asui-dropdown .btn,
.ex-app .asui-dropdown .dropdown-menu {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.ex-app asui-dropdown-mobile-dialog .mobile-dropdown-wrapper .mobile-dropdown-container {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.ex-app asui-dropdown-mobile-dialog .button-container {
  margin-bottom: var(--device-iphone-notch-size);
}
.ex-app asui-dropdown-mobile-dialog .button-container .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-height: 40px;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ex-app asui-dropdown-typeahead-mobile-dialog {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.ex-app asui-dropdown-typeahead-mobile-dialog .button-container {
  margin-bottom: var(--device-iphone-notch-size);
}
.ex-app asui-dropdown-typeahead-mobile-dialog .button-container .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-height: 40px;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ex-app .daterangepicker-mobile {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.ex-app .daterangepicker-mobile .drp-buttons {
  margin-bottom: var(--device-iphone-notch-size);
}
.ex-app .daterangepicker-mobile .drp-buttons .btn {
  font-family: var(--nc-fontFamilies__regular, Inter, Arial, Helvetica, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  min-height: 40px;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 667px) {
  .ex-app .bootstrap-datetimepicker-widget .picker-switch {
    margin-bottom: var(--device-iphone-notch-size);
  }
}

@media all and (max-width: 992px) {
  .ex-app-calendar .modal-mobile-side-drawer-bottom {
    overflow: hidden !important;
  }
  .ex-app-calendar .modal-mobile-side-drawer-bottom .modal-calendar-filters {
    z-index: 101;
    transition: transform 0.3s ease-in-out !important;
    transform: translateY(100%) !important;
    box-shadow: none;
    opacity: 1;
    width: 100vw;
    max-width: 100vw;
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .ex-app-calendar .modal-mobile-side-drawer-bottom .modal-calendar-filters .modal-content {
    border: none;
    box-shadow: none;
    width: 100%;
    border-top-left-radius: var(--nc-radii__2xl);
    border-top-right-radius: var(--nc-radii__2xl);
  }
  .ex-app-calendar .modal-mobile-side-drawer-bottom.in .modal-calendar-filters {
    transform: translateY(0%) !important;
  }
}

.asui asui-dropdown-typeahead .dropdown-container .dropdown-container-inner {
  display: flex;
  display: -webkit-box;
  flex-direction: column;
  -webkit-box-orient: vertical;
}

.asui {
  font-family: var(--nc-fontFamilies__regular, Inter);
}

.asui .h1,
.asui .h2,
.asui .h3,
.asui .title,
.asui asui-card-channel .details-container .details-main .channel-title,
.asui asui-card-channel-group .details-container .details-header .channelgroup-title,
.asui asui-date-picker-inline,
.asui asui-dropdown-mobile-dialog .mobile-dropdown-wrapper .mobile-dropdown-header,
.asui asui-dropdown-typeahead-mobile-dialog .dropdown-wrapper .mobile-input-wrapper .mobile-dropdown-header,
.asui asui-steps-navbar,
.asui h1, .asui .h1,
.asui h2, .asui .h2,
.asui h3, .asui .h3,
.asui h4, .asui .h4,
.asui h5, .asui .h5,
.asui h6, .asui .h6 {
  font-family: var(--nc-fontFamilies__headlines, Poppins);
}

.asui .asui-btn,
.asui .bootstrap-select .dropdown-menu,
.asui .bootstrap-select .dropdown-menu li a .asui-dropdown-subtext,
.asui .btn,
.asui .btn-lg,
.asui .caption,
.asui .caption-small,
.asui .daterangepicker,
.asui .daterangepicker .drp-buttons .btn,
.asui .footnote,
.asui .footnote-bold,
.asui .paragraph,
.asui .paragraph-big,
.asui .paragraph-bold,
.asui .popover-content,
.asui .popover-title,
.asui .small-text,
.asui .small-text-bold,
.asui .sp-container .sp-picker-container .sp-cancel,
.asui [uib-tooltip-popup].cm-tooltip .tooltip-inner,
.asui asui-card-channel .details-container .details-footer,
.asui asui-card-channel .details-container .details-header .channel-type,
.asui asui-card-channel .details-container .details-main .channel-channelgroups,
.asui asui-card-channel .details-container .details-main .channel-publishto-container,
.asui asui-card-channel-group .details-container .details-footer,
.asui asui-card-channel-group .details-container .details-main,
.asui asui-card-content .details-container .details-header .channel-title,
.asui asui-dropdown-mobile-dialog .mobile-dropdown-wrapper .mobile-dropdown-container ul li .subtext,
.asui asui-dropdown-typeahead .dropdown-container .dropdown-container-inner .dropdown-item .item-subtext,
.asui asui-infield-input-container .asui-infield--input-container .asui-dropdown .dropdown-menu,
.asui asui-infield-input-container .asui-infield--input-container .asui-dropdown .dropdown-toggle,
.asui asui-infield-input-container .asui-infield--input-container asui-multiselect .bootstrap-select .dropdown-toggle,
.asui asui-infield-input-container .asui-infield--input-container asui-multiselect .dropdown-menu,
.asui asui-infield-input-container .asui-infield--input-container asui-tags-input .asui-tags-input .input,
.asui asui-infield-input-container .asui-infield--label,
.asui asui-multiselect-checkbox .mc-dropdown-container .mc-dropdown-container-scroll .mc-group-label,
.asui asui-multiselect-checkbox .mc-dropdown-container .mc-dropdown-container-scroll .mc-item,
.asui asui-multiselect-checkbox .mc-input,
.asui asui-tags-input .asui-tags-input .tags .input,
.asui asui-tags-input .asui-tags-input .tags .tag-item,
.asui body,
.asui p {
  font-family: var(--nc-fontFamilies__regular, Inter);
}

.modal-dialog {
  box-shadow: var(--nc-shadows__lg);
}
.modal-dialog .modal-content {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none;
  text-align: initial;
}

.modal-backdrop.in {
  opacity: 1;
}

.modal-backdrop {
  background-color: hsla(var(--nc-colors__neutral900-h), var(--nc-colors__neutral900-s), calc(var(--nc-colors__neutral900-l) + 0%), 0.5);
}

.mobile-drawer-modal {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden !important;
}
.mobile-drawer-modal .modal-dialog {
  display: flex;
  width: 100%;
  border: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobile-drawer-modal .modal-handle {
  position: absolute;
  border-radius: 3px;
  border: 1px solid #DDE3EE;
  background: #DDE3EE;
  top: 8px;
  left: 50%;
  width: 78px;
  height: 6px;
  margin-left: -39px;
}
.mobile-drawer-modal .modal-header {
  padding: 0;
  border-bottom: 0 none;
  display: flex;
  align-items: center;
  min-width: 0;
}
.mobile-drawer-modal .modal-header h3 {
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
  white-space: nowrap;
  word-break: break-word;
  margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mobile-drawer-modal .modal-header h3 break-word {
    word-break: break-all;
  }
}
.mobile-drawer-modal .modal-header .icon-cross {
  padding: 13px;
  cursor: pointer;
  margin: -13px -13px -13px auto;
}
.mobile-drawer-modal .modal-body {
  padding: 16px 0 var(--device-iphone-notch-size) 0;
  max-height: 30vh;
}
.mobile-drawer-modal .modal-content {
  width: 100%;
  border-radius: 14px 14px 0 0 !important;
  padding: 32px 24px 0;
}

.modal-fullscreen {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.modal-fullscreen .modal-dialog {
  height: calc(var(--vh, 1vh) * 100) !important;
}
.mobile-standalone .modal-fullscreen {
  height: 100vh !important;
}
.modal-fullscreen .modal-content {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.modal-fullscreen .modal-content .mfs-header {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 120%;
}
.modal-fullscreen .modal-content .mfs-header .icon-arrow-back {
  color: #6275A3;
  padding: 20px 20px 20px 30px;
  cursor: pointer;
}
.modal-fullscreen .modal-content .mfs-header .title {
  padding: 0 20px;
  font-weight: 500;
  font-size: 130%;
  min-width: 0;
  flex: 1;
}
.modal-fullscreen .modal-content .mfs-header .mfs-buttons {
  margin-right: 25px;
}
.modal-fullscreen .modal-content .mfs-header .mfs-buttons .btn {
  min-width: 70px;
}
.modal-fullscreen .modal-content .mfs-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.modal-fullscreen .modal-content .mfs-menu asui-horizontal-navbar {
  border: 0;
  margin-bottom: 0;
  font-size: 14px;
}
.modal-fullscreen .modal-content .mfs-body {
  background-color: #eef4f9;
  display: flex;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.btn-dark-blue {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #002169;
  cursor: pointer;
  border: 1px solid #002169;
  border-radius: 4px;
  padding: 5px 12px;
  min-width: 80px;
}
.btn-dark-blue .btn-icon {
  margin-right: 6px;
  font-size: 10px;
}

.btn-dark-blue.light {
  background-color: #fff;
}

.btn-dark-blue.primary {
  color: #fff;
  background-color: #002169;
}

.asui-modal-confirmation {
  font-size: 14px;
}
.asui-modal-confirmation .btn-primary {
  text-transform: uppercase;
}

.kiosk-app {
  height: 100vh;
  max-height: 100vh;
}
.kiosk-app::-webkit-scrollbar {
  display: none;
}
.kiosk-app:focus {
  outline: 0 !important;
}
.kiosk-app .as-body-inner-scroll {
  overflow-y: auto;
}

.mobile-device *:focus {
  outline: 0 !important;
}