/* Import related stylesheets */
@import "./form-elements.css";
@import "./datepicker.css";
@import "./buttons.css";
@import "./fonts.css";
/* Global Theme Colors */

:root {
    --dxp-g-root: rgb(246, 246, 246);
    --dxp-g-root-font-family: "TCCC-UnityHeadline", sans-serif;
    --_slds-g-shadow-outline-focus: none;
    --dxp-s-form-element-label-font-family: "TCCC-UnityHeadline", sans-serif;
    --dxp-s-form-element-text-font-family: "TCCC-UnityHeadline", sans-serif;
}

header {
    background-color: #f8f8f8;
    right: 0;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 5;
    margin: 0 auto;
}

.community_byo-scoped-header-and-footer__header-content {
    width: 100%;
}

main {
    min-height: Calc(100vh - 480px);
    --dxp-c-section-image-overlay-color: #F6F6F6;
    --dxp-s-section-content-spacing-inline-start-mobile: 0;
    --dxp-s-section-content-spacing-block-start-mobile: 0;
    --dxp-s-section-content-spacing-inline-end-mobile: 0;
    --dxp-s-section-content-spacing-block-end-mobile: 0;
    --dxp-s-component-wrapper-spacer-size-mobile: 0;
    --dxp-c-component-wrapper-spacer-size-mobile: 0;
    margin-top: 112px;
}

body {
    color: #101010;
    font-family: "TCCC-UnityHeadline", sans-serif;
    --dxp-s-body-font-family: "TCCC-UnityHeadline", sans-serif;
    font-size: 12px;
    margin: 0;
}

footer {
    font-family: "TCCC-UnityHeadline", sans-serif;
    --dxp-c-section-content-spacing-block-start-mobile: 0px;
    --dxp-c-section-content-spacing-block-end-mobile: 0px;
    --dxp-c-section-content-spacing-inline-start-mobile: 0px;
    --dxp-c-section-content-spacing-inline-end-mobile: 0px;
    --dxp-c-section-content-spacing-block-start-tablet: 0px;
    --dxp-c-section-content-spacing-block-end-tablet: 0px;
    --dxp-c-section-content-spacing-inline-start-tablet: 0px;
    --dxp-c-section-content-spacing-inline-end-tablet: 0px;
}

a.primary-link {
    color: #000000;
}

.contentBody,
.home_slider {
    max-width: 1344px;
    padding: 0 16px;
    margin-left: auto;
    margin-right: auto;
    width: unset;
}

[kx-scope=button][kx-type=underline]:after {
    opacity: 0;
}

@media (min-width: 768px) {
    .contentBody,
    .home_slider {
        padding: 0 32px
    }
}

@media (min-width: 1200px) {
    .contentBody,
    .home_slider {
        padding: 0 72px;
    }
}

.row.cc_main_row {
    margin: 0;
}

.checkbox label {
    padding-left: 15px;
}

.aem-Grid .category-teaser {
    display: flex;
    justify-content: center;
}

.navbar,
.navbar-inverse {
    background-color: #f8f8f8;
    border-top: 1px solid #eee;
    padding: 0;
}

.community_byo-scoped-header-and-footer__footer-content {
    background-color: blue;
}

.slds-form-element__label {
    margin-bottom: 8px;
}

/* Quality Maintainence Visit*/

.qmp-carousal-item-container button.slds-button_brand:not(th button):not(.slds-button-group button) {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    height: 40px;
}

.qmp-carousal-item-container {
    cursor: pointer;
}

.slds-dropdown__item>a:focus, 
.slds-dropdown__item>a:active {
    background-color: transparent;
    box-shadow: none;
}

.qmp-menu-item .slds-dropdown__item>a:hover {
    background-color: #0000;
}

.slds-accordion__summary-action:focus, .slds-accordion__summary-action:hover {
    max-width: unset;
}

.slds-accordion__summary-heading .slds-button:focus {
    text-decoration: none;
}

.final-bredcrumb-item {
    color: #F40000 !important;
} 

.qmp-success-banner {
    background-color: #78E6A01F;
    display: inline-flex;
    border: 1px solid #78E6A0;
    border-radius: 10px;
    width: 100%;
    position: relative;
    gap: 14px;
}

.qmp-failure-banner {
    background-color: #FFF5F5;
    display: inline-flex;
    border: 1px solid #F34C3F;
    border-radius: 10px;
    width: 100%;
    position: relative;
    gap: 14px;
    align-items: center;
}

.qmp-close-icon {
    position: absolute;
    right: 14px;
    cursor: pointer;
}

.qmp-radio-group .slds-form-element__control {
    display: flex;
    gap: 6px;
}

.qmp-radio-group {
    --dxp-g-spacing-medium: 6px;
    margin-top: 6px;
}

.qmp-radio-group fieldset {
    display: grid;
    justify-items: center;
}

.qmp-radio-group fieldset .slds-form-element__label {
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
}

.qmp-radio-group fieldset>legend {
    background-image: url(../../images/Action-tooltip.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 32px;
}

.qmp-action-header-mobile {
    background-color: #F6F6F6;
    justify-content: center;
    display: flex;
    gap: 8px;
    padding: 4px;
}

.with-white-bg {
    background-color: #FFFFFF
}

.with-gray-bg {
    background-color: #F6F6F6;
}

.qmp-radio-group .slds-radio .slds-radio_faux {
    width: 24px;
    height: 24px;
    --dxp-c-radio-width-border: 2px;
    --radio-color-background: #FFFFFF;
    --sds-c-radio-color-border: #000000;
    --sds-c-radio-color-border-checked: transparent;
    --slds-c-radio-mark-color-foreground: transparent;
    --sds-c-radio-mark-color-foreground: transparent;
}

.qmp-radio-group .slds-form-element__control .slds-radio:nth-child(1) [type=radio]:checked+.slds-radio__label .slds-radio_faux:after {
    background-image: url(../../images/radio-accepted.svg);
    width: 24px;
    height: 24px;
}

.qmp-radio-group .slds-form-element__control .slds-radio:nth-child(2) [type=radio]:checked+.slds-radio__label .slds-radio_faux:after {
    background-image: url(../../images/radio-declined.svg);
    width: 24px;
    height: 24px;
}

.qmp-radio-group .slds-form-element__control .slds-radio:nth-child(3) [type=radio]:checked+.slds-radio__label .slds-radio_faux:after {
    background-image: url(../../images/radio-inHouse.svg);
    width: 24px;
    height: 24px;
}

.slds-table .qmp-radio-group fieldset .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux {
    margin-right: 12px;
}

table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
  
table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
  
table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
  
table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.qmp_History_Mobile {
    --slds-c-accordion-summary-color-background: #FFFFFF;
    --sds-c-button-text-color-hover: #000000;
    --dxp-s-button-font-size: 14px;
    --dxp-s-button-font-weight: 600;
}

.qmp-rightcolumn {
    width: 60%;
    font-weight: 400;
    text-wrap: wrap;
    line-height: 24px;
}

.qmp-leftcolumn {
    width: 40%;
    text-wrap: wrap;
}

.qmp_History_Mobile table tr:first-child th:first-child {
    border-top-left-radius: 0px;
}
  
.qmp_History_Mobile table tr:first-child th:last-child {
    border-top-right-radius: 0px;
}
  
.qmp_History_Mobile table tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}
  
.qmp_History_Mobile table tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
}

.qmp-datatable_mobile {
    display: grid;
    gap: 20px;
}

.qmp_History_Mobile .slds-accordion__section {
    padding: 0;
}

.qmp_History_Mobile.accordion-section.slds-accordion__list-item {
    box-shadow: none;
}

.qmp-activity-accordion .slds-accordion__summary-content {
    width: auto;
    display: block;
}

.cc-header-small /* H3 */ {
    font-family: "TCCC-UnityHeadline", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.cc-header-extra-small /* H4 */ {
    font-family: "TCCC-UnityHeadline", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.cc-body-primary /* P1 */ {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.cc-body-secondary /* P2 */ {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .qmp-recomended_mobile .qmp_History_Mobile.accordion-section.slds-accordion__list-item {
        padding: 0 16px;
    }
}

.qmp-activity-accordion .slds-accordion__content {
    overflow: visible;
}

@media (min-width: 768px) and (max-width: 1259px) {
    .qmp-activity-accordion .slds-accordion__content {
        overflow: auto;
    }
}

@media (min-width: 768px) and (max-width: 1180px) {
    .orderHistory-container.qmpHistoryDatatable {
        overflow-x: auto;
        display: block;
    }
}

*::-webkit-scrollbar {
    width: 24px;               /* width of the entire scrollbar */
    height: 24px;  
}
  
*::-webkit-scrollbar-track {
    background: #F6F6F6;        /* color of the tracking area */
}
  
*::-webkit-scrollbar-thumb {
    background-color: #8A8A8A;    /* color of the scroll thumb */
    border-radius: 12px;       /* roundness of the scroll thumb */
    border: 8px solid #F6F6F6;    /* creates padding around scroll thumb */
}
.parts-data-list::-webkit-scrollbar-thumb{
    border: 4px solid #F6F6F6; 
}
*::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(../../images/prev-scrollbar-icon.svg);
    width: 24px;
    height: 24px;
    background-color: #F6F6F6;
    border-bottom-left-radius: 8px;
}

*::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../../images/next-scrollbar-icon.svg);
    width: 24px;
    height: 24px;
    background-color: #F6F6F6;
    border-bottom-right-radius: 8px;
}

.qmp-esp-img-title1 .slds-accordion__summary-content{
    background: url(../../images/number1.svg);
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;
}

.qmp-esp-img-title1 .slds-button.slds-accordion__summary-action{
	--sds-c-accordion-heading-text-color: #2D2E3A
}

.qmp-esp-imgdis-title2 .slds-accordion__summary-content{
    background: url(../../images/number2_disabled.svg);
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;
}

.qmp-esp-img-title2 .slds-button.slds-accordion__summary-action{
	--sds-c-accordion-heading-text-color: #2D2E3A
}

.qmp-esp-imgdis-title3 .slds-accordion__summary-content{
    background: url(../../images/number3_disabled.svg);
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;
	
}

.qmp-esp-img-title2 .slds-accordion__summary-content{
    background: url(../../images/number2.svg);
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;
	
}

.qmp-esp-img-title3 .slds-accordion__summary-content{
    background: url(../../images/number3.svg);
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;
	
}

.qmp-esp-img-title3 .slds-button.slds-accordion__summary-action{
	--sds-c-accordion-heading-text-color: #2D2E3A
}

.qmp-esp-yourequipment.slds-carousel__content{
    height: auto;
}

.head2-mobile-menu-item {
    --slds-c-icon-color-foreground: #FFFFFF;
    --slds-c-icon-color-foreground-default: #FFFFFF;
}

.qmp-esp-custom-datepicker .slds-input {
    background: url(../../images/calendar_icon.svg) no-repeat 97%;
    cursor: pointer !important;
    background-size: 14px 14px;
}

.qmp-esp-img-title3 .slds-accordion__summary-content{
    background: url(../../images/number3.svg);
	background-repeat: no-repeat;
	padding: 7px 0 7px 50px;
	
}

.historyFilterOpen.slds-form-element .slds-form-element__control.slds-grow .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    background: url(../../images/MycESPOpenBlueIcon.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 17px;
    background-size: 10px 10px;
    background-position-y: center;
}

.historyFilterClosed.slds-form-element .slds-form-element__control.slds-grow .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    background: url(../../images/MycESPClosedGreyIcon.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 17px;
    background-size: 10px 10px;
    background-position-y: center;
}

.historyFilterCompleted.slds-form-element .slds-form-element__control.slds-grow .slds-checkbox .slds-checkbox__label .slds-form-element__label {
    background: url(../../images/MycESPCompletedGreenIcon.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 17px;
    background-size: 11px 11px;
    background-position-y: center;
}
button[name="caseLink"] {
    color: black !important;
}
.woDatatable-lightningTable table thead th{
    font-family: TCCC-UnityHeadline;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}
.woDatatable-lightningTable table tbody th,
.woDatatable-lightningTable table tbody td{
    padding: 12px 16px 12px 16px; 
    font-family: TCCC-UnityHeadline;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.espHistory-lightningTable th {
    padding-bottom: 8px;
    padding-top: 8px;
}