body {  height: fit-content; }.components-list .non-group, .components-list .group, .components-list .group-component {  transition: all 0.2s ease-in-out; }.components-list .non-group md-icon.icon-info-outline, .components-list .group md-icon.icon-info-outline, .components-list .group-component md-icon.icon-info-outline {  cursor: default; }.components-list .group.expanded {  background-color: #ebf1f5; }.components-list .group-component {  border-top: 1px solid rgba(209, 219, 224, 0.5); }.components-list .group-component .group-details {  padding-left: 24px; }.components-list .group-component-container {  background-color: #fcfcfc;  border-bottom: 1px solid rgba(209, 219, 224, 0.5); }.components-list .component-status-select {  border: 1px solid transparent;  border-radius: 2px;  padding: 4px 4px 4px 2px;  margin: 5px 0px; }@media screen and (max-width: 576px) {  .components-list .component-status-select {    border: 1px solid #d1dbe0; } }@media screen and (max-width: 576px) {  .components-list .component-status-select .component-status-text {    display: none; } }@media screen and (min-width: 576px) {  .components-list .component-status-select .md-select-icon {    opacity: 0;    visibility: hidden; } }.components-list .non-group .perf-metric, .components-list .group-component .perf-metric {  font-size: 1.3rem;  color: #616161; }.components-list .non-group:hover .component-status-select, .components-list .group-component:hover .component-status-select {  border: 1px solid #d1dbe0;  background-color: #ffffff; }@media screen and (min-width: 576px) {  .components-list .non-group:hover .component-status-select .md-select-icon, .components-list .group-component:hover .component-status-select .md-select-icon {    opacity: 1;    visibility: visible; } }.components-list .non-group, .components-list .group-component, .cursor-pointer {  cursor: pointer; }.components-list .non-group:hover, .components-list .group-component.clickable:hover {  background-color: #eef3f7; }.sp-components-list .non-group:hover, .sp-components-list .group-component:hover {  background-color: var(--sp-element-bg-color-200); }.data-table-toolbar *:not([class*="icon"], .txt-green) {  font-size: 0.875rem;  color: var(--sp-secondary-text-color); }.data-table-toolbar td.dt-cell *:not([class*="icon"]) {  color: var(--sp-primary-text-color); }.data-table-toolbar input::placeholder, .data-table-toolbar .sp-status-history-table-search::placeholder {  color: var(--sp-placeholder-text-color); }.sp-status-history md-toolbar.data-table-toolbar {  background: #ffffff;  border-radius: 3px 3px 0px 0px;  height: 45px;  min-height: 45px;  border-bottom: 1px solid rgba(0, 0, 0, 0.12);  z-index: auto; }.sp-status-history md-toolbar.data-table-toolbar * {  color: #495057; }.sp-status-history md-toolbar.data-table-toolbar .md-button md-icon {  color: #495057; }.sp-status-history md-toolbar.data-table-toolbar .md-button[disabled] md-icon {  color: #ced4da; }.sp-status-history md-toolbar.data-table-toolbar form > input {  width: 100%;  margin: 0px 0px 0px 5px;  border: none;  color: #000000; }.sp-status-history md-toolbar.data-table-toolbar form > input:focus {  outline: none; }.sp-status-history md-progress-linear.dt-progress-bar {  top: -2px;  opacity: 0;  visibility: hidden; }.sp-status-history md-progress-linear.dt-progress-bar.show {  opacity: 1;  visibility: visible; }.sp-status-history .data-table-container {  display: block;  max-width: 100%;  overflow-x: auto;  -webkit-overflow-scrolling: touch; }.sp-status-history .data-table-container md-icon {  line-height: 24px;  width: auto; }.sp-status-history .data-table-container .no-result {  height: 44px;  border-top: 1px rgba(0, 0, 0, 0.12) solid; }.sp-status-history table.data-table {  width: 100%;  border-spacing: 0;  overflow: hidden; }@media (min-width: 600px) {  .sp-status-history table.data-table {    table-layout: fixed; } }.sp-status-history table.data-table thead.dt-head > tr.dt-row {  height: 40px; }.sp-status-history table.data-table thead.dt-head tr.dt-row th.dt-column {  text-align: left; }.sp-status-history table.data-table tbody.dt-body > tr.dt-row, .sp-status-history table.data-table tfoot.dt-foot > tr.dt-row, .ht-44px {  height: 44px; }.sp-status-history table.data-table td.dt-cell, .sp-status-history table.data-table th.dt-column {  vertical-align: middle;  text-align: left; }.sp-status-history table.data-table td.dt-cell:first-child, .sp-status-history table.data-table th.dt-column:first-child {  padding: 0 16px;  width: 265px;  max-width: 265px; }.sp-status-history table.data-table td.dt-cell:nth-child(n+2):nth-last-child(n+2), .sp-status-history table.data-table th.dt-column:nth-child(n+2):nth-last-child(n+2) {  padding: 0 56px 0 0; }.sp-status-history table.data-table td.dt-cell:last-child, .sp-status-history table.data-table th.dt-column:last-child {  padding: 0 24px 0 0; }.sp-status-history table.data-table th.dt-column {  font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif;  color: #495057;  font-weight: 400;  white-space: nowrap; }.sp-status-history table.data-table th.dt-column span {  font-size: 0.8125rem; }.sp-status-history table.data-table td.dt-cell {  color: #000000; }.sp-status-history table.data-table tr.dt-row:hover {  background-color: var(--sp-element-bg-color-200); }.btn {  display: inline-block;  position: relative;  cursor: pointer;  min-height: 36px;  min-width: 88px;  line-height: 36px;  vertical-align: middle;  align-items: center;  text-align: center;  border-radius: 2px;  box-sizing: border-box;  user-select: none;  outline: none;  border: 0;  padding: 0 8px;  margin: 6px 8px;  background: transparent;  color: currentColor;  white-space: nowrap;  text-transform: uppercase;  font-weight: 500;  font-size: 14px;  font-style: inherit;  font-variant: inherit;  font-family: inherit;  text-decoration: none;  overflow: hidden;  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }.sp-subscribe-button, .txt-bold {  font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif;  font-weight: 400; }.btn-warn {  color: #fff;  background-color: #dc3545;  border-color: #dc3545; }.btn-warn:hover {  color: #fff;  background-color: #c82333;  border-color: #bd2130; }.btn.icon-button {  background: transparent;  border: 0;  width: 36px;  min-width: 36px;  color: currentColor;  cursor: pointer; }  .btn.icon-button [class^="icon-"]::before,  .btn.icon-button [class*=" icon-"]::before {    vertical-align: middle; }.icon-info {  color: var(--sp-tertiary-text-color); }.box-shadow-none {  box-shadow: none !important; }.overflow-visible {  overflow: visible !important; }#spContainer {  padding-left: 0.5rem;  padding-right: 0.5rem; }.subscriber-panel-container {  display: inline-block; }  .subscriber-panel-container .tippy-content {    padding: 0; }.sp-header .tippy-content {  padding: 0; }.sp-header .formatted-content p {  line-height: 1.5; }.sp-header .formatted-content p:last-child {  margin-bottom: 0; }.sp-header .formatted-content .sp-description-wrapper + p, .sp-header .formatted-content p:only-child {  margin-top: 0; }.formatted-content p:first-child, .formatted-content h1:first-child, .formatted-content h2:first-child, .formatted-content h3:first-child, .formatted-content h4:first-child, .formatted-content h5:first-child, .formatted-content h6:first-child, .formatted-content blockquote:first-child, .formatted-content code:first-child, .formatted-content ul:first-child, .formatted-content ol:first-child {  margin-top: 0; }.formatted-content p:last-child, .formatted-content h1:last-child, .formatted-content h2:last-child, .formatted-content h3:last-child, .formatted-content h4:last-child, .formatted-content h5:last-child, .formatted-content h6:last-child, .formatted-content blockquote:last-child, .formatted-content code:last-child, .formatted-content ul:last-child, .formatted-content ol:last-child {  margin-bottom: 0; }.subscriber-panel {  width: 350px;  background-color: white;  border-radius: 0.25rem;  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07); }.sp-status-history-table-search {  height: 36px;  width: 100%;  padding: 0.25rem;  outline: 0;  border: 0; }  .sp-status-history-table-search:focus {    outline: 0; }.sp-status-history .tippy-content {  padding: 0; }.sp-status-history .tippy-arrow::before {  border-bottom-color: var(--sp-element-bg-color-100) !important; }.interruption {  position: relative;  cursor: pointer !important; }  .interruption::after {    content: "";    position: absolute;    bottom: 0px;    right: 0px;    height: 6px;    width: 6px;    border-radius: 50rem;    background-color: transparent; }  .interruption-informational::after {    background-color: var(--sp-gray-color); }  .interruption-maintenance::after {    background-color: var(--sp-blue-color); }  .interruption-degraded-performance::after {    background-color: var(--sp-yellow-color); }  .interruption-partial-outage::after {    background-color: var(--sp-orange-color); }  .interruption-major-outage::after {    background-color: var(--sp-red-color); }.form-label {  color: var(--sp-secondary-text-color);  line-height: 1.5; }.form-input {  min-height: 36px;  padding: 0.25rem;  border: 1px solid var(--sp-border-color);  border-radius: 0.125rem;  outline: 0; }  .form-input:not(:read-only):focus {    border-color: var(--sp-link-color); }.form-select {  min-height: 36px;  padding: 0.25rem;  border: 1px solid var(--sp-border-color);  border-radius: 0.125rem;  outline: 0; }  .form-select:not(:read-only):focus {    border-color: var(--sp-link-color); }.form-select2 {  min-height: 36px;  height: 36px;  padding: 0.25rem;  background-color: var(--sp-element-bg-color) !important;  border: 1px solid var(--sp-border-color) !important;  border-radius: 0.125rem !important;  outline: 0; }  .form-select2 .select2-selection__rendered {    color: var(--sp-primary-text-color) !important; }  .form-select2 .select2-selection__arrow {    height: 32px !important; }  .form-select2-dropdown {    border-radius: 0.125rem !important;    border: 1px solid var(--sp-border-color) !important;    background-color: var(--sp-element-bg-color) !important;    color: var(--sp-primary-text-color) !important;    z-index: 999999 !important; }    .form-select2-dropdown .select2-search--dropdown {      padding: 0 !important; }    .form-select2-dropdown .select2-search__field {      height: 36px;      padding: 0.25rem;      border-color: var(--sp-border-color) !important;      border-style: solid !important;      border-width: 0 0 1px 0 !important;      outline: 0; }    .form-select2-dropdown .select2-results__option {      padding: 12px 8px; }      .form-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {        background-color: var(--sp-element-bg-color-200) !important;        color: var(--sp-primary-text-color) !important; }      .form-select2-dropdown .select2-results__option--selected {        background-color: var(--sp-element-bg-color) !important;        color: var(--sp-link-color) !important; }.form-element-border-0 {  border: 0 !important; }.nav {  display: flex;  flex-wrap: wrap;  padding-left: 0;  margin-bottom: 0;  list-style: none; }.nav-link {  display: block;  padding: 0.75rem 1.5rem;  color: var(--sp-tertiary-text-color);  text-decoration: none; }.nav-link:focus,.nav-link:hover {  text-decoration: none; }.nav-tabs {  border-bottom: 1px solid var(--sp-border-color); }.nav-tabs .nav-item {  cursor: pointer;  margin-bottom: -1px; }.nav-tabs .nav-link.active {  color: var(--sp-link-color);  box-shadow: inset 0px -2px 0px 0px var(--sp-link-color); }.spinner {  display: inline-block;  width: 2rem;  height: 2rem;  vertical-align: -0.125em;  border: 0.25rem solid #0d6efd;  border-right-color: transparent;  border-radius: 50%;  -webkit-animation: 0.75s linear infinite spin;  animation: 0.75s linear infinite spin; }  .spinner-sm {    width: 1rem;    height: 1rem;    border-width: 0.125rem; }  .spinner-lg {    width: 3rem;    height: 3rem;    border-width: 0.375rem; }@-webkit-keyframes spin {  to {    transform: rotate(360deg); } }@keyframes spin {  to {    transform: rotate(360deg); } }.progress-loader {  overflow: hidden;  width: 100%;  height: 5px;  display: flex;  align-items: center;  align-content: center;  justify-content: flex-start;  z-index: 100000; }  .progress-loader-element {    height: 5px;    width: 100%;    background: var(--sp-progress-loader-background); }    .progress-loader-element::before {      content: '';      display: block;      background-color: var(--sp-progress-loader);      height: 5px;      width: 0;      animation: getWidth 1.5s ease-in infinite; }@-webkit-keyframes getWidth {  100% {    width: 100%; } }@keyframes getWidth {  100% {    width: 100%; } }.visually-hidden {  position: absolute !important;  width: 1px !important;  height: 1px !important;  padding: 0 !important;  margin: -1px !important;  overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;  white-space: nowrap !important;  border: 0 !important; }.text-truncate {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }/**************************\  Basic Modal Styles\**************************/.modal-container {  background-color: var(--sp-element-bg-color);  width: auto;  max-width: 800px;  max-height: 100vh;  border-radius: 4px;  overflow-y: auto;  box-sizing: border-box; }.modal-header {  display: flex;  justify-content: space-between;  align-items: center;  min-height: 55px;  background-color: var(--sp-element-bg-color-200);  padding: 0 16px; }.modal-title {  margin-top: 0;  margin-bottom: 0;  font-weight: 600;  font-size: 1.25rem;  line-height: 1.25;  color: var(--sp-primary-text-color);  box-sizing: border-box; }.modal-close {  background: transparent;  border: 0;  color: var(--sp-tertiary-text-color);  font-size: 1rem;  cursor: pointer; }.modal-header .modal-close:before {  content: "\2715"; }.modal-content {  line-height: 1.5;  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color); }.modal-footer {  padding: 0 16px;  min-height: 52px; }/**************************\  Demo Animation Style\**************************/@keyframes mmfadeIn {  from {    opacity: 0; }  to {    opacity: 1; } }@keyframes mmfadeOut {  from {    opacity: 1; }  to {    opacity: 0; } }@keyframes mmslideIn {  from {    transform: translateY(15%); }  to {    transform: translateY(0); } }@keyframes mmslideOut {  from {    transform: translateY(0); }  to {    transform: translateY(-10%); } }.micromodal-slide {  display: none; }.micromodal-slide.is-open {  display: block; }.micromodal-slide[aria-hidden="false"] .modal-overlay {  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }.micromodal-slide[aria-hidden="false"] .modal-container {  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }.micromodal-slide[aria-hidden="true"] .modal-overlay {  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }.micromodal-slide[aria-hidden="true"] .modal-container {  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }.micromodal-slide .modal-container,.micromodal-slide .modal-overlay {  will-change: transform; }.zdatetimepicker {  background: var(--sp-element-bg-color);  border: var(--sp-border-color); }.zdatetimepicker__calendar {  border-color: var(--sp-border-color); }.zdatetimepicker__navbutton.zbutton {  fill: var(--sp-tertiary-text-color); }.zdatetimepicker__monthyearnav {  color: var(--sp-secondary-text-color); }.zdatetimepicker__monthyearnav:hover {  color: var(--sp-primary-text-color); }.zdatetimepicker__date {  color: var(--sp-primary-text-color); }.zdatetimepicker__date:hover {  border: 1px solid var(--sp-element-bg-color-300);  background: var(--sp-element-bg-color-300);  color: var(--sp-primary-text-color); }.zdatetimepicker__monthyeargrid {  color: var(--sp-primary-text-color); }.zdatetimepicker__monthyeargrid:hover {  background: var(--sp-element-bg-color-300);  color: var(--sp-primary-text-color); }.zdatetimepicker__monthyeargrid.is-selected {  border: 1px solid var(--sp-link-color);  background: var(--sp-link-color); }.zdatetimepicker__monthyeargrid.zdatetimepicker--currentcell {  border: 1px solid var(--sp-link-color);  color: var(--sp-primary-text-color); }.zdatetimepicker__date.zdatetimepicker--today {  border: 1px solid var(--sp-link-color);  color: var(--sp-primary-text-color); }.zdatetimepicker__date.is-selected {  border: 1px solid var(--sp-link-color);  background: var(--sp-link-color);  color: white; }.zdatetimepicker__date.zdatetimepicker--weekend {  color: var(--sp-red-color); }.zdatetimepicker__day,.zdatetimepicker__weeknumbers th {  color: var(--sp-secondary-text-color); }.zdropdownlist {  z-index: 999999 !important; }.zselectmenu, .w-100 {  width: 100%; }.zselectmenu-micromodal {  max-width: 350px;  width: 80vw; }.required {  position: relative; }.required::after {  position: absolute;  top: -5px;  content: "*";  color: #F44336; }.mw-90 {  max-width: 90%; }.common-preloader {  position: fixed;  top: 0;  transform: translate(calc(50vw - 2rem), 45vh); }.zdialog {  font-size: 0.875rem;  overflow: visible; }  .zdialog .zdialog__header {    background-color: var(--sp-element-bg-color-200); }    .zdialog .zdialog__header .zdialog__title {      font-size: 18px;      font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif; }  .zdialog .zdialog__content {    overflow: visible; }  .zdialog .zdialog__footer {    border-top: 1px solid var(--sp-border-color);    padding: 8px 15px; }    .zdialog .zdialog__footer .zbutton {      box-shadow: none !important;      border-radius: 2px;      border: none;      font-style: normal;      text-transform: none; }      .zdialog .zdialog__footer .zbutton:hover {        border: none; }      .zdialog .zdialog__footer .zbutton.zbutton--medium {        padding: 0 8px;        line-height: 36px;        font-size: 0.875rem; }      .zdialog .zdialog__footer .zbutton.zbutton--primary {        background-color: var(--sp-button-bg-color);        color: var(--sp-button-color);        border: none; }      .zdialog .zdialog__footer .zbutton.zbutton--normal {        background-color: transparent;        color: var(--sp-secondary-text-color); }        .zdialog .zdialog__footer .zbutton.zbutton--normal:hover {          background-color: #ececec; }      .zdialog .zdialog__footer .zbutton.btn-warn {        color: #fff;        background-color: #dc3545; }        .zdialog .zdialog__footer .zbutton.btn-warn:hover {          background-color: #c82333; }    .zdialog .zdialog__footer ul {      line-height: 2; }.profile {  position: fixed;  right: 25px;  z-index: 2; }.avatar {  float: right; }.subscription-details {  align-items: center; }.subscription-details > :first-child {  justify-content: flex-end;  display: flex;  width: 35%; }.subscription-details > :nth-child(2) {  justify-content: flex-start;  width: 60%;  display: flex; }.component-section, .subscription-details {  justify-content: space-between; }.component-section > :first-child {  justify-content: flex-end;  width: 35%;  height: 30px; }.sp-status-search-bar {  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  border-bottom: none; }.component-sub-section {  width: 60%; }.component-sub-section .widget-list-item {  border-bottom: 1px solid var(--sp-border-color); }.component-sub-section .widget-list {  background-color: var(--sp-element-bg-color); }.component-sub-section > :nth-child(2), .sp-status-search-bar {  border: 1px solid var(--sp-border-color);  width: 90%; }.component-select-all-btn {  color: var(--sp-link-color);  font-size: 12px;  user-select: none;  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none; }@media only screen and (max-width: 600px) {  .subscription-details, .component-section {    flex-direction: column; }  .subscription-details > :nth-child(2) > .min-w-60, .min-width-60 > div {    width: 90%; }  .subscription-details > :first-child, .component-section > :first-child, .subscription-details > :first-child, .subscription-details > :nth-child(2) {    justify-content: flex-start !important; }  .component-sub-section, .subscription-details > :first-child, .subscription-details > :nth-child(2) {    width: 100%; } }.min-w-60 {  min-width: 60%; }.min-width-60 > div {  width: 60%; }