/* Main CSS file
============================================ */

/* Open Case section */
.open-case-product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.open-case-product-wrapper .open-case-product {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 78%;
    flex: 1 0 78%;
    padding-right: 1em;
}

.open-case-product-wrapper .open-case-version {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 22%;
    flex: 1 0 22%;
}

/* Case Create section */
#case-create button {
    display: block;
}

#case-create button:last-child {
    margin-top: 1.5rem;
    padding: 0;
}

/* Shared */
.unstyled-list {
    list-style-type: none;
    padding-left: 0;
}

.inline-link {
    margin-left: 5px;
}

.btn.btn-app.btn-primary {
    background-color: #06c;
    border-color: #06c;
}

.btn.btn-app.btn-bordered {
    background-color: #fff;
    border-color: #4c4c4c;
    color: #4c4c4c;
}

.btn.btn-app[disabled] {
    background: #d1d1d1;
    border-color: #d1d1d1 !important;
    color: #8d8d8d;
}

button.cta-link {
    background: none;
    border: 0;
}

.spinner.spinner-lg {
    margin: 15% auto 0;
}

form .form-group {
    margin-bottom: 2rem;
}

.form-required {
    margin-left: 4px;
    color: #c9190b;
}

form input[type='text'],
form textarea.form-control,
form .form-control {
    border-color: #ededed;
    border-bottom-color: #8b8d8f;
    box-shadow: none !important;
}

form input[type='text']:hover,
form input[type='text']:focus,
form textarea.form-control:hover,
form textarea.form-control:focus {
    border-bottom-color: #06c;
}

.pf-v6-c-form-control.pf-m-warning {
    border-bottom-color: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
    border-bottom-width: 2px;
}

form .form-group .form-control.form-invalid {
    border-bottom-color: #c9190b !important;
    border-bottom-width: 2px;
}

form .form-group .form-control.form-invalid + .form-instructions,
.form-instructions.form-invalid {
    color: #c9190b !important;
    font-size: 14px;
}

form .form-group .form-control[disabled] {
    border-bottom: 1px solid #a5a7a9;
}

form .form-group .form-control.form-invalid[disabled] {
    border-bottom-color: #a5a7a9 !important;
}

input[type='checkbox'] {
    margin: 0 10px 0 0;
}

.form-instructions {
    margin-top: 4px;
    font-size: 14px;
    color: #333;
}

.dropdown-select {
    height: initial;
    border-color: #ededed;
    background-color: #fff;
    border-color: #ededed;
    border-bottom-color: #252525;
}
.dropdown-select:hover,
.dropdown-select:focus {
    border-bottom-color: #06c;
}
.dropdown-select > select.form-invalid,
.dropdown-select > select.form-invalid {
    border-bottom-color: #c9190b;
}

/* Notification styles */

.se-notification {
    margin: 0 0 1.5rem 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.1rem 1rem;
    border: 1px solid #e7e7e7;
    border-left: 0;
    -webkit-box-shadow: -4px 0px 0px 0px #06c;
    box-shadow: -4px 0px 0px 0px #06c;
    background-color: #fff;
    line-height: 1.4;
}

.se-notification .se-notification-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 6%;
    flex: 0 1 6%;
    color: #004b70;
    font-size: 18px;
    padding: 0 12px 0 0;
}

.se-notification .se-notification-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.se-notification .se-notification-body .se-notification-heading {
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 600;
}

.se-notification .se-notification-body a.se-notification-heading {
    font-weight: 500;
}

.se-notification .se-notification-body .se-notification-desc {
    margin-bottom: 0;
    padding-right: 1em;
    font-size: 15px;
}

/* Bandaid for bad HTML - needs to be fixed */
.se-notification .se-notification-body .se-notification-desc > * {
    margin: 0;
    padding: 0;
}

.se-notification .close {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 5%;
    flex: 0 1 5%;
    font-size: 25px;
    opacity: 0.6;
    padding: 0 5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

/* More or less feature */

.more-less-wrapper {
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    transition: max-height 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.more,
.less {
    padding: 10px 0 !important;
    font-weight: bold;
    cursor: pointer;
}

.text-error {
    margin-top: 1rem;
    color: #c9190b !important;
}

.more-less-wrapper.open {
    max-height: none !important;
    overflow-y: visible;
}

#review h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#review .list-flat pre {
    margin-bottom: 0.5rem;
    padding: 0.2rem 0;
    background-color: transparent;
    border: 0;
    font-family: 'Red Hat Text', 'Overpass', Helvetica, sans-serif !important;
    font-size: 16px;
    line-height: 1.5em;
    max-height: 150px;
    overflow-y: hidden;
}

/*
  Note: Set all icons to fixed spacing (review right / left)
  -  Remove this after you do that
*/
.m-l-1 {
    margin-left: 5px;
}

.pf-tippy-theme.tippy-tooltip .pf-v6-c-popover {
    background-color: #fff;
    -webkit-box-shadow: rgba(3, 3, 3, 0.05) 0px 1px 1px 0px, rgba(3, 3, 3, 0.06) 0px 4px 8px 4px;
    box-shadow: rgba(3, 3, 3, 0.05) 0px 1px 1px 0px, rgba(3, 3, 3, 0.06) 0px 4px 8px 4px;
}

.pf-v6-c-popover .pf-v6-c-popover__body > * {
    margin-bottom: 0;
}

/* .pf-v6-c-popover .pf-v6-c-button {
    position: absolute;
    top: 8px;
    right: 2px;
    color: rgb(114, 118, 123);
    padding: 4px 14px;
    background: none;
} */

.pf-tippy-theme.tippy-tooltip .pf-tippy-theme {
    max-width: calc(20.25rem);
    -webkit-transition-duration: 325ms;
    transition-duration: 325ms;
}

/* For allowing clickable links inside popover */
.pf-tippy-theme.tippy-tooltip .tippy-content {
    pointer-events: initial !important;
}

.pf-tippy-theme.tippy-tooltip .pf-v6-c-popover .pf-v6-c-popover__content {
    position: relative;
    background-color: #fff;
    padding: 1.5rem;
    font-size: 16px;
}

.pf-tippy-theme.tippy-tooltip .pf-v6-c-popover .pf-v6-c-popover__arrow {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: rgba(3, 3, 3, 0.05) 0px 1px 1px 0px, rgba(3, 3, 3, 0.06) 0px 4px 8px 4px;
    box-shadow: rgba(3, 3, 3, 0.05) 0px 1px 1px 0px, rgba(3, 3, 3, 0.06) 0px 4px 8px 4px;
}

/* move this */
#support-level-wrapper,
#severity-wrapper {
    width: 46%;
    display: inline-block;
}

#severity-wrapper {
    float: right;
}

#wizard-main .wizard-main-section#suggestions .se-notification {
    margin: 0 5px 2rem;
}

.list-flushleft li {
    margin-bottom: 0.5em;
    list-style-type: none;
}

.list-flushleft li:last-child {
    margin-bottom: 0;
}

#se-solution-engine .wizard-main-section:not(#productSelector) label {
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 8px;
}

.preview-case .review-form {
    max-height: 80vh;
    overflow-y: auto;
}

.fa-question-circle {
    margin-left: 8px;
}

.insights-results-main-section {
    border: 1px solid;
    padding: 15px;
}

.k-pdf-export .hide-in-pdf {
    display: none !important;
}

.hide-pfe-in-pdf {
    display: none !important;
}

.page-number {
    position: absolute;
    bottom: 10px;
    left: 50px;
}

.k-pdf-export {
    font-family: 'Red Hat Text', 'Overpass', Helvetica, sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.k-pdf-export h1,
.k-pdf-export h2,
.k-pdf-export h3,
.k-pdf-export h4,
.k-pdf-export h5,
.k-pdf-export h6 {
    font-family: 'Red Hat Display', 'Overpass', Helvetica, sans-serif;
}

.k-pdf-export .support-grid.support-case .grid-aside {
    display: none;
}

.show-in-pdf {
    display: none !important;
}

.k-pdf-export .show-in-pdf {
    display: block !important;
}

.private-attachment {
    background: rgba(238, 0, 0, 0.05);
    border: rgba(238, 0, 0, 0.05);
}

.form-control {
    box-shadow: none !important;
}

.recommendation-loading-dots {
    position: absolute;
    width: 100%;
}

#summary-progress-bar .pf-v6-c-progress__status-icon {
    display: none;
}

#summary-progress-bar .pf-v6-c-progress__bar,
#summary-progress-bar .pf-v6-c-progress__indicator {
    height: 2px;
}

#summary-progress-bar.gray .pf-v6-c-progress__bar,
#summary-progress-bar.gray .pf-v6-c-progress__bar::before {
    background-color: var(--pf-v5-global--palette--black-300) !important;
}

#summary-progress-bar .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
    font-size: 14px;
}

#summary-progress-bar {
    row-gap: 9px;
    line-height: 2px;
}

.comment-plaintext.reset-pre-text {
    font-family: 'Red Hat Text', 'RedHatText', 'Helvetica Neue', 'Arial', 'sans-serif';
    text-rendering: auto;
    font-weight: 400;
    font-size: 1.12rem;
    line-height: 1.5em;
    white-space: pre-wrap;
}

#additional-information-section textarea {
    resize: none !important;
}

.case-group-field-helper .pf-v6-c-helper-text__item {
    align-items: flex-start;
}

.case-group-field-helper .pf-v6-c-helper-text__item-icon {
    display: inline-flex;
    align-items: center;
    block-size: 18px;
    flex-shrink: 0;
}

.case-group-field-helper .pf-v6-c-helper-text__item-text,
.case-group-field-helper__text {
    line-height: 18px;
    font-weight: 600;
}

.case-group-field-helper__create-link {
    display: inline;
    line-height: 18px;
    font-weight: 600;
    color: var(--pf-t--global--link--color--default);
}

.case-group-field-helper__create-link:hover {
    color: var(--pf-t--global--link--color--hover);
}