/* Suppress custom element until styles are loaded */


bx-clickable-tile:not(:defined) {
  display: none;
}

dds-link-list:not(:defined) {
  display: none;
}


dds-masthead-composite:not(:defined) {
  display: none;
}

dds-masthead-container:not(:defined) {
  display: none;
}

bx-search:not(:defined) {
  display: none;
}

bx-combo-box:not(:defined) {
  display: none;
}

dds-filter-panel:not(:defined) {
  display: none;
}

bx-table:not(:defined) {
  display: none;
}

dds-link-with-icon:not(:defined) {
  display: none;
}

dds-leaving-ibm-container:not(:defined) {
  display: none;
}

bx-pagination:not(:defined) {
  display: none;
}

bx-unordered-list:not(:defined) {
  display: none;
}


/* Lead Space*/
/* filter tools : https://codepen.io/sosuke/pen/Pjoqqp  */

.ibm-leadspace-head-customer {
  /* height: 200px; */
  background-color: #1D3649;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #1D3649, #264A60, #325C80, #F4F4F4);
  /* Standard syntax (must be last) */
}

.ibm-leadspace-head-businesspartner {
  /* height: 200px; */
  background-color: #8C101C;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #8C101C, #AD1625, #E71D32, #F4F4F4);
  /* Standard syntax (must be last) */
}

.ibm-leadspace-head-businesspartner1 {
  /* height: 200px; */
  background-color: #A6266E;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #A6266E, #DB2780, #FF3CA0, #F4F4F4);
  /* Standard syntax (must be last) */
}


.ibm-leadspace-head-internal {
  background-color: #005448;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #005448, #006d5d, #008571, #F4F4F4);
  /* Standard syntax (must be last) */
}

.ibm-leadspace-head-customer-kyndryl {
  background-color: #872A0F;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #872A0F, #A53725, #D74108, #F4F4F4);
  /* Standard syntax (must be last) */


}

.ibm-leadspace-head-servicespartner-kyndryl {
  background-color: #412356;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #412356, #562F72, #734098, #F4F4F4);
  /* Standard syntax (must be last) */
}


.ibm-leadspace-head-employee-kyndryl {
  background-color: #777677;
  /* For browsers that do not support gradient s */
  background-image: linear-gradient(to right, #777677, #959595, #AEAEAE, #F4F4F4);
  /* Standard syntax (must be last) */
}


.terms-leadspace {
  height: 250px;
  padding-top: 110px;
}

.terms-leadspace-search {

  width: 30%;
  padding-left: 16px;
  padding-top: 30px;
}

.terms-padding-mainpage {
  padding-left: 8px;
  padding-right: 8px;
}


.hidediv {
  display: none;
}

.hidebutton {
  display: none;
}

.hidedata {
  display: none;
}



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


/* ICONS */
.icon {
  display: inline-block;
  /*  width: 80px;
    height: 80px;*/
  background-size: cover;
  margin-left: 5px;
  margin-right: 5px;
}




.icon-currency-dollar {
  background-image: url(/support/customer/csol/static/icons/currency--dollar.svg);
}

.icon-finance {
  background-image: url(/support/customer/csol/static/icons/finance.svg);
}

.icon-add {
  background-image: url(/support/customer/csol/static/icons/add.svg);
}

.icon-addfilter {
  background-image: url(/support/customer/csol/static/icons/data-enrichment--add.svg);
}

.icon-editfilter {
  background-image: url(/support/customer/csol/static/icons/filter--edit.svg);
}

.icon-graph {
  background-image: url(/support/customer/csol/static/icons/chart--multitype.svg);
}

.icon-edit_notifications {
  background-image: url(/support/customer/csol/static/icons/edit_notifications-black-18dp.svg);

}

.icon-support {
  background-image: url(/support/customer/csol/static/icons/support-black-18dp.svg);

}


.icon-publishwithchange {
  background-image: url(/support/customer/csol/static/icons/exam-mode.svg);
  background-repeat: no-repeat;
    vertical-align: -7px;

}

/* filter tools : https://codepen.io/sosuke/pen/Pjoqqp  */

.img-icon-color {
  /* filter: invert(34%) sepia(14%) saturate(1750%) hue-rotate(166deg) brightness(90%) contrast(91%); */
  filter: invert(33%) sepia(100%) saturate(463%) hue-rotate(123deg) brightness(97%) contrast(101%);
}


.img-icon-color-white {
  /* #ffffff */
  filter: invert(99%) sepia(16%) saturate(0%) hue-rotate(187deg) brightness(105%) contrast(101%);
}

.icon-color-blue-a {
  filter: invert(20%) sepia(100%) saturate(2823%) hue-rotate(223deg) brightness(114%) contrast(109%);
  /* #0f62fe */
}

.icon-color-gray {
  filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%);
  /* #323232 */
}

.icon-color-red {
  /* #FF0000 */
  filter: invert(16%) sepia(96%) saturate(7268%) hue-rotate(359deg) brightness(110%) contrast(112%);
}

.icon-color-red-core {
  /* RED : E71D32 */
  filter: invert(28%) sepia(40%) saturate(4096%) hue-rotate(335deg) brightness(86%) contrast(113%);
}

.icon-color-orange-core {
  /* Orange : FF7832 */
  filter: invert(47%) sepia(69%) saturate(1134%) hue-rotate(340deg) brightness(110%) contrast(101%);
}

.icon-color-yellow-core {
  /* Orange : FDD600 */
  filter: invert(77%) sepia(89%) saturate(4940%) hue-rotate(12deg) brightness(117%) contrast(109%);
}


.icon-color-blue-core {
  /* blue : 4178BE */
  filter: invert(50%) sepia(17%) saturate(1918%) hue-rotate(173deg) brightness(84%) contrast(84%);
}

.icon-color-green {
  /* blue : 4178BE */
  filter: invert(29%) sepia(10%) saturate(5372%) hue-rotate(59deg) brightness(101%) contrast(92%);
}



.icon-size36 {
  width: 36px;
  height: 36px;
}

.icon-size24 {
  width: 24px;
  height: 24px;
}

.icon-size16 {
  width: 16px;
  height: 16px;
}

.icon-size18 {
  width: 18px;
  height: 18px;
}

.icon-size48 {
  width: 48px;
  height: 48px;
}


.icon-size35 {
  width: 35px;
  height: 35px;
}

.icon-vertical-align01 {
  vertical-align: -4px;
}

.icon-vertical-align02 {
  vertical-align: -7px;
}


.icon-padding-left-18 {
  padding-left: 18px;
}


.icon-graph {
  background-image: url(/support/customer/csol/static/icons/chart--multitype.svg);
}

.icon-announcement {
  background-image: url(/support/customer/csol/static/icons/bullhorn.svg);

}

.icon-notifications-active {
  background-image: url(/support/customer/csol/static/icons/notifications_active-black-36dp.svg);
  /*  color: #5aa700;*/
  /*   filter:  invert(62%) sepia(44%) saturate(6779%) hue-rotate(56deg) brightness(99%) contrast(102%); */

}


.icon-notifications-active-small {
  background-image: url(/support/customer/csol/static/icons/notifications_active-black-18dp.svg);
  /* color: #5aa700;*/
  filter: invert(62%) sepia(44%) saturate(6779%) hue-rotate(56deg) brightness(99%) contrast(102%);

}


.icon-notifications-add {
  background-image: url(/support/customer/csol/static/icons/notification_add-black-18dp.svg);
}

.icon-notifications-add-small {
  background-image: url(/support/customer/csol/static/icons/notification_add-black-36dp.svg);
}


.icon-comments {
  background-image: url(/support/customer/csol/static/icons/insert_comment-black-36dp.svg);
}

.icon-translate {
  /* background-image: url(/support/customer/csol/static/icons/translate-black-36dp.svg); */
  background-image: url(/support/customer/csol/static/icons/translate.svg);
}

.icon-more {
  background-image: url(/support/customer/csol/static/icons/more_vert-black-24dp.svg);
  background-repeat: no-repeat;
  width: 18px;
}


.icon-account_tree {
  background-image: url(/support/customer/csol/static/icons/account_tree_black_18dp.svg);
}

.icon-disabled_visible {
  background-image: url(/support/customer/csol/static/icons/disabled_visible_black_18dp.svg);
}




.icon-edit {
  background-image: url(/support/customer/csol/static/icons/mode_edit_black_18dp.svg);
  background-repeat: no-repeat;

}

/* .icon-translate {
  background-image: url(/support/customer/csol/static/icons/translate_black_18dp.svg);

} */

.icon-handyman {
  /* background-image: url(/support/customer/csol/static/icons/handyman_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/task--tools.svg);



}

.icon-globe {
  /* background-image: url(/support/customer/csol/static/icons/language_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/wikis.svg);

}

.icon-clone {
  /* background-image: url(/support/customer/csol/static/icons/content_copy_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/copy.svg);

}

.icon-xls {
  /* background-image: url(/support/customer/csol/static/icons/content_copy_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/XLS.svg);

}

.icon-close {
  /* background-image: url(/support/customer/csol/static/icons/content_copy_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/close-ibm.svg);

}

.icon-question-answer {
  /* background-image: url(/support/customer/csol/static/icons/question_answer_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/forum.svg);

}

.icon-favorite {
  background-image: url(/support/customer/csol/static/icons/star-black-18dp.svg);

}

.icon-reply {
  /* background-image: url(/support/customer/csol/static/icons/reply_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/reply.svg);

}





.icon-edit_notifications {
  background-image: url(/support/customer/csol/static/icons/edit_notifications-black-18dp.svg);

}

.icon-support {
  /* background-image: url(/support/customer/csol/static/icons/support-black-18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/lifesaver.svg);



}



.icon-expand {
  background-image: url(/support/customer/csol/static/icons/expand_more_black_24dp.svg);
  background-repeat: no-repeat;

}

.icon-collapse {
  background-image: url(/support/customer/csol/static/icons/expand_less_black_24dp.svg);
  background-repeat: no-repeat;

}

/* .icon-support {
  background-image: url(/support/customer/csol/static/icons/support-black-18dp.svg);

} */

.icon-toggle-on {
  background-image: url(/support/customer/csol/static/icons/toggle_on_black_24dp.svg);

}

.icon-toggle-off {
  background-image: url(/support/customer/csol/static/icons/toggle_off_black_24dp.svg);

}


.icon-layer-on {
  background-image: url(/support/customer/csol/static/icons/layers_black_24dp.svg);
  background-repeat: no-repeat;


}

.icon-layer-off {
  background-image: url(/support/customer/csol/static/icons/layers_clear_black_24dp.svg);
  background-repeat: no-repeat;

}

.icon-list {
  background-image: url(/support/customer/csol/static/icons/format_list_bulleted_black_24dp.svg);
  background-repeat: no-repeat;
  filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%);
  /* #323232 */
}

.icon-grid {
  background-image: url(/support/customer/csol/static/icons/grid_view_black_24dp.svg);
  background-repeat: no-repeat;

}



.icon-open {
  /* background-image: url(/support/customer/csol/static/icons/open_in_new_black_18dp.svg);  */
  background-image: url(/support/customer/csol/static/icons/launch.svg);
  background-repeat: no-repeat;


}

.icon-cancel {
  background-image: url(/support/customer/csol/static/icons/cancel_black_18dp.svg);
  background-repeat: no-repeat;

}




.icon-check-white {
  background-image: url(/support/customer/csol/static/icons/check_circle_outline_white_18dp.svg);
  background-repeat: no-repeat;

}

.icon-uncheck-white {
  background-image: url(/support/customer/csol/static/icons/radio_button_unchecked_white_18dp.svg);
  background-repeat: no-repeat;

}

.icon-send {
  /* background-image: url(/support/customer/csol/static/icons/send_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/send.svg);
}

.icon-lock {
  /* background-image: url(/support/customer/csol/static/icons/lock_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/locked.svg);



}

.icon-lock-open {
  /* background-image: url(/support/customer/csol/static/icons/lock_open_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/unlocked.svg);


}


.icon-warning {
  background-image: url(/support/customer/csol/static/icons/report_problem_black_18dp.svg);
  background-repeat: no-repeat;
}


.icon-news_1 {
  background-image: url(/support/customer/csol/static/icons/campaign_black_rounded_18dp.svg);
  background-repeat: no-repeat;
}

.icon-news_2 {
  background-image: url(/support/customer/csol/static/icons/new_releases_black_rounded_18dp.svg);
  background-repeat: no-repeat;
}

.icon-circle {
  background-image: url(/support/customer/csol/static/icons/circle_black_18dp.svg);
  background-repeat: no-repeat;

}

.icon-info {
  background-image: url(/support/customer/csol/static/icons/info_black_18dp.svg);

}

.icon-addreview {
  background-image: url(/support/customer/csol/static/icons/add_task_FILL0_wght400_GRAD0_opsz24.svg);
}


.icon-information {
  /* background-image: url(/support/customer/csol/static/icons/cloud_download_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/information.svg);
  /* background-repeat: no-repeat;
  vertical-align: -7px;*/
}

.icon-cloud-download {
  /* background-image: url(/support/customer/csol/static/icons/cloud_download_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/cloud--download.svg);
  /* background-repeat: no-repeat;
  vertical-align: -7px;*/
}

.icon-cloud-upload {
  /* background-image: url(/support/customer/csol/static/icons/cloud_download_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/cloud--upload.svg);
  /* background-repeat: no-repeat;
  vertical-align: -7px;*/
}


.icon-check-outline {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/checkmark--outline.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-checkmark {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/checkmark.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}


.icon-task-add {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/task--add.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-task-approved {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/task--approved.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-task-view {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/task--view.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-task-remove {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/task--remove.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-error {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/error.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}


.icon-misuse--outline {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/misuse--outline.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-inspection {
  /* background-image: url(/support/customer/csol/static/icons/check_circle_outline_black_18dp.svg); */
  background-image: url(/support/customer/csol/static/icons/inspection.svg);
  background-repeat: no-repeat;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-send-review {
  /* background-image: url(/support/customer/csol/static/icons/outgoing_mail_FILL0_wght400_GRAD0_opsz24.svg); */
  background-image: url(/support/customer/csol/static/icons/email--new.svg);
  background-repeat: no-repeat;
  vertical-align: -7px;
  /*   filter: invert(13%) sepia(0%) saturate(1432%) hue-rotate(135deg) brightness(101%) contrast(82%); */
  /* #323232 */
}

.icon-reply-review {
  /* background-image: url(/support/customer/csol/static/icons/reply_FILL0_wght400_GRAD0_opsz24.svg); */
  background-image: url(/support/customer/csol/static/icons/mail--reply.svg);
  background-repeat: no-repeat;
  /*    vertical-align: -7px; */

}

.icon-folder-add {
  background-image: url(/support/customer/csol/static/icons/folder--add.svg);
}


.icon-report-data {
  background-image: url(/support/customer/csol/static/icons/report--data.svg);
}

.icon-quick-reference-all {
  background-image: url(/support/customer/csol/static/icons/quick_reference_all_FILL0_wght400_GRAD0_opsz48.svg);
  background-repeat: no-repeat;
}

.icon-minimize {
  background-image: url(/support/customer/csol/static/icons/minimize.svg);
}

.icon-maximize {
  background-image: url(/support/customer/csol/static/icons/maximize.svg);
}


.badge {
  background-color: #ff9d00;
  color: #fff;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  border-radius: 50%;
  vertical-align: 1.5em;
  top: -5px;
  right: 20px;
  /* padding: 5px; */
  position: relative;
  font-size: 10px !important;
}



.dropdown {
  position: relative;
  display: inline-block;

}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: white;
  min-width: 160px;
  max-width: 400px;
  width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 800;
  border: black;
  border: 1px;
  border-color: black;
  border-style: double;

}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

}

/* Links inside the dropdown */
.dropdown-content button {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background-color: white;
  border: 0px;
  font-size: 0.7em;

}

.dropdown-content i {
  color: black;
  /* padding: 12px 16px;*/
  text-decoration: none;
  /* display: block;*/
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}



.dropdown:hover .dropdown-content {
  display: block;


}

/* .dropdown:hover .dropbtn { */
/*  background-color: #3e8e41;*/
/* } */

.dropdown-text {

  text-decoration-color: blue;
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

.card-orange-text {
  /* color: #ff9d00 */
  color: #C35214;
}

.card-orange-border {
  border-top: 2px solid #ff9d03;
  border-top-color: #ff9d03;
  border-top-style: solid;
  border-top-width: 2px;
}

.card-blue-text {
  /*color: #527fff*/
  color: #0530AD;
}

.card-blue-border {
  border-top: 2px solid #527fff;
  border-top-color: #527fff;
  border-top-style: solid;
  border-top-width: 2px;
}

.card-red-text {
  /* color: #ff5757  */
  color: #ff0000;
}

.card-red-border {
  border-top: 2px solid #ff5757;
  border-top-color: #ff5757;
  border-top-style: solid;
  border-top-width: 2px;
}

.card-seafoam-text {
  /*color: #07c284*/
  color: #00755E;
}

.card-seafoam-border {
  border-top: 2px solid #07c284;
  border-top-color: #07c284;
  border-top-style: solid;
  border-top-width: 2px;
}

.card-purple-text {
  /* color: #a166ff */
  color: #8806ce;
}

.card-purple-border {
  border-top: 2px solid #a166ff;
  border-top-color: #a166ff;
  border-top-style: solid;
  border-top-width: 2px;
}

.card-dark-grey-text {
  color: #444
}

.card-dark-grey-border {
  border-top: 2px solid #444;
  border-top-color: #444;
  border-top-style: solid;
  border-top-width: 2px;
}

.card-green40-text {
  /*color: #5aa700*/
  color: #006400;
}

.card-green40-border {
  border-top: 2px solid #5aa700;
  border-top-color: #5aa700;
  border-top-style: solid;
  border-top-width: 2px;
}

.terms-card-heading {
  font-size: large;
  font-weight: normal;
  color: #323232;
}

.ibm-small {
  font-size: .875rem;
  /* line-height: 1.5rem; */
}

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

.ibm-item-note-alternate {
  color: #5a5a5a;
  font-style: italic;
}

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

.watermark {
  position: relative;
}

.watermark::after {
  position: absolute;
  content: "Withdrawn";
  bottom: 50%;
  left: 15%;
  color: #FF5050;
  font-size: 2em;
  transform: rotate(300deg);
  -webkit-transform: rotate(320deg);
}

.terms-card-lineweight {
  line-height: 0.5;
}

.ibm-mb-0 {
  margin-bottom: 0 !important;
}

.ibm-mt-0 {
  margin-top: 0 !important;
}

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

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

.ibm-type-a {
  font-size: .75rem;
  line-height: 1rem;
  letter-spacing: .02rem;
  margin-bottom: 1rem;
  max-width: 26.5rem;
}

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


#searchinput {
  /* content: "\f15f"; */
  background-image: url('/support/customer/csol/static/img/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 80%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  margin-top: 12px;
}

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


.ibm-fullwidth {
  max-width: 100%;
  width: 100%;
}

.terms-fullwidth {
  max-width: 100%;
  width: 100%;
}


.ibm-pt-3 {

  padding-top: 24px !important;

}

.ibm-pb-2 {

  padding-bottom: 16px !important;

}

.ibm-type-d .ibm-type-c {
  line-height: 1.375rem;
  max-width: 35rem;
  font-family: 'IBM Plex Sans', ibm-plex-sans, 'Helvetica Neue', Arial, sans-serif;

}

.ibm-type-d-strong {
  line-height: 1.375rem;
  max-width: 35rem;
  font-weight: 600;
  font-family: 'IBM Plex Sans', ibm-plex-sans, 'Helvetica Neue', Arial, sans-serif;
  color: var(--cds-button-secondary);
}

.ibm-type-c-strong {
  line-height: 1.375rem;
  max-width: 35rem;
  font-weight: 600;
}

.ibm-ml-3 {
  margin-left: 16px !important;
  /* margin-right: -16px; */
}

.terms-margin-top-10px {
  margin-top: 10px !important;
  ;
}

.terms-margin-top-16px {
  margin-top: 16px !important;
  ;
}

.terms-margin-bottom-10px {
  margin-bottom: 10px !important;
  ;
}

.terms-margin-bottom-16px {
  margin-bottom: 16px !important;
  ;
}

.icon-share {
  background-image: url(/support/customer/csol/static/icons/share-black-18dp.svg);
  background-repeat: no-repeat;

}






.terms-a {
  transition: .3s color;
  text-decoration: none;
  /* color: #0062ff; */
  color: black;
}

.terms-a:hover {
  text-decoration: underline;


}


/* Feedback part */
.feedback--item_F {
  background-color: #ffffff;
}

.feedback--item_F>* {
  float: left;
}

.feedback--message {
  /* display: table-row; */
  vertical-align: middle;
  /* width: calc(100% - 80px); */
  min-height: 0rem;
  margin-top: 0rem;
  padding: 0.7rem;
  text-align: justify;


}

.feedback--item_F .feedback--message {
  /*  background-color: #ffffff; */
  /* background-color: #f4f4f4; */
  border-radius: 20px 20px 0px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}


.feedback-send {
  top: calc(100% - 10px);
  position: relative;
  float: left;
  /*border-color: #323232;
  border-width: 3px;
  border-right-width: 2px;
  border-style: solid;*/
  margin-top: 20px;
}

.feedback--message-vertical {
  vertical-align: top;
}

.feedback--message-text {
  padding: 0rem 0rem;
}

.feedback--pane {
  position: absolute;
  top: 10px;
  bottom: 0px;
  width: 100%;
  overflow-y: scroll;
  /* height: 300px; */
  height: calc(100% - 10px);
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: var(--cds-ui-background);
}


.feedback-side-content {
  display: inline-block;
  position: absolute;
  top: 100px;
  left: 40px;
  right: 40px;
  bottom: 50px;
  margin: 5px 5px 5px 5px;
  /* background-color: #ffffff;*/
}

.feedback-content {
  display: inline-block;
  position: absolute;
  top: 5px;
  bottom: 60px;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  margin-bottom: 60px;
  width: 60%;
  left: 0px;
}

.feedback {}

.feedbacksize {
  height: 500px;
  height: 90% !important;

}

.feedback-message-employeevisibility {
  background-color: #c0e6ff;
}

.feedback-message-restrictiedvisibility {
  background-color: #ffffff;
}

.feedback--container {
  display: table-row;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
  width: calc(100% - 20px);
}


.feedback--container-reply {
  display: table-row;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
  width: calc(100% - 70px);
  margin-left: 50px;
}

.feedback-info-text {
  font-size: smaller;
  font-weight: bold;

}

.feedback-timestamp-text {
  font-size: x-small;

  margin-left: calc(10%);
  transform: translateX(-50%);
  float: right;

}


.feedback-timestamp-reply-text {
  font-size: x-small;

  margin-left: calc(10%);
  transform: translateX(-50%);
  float: right;
}

.feedback-reply {
  margin-left: 10px;
}


.feedback-reply-text {
  font-size: x-small;
  color: #323232;
  text-decoration: none !important;
}


/* Feedback part */

/* TinyMCE z-index update */
.tox-tinymce-aux {
  z-index: 99999999999 !important;
}




bx-combo-box::part(label-text) {
  font-size: var(--cds-heading-01-font-size, .875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, .16px);
  /* padding: var(--cds-spacing-05, 1rem); */
  z-index: 1;
  /* width: 100%; */
  margin: 0 0 0 0rem;
  text-align: left;
  color: var(--cds-button-secondary);
  margin: 0px;
  padding-bottom: 0px;
}


bx-dropdown::part(label-text) {
  font-size: var(--cds-heading-01-font-size, .875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, .16px);
  /* padding: var(--cds-spacing-05, 1rem); */
  z-index: 1;
  /* width: 100%; */
  margin: 0 0 0 0rem;
  text-align: left;
  color: var(--cds-button-secondary);
  margin: 0px;
  padding-bottom: 0px;
}



.bx--accordion__content {
  padding-right: 0%;
}

bx-accordion::part(content) {
  padding-right: 0%;
}


.terms-label {

  font-size: var(--cds-heading-01-font-size, .875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, .16px);
  color: var(--cds-button-secondary);

}

.terms-carbon-label 
{
   color: var(--cds-text-secondary, #525252);
    display: inline-block;
    font-size: var(--cds-label-01-font-size, .75rem);
    font-weight: 400;
    letter-spacing: var(--cds-label-01-letter-spacing, .32px);
    line-height: 1rem;
    margin-block-end: 0.5rem;
    vertical-align: baseline;
}

.terms-row-correction {
  margin-left: 0rem;
  margin-right: 0rem;
}

.term-panel {
  flex: 1;
  padding: 1rem;
  align-self: stretch;
  background-color: var(--cds-ui-01, #f4f4f4);
}



.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.terms-report-canvas {
  width: 200px;
  height: 200px;
}

.terms-p {
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 0 0 15px;
}

.bx--card__wrapper_terms::before {
  padding-top: 0%;
}

/* dropdown Menu */
.terms-dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.terms-dropdown {
  position: relative;
  display: inline-block;
}

.terms-dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  /* background-color: #f9f9f9; */
  background-color: white;
  /*min-width: 350px;
  max-width: 400px;*/
  min-width: 200px;
  max-width: 300px;

  width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 800;
}

.terms-dropdown-content-right {
  display: none;
  position: absolute;
  /* right: 0; */
  /* background-color: #f9f9f9; */
  background-color: white;
  min-width: 160px;
  max-width: 300px;
  width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 800;
}

.terms-dropdown-content-left {
  display: none;
  position: absolute;
  left: 0;
  /* background-color: #f9f9f9; */
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 800;
}

.terms-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 0.7em;
}

.terms-dropdown-content-right a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 0.7em;
}

.terms-dropdown-content a:hover {
  background-color: #f1f1f1;
}

.terms-dropdown-content-right a:hover {
  background-color: #f1f1f1;
}

.terms-dropdown:hover .terms-dropdown-content {
  display: block;
}

.terms-dropdown:hover .terms-dropdown-content-right {
  display: block;
}

.terms-dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.terms-dropdown-content button {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background-color: white;
  border: 0px;
  font-size: 0.7em;

}

.terms-dropdown-content button:hover {
  background-color: red;
}

.terms-h2 {
  font-size: 1.875rem;
  line-height: 2.1875rem;
}

.terms-p {
  font-size: 1rem;
  line-height: 1.625rem;
  padding: 0 0 15px;
}

.terms-variation-list {

  color: var(--cds-text-01, #161616);
  /* border-color: rgb(0, 67, 206); */
  border-style: solid;
  border-width: 0.8px;
  /* background-color:  rgb(237, 245, 255) ; */
  /* grey*/
  /* background-color: #E0E0E0;
 border-color: 	#E0E0E0; */
  /* blue*/
  background-color: #e6eeff;
  border-color: #80aaff;
  padding: 8px;
  width: max-content;
  min-width: 100%;

}


.terms-subscription-list {
  color: var(--cds-text-01, #161616);
  /* border-color: rgb(0, 67, 206); */
  /* border-style: solid; */
  border-width: 0.8px;
  /* background-color: rgb(237, 245, 255); */
  /* background-color: #e6eeff; */
  /* border-color: #80aaff; */
  /* padding: 8px; */
  /* width: max-content; */
  /* min-width: 100%; */
  padding-top: 20px;
  font-size: larger;
  font-weight: 400;
}


.terms-icon-color-blue-link {
  filter: invert(21%) sepia(100%) saturate(2359%) hue-rotate(212deg) brightness(107%) contrast(112%);
}


.terms-privacy {
  font-size: small;
  font-style: italic;
  color: #ff9d00;
}


.terms-info {

  color: var(--cds-text-02, #525252);
  font-size: var(--cds-helper-text-01-font-size, .75rem);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, .32px);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  margin-top: 0.25rem;
  opacity: 1;
  width: 100%;
  z-index: 0;

}

input[type="file"] {
  display: none;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.terms-update-filter-dropdown {

  font-size: smaller;
  font-weight: 600;
  padding-left: 10px;

}


.terms-detail-announcement {
  color: var(--cds-text-01, #161616);

  border-style: solid;
  border-width: 0.8px;
  background-color: #e0e0e0;
  border-color: #6f6f6f;
  padding: 8px;
  /*  width: max-content;*/
  min-width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;

}



.terms-input {
  background-color: var(--cds-field-01, #f4f4f4);
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
  box-sizing: border-box;
  color: var(--cds-text-01, #161616);
  font-family: inherit;
  font-size: var(--cds-body-short-01-font-size, .875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  height: 2.5rem;
  letter-spacing: var(--cds-body-short-01-letter-spacing, .16px);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  margin: 0px;
  outline: transparent solid 2px;
  outline-offset: -2px;
  padding: 0px 1rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s, outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s;
  vertical-align: baseline;
  width: 100%;
}

.terms-input-label {
  color: var(--cds-text-02, #525252);
  display: inline-block;
  font-family: inherit;
  font-size: var(--cds-label-01-font-size, .75rem);
  font-weight: 400;
  letter-spacing: var(--cds-label-01-letter-spacing, .32px);
  line-height: 1rem;
  padding-bottom: 24px;
}


.terms-news-header
{
  font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .16px;
   
}

.terms-news-filter{
  font-weight: var(--cds-heading-01-font-weight,600);
    line-height: var(--cds-heading-01-line-height,1.42857);
    letter-spacing: var(--cds-heading-01-letter-spacing,.16px);
    color: var(--cds-button-secondary);
}




.feedbackinside--item_F {
  background-color: #ffffff;
  }
  .feedbackinside--item_F>* {
  float: left;
  }
  .feedbackinside--message {
  /* display: table-row; */
  vertical-align: middle;
  /* width: calc(100% - 80px); */
  min-height: 0rem;
  margin-top: 0rem;
  padding: 0.7rem;
  text-align: justify;
  }
  .feedbackinside--item_F .feedbackinside--message {
  /*  background-color: #ffffff; */
  /* background-color: #f4f4f4; */
  border-radius: 20px 20px 0px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  }
  .feedbackinside-send {
  top: calc(100% - 10px);
  position: relative;
  float: left;
  border-color: #323232;
  border-width: 3px;
  border-right-width: 2px;
  border-style: solid;
  margin-top: 20px;
  }
  .feedbackinside--message-vertical {
  vertical-align: top;
  }
  .feedbackinside--message-text {
  padding: 0rem 0rem;
  }
  .feedbackinside--pane {
  /*    position: absolute; */
  top: 10px;
  bottom: 0px;
  width: 100%;
  /* overflow-y: scroll; */
  /* height: 300px; */
  /* height: calc(100% - 10px); */
  height : 100%;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  }
  .feedbackinside-side-content {
  /* display: inline-block; */
  /*position: absolute;*/
  /* top: 100px;*/
  left: 40px;
  right: 40px;
  /* bottom: 50px;*/
  margin: 5px 5px 5px 5px;
  /*background-color: #ffffff;*/
  }
  .feedbackinside-content {
  display: inline-block;
  position: absolute;
  top: 5px;
  bottom: 60px;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  margin-bottom: 60px;
  width: 60%;
  left: 0px;
  }
  .feedbackinsidesize {
  height: 500px;
  height: 80% !important;
  }
  .feedbackinside-message-employeevisibility {
  background-color: #c0e6ff;
  }
  .feedbackinside-message-restrictiedvisibility {
  background-color: #f4f4f4;
  }
  .feedbackinside--container {
  display: table-row;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
  width: calc(100% - 20px);
  }
  .feedbackinside--container-reply {
  display: table-row;
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 30px;
  width: calc(100% - 70px);
  margin-left: 50px;
  }
  .feedbackinside-info-text {
  font-size: smaller;
  font-weight: bold;
  }
  .feedbackinside-timestamp-text {
  font-size: x-small;
  margin-left: calc(10%);
  transform: translateX(-50%);
  float: right;
  }
  .feedbackinside-timestamp-reply-text {
  font-size: x-small;
  margin-left: calc(10%);
  transform: translateX(-50%);
  float: right;
  }
  .feedbackinside-reply {
  margin-left: 24px;
  }
  .feedbackinside-reply-text {
  font-size: x-small;
  color: #323232;
  text-decoration: none !important;
  }





@media screen and (max-width: 414px) {

  .terms-leadspace-search {

    width: 80%;
    padding-left: 16px;

  }

  .terms-leadspace {
    height: 300px;
    padding-top: 110px;
  }
}