/*!
 * 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: #f4f4f4;
}

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-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: #f4f4f4
}

.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 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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
\*------------------------------------*/



/*------------------------------------*\
  $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
  }
}