@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root {
 --ixir-gutter: 16px;
 --ixir-max: 100%;
 --ixir-container: var(--ixir-max);
 --ixir-wrap: min(var(--ixir-max), calc(100% - 2 * var(--ixir-gutter)));
}

@media (min-width: 480px) {
 :root {
  --ixir-gutter: 20px;
 }
}
@media (min-width: 768px) {
 :root {
  --ixir-gutter: 24px;
 }
}
@media (min-width: 1024px) {
 :root {
  --ixir-gutter: 20px;
 }
}
@media (min-width: 1140px) {
 :root {
  --ixir-gutter: 28px;
 }
}
@media (min-width: 1200px) {
 :root {
  --ixir-gutter: 32px;
 }
}
@media (min-width: 1280px) {
 :root {
  --ixir-gutter: 40px;
  --ixir-max: 1600px;
 }
}

html,
body,
input,
button,
select,
textarea {
 font-family: "Roboto", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "Space Grotesk", "Roboto", sans-serif !important;
}
html,
body {
 max-width: 100%;
 overscroll-behavior-x: none;
}

html {
 --ixir-scroll-size: 18px;
 --ixir-scroll-track: #101624;
 overflow-x: hidden;
 overflow-y: scroll;
 scrollbar-width: auto;
 scrollbar-color: #4d7ef0 var(--ixir-scroll-track);
}

body {
 background-color: #fff !important;
 margin-right: 0px !important;
}

#main-body {
 padding-top: 45px !important;
 padding-bottom: 35px !important;
 background: #fff !important;
}
.ixir-solutions
 ~ #main-body:not(:has(.announcement-single)):not(:has(#twitterFeedOutput)),
.ixir-help
 ~ #main-body:not(:has(.announcement-single)):not(:has(#twitterFeedOutput)) {
 display: none !important;
}
.container {
 width: var(--ixir-wrap) !important;
 max-width: none !important;
 margin-left: auto !important;
 margin-right: auto !important;
 padding-left: 0 !important;
 padding-right: 0 !important;
 box-sizing: border-box;
}
::-moz-selection {
 background: #4d7ef0;
 color: white;
}
::selection {
 background: #4d7ef0;
 color: white;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
 width: var(--ixir-scroll-size);
 height: var(--ixir-scroll-size);
 background: var(--ixir-scroll-track);
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
 background:
  linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 1px),
  var(--ixir-scroll-track);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
 border-radius: 999px;
 border: 3px solid transparent;
 background-color: #386ce0;
 background-image: linear-gradient(
  180deg,
  #9ec0ff 0%,
  #386ce0 46%,
  #1e4bb8 100%
 );
 background-clip: padding-box;
 min-height: 64px;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
 border-width: 2px;
 background-color: #5b8ef5;
 background-image: linear-gradient(
  180deg,
  #d4e4ff 0%,
  #4d7ef0 42%,
  #2a5ad4 100%
 );
 background-clip: padding-box;
}
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
 border-width: 3px;
 background-color: #1e4bb8;
 background-image: linear-gradient(180deg, #6f9cf5 0%, #1e4bb8 100%);
 background-clip: padding-box;
}
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
 display: none;
 width: 0;
 height: 0;
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
 background: var(--ixir-scroll-track);
}

#order-standard_cart .view-cart-items-header {
 background-color: #5c6370;
}
a {
 color: #919393;
 background-color: transparent;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
 border-radius: 1px;
}
a:hover,
a:active {
 color: #5c6370;
 outline: 0;
 text-decoration: none !important;
}

.header-lined h1 {
 color: #5c6370 !important;
}
.list-group-item .active {
 background-color: #5c6370 !important;
}
div.sidebar .list-group-item-selected {
 background-color: #5c6370 !important;
 color: #fff;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
 border-top: 1px solid transparent !important;
 background-color: #5c6370 !important;
 border-bottom: 1px solid transparent !important;
}
.dataTables_wrapper .dataTables_info {
 background-color: #5c6370 !important;
}
.home-shortcuts {
 background-color: #5c6370 !important;
}
.home-shortcuts .row {
 display: flex;
 align-items: stretch;
}
.home-shortcuts .lead {
 margin: 0;
 border-left: 1px solid #f1f1f1;
}
.home-shortcuts ul {
 display: flex;
 width: 100%;
}
.home-shortcuts li,
.home-shortcuts li:first-child {
 float: none;
 width: auto;
 flex: 1;
 border-color: #f1f1f1;
}
.home-shortcuts li:last-child {
 border-right: 1px solid #f1f1f1;
}
#order-boxes .fields-container {
 border-top-color: #5c6370 !important;
 border-bottom-color: #5c6370 !important;
}
#order-boxes .fields-container .field-row:nth-child(even) {
 background-color: #eeeeee !important;
}
#order-boxes .fields-container .field-row:nth-child(odd) {
 background-color: #f4f5f6 !important;
}
#order-boxes table.styled tr th {
 background-color: #5c6370 !important;
}
#order-boxes table.styled tr.carttablesummary td {
 background-color: #eceef0 !important;
}
.alert-info {
 background-color: rgba(92, 99, 112, 0.8) !important;
 color: white !important;
}
.form-control {
 min-height: 40px;
}
.form-control:focus,
.form-control:active {
 border-color: transparent !important;
 box-shadow:
  0 0px 0px rgba(255, 255, 255, 0.8) inset,
  0 0 4px rgba(255, 255, 255, 0.8) !important;
}

.btn-info,
.btn-default {
 background-color: transparent !important;
 color: #5c6370;
 border: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #5c6370;
}

.btn-info:hover,
.btn-info:focus,
.btn-default:hover,
.btn-default:focus,
.btn-primary:hover,
.btn-primary:focus {
 background-color: #5c6370 !important;
 border-color: transparent;
 color: white;
}
.btn-warning,
.btn-primary {
 background-color: #5c6370;
 color: white;
 border-color: transparent;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-primary:hover,
.btn-primary:focus {
 background-color: #737b88 !important;
 border-color: #5c6370 !important;
}

blockquote {
 border-color: #5c6370;
}
.logincontainer {
 background-color: white;
 padding: 40px 60px 40px 60px;
 border-radius: 4px;
}

div.header-lined h1 {
 font-weight: bold !important;
}
.ixir-close {
 width: 28px;
 height: 28px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 0;
 margin: 0;
 border: 0 !important;
 border-radius: 50%;
 background: rgba(36, 41, 53, 0.08);
 box-shadow: none !important;
 outline: none;
 color: #3c3d3b;
 font-size: 12px;
 line-height: 1;
 cursor: pointer;
 appearance: none;
 -webkit-appearance: none;
 text-decoration: none !important;
 transition:
  color 0.2s ease,
  background 0.2s ease;
}
.ixir-close i {
 display: block;
 font-size: inherit;
 line-height: 1;
 transition: transform 0.2s ease;
}
.ixir-close:hover,
.ixir-close:focus {
 background: rgba(36, 41, 53, 0.16);
 border: 0 !important;
 box-shadow: none !important;
 outline: none;
 color: #1a1e29;
 text-decoration: none !important;
}
.ixir-close:hover i,
.ixir-close:focus i {
 transform: rotate(90deg);
}

.ixir-slide,
.ixir-slide--left.is-slide-on:not(.is-slide-in),
.ixir-slide--right.is-slide-on:not(.is-slide-in),
.ixir-slide.is-slide-in,
.ixir-slide.is-slide-reset,
.ixir-sp-themes.ixir-slide,
.ixir-sp-themes.ixir-slide--left.is-slide-on:not(.is-slide-in),
.ixir-sp-themes.ixir-slide.is-slide-in,
.ixir-sp-themes.ixir-slide.is-slide-reset {
 max-width: 100%;
 opacity: 1 !important;
 transform: none !important;
 transition: none !important;
 animation: none !important;
 pointer-events: auto !important;
}

@media (max-width: 768px) {
 body {
  max-width: 100% !important;
 }
 .home-shortcuts .row,
 .home-shortcuts ul {
  display: block;
 }
 .home-shortcuts li,
 .home-shortcuts li:first-child,
 .home-shortcuts li:last-child {
  float: none;
  width: 100%;
  flex: none;
  border-left: 0;
  border-right: 0;
 }
}

.bg-dark-blue,
.bg-dark {
 background-color: #091322 !important;
 background-image:
  radial-gradient(
   circle at 18% 25%,
   rgba(59, 130, 246, 0.18) 0%,
   transparent 45%
  ),
  radial-gradient(
   circle at 82% 70%,
   rgba(37, 99, 235, 0.16) 0%,
   transparent 50%
  ),
  linear-gradient(135deg, #070e1a 0%, #0c1a30 100%) !important;
 border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
 color: #fff !important;
}

.bg-dark-blue .site-heading,
.bg-dark .site-heading,
.bg-dark-blue h1,
.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark-blue .ixir-wh-plans-head .site-heading,
.bg-dark-blue .ixir-wh-diff-head .site-heading,
.bg-dark-blue .ixir-ds-head .site-heading,
.bg-dark .ixir-wh-plans-head .site-heading,
.bg-dark .ixir-wh-diff-head .site-heading,
.bg-dark .ixir-ds-head .site-heading,
.ixir-wh-story:not(.bg-light-blue):not(.ixir-wh-story--light) .site-heading,
.ixir-wh-story:not(.bg-light-blue):not(.ixir-wh-story--light) h2,
.ixir-wh-story-features-head .site-heading,
.ixir-wh-story-features-head h2,
.ixir-pci-story .site-heading,
.pci-story-intro .site-heading,
.ixir-cs-story .site-heading,
.ixir-cs-usage .site-heading,
.ixir-cs-usage .ixir-wh-diff-head .site-heading,
.ixir-ds-network-section.bg-dark-blue .site-heading {
 color: #ffffff !important;
}

.bg-dark-blue p,
.bg-dark p,
.bg-dark-blue .ixir-wh-plans-head p,
.bg-dark-blue .ixir-wh-diff-head p,
.bg-dark-blue .ixir-ds-head p,
.bg-dark .ixir-wh-plans-head p,
.bg-dark .ixir-wh-diff-head p,
.bg-dark .ixir-ds-head p,
.ixir-wh-story-features-head p,
.ixir-pci-story .pci-story-intro p,
.ixir-pci-story .ixir-wh-story-intro p,
.ixir-cs-story .ixir-cs-story-intro p,
.ixir-cs-story .ixir-wh-story-intro p {
 color: rgba(255, 255, 255, 0.78) !important;
}

.ixir-cs-usage .ixir-wh-diff-grid li h3 {
 color: #0b2545 !important;
}

.ixir-cs-usage .ixir-wh-diff-grid li:hover h3 {
 color: #2563eb !important;
}

.ixir-cs-usage .ixir-wh-diff-grid li p {
 color: #64748b !important;
}