/*!
 * Name: Carbon styles - currectly not supported by v18 or v19a css files
 * Admin: juraj.kruzliak@sk.ibm.com
 * 
 */

/*------------------------------------*\
  CONTENTS
\*------------------------------------*/
/*
COLORS
TYPE
BUTTONS
PADDING
HIDE   
*/

.ibm-type * {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------*\
  $COLORS
\*------------------------------------*/

.ibm-styled-input:hover {
  border-color: #0f62fe;
  -webkit-box-shadow: 0 0 0 1px #0f62fe inset;
  box-shadow: 0 0 0 1px #0f62fe inset;
}

.ibm-band {
  background-color: #f2f4f8;
}

a {
  color: #0f62fe;
}

a:focus {
  outline: #0f62fe solid 1px;
}

a:active {
  color: #393939;
  outline-color: #393939;
}

.ibm-common-overlay a,
.ibm-linkcolor-default {
  color: #0f62fe;
}

.ibm-common-overlay a.ibm-textcolor-white-core {
  color: #ffffff;
}

.ibm-blocklink:focus,
.ibm-blocklink:hover {
  border-color: #0f62fe;
}

#ibm-pcon .ibm-btn-pri:not(.ibm-btn-tag) {
  background-color: #0f62fe;
  border-color: #0f62fe;
  outline-color: #0f62fe;
}

#ibm-pcon .ibm-btn-pri:not(.ibm-btn-tag):hover {
  background-color: #0354e9;
  border-color: #0354e9;
  outline-color: #0354e9;
}

#ibm-pcon .ibm-btn-pri:not(.ibm-btn-tag):focus {
  background-color: #0f62fe;
  border-color: #fff;
  outline-color: #0f62fe;
}

#ibm-pcon .ibm-btn-pri:not(.ibm-btn-tag):active {
  background-color: #002d9c;
  border-color: #002d9c;
  outline-color: #002d9c;
}

#ibm-pcon .ibm-btn-sec {
  color: #fff;
  background-color: #393939;
  border-color: #393939;
  outline-color: #393939;
}

#ibm-pcon .ibm-btn-sec:hover {
  background-color: #525252;
  border-color: #525252;
  outline-color: #525252;
}

#ibm-pcon .ibm-btn-sec:focus {
  background-color: #393939;
  border-color: #fff;
  outline-color: #0f62fe;
}

#ibm-pcon .ibm-btn-sec:active {
  background-color: #6f6f6f;
  border-color: #6f6f6f;
  outline-color: #6f6f6f;
}

#ibm-pcon .ibm-btn-sec[disabled],
#ibm-pcon .ibm-btn-sec[disabled]:hover {
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  outline-color: #c6c6c6;
  color: #8d8d8d;
  border-width: 1px;
}

.ibm-mobilemenu-section > ul > .ibm-mobilemenu-nav-selected > a,
.slick-dots li.slick-active button {
  background-color: #0f62fe;
}

#ibm-home a::after,
.ibm-dropdown-menu .ibm-highlight a,
.ibm-dropdown-menu a:focus,
.ibm-dropdown-menu a:hover,
.ibm-masthead-categories .ibm-mh-mainitem > a::after,
.ibm-masthead-categories > li > a::after,
.ibm-masthead-categories > li > button::after,
.ibm-masthead-iconsonly > li > a::after,
.ibm-masthead-iconsonly > li > button::after,
.ibm-mobilemenu .ibm-show-hide h2 a:focus,
.ibm-mobilemenu .ibm-show-hide h2 a:hover,
.ibm-mobilemenu a:focus,
.ibm-mobilemenu a:hover,
.ibm-parent-site-name a::after,
.ibm-sitenav-menu-list li ul a.ibm-highlight,
.ibm-sitenav-menu-list li ul a:hover,
.ibm-sitenav-menu-list li ul li.ibm-highlight > a,
.ibm-sitenav-menu-list > ul > li > a::after,
.ibm-sitenav-menu-list > ul > li > button::after,
.ibm-sitenav-menu-list > ul > li > span::after,
.ibm-sitenav-menu-name a::after,
.ibm-thick-underline::after {
  background-color: #0f62fe;
}

.slick-dots li button {
  border-color: #0f62fe;
}

.ibm-megapaneltrigs .ibm-active .ibm-arrow-forward-link,
.ibm-megapaneltrigs .ibm-arrow-forward-link:focus,
.ibm-megapaneltrigs .ibm-arrow-forward-link:hover {
  background-color: #0f62fe;
  color: #fff;
}

.ibm-masthead-categories .ibm-mh-mainitem a:focus,
.ibm-masthead-categories .ibm-mh-mainitem a:hover,
.ibm-masthead-categories > li > a:focus,
.ibm-masthead-categories > li > a:focus:before,
.ibm-masthead-categories > li > a:hover,
.ibm-masthead-categories > li > a:hover:before,
.ibm-masthead-categories > li > button:focus,
.ibm-masthead-categories > li > button:focus:before,
.ibm-masthead-categories > li > button:hover,
.ibm-masthead-categories > li > button:hover:before,
.ibm-masthead-iconsonly .ibm-mh-mainitem a:focus,
.ibm-masthead-iconsonly .ibm-mh-mainitem a:hover,
.ibm-masthead-iconsonly > li > a:focus,
.ibm-masthead-iconsonly > li > a:focus:before,
.ibm-masthead-iconsonly > li > a:hover,
.ibm-masthead-iconsonly > li > a:hover:before,
.ibm-masthead-iconsonly > li > button:focus,
.ibm-masthead-iconsonly > li > button:focus:before,
.ibm-masthead-iconsonly > li > button:hover,
.ibm-masthead-iconsonly > li > button:hover:before,
.ibm-parent-site-name a:focus,
.ibm-parent-site-name a:hover,
.ibm-show-hide > h2 a:hover,
.ibm-sitenav-menu-list > ul > li.ibm-active > a,
.ibm-sitenav-menu-list > ul > li.ibm-active > button,
.ibm-sitenav-menu-list > ul > li.ibm-active > span,
.ibm-sitenav-menu-list > ul > li.ibm-highlight > a,
.ibm-sitenav-menu-list > ul > li.ibm-highlight > button,
.ibm-sitenav-menu-list > ul > li.ibm-highlight > span,
.ibm-sitenav-menu-list > ul > li > a:focus,
.ibm-sitenav-menu-list > ul > li > a:hover,
.ibm-sitenav-menu-list > ul > li > button:focus,
.ibm-sitenav-menu-list > ul > li > button:hover,
.ibm-sitenav-menu-list > ul > li > span:focus,
.ibm-sitenav-menu-list > ul > li > span:hover,
.ibm-sitenav-menu-name a:focus,
.ibm-sitenav-menu-name a:hover {
  color: #0f62fe;
}

#ibm-search.ibm-search-link:focus,
#ibm-search.ibm-search-link:hover,
#q:focus,
#q:hover {
  -webkit-box-shadow: 0 0 2px 2px #0f62fe;
  box-shadow: 0 0 2px 2px #0f62fe;
}

#ibm-universal-nav {
  border-bottom-color: #c6c6c6;
}

.ibm-show-hide > h2 a.ibm-show-active {
  border-color: #0f62fe;
  color: #0f62fe;
}

.ibm-show-hide.ibm-alternate > h2 a.ibm-show-active {
  border-color: #0f62fe;
}

@-webkit-keyframes ibm-spinner-kf-colors {
  0%,
  100% {
    border-color: transparent #c6c6c6 #c6c6c6;
  }

  50% {
    border-color: transparent #0f62fe #0f62fe;
  }
}

@keyframes ibm-spinner-kf-colors {
  0%,
  100% {
    border-color: transparent #c6c6c6 #c6c6c6;
  }

  50% {
    border-color: transparent #0f62fe #0f62fe;
  }
}

.ibm-graphic-tabs .ibm-tabs li a:hover::after,
.ibm-graphic-tabs .ibm-tabs li a[aria-selected='true']::after,
.ibm-graphic-tabs.ibm-vertical-tabs ul.ibm-tabs li a:hover::after,
.ibm-graphic-tabs.ibm-vertical-tabs ul.ibm-tabs li a[aria-selected='true']::after,
.ibm-text-tabs .ibm-tabs a:focus,
.ibm-text-tabs .ibm-tabs a:hover,
.ibm-text-tabs .ibm-tabs li a[aria-selected='true'] {
  border-bottom-color: #0f62fe;
}

.ibm-rule.ibm-blue-20 {
  border-color: #d0e2ff;
}

.ibm-rule.ibm-blue-40 {
  border-color: #78a9ff;
}

.ibm-rule.ibm-blue-60 {
  border-color: #0f62fe;
}

.ibm-rule.ibm-gray-30 {
  border-color: #c6c6c6;
}

.ibm-rule.ibm-gray-50 {
  border-color: #8d8d8d;
}

.ibm-rule.ibm-gray-70 {
  border-color: #525252;
}

.ibm-rule.ibm-gray-80 {
  border-color: #393939;
}

.ibm-rule.ibm-green-20 {
  border-color: #a7f0ba;
}

.ibm-rule.ibm-green-40 {
  border-color: #42be65;
}

.ibm-rule.ibm-green-60 {
  border-color: #198038;
}

.ibm-rule.ibm-magenta-20 {
  border-color: #ff9eee;
}

.ibm-rule.ibm-magenta-40 {
  border-color: #ff3ca0;
}

.ibm-rule.ibm-magenta-50 {
  border-color: #db2780;
}

.ibm-rule.ibm-purple-20 {
  border-color: #e8daff;
}

.ibm-rule.ibm-purple-40 {
  border-color: #be95ff;
}

.ibm-rule.ibm-purple-60 {
  border-color: #6929c4;
}

.ibm-rule.ibm-red-30 {
  border-color: #ff7d87;
}

.ibm-rule.ibm-red-50 {
  border-color: #e71d32;
}

.ibm-rule.ibm-red-60 {
  border-color: #ad1625;
}

.ibm-rule.ibm-teal-30 {
  border-color: #3ddbd9;
}

.ibm-rule.ibm-teal-50 {
  border-color: #009d9a;
}

.ibm-rule.ibm-teal-60 {
  border-color: #007d79;
}

.ibm-rule.ibm-cyan-30 {
  border-color: #82cfff;
}

.ibm-rule.ibm-cyan-50 {
  border-color: #1192e8;
}

.ibm-rule.ibm-cyan-60 {
  border-color: #0072c3;
}

[class*='ibm-highlight-bg-']:focus,
[class*='ibm-highlight-bg-']:hover {
  color: #393939;
}

.ibm-alternate-highlight[class*='ibm-highlight-bg-']:focus,
.ibm-alternate-highlight[class*='ibm-highlight-bg-']:hover {
  color: #fff;
}

.ibm-background-blue-core,
.ibm-background-blue-60,
.ibm-highlight-bg-blue-core:focus,
.ibm-highlight-bg-blue-core:hover,
.ibm-highlight-bg-blue-60:focus,
.ibm-highlight-bg-blue-60:hover {
  background-color: #0f62fe;
}

.ibm-background-blue-10,
.ibm-highlight-bg-blue-10:focus,
.ibm-highlight-bg-blue-10:hover {
  background-color: #edf5ff;
}

.ibm-background-blue-20,
.ibm-highlight-bg-blue-20:focus,
.ibm-highlight-bg-blue-20:hover {
  background-color: #d0e2ff;
}

.ibm-background-blue-30,
.ibm-highlight-bg-blue-30:focus,
.ibm-highlight-bg-blue-30:hover {
  background-color: #a6c8ff;
}

.ibm-background-blue-40,
.ibm-highlight-bg-blue-40:focus,
.ibm-highlight-bg-blue-40:hover {
  background-color: #78a9ff;
}

.ibm-background-blue-50,
.ibm-highlight-bg-blue-50:focus,
.ibm-highlight-bg-blue-50:hover {
  background-color: #4589ff;
}

.ibm-background-blue-70,
.ibm-highlight-bg-blue-70:focus,
.ibm-highlight-bg-blue-70:hover {
  background-color: #0043ce;
}

.ibm-background-blue-80,
.ibm-highlight-bg-blue-80:focus,
.ibm-highlight-bg-blue-80:hover {
  background-color: #002d9c;
}

.ibm-background-blue-90,
.ibm-highlight-bg-blue-80:focus,
.ibm-highlight-bg-blue-80:hover {
  background-color: #001d6c;
}

.ibm-background-blue-100,
.ibm-highlight-bg-blue-100:focus,
.ibm-highlight-bg-blue-100:hover {
  background-color: #001141;
}

.ibm-background-green-core,
.ibm-background-green-60,
.ibm-highlight-bg-green-core:focus,
.ibm-highlight-bg-green-core:hover,
.ibm-highlight-bg-green-60:focus,
.ibm-highlight-bg-green-60:hover {
  background-color: #198038;
}

.ibm-background-green-10,
.ibm-highlight-bg-green-10:focus,
.ibm-highlight-bg-green-10:hover {
  background-color: #defbe6;
}

.ibm-background-green-20,
.ibm-highlight-bg-green-20:focus,
.ibm-highlight-bg-green-20:hover {
  background-color: #a7f0ba;
}

.ibm-background-green-30,
.ibm-highlight-bg-green-30:focus,
.ibm-highlight-bg-green-30:hover {
  background-color: #6fdc8c;
}

.ibm-background-green-40,
.ibm-highlight-bg-green-40:focus,
.ibm-highlight-bg-green-40:hover {
  background-color: #42be65;
}

.ibm-background-green-50,
.ibm-highlight-bg-green-50:focus,
.ibm-highlight-bg-green-50:hover {
  background-color: #24a148;
}

.ibm-background-green-70,
.ibm-highlight-bg-green-70:focus,
.ibm-highlight-bg-green-70:hover {
  background-color: #0e6027;
}

.ibm-background-green-80,
.ibm-highlight-bg-green-80:focus,
.ibm-highlight-bg-green-80:hover {
  background-color: #044317;
}

.ibm-background-green-90,
.ibm-highlight-bg-green-90:focus,
.ibm-highlight-bg-green-90:hover {
  background-color: #022d0d;
}

.ibm-background-green-100,
.ibm-highlight-bg-green-100:focus,
.ibm-highlight-bg-green-100:hover {
  background-color: #071908;
}

.ibm-background-teal-core,
.ibm-background-teal-60,
.ibm-highlight-bg-teal-core:focus,
.ibm-highlight-bg-teal-core:hover,
.ibm-highlight-bg-teal-60:focus,
.ibm-highlight-bg-teal-60:hover {
  background-color: #007d79;
}

.ibm-background-teal-10,
.ibm-highlight-bg-teal-10:focus,
.ibm-highlight-bg-teal-10:hover {
  background-color: #d9fbfb;
}

.ibm-background-teal-20,
.ibm-highlight-bg-teal-20:focus,
.ibm-highlight-bg-teal-20:hover {
  background-color: #9ef0f0;
}

.ibm-background-teal-30,
.ibm-highlight-bg-teal-30:focus,
.ibm-highlight-bg-teal-30:hover {
  background-color: #3ddbd9;
}

.ibm-background-teal-40,
.ibm-highlight-bg-teal-40:focus,
.ibm-highlight-bg-teal-40:hover {
  background-color: #08bdba;
}

.ibm-background-teal-50,
.ibm-highlight-bg-teal-50:focus,
.ibm-highlight-bg-teal-50:hover {
  background-color: #009d9a;
}

.ibm-background-teal-70,
.ibm-highlight-bg-teal-70:focus,
.ibm-highlight-bg-teal-70:hover {
  background-color: #005d5d;
}

.ibm-background-teal-80,
.ibm-highlight-bg-teal-80:focus,
.ibm-highlight-bg-teal-80:hover {
  background-color: #004144;
}

.ibm-background-teal-90,
.ibm-highlight-bg-teal-90:focus,
.ibm-highlight-bg-teal-90:hover {
  background-color: #022b30;
}

.ibm-background-teal-100,
.ibm-highlight-bg-teal-100:focus,
.ibm-highlight-bg-teal-100:hover {
  background-color: #081a1c;
}

.ibm-background-cyan-core,
.ibm-background-cyan-60,
.ibm-highlight-bg-cyan-core:focus,
.ibm-highlight-bg-cyan-core:hover,
.ibm-highlight-bg-cyan-60:focus,
.ibm-highlight-bg-cyan-60:hover {
  background-color: #0072c3;
}

.ibm-background-cyan-10,
.ibm-highlight-bg-cyan-10:focus,
.ibm-highlight-bg-cyan-10:hover {
  background-color: #e5f6ff;
}

.ibm-background-cyan-20,
.ibm-highlight-bg-cyan-20:focus,
.ibm-highlight-bg-cyan-20:hover {
  background-color: #bae6ff;
}

.ibm-background-cyan-30,
.ibm-highlight-bg-cyan-30:focus,
.ibm-highlight-bg-cyan-30:hover {
  background-color: #82cfff;
}

.ibm-background-cyan-40,
.ibm-highlight-bg-cyan-40:focus,
.ibm-highlight-bg-cyan-40:hover {
  background-color: #33b1ff;
}

.ibm-background-cyan-50,
.ibm-highlight-bg-cyan-50:focus,
.ibm-highlight-bg-cyan-50:hover {
  background-color: #1192e8;
}

.ibm-background-cyan-70,
.ibm-highlight-bg-cyan-70:focus,
.ibm-highlight-bg-cyan-70:hover {
  background-color: #00539a;
}

.ibm-background-cyan-80,
.ibm-highlight-bg-cyan-80:focus,
.ibm-highlight-bg-cyan-80:hover {
  background-color: #003a6d;
}

.ibm-background-cyan-90,
.ibm-highlight-bg-cyan-90:focus,
.ibm-highlight-bg-cyan-90:hover {
  background-color: #012749;
}

.ibm-background-cyan-100,
.ibm-highlight-bg-cyan-100:focus,
.ibm-highlight-bg-cyan-100:hover {
  background-color: #061727;
}

.ibm-background-purple-core,
.ibm-background-purple-60,
.ibm-highlight-bg-purple-core:focus,
.ibm-highlight-bg-purple-core:hover,
.ibm-highlight-bg-purple-60:focus,
.ibm-highlight-bg-purple-60:hover {
  background-color: #8a3ffc;
}

.ibm-background-purple-10,
.ibm-highlight-bg-purple-10:focus,
.ibm-highlight-bg-purple-10:hover {
  background-color: #f6f2ff;
}

.ibm-background-purple-20,
.ibm-highlight-bg-purple-20:focus,
.ibm-highlight-bg-purple-20:hover {
  background-color: #e8daff;
}

.ibm-background-purple-30,
.ibm-highlight-bg-purple-30:focus,
.ibm-highlight-bg-purple-30:hover {
  background-color: #d4bbff;
}

.ibm-background-purple-40,
.ibm-highlight-bg-purple-40:focus,
.ibm-highlight-bg-purple-40:hover {
  background-color: #be95ff;
}

.ibm-background-purple-50,
.ibm-highlight-bg-purple-50:focus,
.ibm-highlight-bg-purple-50:hover {
  background-color: #a56eff;
}

.ibm-background-purple-70,
.ibm-highlight-bg-purple-70:focus,
.ibm-highlight-bg-purple-70:hover {
  background-color: #491d8b;
}

.ibm-background-purple-80,
.ibm-highlight-bg-purple-80:focus,
.ibm-highlight-bg-purple-80:hover {
  background-color: #491d8b;
}

.ibm-background-purple-90,
.ibm-highlight-bg-purple-90:focus,
.ibm-highlight-bg-purple-90:hover {
  background-color: #31135e;
}

.ibm-background-purple-100,
.ibm-highlight-bg-purple-100:focus,
.ibm-highlight-bg-purple-100:hover {
  background-color: #1c0f30;
}

.ibm-background-magenta-core,
.ibm-background-magenta-60,
.ibm-highlight-bg-magenta-core:focus,
.ibm-highlight-bg-magenta-core:hover,
.ibm-highlight-bg-magenta-60:focus,
.ibm-highlight-bg-magenta-60:hover {
  background-color: #d12771;
}

.ibm-background-magenta-10,
.ibm-highlight-bg-magenta-10:focus,
.ibm-highlight-bg-magenta-10:hover {
  background-color: #ffd2ff;
}

.ibm-background-magenta-20,
.ibm-highlight-bg-magenta-20:focus,
.ibm-highlight-bg-magenta-20:hover {
  background-color: #ff9eee;
}

.ibm-background-magenta-30,
.ibm-highlight-bg-magenta-30:focus,
.ibm-highlight-bg-magenta-30:hover {
  background-color: #ff71d4;
}

.ibm-background-magenta-40,
.ibm-highlight-bg-magenta-40:focus,
.ibm-highlight-bg-magenta-40:hover {
  background-color: #ff3ca0;
}

.ibm-background-magenta-50,
.ibm-highlight-bg-magenta-50:focus,
.ibm-highlight-bg-magenta-50:hover {
  background-color: #db2780;
}

.ibm-background-magenta-70,
.ibm-highlight-bg-magenta-70:focus,
.ibm-highlight-bg-magenta-70:hover {
  background-color: #7c1c58;
}

.ibm-background-magenta-80,
.ibm-highlight-bg-magenta-80:focus,
.ibm-highlight-bg-magenta-80:hover {
  background-color: #601146;
}

.ibm-background-magenta-90,
.ibm-highlight-bg-magenta-90:focus,
.ibm-highlight-bg-magenta-90:hover {
  background-color: #3a0b2e;
}

.ibm-background-magenta-100,
.ibm-highlight-bg-magenta-100:focus,
.ibm-highlight-bg-magenta-100:hover {
  background-color: #040102;
}

.ibm-background-red-core,
.ibm-background-red-60,
.ibm-highlight-bg-red-core:focus,
.ibm-highlight-bg-red-core:hover,
.ibm-highlight-bg-red-60:focus,
.ibm-highlight-bg-red-60:hover {
  background-color: #da1e28;
}

.ibm-background-red-10,
.ibm-highlight-bg-red-10:focus,
.ibm-highlight-bg-red-10:hover {
  background-color: #ffd2dd;
}

.ibm-background-red-20,
.ibm-highlight-bg-red-20:focus,
.ibm-highlight-bg-red-20:hover {
  background-color: #ffa5b4;
}

.ibm-background-red-30,
.ibm-highlight-bg-red-30:focus,
.ibm-highlight-bg-red-30:hover {
  background-color: #ff7d87;
}

.ibm-background-red-40,
.ibm-highlight-bg-red-40:focus,
.ibm-highlight-bg-red-40:hover {
  background-color: #ff5050;
}

.ibm-background-red-50,
.ibm-highlight-bg-red-50:focus,
.ibm-highlight-bg-red-50:hover {
  background-color: #e71d32;
}

.ibm-background-red-70,
.ibm-highlight-bg-red-70:focus,
.ibm-highlight-bg-red-70:hover {
  background-color: #8c101c;
}

.ibm-background-red-80,
.ibm-highlight-bg-red-80:focus,
.ibm-highlight-bg-red-80:hover {
  background-color: #6e0a1e;
}

.ibm-background-red-90,
.ibm-highlight-bg-red-90:focus,
.ibm-highlight-bg-red-90:hover {
  background-color: #4c0a17;
}

.ibm-background-red-100,
.ibm-highlight-bg-red-100:focus,
.ibm-highlight-bg-red-100:hover {
  background-color: #040001;
}

.ibm-background-gray-core,
.ibm-background-gray-60,
.ibm-highlight-bg-gray-core:focus,
.ibm-highlight-bg-gray-core:hover,
.ibm-highlight-bg-gray-60:focus,
.ibm-highlight-bg-gray-60:hover {
  background-color: #6f6f6f;
}

.ibm-background-gray-10,
.ibm-highlight-bg-gray-10:focus,
.ibm-highlight-bg-gray-10:hover {
  background-color: #f2f4f8;
}

.ibm-background-gray-20,
.ibm-highlight-bg-gray-20:focus,
.ibm-highlight-bg-gray-20:hover {
  background-color: #e0e0e0;
}

.ibm-background-gray-30,
.ibm-highlight-bg-gray-30:focus,
.ibm-highlight-bg-gray-30:hover {
  background-color: #c6c6c6;
}

.ibm-background-gray-40,
.ibm-highlight-bg-gray-40:focus,
.ibm-highlight-bg-gray-40:hover {
  background-color: #a8a8a8;
}

.ibm-background-gray-50,
.ibm-highlight-bg-gray-50:focus,
.ibm-highlight-bg-gray-50:hover {
  background-color: #8d8d8d;
}

.ibm-background-gray-70,
.ibm-highlight-bg-gray-70:focus,
.ibm-highlight-bg-gray-70:hover {
  background-color: #525252;
}

.ibm-background-gray-80,
.ibm-highlight-bg-gray-80:focus,
.ibm-highlight-bg-gray-80:hover {
  background-color: #393939;
}

.ibm-background-gray-90,
.ibm-highlight-bg-gray-90:focus,
.ibm-highlight-bg-gray-90:hover {
  background-color: #262626;
}

.ibm-background-gray-100,
.ibm-highlight-bg-gray-100:focus,
.ibm-highlight-bg-gray-100:hover {
  background-color: #161616;
}

.ibm-background-cool-gray-core,
.ibm-background-cool-gray-60,
.ibm-highlight-bg-cool-gray-core:focus,
.ibm-highlight-bg-cool-gray-core:hover,
.ibm-highlight-bg-cool-gray-60:focus,
.ibm-highlight-bg-cool-gray-60:hover {
  background-color: #697077;
}

.ibm-background-cool-gray-10,
.ibm-highlight-bg-cool-gray-10:focus,
.ibm-highlight-bg-cool-gray-10:hover {
  background-color: #f2f4f8;
}

.ibm-background-cool-gray-20,
.ibm-highlight-bg-cool-gray-20:focus,
.ibm-highlight-bg-cool-gray-20:hover {
  background-color: #dde1e6;
}

.ibm-background-cool-gray-30,
.ibm-highlight-bg-cool-gray-30:focus,
.ibm-highlight-bg-cool-gray-30:hover {
  background-color: #c1c7cd;
}

.ibm-background-cool-gray-40,
.ibm-highlight-bg-cool-gray-40:focus,
.ibm-highlight-bg-cool-gray-40:hover {
  background-color: #a2a9b0;
}

.ibm-background-cool-gray-50,
.ibm-highlight-bg-cool-gray-50:focus,
.ibm-highlight-bg-cool-gray-50:hover {
  background-color: #878d96;
}

.ibm-background-cool-gray-70,
.ibm-highlight-bg-cool-gray-70:focus,
.ibm-highlight-bg-cool-gray-70:hover {
  background-color: #4d5358;
}

.ibm-background-cool-gray-80,
.ibm-highlight-bg-cool-gray-80:focus,
.ibm-highlight-bg-cool-gray-80:hover {
  background-color: #343a3f;
}

.ibm-background-cool-gray-90,
.ibm-highlight-bg-cool-gray-90:focus,
.ibm-highlight-bg-cool-gray-90:hover {
  background-color: #21272a;
}

.ibm-background-cool-gray-100,
.ibm-highlight-bg-cool-gray-100:focus,
.ibm-highlight-bg-cool-gray-100:hover {
  background-color: #121619;
}

.ibm-background-warm-gray-core,
.ibm-background-warm-gray-60,
.ibm-highlight-bg-warm-gray-core:focus,
.ibm-highlight-bg-warm-gray-core:hover,
.ibm-highlight-bg-warm-gray-60:focus,
.ibm-highlight-bg-warm-gray-60:hover {
  background-color: #736f6f;
}

.ibm-background-warm-gray-10,
.ibm-highlight-bg-warm-gray-10:focus,
.ibm-highlight-bg-warm-gray-10:hover {
  background-color: #f7f3f2;
}

.ibm-background-warm-gray-20,
.ibm-highlight-bg-warm-gray-20:focus,
.ibm-highlight-bg-warm-gray-20:hover {
  background-color: #e5e0df;
}

.ibm-background-warm-gray-30,
.ibm-highlight-bg-warm-gray-30:focus,
.ibm-highlight-bg-warm-gray-30:hover {
  background-color: #cac5c4;
}

.ibm-background-warm-gray-40,
.ibm-highlight-bg-warm-gray-40:focus,
.ibm-highlight-bg-warm-gray-40:hover {
  background-color: #ada8a8;
}

.ibm-background-warm-gray-50,
.ibm-highlight-bg-warm-gray-50:focus,
.ibm-highlight-bg-warm-gray-50:hover {
  background-color: #8f8b8b;
}

.ibm-background-warm-gray-70,
.ibm-highlight-bg-warm-gray-70:focus,
.ibm-highlight-bg-warm-gray-70:hover {
  background-color: #565151;
}

.ibm-background-warm-gray-80,
.ibm-highlight-bg-warm-gray-80:focus,
.ibm-highlight-bg-warm-gray-80:hover {
  background-color: #3c3838;
}

.ibm-background-warm-gray-90,
.ibm-highlight-bg-warm-gray-90:focus,
.ibm-highlight-bg-warm-gray-90:hover {
  background-color: #272525;
}

.ibm-background-warm-gray-100,
.ibm-highlight-bg-warm-gray-100:focus,
.ibm-highlight-bg-warm-gray-100:hover {
  background-color: #171414;
}

.ibm-background-black-core {
  background-color: #000;
}

.ibm-background-white-core {
  background-color: #fff;
}

.ibm-background-alert-red {
  background-color: rgb(218, 30, 40);
}

.ibm-background-alert-orange {
  background-color: rgb(255, 131, 43);
}

.ibm-background-alert-yellow {
  background-color: rgb(253, 209, 58);
}

.ibm-background-alert-green {
  background-color: rgb(36, 161, 72);
}

.ibm-border-blue-core {
  border-color: #0f62fe;
}

.ibm-border-blue-10 {
  border-color: #edf5ff;
}

.ibm-border-blue-20 {
  border-color: #d0e2ff;
}

.ibm-border-blue-30 {
  border-color: #a6c8ff;
}

.ibm-border-blue-40 {
  border-color: #78a9ff;
}

.ibm-border-blue-50 {
  border-color: #4589ff;
}

.ibm-border-blue-60 {
  border-color: #0f62fe;
}

.ibm-border-blue-70 {
  border-color: #0043ce;
}

.ibm-border-blue-80 {
  border-color: #002d9c;
}

.ibm-border-blue-90 {
  border-color: #001d6c;
}

.ibm-border-blue-100 {
  border-color: #001141;
}

.ibm-border-green-core {
  border-color: #198038;
}

.ibm-border-green-10 {
  border-color: #defbe6;
}

.ibm-border-green-20 {
  border-color: #a7f0ba;
}

.ibm-border-green-30 {
  border-color: #6fdc8c;
}

.ibm-border-green-40 {
  border-color: #42be65;
}

.ibm-border-green-50 {
  border-color: #24a148;
}

.ibm-border-green-60 {
  border-color: #198038;
}

.ibm-border-green-70 {
  border-color: #0e6027;
}

.ibm-border-green-80 {
  border-color: #044317;
}

.ibm-border-green-90 {
  border-color: #022d0d;
}

.ibm-border-green-100 {
  border-color: #071908;
}

.ibm-border-teal-core {
  border-color: #007d79;
}

.ibm-border-teal-10 {
  border-color: #d9fbfb;
}

.ibm-border-teal-20 {
  border-color: #9ef0f0;
}

.ibm-border-teal-30 {
  border-color: #3ddbd9;
}

.ibm-border-teal-40 {
  border-color: #08bdba;
}

.ibm-border-teal-50 {
  border-color: #009d9a;
}

.ibm-border-teal-60 {
  border-color: #007d79;
}

.ibm-border-teal-70 {
  border-color: #005d5d;
}

.ibm-border-teal-80 {
  border-color: #004144;
}

.ibm-border-teal-90 {
  border-color: #022b30;
}

.ibm-border-teal-100 {
  border-color: #081a1c;
}

.ibm-border-cyan-core {
  border-color: #0072c3;
}

.ibm-border-cyan-10 {
  border-color: #e5f6ff;
}

.ibm-border-cyan-20 {
  border-color: #bae6ff;
}

.ibm-border-cyan-30 {
  border-color: #82cfff;
}

.ibm-border-cyan-40 {
  border-color: #33b1ff;
}

.ibm-border-cyan-50 {
  border-color: #1192e8;
}

.ibm-border-cyan-60 {
  border-color: #0072c3;
}

.ibm-border-cyan-70 {
  border-color: #00539a;
}

.ibm-border-cyan-80 {
  border-color: #003a6d;
}

.ibm-border-cyan-90 {
  border-color: #012749;
}

.ibm-border-cyan-100 {
  border-color: #061727;
}

.ibm-border-purple-core {
  border-color: #8a3ffc;
}

.ibm-border-purple-10 {
  border-color: #f6f2ff;
}

.ibm-border-purple-20 {
  border-color: #e8daff;
}

.ibm-border-purple-30 {
  border-color: #d4bbff;
}

.ibm-border-purple-40 {
  border-color: #be95ff;
}

.ibm-border-purple-50 {
  border-color: #a56eff;
}

.ibm-border-purple-60 {
  border-color: #6929c4;
}

.ibm-border-purple-70 {
  border-color: #491d8b;
}

.ibm-border-purple-80 {
  border-color: #491d8b;
}

.ibm-border-purple-90 {
  border-color: #31135e;
}

.ibm-border-purple-100 {
  border-color: #1c0f30;
}

.ibm-border-magenta-core {
  border-color: #d12771;
}

.ibm-border-magenta-10 {
  border-color: #ffd2ff;
}

.ibm-border-magenta-20 {
  border-color: #ff9eee;
}

.ibm-border-magenta-30 {
  border-color: #ff71d4;
}

.ibm-border-magenta-40 {
  border-color: #ff3ca0;
}

.ibm-border-magenta-50 {
  border-color: #db2780;
}

.ibm-border-magenta-60 {
  border-color: #a6266e;
}

.ibm-border-magenta-70 {
  border-color: #7c1c58;
}

.ibm-border-magenta-80 {
  border-color: #601146;
}

.ibm-border-magenta-90 {
  border-color: #3a0b2e;
}

.ibm-border-magenta-100 {
  border-color: #040102;
}

.ibm-border-red-core {
  border-color: #da1e28;
}

.ibm-border-red-10 {
  border-color: #ffd2dd;
}

.ibm-border-red-20 {
  border-color: #ffa5b4;
}

.ibm-border-red-30 {
  border-color: #ff7d87;
}

.ibm-border-red-40 {
  border-color: #ff5050;
}

.ibm-border-red-50 {
  border-color: #e71d32;
}

.ibm-border-red-60 {
  border-color: #ad1625;
}

.ibm-border-red-70 {
  border-color: #8c101c;
}

.ibm-border-red-80 {
  border-color: #6e0a1e;
}

.ibm-border-red-90 {
  border-color: #4c0a17;
}

.ibm-border-red-100 {
  border-color: #040001;
}

.ibm-border-gray-core {
  border-color: #6f6f6f;
}

.ibm-border-gray-10 {
  border-color: #f4f4f4;
}

.ibm-border-gray-20 {
  border-color: #e0e0e0;
}

.ibm-border-gray-30 {
  border-color: #c6c6c6;
}

.ibm-border-gray-40 {
  border-color: #a8a8a8;
}

.ibm-border-gray-50 {
  border-color: #8d8d8d;
}

.ibm-border-gray-60 {
  border-color: #6f6f6f;
}

.ibm-border-gray-70 {
  border-color: #525252;
}

.ibm-border-gray-80 {
  border-color: #393939;
}

.ibm-border-gray-90 {
  border-color: #262626;
}

.ibm-border-gray-100 {
  border-color: #000;
}

.ibm-border-cool-gray-core {
  border-color: #697077;
}

.ibm-border-cool-gray-10 {
  border-color: #f2f4f8;
}

.ibm-border-cool-gray-20 {
  border-color: #dde1e6;
}

.ibm-border-cool-gray-30 {
  border-color: #c1c7cd;
}

.ibm-border-cool-gray-40 {
  border-color: #a2a9b0;
}

.ibm-border-cool-gray-50 {
  border-color: #878d96;
}

.ibm-border-cool-gray-60 {
  border-color: #697077;
}

.ibm-border-cool-gray-70 {
  border-color: #4d5358;
}

.ibm-border-cool-gray-80 {
  border-color: #343a3f;
}

.ibm-border-cool-gray-90 {
  border-color: #21272a;
}

.ibm-border-cool-gray-100 {
  border-color: #121619;
}

.ibm-border-warm-gray-core {
  border-color: #736f6f;
}

.ibm-border-warm-gray-10 {
  border-color: #f7f3f2;
}

.ibm-border-warm-gray-20 {
  border-color: #e5e0df;
}

.ibm-border-warm-gray-30 {
  border-color: #cac5c4;
}

.ibm-border-warm-gray-40 {
  border-color: #ada8a8;
}

.ibm-border-warm-gray-50 {
  border-color: #8f8b8b;
}

.ibm-border-warm-gray-60 {
  border-color: #736f6f;
}

.ibm-border-warm-gray-70 {
  border-color: #565151;
}

.ibm-border-warm-gray-80 {
  border-color: #3c3838;
}

.ibm-border-warm-gray-90 {
  border-color: #272525;
}

.ibm-border-warm-gray-100 {
  border-color: #171414;
}

.ibm-textcolor-blue-100 {
  color: #001141;
}

.ibm-textcolor-blue-90 {
  color: #0f62fe;
}

.ibm-textcolor-blue-80 {
  color: #001d6c;
}

.ibm-textcolor-blue-70 {
  color: #002d9c;
}

.ibm-textcolor-blue-60 {
  color: #0f62fe;
}

.ibm-textcolor-blue-50 {
  color: #4589ff;
}

.ibm-textcolor-blue-40 {
  color: #78a9ff;
}

a.ibm-textcolor-blue-40 {
  color: #78a9ff;
}

.ibm-textcolor-blue-30 {
  color: #a6c8ff;
}

.ibm-textcolor-blue-20 {
  color: #d0e2ff;
}

.ibm-textcolor-blue-10 {
  color: #edf5ff;
}

.ibm-textcolor-gray-80 {
  color: #393939;
}

.ibm-textcolor-gray-60 {
  color: #6f6f6f;
}

.ibm-textcolor-gray-50 {
  color: #8d8d8d;
}

.ibm-textcolor-gray-40 {
  color: #a8a8a8;
}

.ibm-textcolor-gray-30 {
  color: #c6c6c6;
}

.ibm-textcolor-green-60 {
  color: #198038;
}

.ibm-textcolor-green-50 {
  color: #24a148;
}

.ibm-textcolor-green-40 {
  color: #42be65;
}

.ibm-textcolor-green-30 {
  color: #6fdc8c;
}

.ibm-textcolor-magenta-60 {
  color: #a6266e;
}

.ibm-textcolor-magenta-50 {
  color: #db2780;
}

.ibm-textcolor-magenta-30 {
  color: #ff71d4;
}

.ibm-textcolor-magenta-20 {
  color: #ff9eee;
}

.ibm-textcolor-purple-60 {
  color: #6929c4;
}

.ibm-textcolor-purple-50 {
  color: #a56eff;
}

.ibm-textcolor-purple-30 {
  color: #d4bbff;
}

.ibm-textcolor-purple-20 {
  color: #e8daff;
}

.ibm-textcolor-red-60 {
  color: #ad1625;
}

.ibm-textcolor-red-50 {
  color: #e71d32;
}

.ibm-textcolor-red-40 {
  color: #ff5050;
}

.ibm-textcolor-red-30 {
  color: #ff7d87;
}

.ibm-textcolor-teal-60 {
  color: #007d79;
}

.ibm-textcolor-teal-50 {
  color: #009d9a;
}

.ibm-textcolor-teal-40 {
  color: #08bdba;
}

.ibm-textcolor-teal-30 {
  color: #3ddbd9;
}

.ibm-textcolor-cyan-60 {
  color: #0072c3;
}

.ibm-textcolor-cyan-50 {
  color: #1192e8;
}

.ibm-textcolor-cyan-40 {
  color: #33b1ff;
}

.ibm-textcolor-cyan-30 {
  color: #82cfff;
}

.ibm-textcolor-black-core {
  color: #000;
}

.ibm-textcolor-white-core {
  color: #fff;
}

.ibm-textcolor-alert-red {
  color: rgb(218, 30, 40);
}

.ibm-textcolor-alert-orange {
  color: rgb(255, 131, 43);
}

.ibm-textcolor-alert-yellow {
  color: rgb(253, 209, 58);
}

.ibm-textcolor-alert-green {
  color: rgb(36, 161, 72);
}

/*------------------------------------*\
  $TYPE
\*------------------------------------*/

.ibm-bold {
  font-weight: 600;
}

.ibm-plex-sans-light {
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-sans-light-italic {
  font-weight: 300;
  font-style: italic;
}

.ibm-plex-sans-regular {
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-regular-italic {
  font-weight: 400;
  font-style: italic;
}

.ibm-plex-sans-medium {
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-sans-medium-italic {
  font-weight: 500;
  font-style: italic;
}

.ibm-plex-sans-semibold {
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-sans-semibold-italic {
  font-weight: 600;
  font-style: italic;
}

.ibm-plex-sans-bold {
  font-weight: 700;
  font-style: normal;
}

.ibm-plex-sans-bold-italic {
  font-weight: 700;
  font-style: italic;
}

.ibm-plex-mono-light {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-mono-light-italic {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 300;
  font-style: italic;
}

.ibm-plex-mono-regular {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-mono-regular-italic {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 400;
  font-style: italic;
}

.ibm-plex-mono-medium {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-mono-medium-italic {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 500;
  font-style: italic;
}

.ibm-plex-mono-semibold {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-mono-semibold-italic {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 600;
  font-style: italic;
}

.ibm-plex-mono-bold {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-weight: 700;
  font-style: normal;
}

.ibm-plex-mono-bold-italic {
  font-family: ibm-plex-mono, Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
  font-style: italic;
  font-weight: 700;
}

.ibm-plex-serif-light {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-serif-light-italic {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 300;
  font-style: italic;
}

.ibm-plex-serif-regular {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-serif-regular-italic {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 400;
  font-style: italic;
}

.ibm-plex-serif-medium {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-serif-medium-italic {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 500;
  font-style: italic;
}

.ibm-plex-serif-semibold {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-serif-semibold-italic {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 600;
  font-style: italic;
}

.ibm-plex-serif-bold {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-style: normal;
}

.ibm-plex-serif-bold-italic {
  font-family: ibm-plex-serif, Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: 700;
}

/*------------------------------------*\
  $BUTTONS
\*------------------------------------*/

.ibm-btn-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ibm-btn-set > .ibm-btn-single {
  max-width: 12.25rem;
  width: 100%;
}

.ibm-btn-secondary.ibm-btn-disabled + .ibm-btn-primary.ibm-btn-disabled,
.ibm-btn-tertiary.ibm-btn-disabled + .ibm-btn-danger.ibm-btn-disabled {
  border-left: 0.0625rem solid #8d8d8d;
  border-left: 0.0625rem solid var(--cds-disabled-03, #8d8d8d);
}

.ibm-btn-single {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  vertical-align: top;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 3rem;
  padding: calc(0.875rem - 3px) 60px calc(0.875rem - 3px) 12px;
  border-radius: 0;
  text-align: left;
  text-decoration: none;
  -webkit-transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);
  transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);
  outline: none;
  position: relative;
  max-width: 20rem;
  margin: 0;
  text-decoration: none;
}

.ibm-btn-carbon {
  font-size: 0.825rem;
  line-height: 1.125rem;
  letter-spacing: 0.16px;
}

.ibm-btn-single:hover {
  text-decoration: none;
}

.ibm-btn-single:disabled {
  cursor: not-allowed;
  color: #8d8d8d;
  color: var(--cds-disabled-03, #8d8d8d);
  background: #c6c6c6;
  background: var(--cds-disabled-02, #c6c6c6);
  border-color: #c6c6c6;
  border-color: var(--cds-disabled-02, #c6c6c6);
}

.ibm-btn-single .ibm-btn-icon {
  position: absolute;
  right: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.ibm-btn-single.ibm-btn-disabled > svg.ibm-btn-icon,
.ibm-btn-single:disabled > svg.ibm-btn-icon {
  fill: #8d8d8d;
  fill: var(--cds-disabled-03, #8d8d8d);
}

.ibm-btn-single::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.ibm-btn-primary {
  background-color: #0f62fe;
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  color: #ffffff;
}

.ibm-btn-primary:hover {
  background-color: #0353e9;
}

.ibm-btn-primary:focus {
  border-color: #0f62fe;
  border-color: var(--cds-focus, #0f62fe);
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
}

.ibm-btn-primary:disabled:hover,
.ibm-btn-primary:disabled:focus,
.ibm-btn-primary:hover.ibm-btn-disabled,
.ibm-btn-primary:focus.ibm-btn-disabled {
  color: #8d8d8d;
  color: var(--cds-ui-04, #8d8d8d);
  background-color: #c6c6c6;
  background-color: var(--cds-disabled-02, #c6c6c6);
  border-color: #c6c6c6;
  border-color: var(--cds-disabled-02, #c6c6c6);
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ibm-btn-primary:active {
  background-color: #002d9c;
}

.ibm-btn-primary .ibm-btn-icon,
.ibm-btn-primary .ibm-btn-icon path {
  fill: currentColor;
}

.ibm-btn-primary:hover {
  color: #ffffff;
}

.ibm-btn-secondary {
  background-color: #393939;
  background-color: var(--cds-interactive-02, #393939);
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  color: #ffffff;
}

.ibm-btn-secondary:hover {
  background-color: #4c4c4c;
  background-color: var(--cds-hover-secondary, #4c4c4c);
}

.ibm-btn-secondary:focus {
  border-color: #0f62fe;
  border-color: var(--cds-focus, #0f62fe);
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
}

.ibm-btn-secondary:disabled:hover,
.ibm-btn-secondary:disabled:focus,
.ibm-btn-secondary:hover.ibm-btn-disabled,
.ibm-btn-secondary:focus.ibm-btn-disabled {
  color: #8d8d8d;
  color: var(--cds-ui-04, #8d8d8d);
  background-color: #c6c6c6;
  background-color: var(--cds-disabled-02, #c6c6c6);
  border-color: #c6c6c6;
  border-color: var(--cds-disabled-02, #c6c6c6);
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ibm-btn-secondary:active {
  background-color: #6f6f6f;
  background-color: var(--cds-active-secondary, #6f6f6f);
}

.ibm-btn-secondary .ibm-btn-icon,
.ibm-btn-secondary .ibm-btn-icon path {
  fill: currentColor;
}

.ibm-btn-secondary:hover,
.ibm-btn-secondary:focus {
  color: #ffffff;
}

.ibm-btn-tertiary {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #0f62fe;
  border-color: var(--cds-interactive-03, #0f62fe);
  color: #0f62fe;
  color: var(--cds-interactive-03, #0f62fe);
}

.ibm-btn-tertiary:hover {
  background-color: #0353e9;
  background-color: var(--cds-hover-tertiary, #0353e9);
}

.ibm-btn-tertiary:focus {
  border-color: #0f62fe;
  border-color: var(--cds-focus, #0f62fe);
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
}

.ibm-btn-tertiary:disabled:hover,
.ibm-btn-tertiary:disabled:focus,
.ibm-btn-tertiary:hover.ibm-btn-disabled,
.ibm-btn-tertiary:focus.ibm-btn-disabled {
  color: #8d8d8d;
  color: var(--cds-ui-04, #8d8d8d);
  background-color: #c6c6c6;
  background-color: var(--cds-disabled-02, #c6c6c6);
  border-color: #c6c6c6;
  border-color: var(--cds-disabled-02, #c6c6c6);
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ibm-btn-tertiary:active {
  background-color: #002d9c;
  background-color: var(--cds-active-tertiary, #002d9c);
}

.ibm-btn-tertiary .ibm-btn-icon,
.ibm-btn-tertiary .ibm-btn-icon path {
  fill: currentColor;
}

.ibm-btn-tertiary:hover {
  color: #ffffff;
  color: var(--cds-inverse-01, #ffffff);
}

.ibm-btn-tertiary:focus {
  color: #ffffff;
  color: var(--cds-inverse-01, #ffffff);
  background-color: #0f62fe;
  background-color: var(--cds-interactive-03, #0f62fe);
}

.ibm-btn-tertiary:active {
  border-color: transparent;
}

.ibm-btn-tertiary:disabled,
.ibm-btn-tertiary:hover:disabled,
.ibm-btn-tertiary:focus:disabled,
.ibm-btn-tertiary.ibm-btn-disabled,
.ibm-btn-tertiary.ibm-btn-disabled:hover,
.ibm-btn-tertiary.ibm-btn-disabled:focus {
  background: transparent;
  color: #c6c6c6;
  color: var(--cds-disabled-02, #c6c6c6);
  outline: none;
}

.ibm-btn-tertiary:disabled > .ibm-btn-icon path,
.ibm-btn-tertiary:hover:disabled > .ibm-btn-icon path,
.ibm-btn-tertiary:focus:disabled > .ibm-btn-icon path,
.ibm-btn-tertiary.ibm-btn-disabled > .ibm-btn-icon path,
.ibm-btn-tertiary.ibm-btn-disabled:hover > .ibm-btn-icon path,
.ibm-btn-tertiary.ibm-btn-disabled:focus > .ibm-btn-icon path {
  fill: #c6c6c6;
  fill: var(--cds-disabled-02, #c6c6c6);
}

.ibm-btn-tertiary:hover > .ibm-btn-icon path {
  fill: #ffffff;
  fill: var(--cds-inverse-01, #ffffff);
}

.ibm-btn-tertiary,
.ibm-btn-tertiary.ibm-btn-field,
.ibm-btn-tertiary.ibm-btn-sm {
  padding-right: 3.875rem;
  padding-left: 0.875rem;
}

.ibm-btn-tertiary:focus,
.ibm-btn-tertiary.ibm-btn-field:focus,
.ibm-btn-tertiary.ibm-btn-sm:focus {
  border-width: 0.1875rem;
  padding-right: 3.75rem;
  padding-left: 0.75rem;
}

.ibm-btn-ghost,
.ibm-btn-cta {
  background-color: transparent;
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  color: #0f62fe;
  color: var(--cds-link-01, #0f62fe);
  padding: calc(0.875rem - 3px) 12px;
}

.ibm-btn-cta {
  padding-left: 0 !important;
  border: 0 !important;
}

a.ibm-btn-cta {
  color: #0f62fe;
  color: var(--cds-link-01, #0f62fe);
}

a.ibm-btn-cta.ibm-textcolor-white-core,
p.ibm-btn-cta.ibm-textcolor-white-core {
  color: #fff;
}

.ibm-btn-ghost:hover {
  background-color: #e5e5e5;
  background-color: var(--cds-hover-ui, #e5e5e5);
}

.ibm-btn-cta:hover {
  text-decoration: underline;
}

.ibm-btn-ghost:focus {
  border-color: #0f62fe;
  border-color: var(--cds-focus, #0f62fe);
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
}

.ibm-btn-ghost:disabled:hover,
.ibm-btn-ghost:disabled:focus,
.ibm-btn-ghost:hover.ibm-btn-disabled,
.ibm-btn-ghost:focus.ibm-btn-disabled {
  color: #8d8d8d;
  color: var(--cds-ui-04, #8d8d8d);
  background-color: #c6c6c6;
  background-color: var(--cds-disabled-02, #c6c6c6);
  border-color: #c6c6c6;
  border-color: var(--cds-disabled-02, #c6c6c6);
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ibm-btn-ghost:active {
  background-color: #c6c6c6;
  background-color: var(--cds-active-ui, #c6c6c6);
}

.ibm-btn-ghost .ibm-btn-icon,
.ibm-btn-ghost .ibm-btn-icon path,
.ibm-btn-cta .ibm-btn-icon,
.ibm-btn-cta .ibm-btn-icon path {
  fill: currentColor;
}

.ibm-btn-ghost .ibm-btn-icon,
.ibm-btn-cta .ibm-btn-icon {
  position: static;
  margin-left: 0.5rem;
}

.ibm-btn-cta:active,
.ibm-btn-cta:focus {
  color: currentColor;
  outline-color: transparent;
}

.ibm-btn-ghost:hover,
.ibm-btn-ghost:active {
  color: #0043ce;
  color: var(--cds-hover-primary-text, #0043ce);
}

.ibm-btn-ghost:hover .ibm-btn-icon path,
.ibm-btn-ghost:active .ibm-btn-icon path,
.ibm-btn-cta:hover .ibm-btn-icon path,
.ibm-btn-cta:active .ibm-btn-icon path {
  fill: #0043ce;
  fill: var(--cds-hover-primary-text, #0043ce);
}

.ibm-btn-ghost:active {
  background-color: #c6c6c6;
  background-color: var(--cds-active-ui, #c6c6c6);
}

.ibm-btn-ghost:disabled,
.ibm-btn-ghost:hover:disabled,
.ibm-btn-ghost:focus:disabled,
.ibm-btn-ghost.ibm-btn-disabled,
.ibm-btn-ghost.ibm-btn-disabled:hover,
.ibm-btn-ghost.ibm-btn-disabled:focus {
  color: #c6c6c6;
  color: var(--cds-disabled-02, #c6c6c6);
  background: transparent;
  border-color: transparent;
  outline: none;
}

.ibm-btn-ghost:disabled .ibm-btn-icon path,
.ibm-btn-ghost:hover:disabled .ibm-btn-icon path,
.ibm-btn-ghost:focus:disabled .ibm-btn-icon path,
.ibm-btn-ghost.ibm-btn-disabled .ibm-btn-icon path,
.ibm-btn-ghost.ibm-btn-disabled:hover .ibm-btn-icon path,
.ibm-btn-ghost.ibm-btn-disabled:focus .ibm-btn-icon path {
  fill: #c6c6c6;
  fill: var(--cds-disabled-02, #c6c6c6);
}

.ibm-btn-ghost.ibm-btn-sm,
.ibm-btn-cta.ibm-btn-sm {
  padding: calc(0.375rem - 3px) 1rem;
}

.ibm-btn-ghost.ibm-btn-field,
.ibm-btn-cta.ibm-btn-field {
  padding: calc(0.675rem - 3px) 12px;
}

.ibm-btn-icon-only {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}

.ibm-btn-icon-only .ibm-btn-icon {
  position: static;
}

.ibm-btn-icon-only.ibm-btn-ghost .ibm-btn-icon {
  margin: 0;
}

.ibm-btn-icon-only.ibm-btn-tertiary {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.ibm-btn-icon-only.ibm-btn-tertiary:focus {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem;
}

.ibm-btn-field.ibm-btn-icon-only {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}

.ibm-btn-field.ibm-btn-icon-only.ibm-btn-tertiary {
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}

.ibm-btn-field.ibm-btn-icon-only.ibm-btn-tertiary:focus {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}

.ibm-btn-sm.ibm-btn-icon-only {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.ibm-btn-sm.ibm-btn-icon-only.ibm-btn-tertiary {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}

.ibm-btn-sm.ibm-btn-icon-only.ibm-btn-tertiary:focus {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.ibm-btn-danger {
  background-color: #da1e28;
  border-width: 3px;
  border-style: solid;
  border-color: #da1e28;
  color: #ffffff;
}

.ibm-btn-danger:hover {
  background-color: #ba1b23;
  background-color: var(--cds-hover-danger, #ba1b23);
}

.ibm-btn-danger:focus {
  border-color: #0f62fe;
  border-color: var(--cds-focus, #0f62fe);
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-ui-02, #ffffff);
}

.ibm-btn-danger:disabled:hover,
.ibm-btn-danger:disabled:focus,
.ibm-btn-danger:hover.ibm-btn-disabled,
.ibm-btn-danger:focus.ibm-btn-disabled {
  color: #8d8d8d;
  color: var(--cds-ui-04, #8d8d8d);
  background-color: #c6c6c6;
  background-color: var(--cds-disabled-02, #c6c6c6);
  border-color: #c6c6c6;
  border-color: var(--cds-disabled-02, #c6c6c6);
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ibm-btn-danger:active {
  background-color: #750e13;
}

.ibm-btn-danger .ibm-btn-icon,
.ibm-btn-danger .ibm-btn-icon path {
  fill: #ffffff;
}

.ibm-btn-danger:hover {
  color: #ffffff;
  border: 3px solid transparent;
}

.ibm-btn-sm {
  min-height: 2rem;
  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px;
}

.ibm-btn-field {
  min-height: 2.5rem;
  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px;
}

.ibm-btn-single[class*='-link']::before {
  left: auto;
  right: 15px;
}

.ibm-btn-single[class*='-link'] {
  padding-right: 54px;
}

.ibm-btn-cta {
  padding-right: 32px;
}

.ibm-btn-cta::before {
  right: 0px;
}

/*------------------------------------*\
  $FORM
\*------------------------------------*/

.ibm-row-form + p > .ibm-btn-field,
.ibm-row-form + button.ibm-btn-field {
  margin-top: 1.5rem;
  margin-left: 4px;
}

.ibm-row-form label {
  margin-bottom: 0.5rem;
  line-height: 1rem;
}

.ibm-row-form input,
.ibm-row-form input:focus {
  padding: 0 1rem;
  outline: 2px solid transparent !important;
  outline-offset: -2px !important;
  background-color: #f4f4f4 !important;
  background-color: var(--cds-field-01, #f4f4f4) !important;
  color: #161616 !important;
  color: var(--cds-text-01, #161616) !important;
  border: none !important;
  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d) !important;
}

.ibm-row-form input::placeholder,
.ibm-row-form input::-webkit-input-placeholder,
.ibm-row-form input:-ms-input-placeholder {
  color: var(--cds-text-05, #6f6f6f) !important;
}

.ibm-row-form input:active,
.ibm-row-form input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe) !important;
}

/*------------------------------------*\
  $PADDING
\*------------------------------------*/

.ibm-band {
  padding: 16px 0;
}

.ibm-card__content,
.ibm-card__bottom {
  padding: 16px 16px;
}

/*------------------------------------*\
  $HIDE
\*------------------------------------*/

@media only screen and (min-width: 0px) and (max-width: 579px) {
  .ibm-hidden-small {
    display: inherit !important;
  }
}

@media only screen and (min-width: 580px) and (max-width: 759px) {
  .ibm-hidden-medium {
    display: inherit !important;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1239px) {
  .ibm-hidden-large {
    display: inherit !important;
  }
}

@media only screen and (min-width: 1240px) and (max-width: 1479px) {
  .ibm-hidden-xlarge {
    display: inherit !important;
  }
}

@media (min-width: 321px) and (max-width: 671px) {
  .ibm-grid-col-sm-4-0,
  .ibm-hidden-small {
    display: none !important;
  }

  .ibm-hidden-bg-small {
    background-image: none !important;
  }
}

@media (min-width: 672px) and (max-width: 1055px) {
  .ibm-grid-col-md-8-0,
  .ibm-hidden-medium {
    display: none !important;
  }

  .ibm-hidden-bg-medium {
    background-image: none !important;
  }
}

@media (min-width: 1056px) and (max-width: 1311px) {
  .ibm-grid-col-lg-16-0,
  .ibm-hidden-large {
    display: none !important;
  }

  .ibm-hidden-bg-large {
    background-image: none !important;
  }
}

@media (min-width: 1312px) and (max-width: 1583px) {
  .ibm-grid-col-xlg-16-0,
  .ibm-hidden-xlarge {
    display: none !important;
  }

  .ibm-hidden-bg-xlarge {
    background-image: none !important;
  }
}

@media (min-width: 1584px) {
  .ibm-grid-col-max-16-0,
  .ibm-hidden-max {
    display: none !important;
  }

  .ibm-hidden-bg-max {
    background-image: none !important;
  }
}

/*------------------------------------*\
  $ALT Colors
\*------------------------------------*/

.ibm-alternate-background {
  --cds-active-secondary: #393939;
  --cds-active-tertiary: #c6c6c6;
  --cds-active-ui: #6f6f6f;
  --cds-disabled-02: #6f6f6f;
  --cds-disabled-03: #a8a8a8;
  --cds-focus: #fff;
  --cds-hover-danger: #b81921;
  --cds-hover-primary-text: #a6c8ff;
  --cds-hover-secondary: #606060;
  --cds-hover-tertiary: #f4f4f4;
  --cds-hover-ui: #4c4c4c;
  --cds-interactive-02: #6f6f6f;
  --cds-interactive-03: #fff;
  --cds-inverse-01: #161616;
  --cds-link-01: #78a9ff;
  --cds-text-01: #f4f4f4;
  --cds-text-05: #8d8d8d;
  --cds-field-01: #393939;
  --cds-ui-04: #8d8d8d;
}