@charset "UTF-8";

/*
 * case_studies_select_card_v5.css
 */

#ls-card-container {
	position: relative;
}

.ibm-grid-small #ls-card-container form.ibm-row-form p {
	padding-bottom: 10px;
}

.ibm-row-form label {
	display: none;
}

.card-container {
  padding-left: 10px;
  padding-right: 10px;
}

#card-list .card-container {
	display: none;
}

#card-list .card-container.displayed {
	display: block;
}

.counter, .list-display, .moreloading {
	display: inline-block;
	vertical-align: middle;
}

.ibm-grid-small .counter .ibm-fontsize-x25 {
	font-size: 2.0em;
}

.list-display, .moreloading {
	padding-left: 10px;
}

.ibm-grid-small .list-display, .ibm-grid-small .moreloading {
	padding-left: 0;
}

.disabled {
	display: none;
}

#category-info-container {
	min-height: auto;
}

.ibm-btt-auto {
	display: block!important;
}

mark {
  color: #0f62fe;
  background-color: transparent;
  font-weight: 500;
}

#keywords-name {
  width: 100%;
}

.cs-fontsize-x20 {
  font-size: 2.0em;
  line-height: 1.2em;
}

.filter-item {
  padding-left: 10px;
  padding-right: 10px;
}

#ls-card-container {
  padding-top: 15px;
  background-color: rgba(24, 60, 84);
}

#ibm-content-wrapper {
  padding-top: 3rem;
}


/*
 * v18 migration
 */
@font-face {
  font-family: icons-ibm-v12;
  src: url(../fonts/icons-ibm-v12.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

.ibm-band {
  background-color: #f9f9f9;
  padding: 20px 0;
}

.ibm-background-neutral-white-40 {
  background-color: #ececec;
}

.ibm-background-blue-60 {
  background-color: #325c80;
}

.ibm-alternate-background {
  color: #fff;
}

.ibm-padding-bottom-0 {
  padding-bottom: 0 !important;
}

.ibm-padding-top-0 {
  padding-top: 0 !important;
}

.ibm-center {
  text-align: center;
}

.ibm-btn-row {
  padding: 0;
}

.ibm-padding-top-1 {
  padding-top: 20px !important;
}

.ibm-card {
  background-color: #fff;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}

.ibm-card__content .ibm-ind-link {
  padding: 0;
}

.ibm-card__content p {
  line-height: 1.625rem;
}

.ibm-icononly a.ibm-icon-after, .ibm-icononly span.ibm-icon-after, .ibm-ind-link a.ibm-icon-after, a[class*='-link'].ibm-inlinelink.ibm-icon-after, ul.ibm-link-list a.ibm-icon-after {
  padding-left: 0;
  padding-right: 1.8em;
}

.ibm-icononly a, .ibm-icononly span, .ibm-ind-link a, a[class*='-link'].ibm-inlinelink, ul.ibm-link-list a {
  display: inline-block;
  margin: 0;
  position: relative;
}

a {
  color: #0f62fe;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.ibm-icononly a.ibm-icon-after::after, .ibm-icononly span.ibm-icon-after::after, .ibm-ind-link a.ibm-icon-after::after, a[class*='-link'].ibm-inlinelink.ibm-icon-after::after, ul.ibm-link-list a.ibm-icon-after::after {
  left: inherit;
  right: -4px;
}

.ibm-forward-link.ibm-icon-after::after, .ibm-search-typeahead-container ul li.ibm-active:after {
  content: "\f1b3";
}

.ibm-add1-link::before, .ibm-anchor-down-em-link::before, .ibm-arrow-forward-bold-link::before, .ibm-arrow-forward-link::before, .ibm-back-em-link::before, .ibm-baidu-encircled-link::before, .ibm-baidu-link::before, .ibm-blip-encircled-link::before, .ibm-blip-link::before, .ibm-callaction-link::before, .ibm-callme-link::before, .ibm-cancel-link::before, .ibm-cautionlarge-link::before, .ibm-check-link::before, .ibm-checklarge-link::before, .ibm-chevron-link::before, .ibm-community-link::before, .ibm-community::before, .ibm-contrast-link::before, .ibm-demo-link::before, .ibm-demoplay-link::before, .ibm-dogear-link::before, .ibm-fontsize-link::before, .ibm-forward-em-link::before {
  display: none;
}

#ibm-home a:before, #ibm-navigation-trail li::after, #ibm-parent-link a::before, .ibm-bullet::before, .ibm-close::before, .ibm-icon-after::after, .ibm-show-hide>h2 a::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>a::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>button::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>span::before, .ibm-step-indicator .ibm-tabs li::after, .select2-container--default .select2-selection--single .select2-selection__arrow b:before, [class*='-link']::before, [data-icon]::before, ul.ibm-twisty>li a.ibm-twisty-trigger::before {
  display: inline-block;
  font-family: icons-ibm-v12;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  position: absolute;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.ibm-btn-row a, .ibm-btn-row button, .ibm-btn-row input {
  display: inline-block;
  margin: 0 20px 20px 0;
}

#ibm-pcon .ibm-btn-pri.ibm-btn-white {
  background-color: white;
  border-color: white;
  outline-color: transparent;
}

#ibm-pcon .ibm-btn-pri.ibm-btn-white:hover, #ibm-pcon .ibm-btn-pri.ibm-btn-white:focus, #ibm-pcon .ibm-btn-pri.ibm-btn-white:active {
  background: #c6c6c6;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  outline-color: transparent;
}

.ibm-btn-white.ibm-btn-pri, .ibm-btn-white.ibm-btn-sec:focus, .ibm-btn-white.ibm-btn-sec:hover {
  background: #fff;
  color: #000;
}

#ibm-pcon .ibm-btn-pri:not(.ibm-btn-tag), #ibm-pcon .ibm-btn-sec {
  border: 1px solid;
  margin-left: 3px;
  min-width: 160px;
  outline: solid 3px;
  text-align: left;
}

.ibm-btn-pri.ibm-btn-white:focus, .ibm-btn-pri.ibm-btn-white:hover {
  color: #000;
}

.ibm-btn-row a:last-child, .ibm-btn-row button:last-child, .ibm-btn-row input:last-child {
  margin-right: 0;
}

.ibm-btn-pri:focus, .ibm-btn-pri:hover, .ibm-btn-sec:focus, .ibm-btn-sec:hover, .ibm-btn-ter:focus, .ibm-btn-ter:hover {
  text-decoration: none;
}

.ibm-btn-row a, .ibm-btn-row button, .ibm-btn-row input {
  display: inline-block;
  margin: 0 20px 20px 0;
}

.ibm-btn-pri, .ibm-btn-sec, .ibm-btn-ter {
  cursor: pointer;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  max-width: 100%;
  min-height: 20px;
  padding: 11px 18px;
  transition: border .3s, color .3s, background-color .3s;
  white-space: normal;
}

/*
 * Form
 */
input, select {
  border-radius: 0;
  color: #323232;
  font-size: 1rem;
}

.ibm-column-form input:hover[type=text], .ibm-row-form input:hover[type=text] {
  border-color: #4178be;
  box-shadow: 0 0 0 1px #4178be inset;
}

.ibm-column-form input[type=text], .ibm-row-form input[type=text] {
  appearance: none;
  border: 1px solid #959f9f;
  border-radius: 0;
  box-sizing: border-box;
  font-style: normal;
  height: 2.5em;
  line-height: 2.5em;
  margin: 0;
  max-width: 100%;
  text-indent: 10px;
  transition: .3s border-color, .3s background, .3s box-shadow;
}

.select2-results__options {
  color: #323232;
  line-height: 1.625rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #323232;
  color: #fff;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-results__option {
  transition: .2s background-color, .2s color;
  padding: 6px 11px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 305px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
  padding: 0 27px 0 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--dropdown .select2-search__field, .select2-container .select2-selection, .select2-container .select2-selection--multiple .select2-selection__choice {
  border-color: #959f9f;
}

.select2-container .select2-selection:hover {
  border-color: #4178be;
  box-shadow: 0 0 0 1px #4178be inset;
}

.select2-container .select2-selection {
  transition: .3s border-color, .3s box-shadow;
}

.select2-container--default .select2-selection--single {
  color: #323232;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
}

.ibm-chevron-up-link::before, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  content: "\f19f";
}

#ibm-home a:before, #ibm-navigation-trail li::after, #ibm-parent-link a::before, .ibm-bullet::before, .ibm-close::before, .ibm-icon-after::after, .ibm-show-hide>h2 a::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>a::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>button::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>span::before, .ibm-step-indicator .ibm-tabs li::after, .select2-container--default .select2-selection--single .select2-selection__arrow b:before, [class*='-link']::before, [data-icon]::before, ul.ibm-twisty>li a.ibm-twisty-trigger::before {
  display: inline-block;
  font-family: icons-ibm-v12;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  left: 0;
  position: absolute;
  speak: none;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.ibm-chevron-down-link.ibm-icon-after::after, .ibm-chevron-down-link::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>a::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>button::before, .ibm-sitenav-menu-list>ul>li.ibm-haschildlist>span::before, .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: "\f19c";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  position: absolute;
  width: 30px;
  display: block;
  font-size: .5em;
  height: auto;
  left: auto;
  line-height: normal;
  margin: auto;
  top: 6px;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 30px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
  border-width: 0 4px 5px !important;
  margin-left: -4px;
}

.select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--open .select2-selection {
  box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset;
}

.select2-container.select2-container--focus .select2-search--dropdown .select2-search__field, .select2-container.select2-container--focus .select2-selection, .select2-container.select2-container--focus .select2-selection--multiple .select2-selection__choice, .select2-container.select2-container--open .select2-search--dropdown .select2-search__field, .select2-container.select2-container--open .select2-selection, .select2-container.select2-container--open .select2-selection--multiple .select2-selection__choice {
  border-color: rgb(0, 0, 0);
}


/*
 * Leadspace
 */
.leadspace-container {
  background: rgba(24, 60, 84) url(../images/case_studies_jpja_lsbg_1750x166.jpg) no-repeat top center / cover;
}

dds-leadspace-heading {
  margin-bottom: 0;
}

dds-leadspace::part(section) {
  min-height: 6rem !important;
  background-color: transparent;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

dds-leadspace-heading {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
  padding-left: 10px;
  padding-bottom: 16px;
  padding-top: 16px;
}

@media (max-width: 579px) {

  .leadspace-container {
    background-position: top left;
  }

  dds-leadspace::part(section) {
    min-height: unset !important;
  }

  dds-leadspace-heading {
    font-size: 2.25rem;
    padding-top: 8px;
    padding-bottom: 16px !important;

  }

}

@media (min-width: 42rem) {

  dds-leadspace::part(section) {
    min-height: unset;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  dds-leadspace-heading {
    padding-top: 0;
  }

}

@media (min-width: 99rem) {

  dds-leadspace::part(section) {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

}

/*
 * Card content
 */
.ibm-card__content {
  padding: 22px 22px 21px;
}

.ibm-card__content img {
  margin-bottom: 15px;
  height: 150px !important;
  width: 100% !important;
  object-fit: cover;
}

.ibm-card__content div.ibm-video-player-con {
  margin-bottom: 15px;
}

.ibm-card__content .label {
  display: flex;
  align-items: center;
  padding: 5px 0 10px;
}

.content--pattern1 .label {
  margin-bottom: 3px !important;
}

.content--pattern1-with-subtitle .label {
  margin-bottom: 3px !important;
}

.ibm-card__content .label.label--with-status {
  padding: 2px 0 7px;
}

.ibm-card__content .industry {
  flex: 1;
  line-height: 1;
  padding-bottom: 0;
  vertical-align: middle;
  font-size: 0.875rem;
  color: #525252;
}

.ibm-card__content .status {
  font-size: 0.875rem;
  vertical-align: middle;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  background-color: #d0e2ff;
  color: #0043ce;
 text-decoration: none;
}

.ibm-card__content h4 {
  font-size: 1.25rem;
  font-weight: 400;
  padding-bottom: 15px;
  color: #262626;
  min-height: 4.5rem;
}

.content--pattern1 h4 {
  padding-top: 3px;
}

.content--pattern1-with-subtitle .title-container {
  min-height: 5.5rem;
  margin-bottom: 1.125rem;
  line-height: 1.5;
}

.content--pattern1-with-subtitle .title {
  font-size: 1rem; /*1.25rem;*/
  font-weight: 500;
  color: #262626;
  margin-top: 6px;
}

.content--pattern1-with-subtitle .subtitle {
  margin-top: 5px;
  /* font-size: 0.9375rem; */
  font-size: 1rem;
  color: #525252;
}

.ibm-card__content p {
  line-height: 1.625rem;
}

.ibm-card__content .body {
  padding-bottom: 25px;
  color: #525252;
}

.ibm-card__content .content {
  min-height: 28rem;
}

.ibm-card__content .content.content--pattern1-with-subtitle {
  min-height: 30.75rem;
}

.ibm-card__content .content.content--pattern3 {
  min-height: 25rem;
}

.ibm-card__content .keyword-for-search {
  display: none;
}

.ibm-card__content .ibm-ind-link {
  padding: 0;
}

.ibm-card__content .ibm-ind-link+.ibm-ind-link {
  padding-top: 8px;
}

/*
 * Dummy image
 */
img.later {
  height: 150px !important;
}

/*
 * White button
 */
#ibm-pcon .ibm-btn-pri.ibm-btn-white {
  background-color: white;
  border-color: white;
  outline-color: transparent;
}
#ibm-pcon .ibm-btn-pri.ibm-btn-white:hover,
#ibm-pcon .ibm-btn-pri.ibm-btn-white:focus,
#ibm-pcon .ibm-btn-pri.ibm-btn-white:active {
  background: #c6c6c6;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  outline-color: transparent;
}
#ibm-pcon
  .ibm-ind-link:not(.ibm-btn-tag)
  .ibm-btn-pri.ibm-btn-white:hover::before {
  color: #000 !important;
}

/*
 * Tag
 */
 .content--pattern3+.tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  height: 1.5rem;
}
.content--pattern3+.tags+p {
  padding-top: 2rem !important;
}
@media ((min-width: 66rem) and (max-width: 86rem)) {
  .content--pattern3+.tags+p {
    padding-top: 3rem !important;
  }
}

.content--pattern3+.tags .tag {
  font-size: .75rem;
  font-weight: 400;
  /* line-height: 1.34; */
  line-height: 1;
  text-decoration: none;
  padding: 0.4rem 0.55rem;
  border-radius: 12px;
  height: unset;
}
.content--pattern3+.tags .tag--industry {
  /* background-color: #d0e2ff;
  color: #0043ce; */
  background-color: #bae6ff;
  color: #003a6d;
  /* background-color: #defbe6;
  color: #0e6027; */
  /* background-color: #a7f0ba;
  color: #0e6027; */
}
.content--pattern3+.tags .tag--new {
  /* background-color: #fff0f7;
  color: #9f1853; */
  /* background-color: #d0e2ff;
  color: #0043ce; */
  background-color: #e8daff;
  color: #6929c4;
}