@charset "UTF-8";

:root {
  --ods-font-family: "Source Sans Pro",Helvetica,Arial,sans-serif !important;
  --ods-font-family-code: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
  --ods-color-blue-700: #000e9c;
  --ods-color-dark-blue: #00185E;
  --ods-color-blue-500: #0050d7;
  --ods-body-color: var(--ods-color-dark-blue);
/*  --ods-link-color: #000e9c;*/
/*  --ods-link-color: #2199e8;*/
  --ods-link-color: var(--ods-color-blue-500);
/*  --ods-link-hover-color: #000e9c;*/
  --ods-link-hover-color: var(--ods-color-blue-500);
  --bs-link-hover-color: var(--ods-color-blue-500);
  --ods-link-color-sidebar: #00416b;
  --ods-link-color-footer: #ffffff;
  --ods-color-black: #000000;
  --ods-color-white: #ffffff;
  --ods-color-blue-700: #000e9c;
  --ods-color-dark-blue: #00185E;
  --ods-text-color-dark: #46464a;
  --ods-sidebar-item-background: #DEF8FF;
  --ods-sidebar-item-color: #4D5592;
  --ods-sidebar-item-border: #7AD4FD;
  --ods-searchbar-background: #000a83;
  --ods-primary-background: #E0F3FF;
  --ods-primary-color: #3D799A;
  --ods-warning-background: #FDF5E9;
  --ods-warning-color: #A56015;
  --ods-alert-background: #FBEDF0;
  --ods-alert-color: #D51B3F;
  --ods-action-background: #c0f0fa;
  --ods-success-background: #F1FFEB;
  --ods-success-color: #6E8773;
  --ods-cta-background: #ED743E;
  --ods-cta-background-hover: #A7D74D;
  --ods-gdc-heading-color: #50b7ea;
  --ods-table-table-hover-background: #ceedff;
  --ods-footer-max-width: 1140px;
  --ods-md-max-width: 768px;
  --ods-api-method-bg-color-get: rgb(190, 241, 255);
  --ods-api-method-color-get: rgb(77, 85, 146);
  --ods-api-method-bg-color-delete: rgb(255, 210, 221);
  --ods-api-method-color-delete: rgb(193, 27, 27);
  --ods-api-method-bg-color-put: rgb(254, 234, 134);
  --ods-api-method-color-put: rgb(139, 97, 17);
  --ods-api-method-bg-color-post: rgb(219, 242, 187);
  --ods-api-method-color-post: rgb(38, 132, 3);
  --ods-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230050d7' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

@font-face {
  font-family: "Source Sans Pro";
  src: url("//theme.zdassets.com/theme_assets/1762783/be6f42dc892c7d8ad89e87b219b05b3d5ecaf6ec.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("//theme.zdassets.com/theme_assets/1762783/09b2692121432f9feaaa4441546c9f60cd0ce4a9.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("//theme.zdassets.com/theme_assets/1762783/fdb44699d0adb194a3850d6ebda5f7779ff76487.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: icons;
  src: url("/hc/theming_assets/01JH8RH4ZAYPAT7FTX1RR19F5F") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block
}

body {
  color: var(--ods-body-color);
  font-family: var(--ods-font-family);
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5 !important;
  letter-spacing: 0.2px;
}

a,
a:visited,
.breadcrumbs li a:visited,
.article-list-item a,
.section-tree-title a {
  color: var(--ods-link-color);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: bold;
}

.wysiwyg-underline {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ods-font-family);
  color: var(--ods-color-dark-blue);
}

h3 {
  font-weight: bold;
}

h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.article-body blockquote {
  border-left: 16px solid #EAEAEA !important;
  background-color: #f2f2f2;
  border-radius: 20px 0 0 20px;
  margin: 20px 0;
  padding: 20px 20px 0 10px;
  overflow-y: auto;
  overflow-x: auto;
  line-height: 1.5;
  color: var(--ods-color-black);
  font-size: 16px;
  font-style: normal;
}

.article-body blockquote p {
  line-height: 1.5;
  color: inherit;
  font-size: 16px;
}

.article-body blockquote ul {
  color: inherit;
}

.article-body blockquote ul li {
  margin-bottom: 15px;
}

.article-body blockquote ul li:last-child {
  margin-bottom: 0;
}

.sub-nav {
  margin-bottom: 35px;
}

header {
  padding: 1rem 0;
  padding-left: 20px;
}

header .navbar a {
  color: var(--ods-color-blue-500);
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
  padding: 0;
}

header .navbar a:hover {
  text-decoration: underline;
}

header .navbar .customer-account-icon {
  margin-right: .5px;
  width: 20px;
  height: 20px;
}

header .navbar .navbar-toggler {
  border: 1px solid var(--ods-color-blue-500);
  color: var(--ods-color-blue-500);
}

header .navbar .navbar-toggler:active {
  box-shadow: 0 0 0 .25rem;
}

header .navbar .navbar-toggler-icon {
  background-image: var(--ods-navbar-toggler-icon-bg);
  color: var(--ods-color-blue-500);
}

@media (min-width: 992px) {
  .header-wrapper {
    background-color: var(--ods-color-blue-700);
  }
  header {
    padding-left: 0;
  }
  header .navbar .logo {
    filter: brightness(0) invert(1);
  }
  header .navbar a {
    color: var(--ods-color-white);
  }
  header .navbar .navbar-nav li:not(:last-child):after {
    content: "|";
    color: var(--ods-color-white);
    font-weight: 700;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  header .navbar .customer-account-icon path {
    fill: var(--ods-link-color-footer);
  }
}

/* Home Page Hero */
.hero-wrapper .hero-content {
  padding-left: 7%;
  padding-right: 10%;
  color: var(--ods-link-color-footer);
  text-align: left;
  justify-content: space-between;
}

.hero-wrapper .hero-content h1 {
  color: inherit;
  text-align: inherit;
}

.hero-wrapper .hero-content p {
  font-size: 1.2rem;
}

.hero-wrapper .hero-media {
  display: none;
}

@media (min-width: 768px) {
  .hero-wrapper .hero-media {
    display: block;
    margin: 0;
    padding: 0;
  }
}

.hero-linear-gradient {
  background: linear-gradient(90deg, #000e9c, var(--ods-color-blue-500));
  min-height: 350px;
}

.hero-linear-gradient__category {
  padding: 40px 0;
  background: linear-gradient(90deg, #000E9C, var(--ods-color-blue-500));
  background-size: initial;
  background-position: center center;
}

@media (min-width: 1500px) {
  .hero-linear-gradient {
    background-image: url(https://help.ovhcloud.com/ovhHomeBackgroundChevron1.svg), url(https://help.ovhcloud.com/ovhHomeBackgroundChevron2.svg), linear-gradient(90deg, #000e9c, #0050d7);
    background-size: 14%, 14%, auto !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-x: left, right, center !important;
    background-position-y: center, center, center !important;
  }
}

@media (min-width: 1600px) {
  .hero-linear-gradient {
    background-image: url(https://help.ovhcloud.com/ovhHomeBackgroundChevron1.svg), url(https://help.ovhcloud.com/ovhHomeBackgroundChevron2.svg), linear-gradient(90deg, #000e9c, #0050d7);
    background-size: 16%, 16%, auto !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-x: left, right, center !important;
    background-position-y: center, center, center !important;
  }
}

@media (min-width: 1700px) {
  .hero-linear-gradient {
    background-image: url(https://help.ovhcloud.com/ovhHomeBackgroundChevron1.svg), url(https://help.ovhcloud.com/ovhHomeBackgroundChevron2.svg), linear-gradient(90deg, #000e9c, #0050d7);
    background-size: 18%, 18%, auto !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-x: left, right, center !important;
    background-position-y: center, center, center !important;
  }
}

@media (min-width: 1800px) {
  .hero-linear-gradient {
    background-image: url(https://help.ovhcloud.com/ovhHomeBackgroundChevron1.svg), url(https://help.ovhcloud.com/ovhHomeBackgroundChevron2.svg), linear-gradient(90deg, #000e9c, #0050d7);
    background-size: 20%, 20%, auto !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-x: left, right, center !important;
    background-position-y: center, center, center !important;
  }
}

.search-wrapper {
  margin: 0 auto;
  margin-bottom: 40px;
  padding: 25px 0;
  background-color: var(--ods-searchbar-background);
}

.search-wrapper__category {
  margin-bottom: 20px;
}

.search-wrapper .search-content {
  margin: 0 auto;
  max-width: 70rem;
}

.search-wrapper .search-content .search-home-page input[type=search] {
  color: black;
  border-radius: 1rem;
  width: 100%;
  padding: .6rem 0 .6rem 40px;
  font-size: 1.4rem;
  line-height: 1.5;
  border: .1rem solid #939393;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.search-wrapper .search-content .search-home-page input[type=search]:focus {
  border-color: #1f8476;
  outline: .5rem auto #1f8476;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(31, 132, 118, .6);
  outline-color: var(--ods-color-blue-500);
}

.search-wrapper .search-content .search-home-page .clear-button {
  display: none;
}

.search-wrapper .search-content .search-icon {
  width: 20px;
  height: 20px;
  left: 25px;
}

/* Categories */
.categories .blocks-item {
  background-color: var(--ods-sidebar-item-background);
  color: var(--ods-sidebar-item-color);
  border-radius: .8rem;
  border: .1rem solid var(--ods-sidebar-item-border);
  max-width: unset;
  position: relative;
  align-items: center;
}

.categories .blocks-item .blocks-item-title {
  color: #00185E !important;
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 1.2;
}

.categories .blocks-item .blocks-item-link {
  justify-content: unset;
  text-decoration: none;
}

.categories .blocks-item:hover *,
.categories .blocks-item:focus *,
.categories .blocks-item:active * {
  color: var(--ods-color-dark-blue);
}

@media (min-width: 1024px) {
  .category-content {
    flex: 1;
  }
}

/*.blocks-item .blocks-item-title::before {
  content: url("https://help.ovhcloud.com/0f54735b282934101e11c4a93a8b7bb7.iix");
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 10px;
}

.categories .blocks-item .blocks-item-description {
  font-size: 1rem;
}

.categories .blocks-item:hover,
.categories .blocks-item:focus,
.categories .blocks-item:active {
  background-color: #DEF8FF;
}*/

/* Sections */
.section-content {
  flex: unset;
}

.section-content .page-header {
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ods-body-color);
}

@media (min-width: 768px) {
  .section-content .page-header {
    margin-bottom: 40px;
  }
}

.section-content .page-header h1 {
  margin: 0;
}

/*.section-tree-title {
  font-size: 1.5rem;
  color: var(--ods-link-color);
  border-bottom: 1px solid var(--ods-link-color);
  padding-bottom: 5px;
  margin-bottom: 25px;
}*/

.section-tree-title {
  font-size: unset;
}

.section-content .section-tree-title {
/*  font-size: 1.5rem;*/
  border-bottom: 1px solid var(--ods-link-color);
  padding-bottom: 5px;
  margin-bottom: 25px;
}

.section-content .section-tree-title a:hover {
  text-decoration: none;
}

.section-content .article-list-item {
  padding: 0;
  margin-bottom: 10px;
}

.article-list-item {
  display: flex;
  align-items: center;
}

.article-list-item svg {
  margin-right: 5px;
}

.section-content .article-list {
  padding-left: 0;
}

.section-content .section-tree .see-all-articles {
  padding-left: 0;
  padding-top: 1rem;
}

.section-articles {
  background-color: var(--ods-sidebar-item-background);
  color: var(--ods-sidebar-item-color);
  border: .1rem solid var(--ods-sidebar-item-border);
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 15px;
}

.section-articles:hover {
  background-color: var(--ods-searchbar-background);
  color: var(--ods-color-white);
/*  border: none;*/
}

.section-articles.current-article {
  background-color: var(--ods-searchbar-background);
  color: var(--ods-color-white);
  border: none;
}

.section-articles a {
  color: inherit;
  font-weight: 600;
  margin: 0;
}

.section-articles a:hover {
  text-decoration: none;
}

/* Articles */
.article-container .article {
  max-width: 90%;
}

.article-content {
  line-height: 1.5;
}

/* Footer */
.footer {
  background: var(--ods-color-blue-500);
}

.footer * {
  font-size: .9rem;
  font-weight: 400;
  color: var(--ods-link-color-footer);
}

.footer a {
  color: var(--ods-link-color-footer);
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer-links {
  max-width: var(--ods-footer-max-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.footer-links li:not(:last-child):after {
  content: "|";
  font-weight: 400;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/* OVH Custom Styles */
.primary {
  background-color: var(--ods-primary-background);
  border: 1px solid var(--ods-primary-color);
  color: var(--ods-primary-color);
  padding: 1rem !important;
  margin: 1rem 0;
}

.note,
.warning {
  background-color: var(--ods-warning-background);
  border: 1px solid var(--ods-warning-color);
  color: var(--ods-warning-color);
  padding: 1rem !important;
  margin: 1rem 0;
}

.hazard,
.alert {
  background-color: var(--ods-alert-background);
  border: 1px solid var(--ods-alert-color);
  border-radius: unset;
  color: var(--ods-alert-color);
  padding: 1rem !important;
  margin: 1rem 0;
}

.success {
  background-color: var(--ods-success-background);
  border: 1px solid var(--ods-success-color);
  color: var(--ods-success-color);
  padding: 1rem !important;
  margin: 1rem 0;
}

.primary strong,
.primary a,
.note strong,
.note a,
.hazard strong,
.hazard a,
.alert strong,
.alert a,
.success strong,
.success a,
.warning strong,
.warning a {
  font-weight: bold;
}

.primary p:last-child,
.note p:last-child,
.hazard p:last-child,
.alert p:last-child,
.success p:last-child,
.warning p:last-child {
  margin-bottom: 0;
}

.ovh-blue {
  color: var(--ods-color-blue-500);
}

.ovh-border,
.ovh-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}

.ovh-api-endpoint {
  word-break: break-all;
}

.ovh-api-method {
  border-radius: 5px;
  border: 1px solid #dddddd;
  box-shadow: #dddddd 1px 1px 10px;
  margin: 10px 0px 1rem 0;
  padding: 6px;
  background: var(--ods-color-white);
}

.ovh-api-method a {
  text-decoration: none;
  display: flex;
  align-items: baseline;
}

.ovh-api-method .ovh-api-verb {
  line-height: 1.25;
  margin: 0px 0.25rem;
  padding: 3px  6px;
  font-size: 0.75rem;
  font-family: var(--ods-font-family-code);
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  font-weight: bold;
  text-align: center;
  margin-right: 1ch;
  width: 40px;
  display: inline-block;
  color: rgb(0, 24, 94);
  border-radius: 1rem;
  min-width: 6ch;
}

.ovh-api-method .ovh-api-verb.get {
  background-color: var(--ods-api-method-bg-color-get);
  color: var(--ods-api-method-color-get);
}

.ovh-api-method .ovh-api-verb.delete {
  background-color: var(--ods-api-method-bg-color-delete);
  color: var(--ods-api-method-color-delete);
  min-width: 9ch;
}

.ovh-api-method .ovh-api-verb.put {
  background-color: var(--ods-api-method-bg-color-put);
  color: var(--ods-api-method-color-put);
}

.ovh-api-method .ovh-api-verb.post {
  background-color: var(--ods-api-method-bg-color-post);
  color: var(--ods-api-method-color-post);
  flex: unset;
}

/* Accordian/Tabs/CopyClipboard */
.accordion {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  margin: 0 !important;
  padding: 0 !important;
}

.accordion__tab {
  position: relative;
  background-color: #eee;
  color: var(--ods-color-dark-blue);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
/*  font-size: 15px;*/
  transition: 0.4s;
  border-radius: 8px;
}

.accordion__tab > :last-child {
  margin-bottom: 0 !important;
}

.accordion__tab:first-child:before {
/*   content: "\e114";*/
   float: left;
   transition: all 0.5s;
  font-family: icons !important;
/*  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;*/
  content: "\f107";
  margin-right: 14px;
/*  font-size: inherit;
  color: inherit;
  margin-left: .25rem;*/
}

.accordion__tab.active:first-child:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.accordion__tab:hover .tooltiptext {
  visibility: visible;
}

.accordion__content {
  padding: 0 20px;
  margin: 15px 0;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.5s ease-out;
  color: var(--ods-color-dark-blue);
  opacity: 0;
}

.accordion__tab:hover,
.accordion__active .accordion__tab {
  background-color: var(--ods-table-table-hover-background);
}

.accordion__active .accordion__content {
  padding: 0 20px;
  margin-bottom: 20px;
  opacity: 1;
  background-color: white;
}

.tabContainer {
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
}

.tabContainer.vertical {
  display: flex;
  flex-direction: row;
}

.tabBtns {
  display: flex;
  flex-direction: row;
  padding: 0 !important;
  margin: 0;
}

.tabContainer.vertical .tabBtns {
  flex-direction: column;
  width: 25%;
}

.tab {
  flex: 1;
  padding: 10px;
  border: none;
  background-color: #eee;
  color: var(--ods-body-color);
  cursor: pointer;
  transition: background-color 0.3s;
}

.tabBtns .tab {
  border-right: 1px solid var(--ods-body-color);
}

.tabBtns .tab:last-child {
  border-right: none;
}

.tabContainer.vertical .tabBtns .tab {
/*  flex: unset;*/
  border-bottom: 1px solid var(--ods-body-color);
  border-right: none;
}

.tabContainer.vertical .tabBtns .tab:last-child {
  border-bottom: none;
}

.tab:hover {
  background-color: var(--ods-table-table-hover-background);
}

.tab.active {
  background-color: var(--ods-table-table-hover-background);
}

.tabContent {
  padding: 20px;
  background-color: #fff;
}

.tabContainer.vertical .tabContent {
  width: 75%;
}

.tabPanel {
  display: none;
}

.tabPanel.active {
  display: block;
}

.tabPanel > div,
.accordion__content > div {
  padding: 0;
}

.code-toolbar {
  position: relative;
  padding: 0;
  margin-bottom: 1rem;
}

/*.article-body pre.command {
  border-radius: 0.5em !important;
  border: 0.3em solid #545454 !important;
  box-shadow: 1px 1px 0.5em #000 inset !important;
  background: var(--ods-color-black);
  color: var(--ods-color-white);
  font-size: 1.25rem;
  line-height: 1.5;
}*/

.article-body pre,
.code-toolbar pre {
  font-family: var(--ods-font-family-code);
  border-radius: 0.5em !important;
  border: 0.3em solid #545454 !important;
  box-shadow: 1px 1px 0.5em #000 inset;
  margin: 0.5em 0;
  overflow: auto;
  padding: 1em !important;
  background: #141414 !important;
  color: var(--ods-color-white);
  text-align: left;
  text-shadow: 0 -0.1em 0.2em #000;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  tab-size: 4;
  hyphens: none;
}

.code-toolbar code {
  color: var(--ods-color-white);
  background: none;
  font-family: inherit;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.6;
  tab-size: 4;
  hyphens: none;
  direction: ltr;
  border: none !important;
  border-radius: unset !important;
  padding: unset !important;
  margin: unset !important;
}

.code-toolbar code .token {
  position: relative;
  z-index: 1;
}

.code-toolbar code .token.variable,
.code-toolbar code .token.operator {
  color: #909e6a;
  background: none;
}

.code-toolbar code .token.function {
  color: #DD4A68;
}

.code-toolbar code .token.builtin {
  color: #f9ed99;
}

.article-body :not(pre) > code {
  padding: .2rem .4rem;
  font-size: 90%;
  font-family: var(--ods-font-family-code);
  color: black;
  background: lightgrey;
  border-radius: .4rem;
  margin: unset;
  border: none;
}

.article-body :not(pre) > code.action {
  color: var(--ods-color-blue-700);
  background-color: var(--ods-action-background);
}

div.code-toolbar>.toolbar {
  position: absolute;
  z-index: 10;
  top: 3px;
  right: 4px;
  transition: opacity .3s ease-in-out;
  opacity: 0;
}

div.code-toolbar:hover>.toolbar {
  opacity: 1;
}

div.code-toolbar>.toolbar>.toolbar-item {
  display: inline-block;
  margin: 0;
  padding: 0;
}

div.code-toolbar>.toolbar>.toolbar-item>button {
  color: #bbb;
  font-size: .8em;
  padding: 0 0.5em;
  background: #f5f2f0;
  background: rgba(224, 224, 224, .2);
  box-shadow: 0 2px 0 0 rgba(0,0,0,.2);
  border-radius: 0.5em;
  font: inherit;
  line-height: normal;
  overflow: visible;
  border: 0;
}

div.code-toolbar>.toolbar>.toolbar-item>button:hover {
  text-decoration: none;
}

.icon--arrow-right,
.icon--arrow-right:hover {
  text-decoration: none;
}

.icon--chevron-right:hover:after {
  text-decoration: none;
  float: right;
}

.icon--arrow-right::after {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "";
  font-size: inherit;
  color: inherit;
  margin-left: .25rem;
}

.icon--chevron-right::after {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\F10C";
  font-size: inherit;
  color: inherit;
  margin-left: .25rem;
}

.external-link::after {
  font-family: icons !important;
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "";
  font-size: inherit;
  color: inherit;
  padding-left: 5px;
}

/***** Tables *****/
.support-table {
  margin-bottom: 1rem;
}

.support-table,
.support-table th,
.support-table td {
  border: 1px solid #87CEFA;
  background: var(--ods-color-white);
  color: var(--ods-body-color);
  border-collapse: collapse;
  padding: 10px;
  table-layout: fixed;
  vertical-align: middle;
  width: 100%;
}
.support-table tr:hover td {
  background-color: var(--ods-table-table-hover-background);
}

.support-table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}