@font-face {  font-family: "Lato-Regular";  font-weight: 400;  font-style: normal;  src: url("https://webfonts.zohowebstatic.com/latoregular/font.eot");  src: url("https://webfonts.zohowebstatic.com/latoregular/font.eot?#iefix") format("eot"), url("https://webfonts.zohowebstatic.com/latoregular/font.woff2") format("woff2"), url("https://webfonts.zohowebstatic.com/latoregular/font.woff") format("woff"), url("https://webfonts.zohowebstatic.com/latoregular/font.ttf") format("truetype"), url("https://webfonts.zohowebstatic.com/latoregular/font.svg#Lato-Regular") format("svg");  font-display: fallback; }@font-face {  font-family: "Lato-Bold";  font-weight: 700;  font-style: normal;  src: url("https://webfonts.zohowebstatic.com/latobold/font.eot");  src: url("https://webfonts.zohowebstatic.com/latobold/font.eot?#iefix") format("eot"), url("https://webfonts.zohowebstatic.com/latobold/font.woff2") format("woff2"), url("https://webfonts.zohowebstatic.com/latobold/font.woff") format("woff"), url("https://webfonts.zohowebstatic.com/latobold/font.ttf") format("truetype"), url("https://webfonts.zohowebstatic.com/latobold/font.svg#Lato-Bold") format("svg");  font-display: fallback; }:root {  --sp-bg-color: #EDEFF0;  --sp-element-bg-color: #ffffff;  --sp-element-bg-color-100: #F5F8FA;  --sp-element-bg-color-200: #f0f4f7;  --sp-element-bg-color-300: #E1E8EE;  --sp-element-bg-color-400: #cfdce2;  --sp-border-color: #dee2e6;  --sp-primary-text-color: #000000;  --sp-secondary-text-color: #495057;  --sp-tertiary-text-color: #59595b;  --sp-placeholder-text-color: #adb5bd;  --sp-disabled-text-color: #9e9e9e;  --sp-link-color: #3993FC;  --sp-link-hover-color: #2085fc;  --sp-button-bg-color: rgba(9, 30, 66, 0.08);  --sp-button-hover-bg-color: rgba(9, 30, 66, 0.15);  --sp-button-color: rgba(23, 43, 77, 0.8);  --sp-green-color: #2ECC71;  --sp-text-green: #008f00;  --sp-progress-loader-background: #BBDEFB;  --sp-progress-loader: #1976D2;  --sp-gray-color: #59595b;  --sp-blue-color: #438BCE;  --sp-yellow-color: #F0C231;  --sp-orange-color: #EFA222;  --sp-red-color: #E94B35;  --sp-icons-color: #adb5bd;  --sp-intro-bg-color: #EDEFF0;  --sp-inline-incident-bg: none;  --sp-add-footer-active-text: #1E88E5;  --sp-add-footer-active-bg: #fff;  --sp-info-note-bg-color: #d9edf7;  --sp-info-note-border: #768E9B;  --sp-input-border-color: #dee2e6;  --sp-highlight-blink-color: #FFFDE7;  --sp-feedback-report-bg: rgba(255, 65, 34, 0.1);  --sp-feedback-suggest-bg: rgba(166, 60, 255, 0.1);  --sp-feedback-ask-bg: rgba(251, 164, 0, 0.1);  --sp-feedback-appreciate-bg: rgba(255, 41, 122, 0.1);  --sp-feedback-report-border: none;  --sp-feedback-suggest-border: none;  --sp-feedback-ask-border: none;  --sp-feedback-appreciate-border: none;  --sp-feedback-report-text: #bb1a00;  --sp-feedback-suggest-text: #7400d5;  --sp-feedback-ask-text: #956100;  --sp-feedback-appreciate-text: #c20049;  --sp-tox-bg: #ffffff;  --sp-tinymce-color: #000000;  --sp-tox-text: #000000;  --sp-tox-arrow: rgba(34, 47, 62, 0.5);  --sp-module-toolbar-border: none;  --sp-tox-hover-color: #dee0e2;  --sp-my-profile-popup-color: rgba(0, 0, 0, 0.7);  --sp-my-profile-menu-color: #eee;  --sp-profile-card-color: #f7f7f7;  --sp-tox-enable-color: #c8cbcf;  --sp-tox-split-button: #ffffff;  --sp-element-bg-tooltip-color: #ffffff;  --sp-cancel-button-bg: #f0f0f0;  --sp-dropdown-bg-hover-color: rgba(158, 158, 158, 0.2); }*,*::before,*::after {  box-sizing: border-box; }html {  height: 100%;  font-size: 1rem;  font-family: "Lato-Regular", "Roboto", "Open Sans", "Helvetica", sans-serif; }body {  height: 100%;  margin: 0;  position: relative;  font-size: 0.875rem;  background-color: var(--sp-bg-color);  color: var(--sp-primary-text-color); }button,input,select,textarea {  font-family: "Lato-Regular", "Roboto", "Open Sans", "Helvetica", sans-serif; }.valign-middle {  vertical-align: middle; }.justify-center {  justify-content: center; }.word-break {  word-break: break-word; }.display-flex {  display: -ms-flexbox !important;  display: flex !important; }.align-center {  align-items: center; }.justify-end {  justify-content: flex-end; }.bg-app {  background-color: var(--sp-bg-color); }.bg-element {  background-color: var(--sp-element-bg-color); }.bg-element-100 {  background-color: var(--sp-element-bg-color-100); }.bg-element-200 {  background-color: var(--sp-element-bg-color-200); }.bg-element-300 {  background-color: var(--sp-element-bg-color-300); }.bg-element-400 {  background-color: var(--sp-element-bg-color-400); }.bg-green,.bg-blue,.bg-yellow,.bg-orange,.bg-red,.bg-gray {  color: white; }.bg-green {  background-color: var(--sp-green-color); }.bg-gray {  background-color: var(--sp-gray-color); }.bg-blue {  background-color: var(--sp-blue-color); }.bg-yellow {  background-color: var(--sp-yellow-color); }.bg-orange {  background-color: var(--sp-orange-color); }.bg-red {  background-color: var(--sp-red-color); }.border {  border: 1px solid var(--sp-border-color); }.border-top {  border-top: 1px solid var(--sp-border-color); }.border-right {  border-right: 1px solid var(--sp-border-color); }.border-bottom {  border-bottom: 1px solid var(--sp-border-color); }.border-left {  border-left: 1px solid var(--sp-border-color); }.border-0 {  border: 0; }.border-top-0 {  border-top: 0; }.border-right-0 {  border-right: 0; }.border-bottom-0 {  border-bottom: 0; }.border-left-0 {  border-left: 0; }md-divider {  border-color: var(--sp-border-color); }.rounded {  border-radius: 2px; }.rounded-top {  border-top-left-radius: 2px;  border-top-right-radius: 2px; }.rounded-right {  border-top-right-radius: 2px;  border-bottom-right-radius: 2px; }.rounded-bottom {  border-bottom-right-radius: 2px;  border-bottom-left-radius: 2px; }.rounded-left {  border-top-left-radius: 2px;  border-bottom-left-radius: 2px; }.rounded-circle {  border-radius: 50%; }.rounded-0 {  border-radius: 0; }.pointer {  cursor: pointer; }.no-drop {  cursor: no-drop; }.element-content {  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color); }.disabled-content {  color: var(--sp-disabled-text-color) !important;  pointer-events: none !important; }.disabled-child-content * {  color: var(--sp-disabled-text-color) !important;  pointer-events: none !important; }.disabled-child-content img {  opacity: 0.5;  filter: grayscale(1); }.markup-content {  white-space: pre-wrap;  overflow-wrap: break-word; }.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; }.formatted-content p:only-child,.formatted-content h1:only-child,.formatted-content h2:only-child,.formatted-content h3:only-child,.formatted-content h4:only-child,.formatted-content h5:only-child,.formatted-content h6:only-child,.formatted-content blockquote:only-child,.formatted-content code:only-child,.formatted-content ul:only-child,.formatted-content ol:only-child {  margin-top: 0;  margin-bottom: 0; }.formatted-content a {  color: var(--sp-link-color);  cursor: pointer;  text-decoration: none; }.formatted-content img {  max-width: 100%;  height: auto; }.formatted-content pre {  white-space: normal; }.d-block {  display: block; }.d-inline {  display: inline; }.d-inline-block {  display: inline-block; }.d-none {  display: none; }.v-hidden {  visibility: hidden; }.grayscale-100 {  filter: grayscale(100%); }.overflow-auto {  overflow: auto; }.overflow-hidden {  overflow: hidden; }.position-relative {  position: relative; }.position-absolute {  position: absolute; }.position-fixed {  position: fixed; }.shadow {  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07); }.shadow-none {  box-shadow: none !important; }.height-100 {  height: 100%; }.height-60vh {  height: 60vh; }.width-100 {  width: 100%; }.width-50 {  width: 50%; }.width-30 {  width: 30%; }.width-maxcontent {  max-width: max-content; }.minheight-20 {  min-height: 20px; }.minheight-44 {  min-height: 44px; }.ht-40 {  height: 40px; }.m-0 {  margin: 0 !important; }.mt-0,.my-0 {  margin-top: 0 !important; }.mr-0,.mx-0 {  margin-right: 0 !important; }.mb-0,.my-0 {  margin-bottom: 0 !important; }.ml-0,.mx-0 {  margin-left: 0 !important; }.m-1 {  margin: 0.25rem !important; }.mt-1,.my-1 {  margin-top: 0.25rem !important; }.mr-1,.mx-1 {  margin-right: 0.25rem !important; }.mb-1,.my-1 {  margin-bottom: 0.25rem !important; }.ml-1,.mx-1 {  margin-left: 0.25rem !important; }.m-2 {  margin: 0.5rem !important; }.mt-2,.my-2 {  margin-top: 0.5rem !important; }.mr-2,.mx-2 {  margin-right: 0.5rem !important; }.mb-2,.my-2 {  margin-bottom: 0.5rem !important; }.ml-2,.mx-2 {  margin-left: 0.5rem !important; }.m-3 {  margin: 1rem !important; }.mt-3,.my-3 {  margin-top: 1rem !important; }.mr-3,.mx-3 {  margin-right: 1rem !important; }.mb-3,.my-3 {  margin-bottom: 1rem !important; }.ml-3,.mx-3 {  margin-left: 1rem !important; }.m-4 {  margin: 1.5rem !important; }.mt-4,.my-4 {  margin-top: 1.5rem !important; }.mr-4,.mx-4 {  margin-right: 1.5rem !important; }.mb-4,.my-4 {  margin-bottom: 1.5rem !important; }.ml-4,.mx-4 {  margin-left: 1.5rem !important; }.m-5 {  margin: 3rem !important; }.mt-5,.my-5 {  margin-top: 3rem !important; }.mr-5,.mx-5 {  margin-right: 3rem !important; }.mb-5,.my-5 {  margin-bottom: 3rem !important; }.ml-5,.mx-5 {  margin-left: 3rem !important; }.p-0 {  padding: 0 !important; }.pt-0,.py-0 {  padding-top: 0 !important; }.pr-0,.px-0 {  padding-right: 0 !important; }.pb-0,.py-0 {  padding-bottom: 0 !important; }.pl-0,.px-0 {  padding-left: 0 !important; }.p-1 {  padding: 0.25rem !important; }.pt-1,.py-1 {  padding-top: 0.25rem !important; }.pr-1,.px-1 {  padding-right: 0.25rem !important; }.pb-1,.py-1 {  padding-bottom: 0.25rem !important; }.pl-1,.px-1 {  padding-left: 0.25rem !important; }.p-2 {  padding: 0.5rem !important; }.pt-2,.py-2 {  padding-top: 0.5rem !important; }.pr-2,.px-2 {  padding-right: 0.5rem !important; }.pb-2,.py-2 {  padding-bottom: 0.5rem !important; }.pl-2,.px-2 {  padding-left: 0.5rem !important; }.p-3 {  padding: 1rem !important; }.pt-3,.py-3 {  padding-top: 1rem !important; }.pr-3,.px-3 {  padding-right: 1rem !important; }.pb-3,.py-3 {  padding-bottom: 1rem !important; }.pl-3,.px-3 {  padding-left: 1rem !important; }.p-4 {  padding: 1.5rem !important; }.pt-4,.py-4 {  padding-top: 1.5rem !important; }.pr-4,.px-4 {  padding-right: 1.5rem !important; }.pb-4,.py-4 {  padding-bottom: 1.5rem !important; }.pl-4,.px-4 {  padding-left: 1.5rem !important; }.p-5 {  padding: 3rem !important; }.pt-5,.py-5 {  padding-top: 3rem !important; }.pr-5,.px-5 {  padding-right: 3rem !important; }.pb-5,.py-5 {  padding-bottom: 3rem !important; }.pl-5,.px-5 {  padding-left: 3rem !important; }.m-auto {  margin: auto !important; }.mt-auto,.my-auto {  margin-top: auto !important; }.mr-auto,.mx-auto {  margin-right: auto !important; }.mb-auto,.my-auto {  margin-bottom: auto !important; }.ml-auto,.mx-auto {  margin-left: auto !important; }@media (min-width: 576px) {  .m-sm-0 {    margin: 0 !important; }  .mt-sm-0,  .my-sm-0 {    margin-top: 0 !important; }  .mr-sm-0,  .mx-sm-0 {    margin-right: 0 !important; }  .mb-sm-0,  .my-sm-0 {    margin-bottom: 0 !important; }  .ml-sm-0,  .mx-sm-0 {    margin-left: 0 !important; }  .m-sm-1 {    margin: 0.25rem !important; }  .mt-sm-1,  .my-sm-1 {    margin-top: 0.25rem !important; }  .mr-sm-1,  .mx-sm-1 {    margin-right: 0.25rem !important; }  .mb-sm-1,  .my-sm-1 {    margin-bottom: 0.25rem !important; }  .ml-sm-1,  .mx-sm-1 {    margin-left: 0.25rem !important; }  .m-sm-2 {    margin: 0.5rem !important; }  .mt-sm-2,  .my-sm-2 {    margin-top: 0.5rem !important; }  .mr-sm-2,  .mx-sm-2 {    margin-right: 0.5rem !important; }  .mb-sm-2,  .my-sm-2 {    margin-bottom: 0.5rem !important; }  .ml-sm-2,  .mx-sm-2 {    margin-left: 0.5rem !important; }  .m-sm-3 {    margin: 1rem !important; }  .mt-sm-3,  .my-sm-3 {    margin-top: 1rem !important; }  .mr-sm-3,  .mx-sm-3 {    margin-right: 1rem !important; }  .mb-sm-3,  .my-sm-3 {    margin-bottom: 1rem !important; }  .ml-sm-3,  .mx-sm-3 {    margin-left: 1rem !important; }  .m-sm-4 {    margin: 1.5rem !important; }  .mt-sm-4,  .my-sm-4 {    margin-top: 1.5rem !important; }  .mr-sm-4,  .mx-sm-4 {    margin-right: 1.5rem !important; }  .mb-sm-4,  .my-sm-4 {    margin-bottom: 1.5rem !important; }  .ml-sm-4,  .mx-sm-4 {    margin-left: 1.5rem !important; }  .m-sm-5 {    margin: 3rem !important; }  .mt-sm-5,  .my-sm-5 {    margin-top: 3rem !important; }  .mr-sm-5,  .mx-sm-5 {    margin-right: 3rem !important; }  .mb-sm-5,  .my-sm-5 {    margin-bottom: 3rem !important; }  .ml-sm-5,  .mx-sm-5 {    margin-left: 3rem !important; }  .p-sm-0 {    padding: 0 !important; }  .pt-sm-0,  .py-sm-0 {    padding-top: 0 !important; }  .pr-sm-0,  .px-sm-0 {    padding-right: 0 !important; }  .pb-sm-0,  .py-sm-0 {    padding-bottom: 0 !important; }  .pl-sm-0,  .px-sm-0 {    padding-left: 0 !important; }  .p-sm-1 {    padding: 0.25rem !important; }  .pt-sm-1,  .py-sm-1 {    padding-top: 0.25rem !important; }  .pr-sm-1,  .px-sm-1 {    padding-right: 0.25rem !important; }  .pb-sm-1,  .py-sm-1 {    padding-bottom: 0.25rem !important; }  .pl-sm-1,  .px-sm-1 {    padding-left: 0.25rem !important; }  .p-sm-2 {    padding: 0.5rem !important; }  .pt-sm-2,  .py-sm-2 {    padding-top: 0.5rem !important; }  .pr-sm-2,  .px-sm-2 {    padding-right: 0.5rem !important; }  .pb-sm-2,  .py-sm-2 {    padding-bottom: 0.5rem !important; }  .pl-sm-2,  .px-sm-2 {    padding-left: 0.5rem !important; }  .p-sm-3 {    padding: 1rem !important; }  .pt-sm-3,  .py-sm-3 {    padding-top: 1rem !important; }  .pr-sm-3,  .px-sm-3 {    padding-right: 1rem !important; }  .pb-sm-3,  .py-sm-3 {    padding-bottom: 1rem !important; }  .pl-sm-3,  .px-sm-3 {    padding-left: 1rem !important; }  .p-sm-4 {    padding: 1.5rem !important; }  .pt-sm-4,  .py-sm-4 {    padding-top: 1.5rem !important; }  .pr-sm-4,  .px-sm-4 {    padding-right: 1.5rem !important; }  .pb-sm-4,  .py-sm-4 {    padding-bottom: 1.5rem !important; }  .pl-sm-4,  .px-sm-4 {    padding-left: 1.5rem !important; }  .p-sm-5 {    padding: 3rem !important; }  .pt-sm-5,  .py-sm-5 {    padding-top: 3rem !important; }  .pr-sm-5,  .px-sm-5 {    padding-right: 3rem !important; }  .pb-sm-5,  .py-sm-5 {    padding-bottom: 3rem !important; }  .pl-sm-5,  .px-sm-5 {    padding-left: 3rem !important; }  .m-sm-auto {    margin: auto !important; }  .mt-sm-auto,  .my-sm-auto {    margin-top: auto !important; }  .mr-sm-auto,  .mx-sm-auto {    margin-right: auto !important; }  .mb-sm-auto,  .my-sm-auto {    margin-bottom: auto !important; }  .ml-sm-auto,  .mx-sm-auto {    margin-left: auto !important; } }@media (min-width: 768px) {  .m-md-0 {    margin: 0 !important; }  .mt-md-0,  .my-md-0 {    margin-top: 0 !important; }  .mr-md-0,  .mx-md-0 {    margin-right: 0 !important; }  .mb-md-0,  .my-md-0 {    margin-bottom: 0 !important; }  .ml-md-0,  .mx-md-0 {    margin-left: 0 !important; }  .m-md-1 {    margin: 0.25rem !important; }  .mt-md-1,  .my-md-1 {    margin-top: 0.25rem !important; }  .mr-md-1,  .mx-md-1 {    margin-right: 0.25rem !important; }  .mb-md-1,  .my-md-1 {    margin-bottom: 0.25rem !important; }  .ml-md-1,  .mx-md-1 {    margin-left: 0.25rem !important; }  .m-md-2 {    margin: 0.5rem !important; }  .mt-md-2,  .my-md-2 {    margin-top: 0.5rem !important; }  .mr-md-2,  .mx-md-2 {    margin-right: 0.5rem !important; }  .mb-md-2,  .my-md-2 {    margin-bottom: 0.5rem !important; }  .ml-md-2,  .mx-md-2 {    margin-left: 0.5rem !important; }  .m-md-3 {    margin: 1rem !important; }  .mt-md-3,  .my-md-3 {    margin-top: 1rem !important; }  .mr-md-3,  .mx-md-3 {    margin-right: 1rem !important; }  .mb-md-3,  .my-md-3 {    margin-bottom: 1rem !important; }  .ml-md-3,  .mx-md-3 {    margin-left: 1rem !important; }  .m-md-4 {    margin: 1.5rem !important; }  .mt-md-4,  .my-md-4 {    margin-top: 1.5rem !important; }  .mr-md-4,  .mx-md-4 {    margin-right: 1.5rem !important; }  .mb-md-4,  .my-md-4 {    margin-bottom: 1.5rem !important; }  .ml-md-4,  .mx-md-4 {    margin-left: 1.5rem !important; }  .m-md-5 {    margin: 3rem !important; }  .mt-md-5,  .my-md-5 {    margin-top: 3rem !important; }  .mr-md-5,  .mx-md-5 {    margin-right: 3rem !important; }  .mb-md-5,  .my-md-5 {    margin-bottom: 3rem !important; }  .ml-md-5,  .mx-md-5 {    margin-left: 3rem !important; }  .p-md-0 {    padding: 0 !important; }  .pt-md-0,  .py-md-0 {    padding-top: 0 !important; }  .pr-md-0,  .px-md-0 {    padding-right: 0 !important; }  .pb-md-0,  .py-md-0 {    padding-bottom: 0 !important; }  .pl-md-0,  .px-md-0 {    padding-left: 0 !important; }  .p-md-1 {    padding: 0.25rem !important; }  .pt-md-1,  .py-md-1 {    padding-top: 0.25rem !important; }  .pr-md-1,  .px-md-1 {    padding-right: 0.25rem !important; }  .pb-md-1,  .py-md-1 {    padding-bottom: 0.25rem !important; }  .pl-md-1,  .px-md-1 {    padding-left: 0.25rem !important; }  .p-md-2 {    padding: 0.5rem !important; }  .pt-md-2,  .py-md-2 {    padding-top: 0.5rem !important; }  .pr-md-2,  .px-md-2 {    padding-right: 0.5rem !important; }  .pb-md-2,  .py-md-2 {    padding-bottom: 0.5rem !important; }  .pl-md-2,  .px-md-2 {    padding-left: 0.5rem !important; }  .p-md-3 {    padding: 1rem !important; }  .pt-md-3,  .py-md-3 {    padding-top: 1rem !important; }  .pr-md-3,  .px-md-3 {    padding-right: 1rem !important; }  .pb-md-3,  .py-md-3 {    padding-bottom: 1rem !important; }  .pl-md-3,  .px-md-3 {    padding-left: 1rem !important; }  .p-md-4 {    padding: 1.5rem !important; }  .pt-md-4,  .py-md-4 {    padding-top: 1.5rem !important; }  .pr-md-4,  .px-md-4 {    padding-right: 1.5rem !important; }  .pb-md-4,  .py-md-4 {    padding-bottom: 1.5rem !important; }  .pl-md-4,  .px-md-4 {    padding-left: 1.5rem !important; }  .p-md-5 {    padding: 3rem !important; }  .pt-md-5,  .py-md-5 {    padding-top: 3rem !important; }  .pr-md-5,  .px-md-5 {    padding-right: 3rem !important; }  .pb-md-5,  .py-md-5 {    padding-bottom: 3rem !important; }  .pl-md-5,  .px-md-5 {    padding-left: 3rem !important; }  .m-md-auto {    margin: auto !important; }  .mt-md-auto,  .my-md-auto {    margin-top: auto !important; }  .mr-md-auto,  .mx-md-auto {    margin-right: auto !important; }  .mb-md-auto,  .my-md-auto {    margin-bottom: auto !important; }  .ml-md-auto,  .mx-md-auto {    margin-left: auto !important; } }@media (min-width: 992px) {  .m-lg-0 {    margin: 0 !important; }  .mt-lg-0,  .my-lg-0 {    margin-top: 0 !important; }  .mr-lg-0,  .mx-lg-0 {    margin-right: 0 !important; }  .mb-lg-0,  .my-lg-0 {    margin-bottom: 0 !important; }  .ml-lg-0,  .mx-lg-0 {    margin-left: 0 !important; }  .m-lg-1 {    margin: 0.25rem !important; }  .mt-lg-1,  .my-lg-1 {    margin-top: 0.25rem !important; }  .mr-lg-1,  .mx-lg-1 {    margin-right: 0.25rem !important; }  .mb-lg-1,  .my-lg-1 {    margin-bottom: 0.25rem !important; }  .ml-lg-1,  .mx-lg-1 {    margin-left: 0.25rem !important; }  .m-lg-2 {    margin: 0.5rem !important; }  .mt-lg-2,  .my-lg-2 {    margin-top: 0.5rem !important; }  .mr-lg-2,  .mx-lg-2 {    margin-right: 0.5rem !important; }  .mb-lg-2,  .my-lg-2 {    margin-bottom: 0.5rem !important; }  .ml-lg-2,  .mx-lg-2 {    margin-left: 0.5rem !important; }  .m-lg-3 {    margin: 1rem !important; }  .mt-lg-3,  .my-lg-3 {    margin-top: 1rem !important; }  .mr-lg-3,  .mx-lg-3 {    margin-right: 1rem !important; }  .mb-lg-3,  .my-lg-3 {    margin-bottom: 1rem !important; }  .ml-lg-3,  .mx-lg-3 {    margin-left: 1rem !important; }  .m-lg-4 {    margin: 1.5rem !important; }  .mt-lg-4,  .my-lg-4 {    margin-top: 1.5rem !important; }  .mr-lg-4,  .mx-lg-4 {    margin-right: 1.5rem !important; }  .mb-lg-4,  .my-lg-4 {    margin-bottom: 1.5rem !important; }  .ml-lg-4,  .mx-lg-4 {    margin-left: 1.5rem !important; }  .m-lg-5 {    margin: 3rem !important; }  .mt-lg-5,  .my-lg-5 {    margin-top: 3rem !important; }  .mr-lg-5,  .mx-lg-5 {    margin-right: 3rem !important; }  .mb-lg-5,  .my-lg-5 {    margin-bottom: 3rem !important; }  .ml-lg-5,  .mx-lg-5 {    margin-left: 3rem !important; }  .p-lg-0 {    padding: 0 !important; }  .pt-lg-0,  .py-lg-0 {    padding-top: 0 !important; }  .pr-lg-0,  .px-lg-0 {    padding-right: 0 !important; }  .pb-lg-0,  .py-lg-0 {    padding-bottom: 0 !important; }  .pl-lg-0,  .px-lg-0 {    padding-left: 0 !important; }  .p-lg-1 {    padding: 0.25rem !important; }  .pt-lg-1,  .py-lg-1 {    padding-top: 0.25rem !important; }  .pr-lg-1,  .px-lg-1 {    padding-right: 0.25rem !important; }  .pb-lg-1,  .py-lg-1 {    padding-bottom: 0.25rem !important; }  .pl-lg-1,  .px-lg-1 {    padding-left: 0.25rem !important; }  .p-lg-2 {    padding: 0.5rem !important; }  .pt-lg-2,  .py-lg-2 {    padding-top: 0.5rem !important; }  .pr-lg-2,  .px-lg-2 {    padding-right: 0.5rem !important; }  .pb-lg-2,  .py-lg-2 {    padding-bottom: 0.5rem !important; }  .pl-lg-2,  .px-lg-2 {    padding-left: 0.5rem !important; }  .p-lg-3 {    padding: 1rem !important; }  .pt-lg-3,  .py-lg-3 {    padding-top: 1rem !important; }  .pr-lg-3,  .px-lg-3 {    padding-right: 1rem !important; }  .pb-lg-3,  .py-lg-3 {    padding-bottom: 1rem !important; }  .pl-lg-3,  .px-lg-3 {    padding-left: 1rem !important; }  .p-lg-4 {    padding: 1.5rem !important; }  .pt-lg-4,  .py-lg-4 {    padding-top: 1.5rem !important; }  .pr-lg-4,  .px-lg-4 {    padding-right: 1.5rem !important; }  .pb-lg-4,  .py-lg-4 {    padding-bottom: 1.5rem !important; }  .pl-lg-4,  .px-lg-4 {    padding-left: 1.5rem !important; }  .p-lg-5 {    padding: 3rem !important; }  .pt-lg-5,  .py-lg-5 {    padding-top: 3rem !important; }  .pr-lg-5,  .px-lg-5 {    padding-right: 3rem !important; }  .pb-lg-5,  .py-lg-5 {    padding-bottom: 3rem !important; }  .pl-lg-5,  .px-lg-5 {    padding-left: 3rem !important; }  .m-lg-auto {    margin: auto !important; }  .mt-lg-auto,  .my-lg-auto {    margin-top: auto !important; }  .mr-lg-auto,  .mx-lg-auto {    margin-right: auto !important; }  .mb-lg-auto,  .my-lg-auto {    margin-bottom: auto !important; }  .ml-lg-auto,  .mx-lg-auto {    margin-left: auto !important; } }@media (min-width: 1200px) {  .m-xl-0 {    margin: 0 !important; }  .mt-xl-0,  .my-xl-0 {    margin-top: 0 !important; }  .mr-xl-0,  .mx-xl-0 {    margin-right: 0 !important; }  .mb-xl-0,  .my-xl-0 {    margin-bottom: 0 !important; }  .ml-xl-0,  .mx-xl-0 {    margin-left: 0 !important; }  .m-xl-1 {    margin: 0.25rem !important; }  .mt-xl-1,  .my-xl-1 {    margin-top: 0.25rem !important; }  .mr-xl-1,  .mx-xl-1 {    margin-right: 0.25rem !important; }  .mb-xl-1,  .my-xl-1 {    margin-bottom: 0.25rem !important; }  .ml-xl-1,  .mx-xl-1 {    margin-left: 0.25rem !important; }  .m-xl-2 {    margin: 0.5rem !important; }  .mt-xl-2,  .my-xl-2 {    margin-top: 0.5rem !important; }  .mr-xl-2,  .mx-xl-2 {    margin-right: 0.5rem !important; }  .mb-xl-2,  .my-xl-2 {    margin-bottom: 0.5rem !important; }  .ml-xl-2,  .mx-xl-2 {    margin-left: 0.5rem !important; }  .m-xl-3 {    margin: 1rem !important; }  .mt-xl-3,  .my-xl-3 {    margin-top: 1rem !important; }  .mr-xl-3,  .mx-xl-3 {    margin-right: 1rem !important; }  .mb-xl-3,  .my-xl-3 {    margin-bottom: 1rem !important; }  .ml-xl-3,  .mx-xl-3 {    margin-left: 1rem !important; }  .m-xl-4 {    margin: 1.5rem !important; }  .mt-xl-4,  .my-xl-4 {    margin-top: 1.5rem !important; }  .mr-xl-4,  .mx-xl-4 {    margin-right: 1.5rem !important; }  .mb-xl-4,  .my-xl-4 {    margin-bottom: 1.5rem !important; }  .ml-xl-4,  .mx-xl-4 {    margin-left: 1.5rem !important; }  .m-xl-5 {    margin: 3rem !important; }  .mt-xl-5,  .my-xl-5 {    margin-top: 3rem !important; }  .mr-xl-5,  .mx-xl-5 {    margin-right: 3rem !important; }  .mb-xl-5,  .my-xl-5 {    margin-bottom: 3rem !important; }  .ml-xl-5,  .mx-xl-5 {    margin-left: 3rem !important; }  .p-xl-0 {    padding: 0 !important; }  .pt-xl-0,  .py-xl-0 {    padding-top: 0 !important; }  .pr-xl-0,  .px-xl-0 {    padding-right: 0 !important; }  .pb-xl-0,  .py-xl-0 {    padding-bottom: 0 !important; }  .pl-xl-0,  .px-xl-0 {    padding-left: 0 !important; }  .p-xl-1 {    padding: 0.25rem !important; }  .pt-xl-1,  .py-xl-1 {    padding-top: 0.25rem !important; }  .pr-xl-1,  .px-xl-1 {    padding-right: 0.25rem !important; }  .pb-xl-1,  .py-xl-1 {    padding-bottom: 0.25rem !important; }  .pl-xl-1,  .px-xl-1 {    padding-left: 0.25rem !important; }  .p-xl-2 {    padding: 0.5rem !important; }  .pt-xl-2,  .py-xl-2 {    padding-top: 0.5rem !important; }  .pr-xl-2,  .px-xl-2 {    padding-right: 0.5rem !important; }  .pb-xl-2,  .py-xl-2 {    padding-bottom: 0.5rem !important; }  .pl-xl-2,  .px-xl-2 {    padding-left: 0.5rem !important; }  .p-xl-3 {    padding: 1rem !important; }  .pt-xl-3,  .py-xl-3 {    padding-top: 1rem !important; }  .pr-xl-3,  .px-xl-3 {    padding-right: 1rem !important; }  .pb-xl-3,  .py-xl-3 {    padding-bottom: 1rem !important; }  .pl-xl-3,  .px-xl-3 {    padding-left: 1rem !important; }  .p-xl-4 {    padding: 1.5rem !important; }  .pt-xl-4,  .py-xl-4 {    padding-top: 1.5rem !important; }  .pr-xl-4,  .px-xl-4 {    padding-right: 1.5rem !important; }  .pb-xl-4,  .py-xl-4 {    padding-bottom: 1.5rem !important; }  .pl-xl-4,  .px-xl-4 {    padding-left: 1.5rem !important; }  .p-xl-5 {    padding: 3rem !important; }  .pt-xl-5,  .py-xl-5 {    padding-top: 3rem !important; }  .pr-xl-5,  .px-xl-5 {    padding-right: 3rem !important; }  .pb-xl-5,  .py-xl-5 {    padding-bottom: 3rem !important; }  .pl-xl-5,  .px-xl-5 {    padding-left: 3rem !important; }  .m-xl-auto {    margin: auto !important; }  .mt-xl-auto,  .my-xl-auto {    margin-top: auto !important; }  .mr-xl-auto,  .mx-xl-auto {    margin-right: auto !important; }  .mb-xl-auto,  .my-xl-auto {    margin-bottom: auto !important; }  .ml-xl-auto,  .mx-xl-auto {    margin-left: auto !important; } }h1,h2,h3,h4,h5,h6,b,strong,.text-bold,.sp-subscribe-button {  font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif;  font-weight: 400; }h1,.h1 {  font-size: 2rem; }h2,.h2 {  font-size: 1.5rem; }h3,.h3 {  font-size: 1.125rem; }h4,.h4 {  font-size: 1rem; }h5,.h5 {  font-size: 0.875rem; }h6,.h6 {  font-size: 0.75rem; }.text-center {  text-align: center !important; }.text-right {  text-align: right !important; }.text-left {  text-align: left !important; }.fs-xl {  font-size: 1.25rem; }.fs-lg {  font-size: 1.125rem; }.fs-md {  font-size: 1rem; }.fs-base {  font-size: 0.875rem; }.fs-sm {  font-size: 0.75rem; }.fs-xs {  font-size: 0.625rem; }.fs-sub-md {  font-size: 0.9375rem; }.fs-sub-base {  font-size: 0.8125rem; }.fs-sub-sm {  font-size: 0.6875rem; }.text-primary {  color: var(--sp-primary-text-color); }.text-secondary {  color: var(--sp-secondary-text-color); }.text-tertiary {  color: var(--sp-tertiary-text-color); }.text-placeholder {  color: var(--sp-placeholder-text-color); }.text-disabled {  color: var(--sp-disabled-text-color); }.text-link {  color: var(--sp-link-color); }.text-white {  color: #ffffff !important; }.text-green, .icon-verified, .operational,.icon-status-operational {  color: var(--sp-green-color); }.text-gray, .informational,.icon-status-informational {  color: var(--sp-gray-color); }.text-blue, .maintenance,.icon-status-maintenance {  color: var(--sp-blue-color); }.text-yellow, .icon-not-verified, .degraded-performance,.icon-status-degraded-performance {  color: var(--sp-yellow-color); }.text-orange, .partial-outage,.icon-status-partial-outage {  color: var(--sp-orange-color); }.text-red, .major-outage,.icon-status-major-outage {  color: var(--sp-red-color); }.txt-green {  color: var(--sp-text-green); }.text-danger {  color: #E92B2B; }.text-active {  color: #1E88E5; }.lh-1 {  line-height: 1; }.lh-base {  line-height: 1.5; }.lh-md {  line-height: 1.75; }.lh-lg {  line-height: 2; }.text-uppercase {  text-transform: uppercase; }.text-capitalize {  text-transform: capitalize; }.text-decoration-none {  text-decoration: none; }.wb-break-all {  word-break: break-all; }.wb-break-word {  word-break: break-word; }.wb-break-word pre {  white-space: normal; }.pre-line {  white-space: pre-wrap;  white-space: pre-line; }blockquote {  box-sizing: border-box;  padding-left: 16px;  border-left: 2px solid #dfe1e6;  margin: 1.142em 0px 0px; }  blockquote p {    font-size: 1em;    line-height: 1.714;    font-weight: normal;    margin-top: 1.142em;    margin-bottom: 0px;    letter-spacing: -0.005em;    display: block; }.letter-spacing-bold {  letter-spacing: -0.1px; }.list-style-none {  list-style: none; }.list-style-square {  list-style: square; }.link {  color: var(--sp-link-color);  cursor: pointer;  text-decoration: none;  transition: color 0.15s ease; }  .link:hover, .link:focus {    color: var(--sp-link-hover-color); }  .link.disabled, .link[disabled] {    color: var(--sp-disabled-text-color) !important;    pointer-events: none !important; }  .link--stretched::after {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 1;    pointer-events: auto;    content: "";    background-color: transparent; }.select-none {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }.select-all {  -webkit-user-select: all;  -moz-user-select: all;  -ms-user-select: all;  user-select: all; }.container {  width: 100%;  margin-left: auto;  margin-right: auto; }  @media screen and (min-width: 576px) {    .container {      max-width: 95%; } }  @media screen and (min-width: 992px) {    .container {      max-width: 1024px; } }.alert-bar {  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  min-height: 40px !important;  width: 100%;  font-size: 0.875rem;  line-height: 1.5;  display: flex;  align-items: center;  justify-content: center; }  .alert-bar--fixed {    position: fixed;    top: 0;    left: 0;    z-index: 1051; }  .alert-bar .dismiss-link {    font-size: 0.75rem;    margin-left: 5px;    text-decoration: underline; }  .alert-bar.alert-bar-success {    background: #fef0bd;    color: #495057; }    .alert-bar.alert-bar-success a:not(.dismiss-link) {      color: #3993FC;      text-decoration: underline; }  .alert-bar.alert-bar-error {    background-color: #E94B35;    color: #ffffff; }    .alert-bar.alert-bar-error a:not(.dismiss-link) {      color: #ffffff;      text-decoration: underline; }  .alert-bar.alert-bar-primary {    background-color: #cce5ff;    color: #004085;    border-bottom: 1px solid #b8daff; }    .alert-bar.alert-bar-primary a:not(.dismiss-link) {      color: #002752;      text-decoration: underline; }  .alert-bar.alert-bar-danger {    background-color: #f8d7da;    color: #721c24; }    .alert-bar.alert-bar-danger a:not(.dismiss-link) {      color: #491217;      text-decoration: underline; }.md-button[disabled] md-icon {  color: var(--sp-disabled-text-color) !important; }.btn:not(.md-icon-button) {  padding-left: 8px;  padding-right: 8px;  box-shadow: none !important;  border-radius: 2px;  text-transform: none;  font-size: 0.875rem;  font-style: normal; }.btn.md-icon-button {  height: 36px;  width: 36px;  padding: 6px;  box-shadow: none !important;  border-radius: 2px; }.btn[disabled] {  color: var(--sp-disabled-text-color) !important; }  .btn[disabled] md-icon {    color: var(--sp-disabled-text-color) !important; }  .btn[disabled].md-raised {    background-color: var(--sp-element-bg-color-200) !important; }  .btn[disabled].custom-button {    background-color: var(--sp-element-bg-color-200) !important; }.btn-lg {  line-height: 40px;  min-height: 40px; }.btn-md {  line-height: 32px;  min-height: 32px; }.btn-sm {  line-height: 24px;  min-height: 24px; }.btn-outline {  border: 1px solid currentColor; }.btn-pill {  padding-left: 24px !important;  padding-right: 24px !important;  border-radius: 50rem !important; }.btn-primary:not([disabled]) {  background-color: var(--sp-button-bg-color) !important;  color: var(--sp-button-color) !important; }  .btn-primary:not([disabled]) md-icon {    color: var(--sp-button-color) !important; }  .btn-primary:not([disabled]):hover {    background-color: var(--sp-button-hover-bg-color) !important; }.btn-success:not([disabled]) {  background-color: #21bc63 !important;  color: #ffffff !important; }  .btn-success:not([disabled]) md-icon {    color: #ffffff !important; }  .btn-success:not([disabled]):hover {    background-color: #1faf5c !important; }.btn-link:not([disabled]) {  color: var(--sp-link-color) !important; }  .btn-link:not([disabled]) md-icon {    color: var(--sp-link-color) !important; }.btn.btn-warn[disabled] {  background-color: #d9534f;  opacity: 0.5;  color: #f4f4f4 !important;  cursor: not-allowed; }.btn-success[disabled] {  background-color: #5cb85c;  border-color: #4cae4c;  opacity: 0.5;  color: #fff !important;  cursor: not-allowed; }.btn-group .btn {  min-width: 36px; }.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {  border-radius: 2px 0 0 2px;  margin-right: 0; }.btn-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {  border-radius: 0;  margin: 0; }.btn-group .btn:last-child:not(:only-child):not(.dropdown-toggle) {  border-radius: 0 2px 2px 0;  margin-left: 0; }.btn-group .btn:only-child {  border-radius: 2px; }.btn-group .dropdown-toggle {  min-width: 24px;  padding: 0 3px;  margin-left: 0;  box-shadow: none !important;  border-radius: 0 2px 2px 0;  transition: all 0.2s ease-in-out; }  .btn-group .dropdown-toggle.border-left {    border-left: 1px solid rgba(0, 0, 0, 0.1); }  .btn-group .dropdown-toggle.md-primary:hover {    background-color: #1980da !important; }.card {  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color);  border-radius: 2px;  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07); }.chart-container {  width: 100%; }.chip {  height: 24px;  display: flex;  flex-shrink: 0;  margin: 4px; }  .chip__label {    display: flex;    color: var(--sp-primary-text-color);    align-items: center;    padding: 0px 8px;    border-radius: 2px;    background-color: var(--sp-element-bg-color-200);    font-size: 0.875rem; }    .chip__label__content {      max-width: 100px;      overflow: hidden;      white-space: nowrap;      text-overflow: ellipsis; }  .chip__action {    min-width: 24px;    color: var(--sp-tertiary-text-color);    cursor: pointer;    border-radius: 0 2px 2px 0;    outline: 0;    border: 0;    margin: 0;    background-color: var(--sp-element-bg-color-400); }  .chip--removable .chip__label {    border-radius: 2px 0 0 2px; }.collapse {  display: none; }.collapse.show {  display: block; }tr.collapse.show {  display: table-row; }tbody.collapse.show {  display: table-row-group; }.collapsing {  position: relative;  height: 0;  overflow: hidden;  -webkit-transition-property: height, visibility;  transition-property: height, visibility;  -webkit-transition-duration: 200ms;  transition-duration: 200ms;  -webkit-transition-timing-function: ease;  transition-timing-function: ease; }.cc-banner {  box-sizing: border-box;  max-width: 100%;  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color);  padding: 16px;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);  border: 1px solid var(--sp-element-bg-color-200); }  @media screen and (min-width: 576px) {    .cc-banner {      max-width: 425px; } }  .cc-banner.cc-banner-floating {    position: fixed;    bottom: 0px;    right: 0px;    box-shadow: 0 -16px 16px rgba(0, 0, 0, 0.1); }    @media screen and (min-width: 576px) {      .cc-banner.cc-banner-floating {        bottom: 30px;        right: 20px;        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); } }.cc-banner-body {  position: relative; }.cc-banner-close {  position: absolute;  top: -10px;  right: -10px; }@media screen and (max-width: 576px) {  md-dialog {    margin-left: 12px;    margin-right: 12px; } }.dialog, .confirmation-dialog {  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color);  font-family: "Lato-Regular", "Roboto", "Open Sans", "Helvetica", sans-serif;  width: 800px; }  .dialog .dialog-toolbar, .confirmation-dialog .dialog-toolbar {    min-height: 55px;    background-color: var(--sp-element-bg-color-200); }    .dialog .dialog-toolbar .md-toolbar-tools, .confirmation-dialog .dialog-toolbar .md-toolbar-tools {      height: 55px;      max-height: 55px; }      .dialog .dialog-toolbar .md-toolbar-tools .dialog-title, .confirmation-dialog .dialog-toolbar .md-toolbar-tools .dialog-title {        font-size: 1.125rem;        color: var(--sp-primary-text-color); }        .dialog .dialog-toolbar .md-toolbar-tools .dialog-title + .icon-info, .confirmation-dialog .dialog-toolbar .md-toolbar-tools .dialog-title + .icon-info {          font-size: 0.875rem;          margin-left: 8px;          color: var(--sp-tertiary-text-color); }      .dialog .dialog-toolbar .md-toolbar-tools .icon-close, .confirmation-dialog .dialog-toolbar .md-toolbar-tools .icon-close {        color: var(--sp-tertiary-text-color); }  .dialog .dialog-content, .confirmation-dialog .dialog-content {    background-color: var(--sp-element-bg-color);    color: var(--sp-primary-text-color); }  .dialog .dialog-actions, .confirmation-dialog .dialog-actions {    border-top: 1px solid var(--sp-border-color); }.dialog--xl {  width: 1100px;  max-width: 1100px; }.dialog--lg {  width: 900px;  max-width: 900px; }.dialog--md {  width: 600px;  max-width: 600px; }.dialog--sm {  width: 450px;  max-width: 450px; }.dialog--full-height {  max-height: 95%; }.confirmation-dialog {  max-width: 550px; }.md-dialog-backdrop {  z-index: 78; }.md-dialog-backdrop ~ .md-dialog-backdrop {  z-index: 79; }md-backdrop.md-dialog-backdrop {  z-index: 78; }.md-dialog-container {  z-index: 78; }.md-dialog-container ~ .md-dialog-container {  z-index: 80; }.form-label-container {  margin-top: 8px; }  .form-label-container label {    font-size: 0.875rem;    color: var(--sp-secondary-text-color);    margin: 2px 2px 0 0;    line-height: 24px; }    .form-label-container label.required {      position: relative; }      .form-label-container label.required::after {        position: absolute;        top: -4px;        right: -8px;        content: "*";        color: #E92B2B; }    .form-label-container label + .icon-info {      color: var(--sp-tertiary-text-color);      font-size: 0.75rem;      margin: 2px 0 0 4px; }    .form-label-container label:last-child {      margin-right: 30px; }.form-element-placeholder::placeholder {  color: var(--sp-placeholder-text-color); }.form-element-hide-validation .md-errors-spacer {  display: none; }.form-text {  font-size: 0.75rem;  line-height: 14px;  color: var(--sp-tertiary-text-color);  padding-top: 5px; }.form-color-preview {  height: 36px;  width: 36px;  margin-top: 1px;  border-radius: 2px; }.form-group + .form-group {  margin-top: 0.625rem; }.form-group md-input-container {  margin-top: 2px;  margin-bottom: 0px; }  .form-group md-input-container .md-input {    padding: 6px 8px;    border-width: 1px;    border-style: solid;    height: 36px;    font-size: 0.875rem;    line-height: 1.5;    border-radius: 2px;    color: var(--sp-primary-text-color);    border-color: var(--sp-input-border-color); }    .form-group md-input-container .md-input::placeholder {      color: var(--sp-placeholder-text-color); }    .form-group md-input-container .md-input.ng-invalid.ng-dirty {      border-width: 1px;      border-style: solid;      border-color: #E92B2B;      padding-bottom: 6px; }    .form-group md-input-container .md-input[disabled] {      border-width: 1px;      border-style: dotted;      border-color: var(--sp-disabled-text-color);      background: none !important; }  .form-group md-input-container.md-input-invalid .md-input-message-animation {    color: #E92B2B; }  .form-group md-input-container textarea.md-input {    min-height: 36px;    -ms-flex-preferred-size: auto; }  .form-group md-input-container .md-select-value {    padding: 6px 8px;    border-width: 1px;    border-style: solid;    border-color: var(--sp-input-border-color);    color: var(--sp-primary-text-color);    font-size: 0.875rem;    line-height: 1.5;    min-height: 36px;    border-radius: 2px;    box-sizing: border-box; }    .form-group md-input-container .md-select-value.md-select-placeholder {      color: var(--sp-placeholder-text-color); }    .form-group md-input-container .md-select-value .md-select-icon {      color: var(--sp-tertiary-text-color); }  .form-group md-input-container md-select:not([disabled]):focus .md-select-value {    border-width: 1px;    border-style: solid;    border-color: #1E88E5;    padding-bottom: 6px;    color: var(--sp-primary-text-color); }  .form-group md-input-container md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {    border-style: solid;    padding-bottom: 6px;    color: #E92B2B !important;    border-color: #E92B2B !important; }  .form-group md-input-container md-select[disabled] .md-select-value {    border-width: 1px;    border-style: dotted;    border-color: var(--sp-disabled-text-color);    background: none !important; }  .form-group md-input-container md-datepicker .md-datepicker-triangle-button {    position: absolute;    right: 10px;    bottom: 0; }    .form-group md-input-container md-datepicker .md-datepicker-triangle-button .md-datepicker-expand-triangle {      border-top-color: var(--sp-tertiary-text-color); }  .form-group md-input-container md-datepicker.md-datepicker-open .md-input {    border-right-color: transparent; }.form-select .md-select-value {  padding: 6px 8px;  border-width: 1px;  border-style: solid;  border-color: var(--sp-border-color);  color: var(--sp-primary-text-color);  font-size: 0.875rem;  line-height: 1.5;  min-height: 36px;  border-radius: 2px;  box-sizing: border-box; }  .form-select .md-select-value.md-select-placeholder {    color: var(--sp-placeholder-text-color); }  .form-select .md-select-value .md-select-icon {    color: var(--sp-tertiary-text-color); }.form-select:not([disabled]):focus .md-select-value {  border-width: 1px;  border-style: solid;  border-color: #1E88E5;  padding-bottom: 6px;  color: var(--sp-primary-text-color); }.form-select:not([disabled]).ng-invalid.ng-touched .md-select-value {  border-style: solid;  padding-bottom: 6px;  color: #E92B2B !important;  border-color: #E92B2B !important; }.form-select[disabled] .md-select-value {  border-width: 1px;  border-style: dotted;  border-color: var(--sp-disabled-text-color);  background: none !important; }.form-select-border-0 .md-select-value {  border: 0 !important; }.form-select-icon .md-select-value .md-select-icon {  color: var(--sp-tertiary-text-color); }.form-select-menu-container md-select-menu md-content {  background-color: var(--sp-element-bg-color); }  .form-select-menu-container md-select-menu md-content md-option {    color: var(--sp-primary-text-color); }    .form-select-menu-container md-select-menu md-content md-option:not([disabled]):hover, .form-select-menu-container md-select-menu md-content md-option:not([disabled]):focus {      background-color: var(--sp-element-bg-color-200); }    .form-select-menu-container md-select-menu md-content md-option[selected] {      color: var(--sp-link-color); }      .form-select-menu-container md-select-menu md-content md-option[selected].md-focused {        color: var(--sp-link-hover-color); }.form-search-select-menu-container .select-header {  border-bottom: 1px solid var(--sp-border-color);  background-color: var(--sp-element-bg-color);  height: 48px;  cursor: pointer;  display: flex;  align-items: center;  width: 100%;  z-index: 9999;  position: sticky;  top: 0px; }.form-search-select-menu-container .select-search {  border: none;  outline: none;  height: 100%;  width: 100%;  padding: 0;  padding-left: 10px;  font-family: "Lato-Regular", "Roboto", "Open Sans", "Helvetica", sans-serif !important;  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color); }  .form-search-select-menu-container .select-search::placeholder {    color: var(--sp-placeholder-text-color); }.form-search-select-menu-container md-content {  max-height: 240px;  padding-top: 0px; }.form-autocomplete {  margin-top: 2px;  background: inherit; }  .form-autocomplete md-autocomplete-wrap {    box-shadow: none;    border: 1px solid var(--sp-border-color);    border-radius: 2px;    height: 36px; }    .form-autocomplete md-autocomplete-wrap input {      height: 36px;      line-height: 36px;      color: var(--sp-primary-text-color); }      .form-autocomplete md-autocomplete-wrap input::placeholder {        color: var(--sp-placeholder-text-color); }.form-autocomplete-suggestions-container {  background-color: var(--sp-element-bg-color); }  .form-autocomplete-suggestions-container .md-autocomplete-suggestion {    color: var(--sp-primary-text-color); }.md-autocomplete-suggestions li {  color: var(--sp-primary-text-color);  background-color: var(--sp-element-bg-color); }  .md-autocomplete-suggestions li:hover {    background-color: var(--sp-dropdown-bg-hover-color) !important; }.form-autocomplete-select {  display: block; }  .form-autocomplete-select md-autocomplete-wrap:after {    display: block;    content: "\25BC";    position: relative;    top: 5px;    font-size: 0.75rem;    left: -10px;    color: var(--sp-tertiary-text-color);    -webkit-transform: scaleY(0.5) scaleX(1);    transform: scaleY(0.5) scaleX(1);    pointer-events: none; }.form-autocomplete-select-menu li .highlight {  color: #1E88E5;  font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif; }.form-checkbox:not(.md-checked) .md-icon {  border-color: var(--sp-secondary-text-color); }.form-checkbox[disabled]:not(.md-checked) .md-icon {  border-color: var(--sp-disabled-text-color); }.form-checkbox.md-checked .md-icon {  background-color: var(--sp-link-color); }  .form-checkbox.md-checked .md-icon::after {    border-color: var(--sp-element-bg-color); }.form-checkbox.md-indeterminate .md-icon::after {  color: var(--sp-secondary-text-color); }.form-checkbox-sm {  transform: scale(0.75); }.form-radio-button .md-off {  border-color: var(--sp-secondary-text-color); }.form-radio-button.md-checked .md-off {  border-color: var(--sp-link-color); }.form-radio-button.md-checked .md-on {  background-color: var(--sp-link-color); }.form-radio-button[disabled] {  color: var(--sp-disabled-text-color); }  .form-radio-button[disabled] .md-container .md-off,  .form-radio-button[disabled] .md-container .md-on {    border-color: var(--sp-disabled-text-color); }.form-switch-sm {  transform: scale(0.75); }.form-fieldset {  border: 1px solid var(--sp-border-color);  border-radius: 2px; }.form-captcha {  height: 72px;  width: 202px;  border: 1px solid var(--sp-border-color);  border-radius: 2px; }.form-file-upload-container {  height: 60px;  width: 300px;  background-color: var(--sp-element-bg-color-100);  border: 2px dashed var(--sp-border-color);  border-radius: 2px;  cursor: pointer;  padding: 8px 12px;  display: flex;  align-items: center;  justify-content: center; }.form-resource-list {  max-height: 400px;  color: var(--sp-primary-text-color); }  .form-resource-list .selected-resource {    padding: 16px;    border-width: 1px 1px 0 1px;    border-style: solid;    border-color: var(--sp-border-color);    border-radius: 2px 2px 0 0; }  .form-resource-list .list-container {    max-height: 350px;    border-width: 0 1px 1px 1px;    border-style: solid;    border-color: var(--sp-border-color);    border-radius: 0 0 2px 2px;    background-color: var(--sp-element-bg-color); }    .form-resource-list .list-container .md-subheader {      background-color: var(--sp-element-bg-color);      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07); }      .form-resource-list .list-container .md-subheader .md-subheader-inner {        padding-top: 0px;        padding-bottom: 0px; }        .form-resource-list .list-container .md-subheader .md-subheader-inner input {          outline: none;          border: none;          height: 42px;          padding-right: 5px;          background-color: var(--sp-element-bg-color);          color: var(--sp-primary-text-color); }          .form-resource-list .list-container .md-subheader .md-subheader-inner input:focus {            outline: none;            border: none; }          .form-resource-list .list-container .md-subheader .md-subheader-inner input::placeholder {            color: var(--sp-placeholder-text-color); }    .form-resource-list .list-container md-checkbox {      margin-right: 8px !important; }    .form-resource-list .list-container .group-component md-checkbox {      margin-left: 30px; }    .form-resource-list .list-container .list-virtual-repeat-container {      height: 300px; }  .form-resource-list .errors-spacer {    font-size: 0.75rem;    color: #E92B2B;    padding-top: 5px;    margin-top: -20px;    line-height: 14px;    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }  .form-resource-list.invalid-list .selected-resource,  .form-resource-list.invalid-list .list-container {    border-color: #E92B2B; }  .form-resource-list.invalid-list .errors-spacer {    margin-top: 0; }  .form-resource-list.s247-monitors-list md-checkbox {    margin-top: -8px !important; }.ellipsis {  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; }@media screen and (max-width: 990px) {  .email-form-group {    display: flex;    flex-direction: column;    padding: 0 20px; }  .email-form-group div {    max-width: 100% !important;    justify-content: flex-start; } }.note {  font-size: 0.875rem;  padding: 5px;  border-radius: 2px;  text-align: center; }  .note.primary {    color: #004085;    background-color: #cce5ff; }  .note.secondary {    color: var(--sp-secondary-text-color);    background-color: var(--sp-element-bg-color-200); }  .note.success {    color: #3c763d;    background-color: #dff0d8; }  .note.info {    color: #31708f;    background-color: var(--sp-info-note-bg-color);    border: 1px solid var(--sp-info-note-border); }  .note.warn {    color: #8a6d3b;    background-color: #fcf8e3; }  .note.danger {    color: #a94442;    background-color: #f2dede; }.md-icon-fix {  line-height: 24px !important;  width: auto; }.info-tooltip.tooltip-origin-top:after, .info-tooltip.tooltip-origin-right:after, .info-tooltip.tooltip-origin-bottom:after, .info-tooltip.tooltip-origin-left:after {  content: " ";  position: absolute;  border-width: 5px;  border-style: solid; }.info-tooltip.tooltip-origin-top:after, .info-tooltip.tooltip-origin-bottom:after {  margin-left: -5px;  transform: translateX(-50%); }.info-tooltip.tooltip-origin-right:after, .info-tooltip.tooltip-origin-left:after {  margin-top: -5px; }.info-tooltip {  display: inline-block;  background-color: var(--sp-element-bg-tooltip-color);  color: var(--sp-primary-text-color);  border-radius: 4px;  word-break: break-word;  font-size: 0.75rem;  line-height: 1.5;  min-height: 20px;  max-height: 250px;  max-width: 275px;  padding: 8px; }  @media screen and (max-width: 576px) {    .info-tooltip {      max-width: 225px; } }  .info-tooltip.tooltip-origin-top:after {    top: 100%;        left: 50%;    border-color: var(--sp-element-bg-color) transparent transparent transparent; }  .info-tooltip.tooltip-origin-right:after {    top: 50%;    right: 100%;        border-color: transparent var(--sp-element-bg-color) transparent transparent; }  .info-tooltip.tooltip-origin-bottom:after {    bottom: 100%;        left: 50%;    border-color: transparent transparent var(--sp-element-bg-color) transparent; }  .info-tooltip.tooltip-origin-left:after {    top: 50%;    left: 100%;        border-color: transparent transparent transparent var(--sp-element-bg-color); }.menu-panel-container {  pointer-events: auto;  margin-top: 5px; }.menu-panel {  min-width: 150px;  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color);  border-radius: 4px;  border: 1px solid var(--sp-border-color); }  .menu-panel .menu-divider {    width: 100%;    height: 1px;    min-height: 1px;    max-height: 1px;    margin-top: 4px;    margin-bottom: 4px;    background-color: rgba(0, 0, 0, 0.11); }  .menu-panel .menu-content {    display: flex;    flex-direction: column;    padding: 8px 0;    max-height: 305px;    overflow-y: auto;    min-width: 150px; }  .menu-panel .menu-item {    display: flex;    flex-direction: row;    min-height: 42px;    height: 42px;    align-content: center;    justify-content: flex-start; }  .menu-panel .menu-item > * {    width: 100%;    margin: auto 0;    padding-left: 16px;    padding-right: 16px; }  .menu-panel .menu-item > a.md-button {    padding-top: 2px; }  .menu-panel .menu-item > .md-button {    display: inline-block;    border-radius: 0;    margin: auto 0;    font-size: 0.875rem;    text-transform: none;    font-weight: 400;    height: 100%;    padding-left: 16px;    padding-right: 16px;    width: 100%;    text-align: left; }  .menu-panel .menu-item > .md-button::-moz-focus-inner {    padding: 0;    border: 0; }  .menu-panel .menu-item > .md-button md-icon {    margin: auto 16px auto 0; }  .menu-panel .menu-item > .md-button p {    display: inline-block;    margin: auto; }  .menu-panel .menu-item > .md-button span {    margin-top: auto;    margin-bottom: auto; }  .menu-panel .menu-item > .md-button .md-ripple-container {    border-radius: inherit; }.arrow:after {  content: "";  position: absolute;  border-style: solid;  border-width: 0px 8px 8px;  border-color: var(--sp-element-bg-color) transparent;  display: block;  width: 0;  z-index: 1;  margin-top: -7px; }.arrow:before {  content: "";  position: absolute;  border-style: solid;  border-width: 0px 9px 9px;  border-color: var(--sp-border-color) transparent;  display: block;  width: 0;  z-index: 0;  margin-top: -8px; }.arrow-middle.arrow:before {  top: 0px;  left: 44%; }.arrow-middle.arrow:after {  top: 0px;  left: 44.5%; }.arrow-right.arrow:before {  top: 0px;  right: 3%; }.arrow-right.arrow:after {  top: 0px;  right: 3.5%; }.arrow-left.arrow:before {  top: 0px;  left: 2%; }.arrow-left.arrow:after {  top: 0px;  left: 2.5%; }.uptime-info-panel {  width: 300px;  max-width: 300px;  max-height: 350px;  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color);  border-radius: 4px;  border: var(--sp-border-color);  overflow: auto; }  @media (min-width: 576px) {    .uptime-info-panel {      width: 335px;      max-width: 335px;      max-height: 400px; } }  .uptime-info-panel .uptime-info-container {    background-color: #ffffff;    max-height: 350px; }    @media (min-width: 576px) {      .uptime-info-panel .uptime-info-container {        width: 335px;        max-width: 335px;        max-height: 400px; } }    .uptime-info-panel .uptime-info-container .panel-header {      background-color: var(--sp-element-bg-color-100);      border-bottom: 1px solid var(--sp-border-color); }      .uptime-info-panel .uptime-info-container .panel-header .md-subheader-inner {        padding: 16px 10px 15px;        font-size: 0.875rem;        color: var(--sp-secondary-text-color); }    .uptime-info-panel .uptime-info-container .uptime-info-content {      background-color: var(--sp-element-bg-color);      color: var(--sp-primary-text-color); }    .uptime-info-panel .uptime-info-container .uptime-stats {      line-height: 24px;      font-size: 0.875rem; }    .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container {      background-color: var(--sp-element-bg-color-100);      border: 1px solid var(--sp-border-color);      border-radius: 2px;      padding: 5px 10px;      transition: all 0.2s ease-in-out; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container:first-child {        margin-top: 5px; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container:not(:first-child) {        margin-top: 8px; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident .icon {        margin-top: 10px;        font-size: 0.9375rem; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident .severity {        font-size: 0.875rem;        line-height: 24px; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident .time {        font-size: 0.8125rem;        line-height: 1.5;        color: var(--sp-tertiary-text-color); }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident .toggle-btn {        margin-top: 5px;        text-align: center;        cursor: pointer; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident-details {        display: none; }        .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident-details .row .label {          font-size: 0.8125rem;          line-height: 1.5;          color: var(--sp-secondary-text-color); }        .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident-details .row .content {          font-size: 0.875rem;          line-height: 24px;          word-break: break-word;          margin: 2px 0px 5px; }        .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container .related-incident-details .link {          font-size: 0.8125rem; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container.expanded .time {        display: none; }      .uptime-info-panel .uptime-info-container .related-incidents-list .related-incident-container.expanded .related-incident-details {        display: block; }  .uptime-info-panel.arrow:before {    top: 0px;    right: 46.9%; }  .uptime-info-panel.arrow:after {    top: 0px;    right: 47.2%;    border-color: var(--sp-element-bg-color-100) transparent; }.view-more-panel {  width: 300px;  max-height: 325px;  border-radius: 2px; }  .view-more-panel .component-list-container {    max-height: 325px;    border-radius: 2px; }  .view-more-panel .component-list-heading {    padding: 8px 10px;    border-bottom: 1px solid var(--sp-border-color); }  .view-more-panel table {    width: 100%; }  .view-more-panel td, .view-more-panel tr, .view-more-panel th {    padding: 6px 10px;    line-height: 1.62857; }  .view-more-panel tr {    border-bottom: 1px solid var(--sp-border-color); }  .view-more-panel th {    border-top: none;    text-align: left; }  .view-more-panel.arrow:before {    top: 0px;    right: 47.65%; }  .view-more-panel.arrow:after {    top: 0px;    right: 47.8%; }#my-profile-popup {  position: absolute;  left: 0;  top: 0;  background-color: var(--sp-my-profile-popup-color);  height: 100vh;  width: 100%;  overflow: hidden;  z-index: 10;  display: none; }  #my-profile-popup.my-profile-popup-show {    display: block !important; }  #my-profile-popup .my-profile-menu {    width: 21%;    height: 100vh;    background-color: var(--sp-my-profile-menu-color);    right: -21%;    position: absolute;    top: 0;    border-left: 1px solid var(--sp-border-color);    transition: right 0.25s linear;    overflow: auto; }    #my-profile-popup .my-profile-menu.my-profile-menu-right {      right: 0%; }    #my-profile-popup .my-profile-menu .my-profile-close {      margin-top: 10px;      float: right;      margin-right: 15px;      cursor: pointer; }      #my-profile-popup .my-profile-menu .my-profile-close:hover {        color: #E92B2B; }    #my-profile-popup .my-profile-menu .my-profile-details {      margin-top: 2rem;      padding: 4px 10px 4px 10px;      clear: both;      overflow: hidden; }      #my-profile-popup .my-profile-menu .my-profile-details .my-profile-image {        height: 60px;        width: 60px;        border-radius: 5px;        margin-left: 0.75rem;        float: left; }        #my-profile-popup .my-profile-menu .my-profile-details .my-profile-image .avatar {          min-height: 60px;          min-width: 60px; }      #my-profile-popup .my-profile-menu .my-profile-details .my-profile-personal {        float: left;        width: calc(100% - 90px);        margin-left: 1rem; }      #my-profile-popup .my-profile-menu .my-profile-details .ellipsis-div {        overflow: hidden;        text-overflow: ellipsis;        white-space: nowrap;        max-width: 100%; }    #my-profile-popup .my-profile-menu .my-profile-card {      margin: 6px 10px;      background-color: var(--sp-profile-card-color);      border: 1px solid var(--sp-border-color);      overflow: hidden;      clear: both;      padding: 10px;      border-radius: 2px; }      #my-profile-popup .my-profile-menu .my-profile-card .my-profile-card-main:not(li) {        width: 50%;        float: left;        padding-left: 15px;        cursor: pointer; }      #my-profile-popup .my-profile-menu .my-profile-card .my-profile-card-main a {        color: var(--sp-secondary-text-color);        text-decoration: none; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-card-main a.required {          color: #E74C3C; }      #my-profile-popup .my-profile-menu .my-profile-card .my-profile-card-main:hover a {        color: var(--sp-primary-text-color);        font-weight: bold; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-card-main:hover a.required {          color: #E92B2B; }      #my-profile-popup .my-profile-menu .my-profile-card .my-profile-plan-card {        margin: 5px;        padding: 15px 10px;        background-color: var(--sp-my-profile-menu-color);        border: 1px solid var(--sp-border-color);        border-radius: 2px; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-plan-card .upgrade-link {          float: right;          text-decoration: none;          font-size: 11px;          margin-top: 2px;          color: var(--sp-blue-color);          cursor: pointer; }          #my-profile-popup .my-profile-menu .my-profile-card .my-profile-plan-card .upgrade-link:hover {            text-decoration: underline; }      #my-profile-popup .my-profile-menu .my-profile-card .my-profile-list {        list-style-type: none;        padding-left: 15px;        margin-bottom: 5px; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-list li {          line-height: 40px;          cursor: pointer; }      #my-profile-popup .my-profile-menu .my-profile-card .headingProfile {        font-size: 16px;        font-weight: bold;        padding-left: 15px; }      #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons {        margin: 5px;        width: calc(100% - 10px);        display: flex;        flex-wrap: wrap;        justify-content: flex-start; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons > a {          width: 32%;          margin-left: 1%;          margin-top: 15px;          display: flex;          flex-direction: column;          justify-content: center;          align-items: center;          cursor: pointer;          color: var(--sp-secondary-text-color);          text-decoration: none; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons .size-icon {          font-size: 22px;          margin-bottom: 5px; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons span {          margin-bottom: 5px; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons .s247-common-rss-color:hover {          color: #e27318 !important; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons .s247-common-twitter-color:hover {          color: #3a9beb !important; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons .s247-common-facebook-color:hover {          color: #3a66c0 !important; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons .s247-common-linkedin-color:hover {          color: #2764ad !important; }        #my-profile-popup .my-profile-menu .my-profile-card .my-profile-follow-icons .s247-common-youtube-color:hover {          color: #ee0b02 !important; }.panel-cta-hover:hover {  background-color: rgba(158, 158, 158, 0.2); }.sp-status-history md-toolbar.data-table-toolbar {  background: var(--sp-element-bg-color);  border-radius: 2px 2px 0px 0px;  height: 45px;  min-height: 45px;  border-bottom: 1px solid var(--sp-border-color);  z-index: auto; }  .sp-status-history md-toolbar.data-table-toolbar * {    font-size: 0.875rem;    color: var(--sp-secondary-text-color); }  .sp-status-history md-toolbar.data-table-toolbar .md-button md-icon {    font-size: 1.25rem;    color: var(--sp-tertiary-text-color); }  .sp-status-history md-toolbar.data-table-toolbar form > input {    width: 100%;    margin: 0px 0px 0px 5px;    border: none;    background-color: var(--sp-element-bg-color);    color: var(--sp-primary-text-color); }    .sp-status-history md-toolbar.data-table-toolbar form > input::placeholder {      color: var(--sp-placeholder-text-color); }  .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;    font-size: 0.875rem;    border-top: 1px solid var(--sp-border-color); }.sp-status-history table.data-table {  width: 100%;  border-spacing: 0;  overflow: hidden; }  @media (min-width: 576px) {    .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 {    height: 44px; }  .sp-status-history table.data-table tfoot.dt-foot > tr.dt-row {    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 16px 0 0; }  .sp-status-history table.data-table th.dt-column {    font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif;    color: var(--sp-secondary-text-color);    font-size: 0.8125rem;    font-weight: 400;    white-space: nowrap; }  .sp-status-history table.data-table td.dt-cell {    color: var(--sp-primary-text-color);    font-size: 0.875rem; }    .sp-status-history table.data-table td.dt-cell .status-icon {      font-size: 0.9375rem; }.flex-table .widget-list-item {  min-height: 44px;  justify-content: center; }.tab-switch {  display: flex;  align-items: center;  flex: 0 0 auto;  width: auto;  height: 32px;  padding: 0 4px;  border-radius: 3px;  font-size: 0.875rem;  background-color: var(--sp-element-bg-color-100); }  .tab-switch .tab-switch-item {    display: flex;    align-items: center;    justify-content: center;    width: auto;    height: 24px;    padding: 0 8px;    border-radius: 3px;    color: var(--sp-secondary-text-color);    cursor: pointer;    transition: all 0.2s ease-in-out; }    .tab-switch .tab-switch-item md-icon {      color: inherit; }    .tab-switch .tab-switch-item:not(.active):hover {      background-color: var(--sp-element-bg-color-300); }    .tab-switch .tab-switch-item.active {      background-color: var(--sp-button-bg-color);      color: var(--sp-button-color);      cursor: auto; }    .tab-switch .tab-switch-item span {      -webkit-user-select: none;      -moz-user-select: none;      -ms-user-select: none;      user-select: none; }  .tab-switch .tab-switch-item + .tab-switch-item {    margin-left: 4px; }  .tab-switch[disabled] {    cursor: not-allowed;    pointer-events: none; }    .tab-switch[disabled] .tab-switch-item {      color: var(--sp-disabled-text-color) !important;      pointer-events: none !important; }      .tab-switch[disabled] .tab-switch-item.active {        background-color: var(--sp-disabled-text-color) !important;        color: var(--sp-element-bg-color) !important; }.tag-wrapper {  margin-left: 5px; }.primary-location-tag {  border-radius: 10px;  font-size: 0.5rem;  font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif;  padding: 2px 5px;  margin-left: 5px;  border: 1px solid;  cursor: default; }.primary-location-tag {  color: #F57C00;  border-color: #F57C00; }.incident-tag {  padding: 5px;  border-radius: 2px; }  .incident-tag.active {    background-color: #FFE6E6;    color: #E53935; }  .incident-tag.resolved {    background-color: #d9fdd9;    color: #19ac70; }  .incident-tag.ongoing {    background-color: #e1f1ff;    color: #1b6eb9; }.md-tooltip {  background: #222 !important;  font-size: 0.75rem !important; }  .md-tooltip.multiline-tooltip {    height: auto;    white-space: normal;    max-width: 250px;    line-height: 1.5;    text-align: left;    padding: 5px 10px; }.widget-toolbar {  min-height: 55px;  color: var(--sp-primary-text-color); }  .widget-toolbar .md-toolbar-tools {    height: 55px;    max-height: 55px;    padding: 0 22px; }    .widget-toolbar .md-toolbar-tools .widget-title {      font-size: 1.125rem; }      .widget-toolbar .md-toolbar-tools .widget-title + .icon-info {        font-size: 0.875rem;        margin-top: 4px;        margin-left: 4px;        color: var(--sp-tertiary-text-color); }    .widget-toolbar .md-toolbar-tools .link {      color: var(--sp-link-color); }    .widget-toolbar .md-toolbar-tools > .tab-switch:last-child {      margin-right: -8px; }.widget-header {  font-size: 0.8125rem;  height: 40px;  background: var(--sp-element-bg-color-400);  color: var(--sp-secondary-text-color);  border-radius: 2px 2px 0px 0px; }  .widget-header .icon-info {    font-size: 0.75rem;    color: var(--sp-secondary-text-color); }.widget-search-input {  outline: 0;  border: 0;  height: 34px;  background: inherit;  background-color: var(--sp-element-bg-color);  color: var(--sp-primary-text-color); }.thirdparty-search {  width: 300px;  border-left: 0px !important; }.thirdparty-icon-color {  color: var(--sp-tertiary-text-color); }.thirdparty-hover.card:hover {  box-shadow: 8px 10px 8px 0px #0000000f; }.fw-bold {  font-weight: bold; }.beta {  font-weight: 600;  display: inline;  font-size: 0.5rem;  letter-spacing: 0.6px;  margin: 0;  padding: 1px 4px;  border-radius: 4px;  vertical-align: middle;  color: #fff;  background-color: #666; }  .beta.beta-title {    font-size: 0.6rem; }  .beta.beta-sidenav {    color: #666;    background-color: #fff; }.client-theme-dark .beta-title, .client-theme-dark .beta {  background-color: #fff;  color: #666; }.beta-sidenav-title {  display: inline-block !important;  width: 82%;  vertical-align: middle;  padding-right: 4px !important; }.widget-progress-bar {  height: 3px;  opacity: 0;  visibility: hidden; }  .widget-progress-bar.show {    opacity: 1;    visibility: visible; }  .widget-progress-bar .md-container {    height: 3px; }.widget-list-striped .widget-list-item:nth-child(even) {  background-color: var(--sp-element-bg-color-100); }.widget-list-striped .widget-list-item:last-child {  border-radius: 0 0 2px 2px; }.widget-list-hover .widget-list-item {  transition: background-color 0.2s ease-in-out;  cursor: pointer; }  .widget-list-hover .widget-list-item:hover {    background-color: var(--sp-element-bg-color-200); }.widget-pagination {  display: flex;  align-items: center;  justify-content: flex-end;  flex-wrap: wrap-reverse;  box-sizing: border-box;  padding: 0 24px;  font-size: 0.8125rem;  color: var(--sp-secondary-text-color);  border-top: 1px solid var(--sp-border-color); }  .widget-pagination md-select {    justify-content: flex-end;    min-width: 64px;    margin: 0; }    .widget-pagination md-select:not([disabled]):focus .md-select-value {      color: var(--sp-secondary-text-color); }    .widget-pagination md-select .md-select-value {      flex: 0 0 auto;      padding: 0;      min-width: 0;      min-height: 24px; }      .widget-pagination md-select .md-select-value .md-select-icon {        justify-content: center;        text-align: center;        margin-right: -6px !important;        color: var(--sp-tertiary-text-color); }        .widget-pagination md-select .md-select-value .md-select-icon:after {          top: initial;          -webkit-transform: scaleY(0.5) scaleX(1);          transform: scaleY(0.5) scaleX(1); }  .widget-pagination > * {    display: flex;    align-items: center;    height: 47px; }  .widget-pagination > .buttons:not(:first-child),  .widget-pagination > .limit-select:not(:first-child) {    margin-left: 32px; }  .widget-pagination > .buttons {    margin-right: -16px; }    .widget-pagination > .buttons > .md-button.md-icon-button {      margin: 0;      font-size: 1.25rem; }    .widget-pagination > .buttons > .label + .md-button.md-icon-button {      margin-left: 20px; }.search-toolbar {  min-height: 45px;  border-bottom: 1px solid var(--sp-border-color); }  .search-toolbar input {    width: 100%;    margin: 0px;    border: none;    background-color: var(--sp-element-bg-color);    color: var(--sp-primary-text-color); }    .search-toolbar input:focus {      outline: none; }.custom-checkbox-wrapper {  display: inline-block;  position: relative;  cursor: pointer;  font-size: 22px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;     }  .custom-checkbox-wrapper .custom-check-box {    height: 14px;    width: 14px;    background-color: transparent;    border: 1px solid var(--sp-secondary-text-color);    border-radius: 2px; }  .custom-checkbox-wrapper input {    position: absolute;    opacity: 0;    margin: 0;    cursor: pointer;    height: 100%;    width: 100%;    left: 0;    right: 0;    z-index: 99;     }    .custom-checkbox-wrapper input:checked ~ .custom-check-box {      background-color: var(--sp-link-color);      border: none;       }      .custom-checkbox-wrapper input:checked ~ .custom-check-box::after {        content: "";        position: absolute;        left: 5px;        top: 2px;        width: 5px;        height: 9px;        border: solid var(--sp-element-bg-color);        border-width: 0 3px 3px 0;        -webkit-transform: rotate(45deg);        -ms-transform: rotate(45deg);        transform: rotate(45deg); }.sp-header {  margin-top: 0px;  border-radius: 0px 0px 2px 2px;  padding-bottom: 8px; }  .sp-header .sp-logo-wrapper {    max-width: 50%;    max-height: 40px;    cursor: pointer;    margin-bottom: 8px;    float: left; }    .sp-header .sp-logo-wrapper .sp-logo-link {      height: 40px; }    .sp-header .sp-logo-wrapper .sp-logo {      height: 40px;      max-width: 100%; }    @media screen and (max-width: 576px) {      .sp-header .sp-logo-wrapper {        max-width: 95%; } }  .sp-header .sp-title-wrapper {    width: 80%;    font-size: 1.375rem;    margin: 5px 0px;    height: 32px;    line-height: 32px;    cursor: default; }    .sp-header .sp-title-wrapper .sp-title {      max-width: 95%;      display: inline-block;      color: inherit;      letter-spacing: -0.1px; }  .sp-header .sp-description-wrapper {    width: 100%;    font-size: 0.875rem;    margin: 0;    height: auto;    line-height: 1.5;    cursor: default; }    .sp-header .sp-description-wrapper .sp-description {      word-break: keep-all;      word-wrap: break-word; }      .sp-header .sp-description-wrapper .sp-description a {        color: var(--sp-link-color);        cursor: pointer;        text-decoration: none; }.sp-status-bar {  color: #ffffff;  font-family: "Lato-Bold", "Roboto", "Open Sans", "Helvetica", sans-serif;  border-radius: 2px;  font-size: 1.125rem;  padding: 12px 15px;  margin-top: 30px;  margin-bottom: 15px;  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07);  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07); }.sp-active-incident .site24x7-tag,.sp-active-incident .email-tag {  color: #ffffff;  border-color: #ffffff;  margin-left: 10px; }.sp-active-incident .incident-time-counter {  background-color: var(--sp-element-bg-color-100);  font-size: 0.75rem;  color: var(--sp-secondary-text-color);  padding: 8px 16px; }.sp-active-incident .incident-action {  margin-top: 0;  margin-bottom: 0;  color: #ffffff;  font-size: 0.8125rem;  height: 20px;  line-height: 22px;  padding-left: 5px;  padding-right: 5px; }.sp-active-incident .incident-title {  font-size: 1rem;  max-width: 95%; }.sp-active-incident:first-of-type {  margin-top: 0px; }.sp-active-incident + .sp-active-incident {  margin-top: 1rem; }.sp-components-list .non-group,.sp-components-list .group,.sp-components-list .group-component {  transition: all 0.2s ease-in-out; }  .sp-components-list .non-group md-icon.icon-info-outline,  .sp-components-list .group md-icon.icon-info-outline,  .sp-components-list .group-component md-icon.icon-info-outline {    cursor: default; }.sp-components-list .group-component {  border-top: 1px solid var(--sp-border-color); }  .sp-components-list .group-component .group-details {    padding-left: 24px; }.sp-components-list .non-group.clickable,.sp-components-list .group-component.clickable {  cursor: pointer; }  .sp-components-list .non-group.clickable:hover,  .sp-components-list .group-component.clickable:hover {    background-color: var(--sp-element-bg-color-200); }.sp-status-history__component-row.clickable:hover {  cursor: pointer;  background-color: var(--sp-element-bg-color-200); }  .sp-status-history__component-row.clickable:hover .uptime:hover,  .sp-status-history__component-row.clickable:hover .service-interruption:hover,  .sp-status-history__component-row.clickable:hover .status-icon:not(.icon-status-operational):hover {    background-color: var(--sp-element-bg-color-100); }.sp-status-history__component-row .uptime:hover,.sp-status-history__component-row .service-interruption:hover,.sp-status-history__component-row .status-icon:not(.icon-status-operational):hover, .sp-status-history__component-group-row .uptime:hover,.sp-status-history__component-group-row .service-interruption:hover,.sp-status-history__component-group-row .status-icon:not(.icon-status-operational):hover {  background-color: var(--sp-element-bg-color-200); }.sp-status-history .component,.sp-status-history .group-component {  display: inline-block;  max-width: 100%; }.sp-status-history .group-component {  padding-left: 24px; }.sp-status-history .uptime-col {  width: 75px;  padding-right: 16px !important; }.sp-status-history .uptime {  white-space: nowrap;  padding: 3px 5px; }.sp-status-history .status-icon {  font-size: 0.9375rem;  text-align: center; }  .sp-status-history .status-icon.icon-status-operational {    cursor: default; }.sp-status-history .uptime,.sp-status-history .status-icon {  transition: all 0.2s ease-in-out;  border-radius: 2px; }.sp-status-history .service-interruption {  cursor: pointer;  width: 24px !important;  margin-left: 0;  border-radius: 2px;  transition: all 0.2s ease-in-out; }  .sp-status-history .service-interruption > svg {    height: 13px;    width: 15px;    vertical-align: middle;    margin-left: auto;    margin-right: auto; }  .sp-status-history .service-interruption .operational-icon {    fill: var(--sp-green-color); }  .sp-status-history .service-interruption.maintenance .alert-icon {    fill: var(--sp-blue-color); }  .sp-status-history .service-interruption.degraded-performance .alert-icon {    fill: var(--sp-yellow-color); }  .sp-status-history .service-interruption.partial-outage .alert-icon {    fill: var(--sp-orange-color); }  .sp-status-history .service-interruption.major-outage .alert-icon {    fill: var(--sp-red-color); }  .sp-status-history .service-interruption.informational .alert-icon {    fill: var(--sp-gray-color); }.sp-resolved-incident .incident-title {  font-size: 1rem;  max-width: 95%;  word-break: break-word; }.sp-footer {  font-size: 0.875rem;  position: relative;  padding-left: 50px;  padding-right: 50px;  border-top: 1px solid var(--sp-border-color); }  .sp-footer a {    color: var(--sp-link-color);    text-decoration: none;    line-height: 2; }.incident-update-container .update-row {  position: relative; }  .incident-update-container .update-row:not(:last-child) {    margin-bottom: 1rem; }  .incident-update-container .update-row.private-update {    color: var(--sp-tertiary-text-color);    font-style: italic; }  .incident-update-container .update-row:not(:last-child):before {    position: absolute;    top: 22px;    left: 7px;    content: "";    height: calc(100% - 10px);    border-left: 1px solid var(--sp-border-color); }  .incident-update-container .update-row .update-actions {    margin: 0 8px;    opacity: 0;    visibility: hidden;    transition: opacity 0.15s linear; }  .incident-update-container .update-row:hover .update-actions {    opacity: 1;    visibility: visible; }.incident-update-container .update-icon-container {  margin: 3px 10px 0 0; }  .incident-update-container .update-icon-container .update-icon {    font-size: 1rem; }.incident-update-container .update-content-container {  line-height: 1.5; }  .incident-update-container .update-content-container .update-content {    white-space: pre-wrap;    white-space: pre-line; }    .incident-update-container .update-content-container .update-content a {      color: var(--sp-link-color);      cursor: pointer;      text-decoration: none; }.incident-update-container .update-footer {  margin-top: 3px;  color: var(--sp-tertiary-text-color); }.status-new {  height: 10px;  width: 10px;  border-radius: 2px; }.status-cell, .partial-outage-cell, .major-outage-cell, .maintenance-cell, .degraded-performance-cell, .informational-cell, .operational-cell {  min-width: 5px;  height: 28px;  display: inline-block;  border-radius: 3px;  transition: 0.15s; }.partial-outage-cell {  background-color: var(--sp-orange-color); }.major-outage-cell {  background-color: var(--sp-red-color); }.maintenance-cell {  background-color: var(--sp-blue-color); }.degraded-performance-cell {  background-color: var(--sp-yellow-color); }.informational-cell {  background-color: var(--sp-gray-color); }.operational-cell {  background-color: var(--sp-green-color); }.partial-outage-cell:hover, .major-outage-cell:hover, .maintenance-cell:hover, .degraded-performance-cell:hover, .informational-cell:hover, .operational-cell:hover {  transform: scaleY(1.2); }.status-operational {  background-color: var(--sp-green-color); }.status-partial-outage {  background-color: var(--sp-orange-color); }.status-major-outage {  background-color: var(--sp-red-color); }.status-maintenance {  background-color: var(--sp-blue-color); }.status-degraded-performance {  background-color: var(--sp-yellow-color); }.status-informational {  background-color: var(--sp-gray-color); }md-icon + .status-operational {  background: transparent;  color: var(--sp-green-color); }md-icon + .status-partial-outage {  background: transparent;  color: var(--sp-orange-color); }md-icon + .status-major-outage {  background: transparent;  color: var(--sp-red-color); }md-icon + .status-maintenance {  background: transparent;  color: var(--sp-blue-color); }md-icon + .status-degraded-performance {  background: transparent;  color: var(--sp-yellow-color); }md-icon + .status-informational {  background: transparent;  color: var(--sp-gray-color); }.text-wrap {  display: flex;  word-break: break-word; }  .text-wrap span :first-child {    display: flex;    align-items: center; }md-progress-linear.ps-progress-bar {  top: -2px;  opacity: 0;  visibility: hidden; }  md-progress-linear.ps-progress-bar.show {    opacity: 1;    visibility: visible; }.mock-status-page__sh .operational-cell, .mock-status-page__sh .partial-outage-cell, .mock-status-page__sh .major-outage-cell, .mock-status-page__sh .maintenance-cell, .mock-status-page__sh .degraded-performance-cell, .mock-status-page__sh .informational-cell {  min-width: 4px; }.mock-status-inner.operational-cell, .mock-status-inner.partial-outage-cell, .mock-status-inner.major-outage-cell, .mock-status-inner.maintenance-cell, .mock-status-inner.degraded-performance-cell, .mock-status-inner.informational-cell {  min-width: 3.9px !important; }.hide-errors-spacer .md-errors-spacer {  display: none; }.rum-map-nav-bar .md-nav-bar {  border-color: var(--sp-border-color); }.rum-map-nav-bar .rum-map-nav-item .md-button._md-nav-button.md-unselected {  color: var(--sp-secondary-text-color); }.rum-map-nav-bar .rum-map-nav-item .md-button._md-nav-button.md-active {  color: var(--sp-link-color); }.rum-map-nav-bar md-nav-ink-bar {  color: var(--sp-link-color);  background-color: var(--sp-link-color); }.rum-map-wrapper {  margin-top: 2px; }  .rum-map-wrapper .rum-map {    height: 530px; }  .rum-map-wrapper .country {    border-width: 0px 0px 1px 1px;    border-style: solid;    border-color: var(--sp-border-color); }    .rum-map-wrapper .country:nth-child(10) {      border-width: 0px 0px 1px 1px; }  @media (max-width: 576px) {    .rum-map-wrapper .rum-map {      height: 300px; }    .rum-map-wrapper .country-list {      border-top: 1px solid var(--sp-border-color); }      .rum-map-wrapper .country-list .country {        border-width: 0px 1px 1px 0px; }        .rum-map-wrapper .country-list .country:nth-child(3n) {          border-width: 0px 0px 1px 0px; } }.rum-geographic-gradient {  border-radius: 3.5px;  width: 80%;  height: 7px;  display: flex;  flex-direction: row;  justify-content: space-between;  z-index: 0; }  .rum-geographic-gradient.apdex-gradient {    background: linear-gradient(to right, #ef8888, #ff7043, #ffb74d, #fff176, #9ccc65, #43a047); }  .rum-geographic-gradient.response-time-gradient {    background: linear-gradient(to right, #43a047, #9ccc65, #fff176, #ffb74d, #ff7043, #ef8888); }  .rum-geographic-gradient.page-views-gradient {    background: linear-gradient(to right, #d6dff6, #7092e1, #5c82dd, #4773d9, #3363d5, #1a45ac); }  .rum-geographic-gradient.errors-gradient {    background: linear-gradient(to right, #ffdada, #ffb5b5, #ffa3a3, #ff7e7e, #ff6c6c, #ff4747); }  @media (min-width: 576px) {    .rum-geographic-gradient {      width: 50%; } }.rum-geographic-grad-legend {  height: 7px;  width: 1px; }  .rum-geographic-grad-legend::after {    content: attr(data-legend-value);    font-size: 0.625rem;    display: inline-block;    margin-top: 12px;    margin-left: -8px; }#fusioncharts-tooltip-element > span {  font-family: "Lato-Regular", "Roboto", "Open Sans", "Helvetica", sans-serif !important;  border-radius: 2px !important;  line-height: 18px !important;  padding: 5px !important;  color: #fff !important;  background-color: rgba(34, 34, 34, 0.9) !important;  border: none !important; }.scroll-top-bottom {  position: fixed;  right: 20px;  bottom: 100px;  height: 90px;  width: 45px;  font-size: 1rem;  z-index: -1;  opacity: 0;  transform: scale(0);  transition: all 400ms; }  .scroll-top-bottom.cc-banner-present {    bottom: 180px; }  .scroll-top-bottom .scroll-btn {    position: absolute;    top: 42%;    left: 50%;    height: 20px;    width: 40px;    cursor: pointer;    background-color: var(--sp-element-bg-color-200);    transform: translate(-50%, -50%);    z-index: 2;    transition: top 300ms, background-color 500ms, height 200ms; }    .scroll-top-bottom .scroll-btn.top {      border-radius: 20px 20px 0px 0px; }    .scroll-top-bottom .scroll-btn.bottom {      border-radius: 0px 0px 20px 20px;      z-index: 1;      top: 58px; }  .scroll-top-bottom:hover .scroll-btn {    height: 40px;    width: 40px; }    .scroll-top-bottom:hover .scroll-btn.top {      border-radius: 20px;      top: 22px; }    .scroll-top-bottom:hover .scroll-btn.bottom {      border-radius: 20px;      top: 68px; }    .scroll-top-bottom:hover .scroll-btn:hover {      background-color: var(--sp-element-bg-color-300); }  .scroll-top-bottom.show {    transform: scale(1);    opacity: 1;    z-index: 1; }.sp {  color: var(--sp-primary-text-color); }  .sp-bg {    background-color: var(--sp-bg-color); }.sp-subscribe-button {  text-transform: uppercase !important; }.subscribe-panel {  width: 350px; }  .subscribe-panel.arrow-middle.arrow:before {    top: 0px;    left: 48.3%; }  .subscribe-panel.arrow-middle.arrow:after {    top: 0px;    left: 48.5%; }  .subscribe-panel md-tabs md-ink-bar {    color: var(--sp-link-color);    background: var(--sp-link-color); }  .subscribe-panel__tab {    min-width: 72px; }    .subscribe-panel__tab__icon {      color: var(--sp-tertiary-text-color); }    .subscribe-panel__tab.md-active .subscribe-panel__tab__icon {      color: var(--sp-link-color); }  .subscribe-panel--single-tab .subscribe-panel__tab {    max-width: 100% !important; }.sp-settings-panel {  width: 225px; }  .sp-settings-panel.arrow:before {    top: 0px;    right: 5%; }  .sp-settings-panel.arrow:after {    top: 0px;    right: 5.5%; }.sp-settings-dialog {  max-width: 375px; }  @media screen and (min-width: 576px) {    .sp-settings-dialog {      max-width: 425px; } }.subscriber-side-head {  margin-bottom: -5px; }.captchabox {  height: 62px !important;  width: 152px !important; }.md-errors-spacer {  display: none; }.incident-details {  border-top-width: 5px;  border-top-style: solid;  color: var(--sp-primary-text-color); }  .incident-details.major-outage {    border-top-color: var(--sp-red-color); }    .incident-details.major-outage .title,    .incident-details.major-outage .severity {      color: var(--sp-red-color); }  .incident-details.partial-outage {    border-top-color: var(--sp-orange-color); }    .incident-details.partial-outage .title,    .incident-details.partial-outage .severity {      color: var(--sp-orange-color); }  .incident-details.degraded-performance {    border-top-color: var(--sp-yellow-color); }    .incident-details.degraded-performance .title,    .incident-details.degraded-performance .severity {      color: var(--sp-yellow-color); }  .incident-details.maintenance {    border-top-color: var(--sp-blue-color); }    .incident-details.maintenance .title,    .incident-details.maintenance .severity {      color: var(--sp-blue-color); }  .incident-details.informational {    border-top-color: var(--sp-gray-color); }    .incident-details.informational .title,    .incident-details.informational .severity {      color: var(--sp-gray-color); }.subscribe-components .widget-header {  border-radius: 0; }[class^="icon-"], [class*=" icon-"] {    font-family: 'site24x7statuspageicons' !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;    -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-desktop:before {  content: "\e924";}.icon-smartphone:before {  content: "\e925";}.icon-linkedin:before {  content: "\e921";}.icon-facebook:before {  content: "\e922";}.icon-youtube:before {  content: "\e923";}.icon-globe:before {  content: "\e91f";}.icon-template:before {  content: "\e91e";}.icon-error-outline:before {  content: "\e920";}.icon-grid:before {  content: "\e91d";}.icon-call:before {  content: "\e900";}.icon-download:before {  content: "\e901";}.icon-setup-progress:before {  content: "\e902";}.icon-integration:before {  content: "\e903";}.icon-slack:before {  content: "\e904";}.icon-twitter:before {  content: "\e91b";}.icon-mail:before {  content: "\e905";}.icon-sms:before {  content: "\e906";}.icon-progress:before {  content: "\e907";}.icon-scheduled:before {  content: "\e908";}.icon-acknowledged:before {  content: "\e90d";}.icon-identified:before {  content: "\e90e";}.icon-investigating:before {  content: "\e910";}.icon-monitoring:before {  content: "\e911";}.icon-resolved:before {  content: "\e912";}.icon-minus-square:before {  content: "\e909";}.icon-plus-square:before {  content: "\e90a";}.icon-arrow-down:before {  content: "\e5db";}.icon-arrow-up:before {  content: "\e5d8";}.icon-more:before {  content: "\e5d3";}.icon-bulb:before {  content: "\e90f";}.icon-customize:before {  content: "\e90b";}.icon-incidents:before {  content: "\e90c";}.icon-maintenance:before {  content: "\e913";}.icon-settings:before {  content: "\e914";}.icon-status-page:before {  content: "\e915";}.icon-subscribers:before {  content: "\e916";}.icon-home:before {  content: "\e88a";}.icon-app:before {  content: "\e052";}.icon-guide:before {  content: "\e86e";}.icon-support:before {  content: "\e311";}.icon-info-outline:before {  content: "\e88f";}.icon-drop-down:before {  content: "\e5c5";}.icon-drop-up:before {  content: "\e5c7";}.icon-feedback:before {  content: "\e85a";}.icon-info:before {  content: "\e88e";}.icon-status-informational:before {  content: "\e88e";}.icon-quick-add:before {  content: "\e917";}.icon-markdown:before {  content: "\e918";}.icon-refresh:before {  content: "\e627";}.icon-search:before {  content: "\e8b6";}.icon-align-center:before {  content: "\e234";}.icon-align-justify:before {  content: "\e235";}.icon-align-left:before {  content: "\e236";}.icon-align-right:before {  content: "\e237";}.icon-color-fill:before {  content: "\e23a";}.icon-color-text:before {  content: "\e23c";}.icon-check:before {  content: "\e5ca";}.icon-double-right:before {  content: "\f101";}.icon-double-down:before {  content: "\f103";}.icon-rss:before {  content: "\e919";}.icon-add:before {  content: "\e145";}.icon-save:before {  content: "\e161";}.icon-zoom-reset:before {  content: "\e8fa";}.icon-zoom-in:before {  content: "\e8ff";}.icon-zoom-out:before {  content: "\e91a";}.icon-status-maintenance:before {  content: "\e91c";}.icon-status-suspended:before {  content: "\e15c";}.icon-status-major-outage:before {  content: "\e5c9";}.icon-status-partial-outage:before {  content: "\e5c9";}.icon-status-operational:before {  content: "\e86c";}.icon-verified:before {  content: "\e86c";}.icon-copy:before {  content: "\e14d";}.icon-delete:before {  content: "\e872";}.icon-status:before {  content: "\e061";}.icon-down:before {  content: "\e313";}.icon-up:before {  content: "\e316";}.icon-notification:before {  content: "\e7f4";}.icon-help:before {  content: "\e887";}.icon-account:before {  content: "\e853";}.icon-team:before {  content: "\e8d3";}.icon-subscription:before {  content: "\e263";}.icon-developer:before {  content: "\e86f";}.icon-logout:before {  content: "\e879";}.icon-close:before {  content: "\e5cd";}.icon-menu:before {  content: "\e3c7";}.icon-status-degraded-performance:before {  content: "\e000";}.icon-not-verified:before {  content: "\e000";}.icon-new-window:before {  content: "\e89e";}.icon-add-statuspage:before {  content: "\e89c";}.icon-previous:before {  content: "\e408";}.icon-next:before {  content: "\e409";}.icon-edit:before {  content: "\e254";}.icon-team-add:before {  content: "\e7fe";}.icon-time:before {  content: "\e8b5";}.icon-arrow-back:before {  content: "\e5c4";}.icon-arrow-forward:before {  content: "\e5c8";}.icon-calendar:before {  content: "\e24f";}.icon-upload:before {  content: "\e2c6";}.icon-list:before {  content: "\e8ef";}