:root {
    --dark-blue-color: #003c61;
    --blue-color: #026ec4;
    --lime-green-color: #C5D92D;
    --white-color: #fff;
    --orange-color: #F59B12;
}

/*body*/
body .siteforceThemeLayoutStarter > .body {
    min-height: calc(100vh - 358px);
}

.ui-widget .ct3-column-title {
    color: var(--white-color);
    font-weight: 600;
    font-size: 26px;
    padding: 10px 0 15px;
}

@media screen and (max-width: 767px) {
    .ui-widget .ct3-column-title {
        font-size: 22px;
        padding: 10px 0 15px;
    }
}

/* HEADER */
.header .forceCommunityThemeNav .mainNavItem .linkBtn {
    font-weight: 500;
}

.header .forceCommunityThemeNav .mainNavItem .linkBtn,
.header .forceCommunityThemeNav .mainNavItem .subMenu a {
    font-size: 14px;
}

/* FOOTER */
.ct3-footer {
    background: var(--dark-blue-color);
    padding: 20px 0;
    margin-top: 30px;
}

.ct3-wrapper {
    max-width: 1440px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.ct3-footer-container__upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 0 20px;
    flex-wrap: wrap;
    border-bottom: 1px solid #e8e6e0;
}

.ct3-footer-container__upper .logo img {
    max-width: 160px;
}

.footer-nav {
    display: flex;
    align-items: center;
    gap: 7px 14px;
    flex-wrap: wrap;
}

.ct3-footer-container__upper .footer-nav a {
    font-size: 14px;
    font-weight: 300;
    color: #e8e6e0;
    transition: .3s ease-in-out;
}

.ct3-footer-container__upper .footer-nav a:hover {
    color: #aaa;
}

.ct3-footer-container__bottom {
    padding: 16px 0 10px;
}

.ct3-footer-container__bottom .copyright {
    font-size: 12px;
    font-weight: 300;
    color: #e8e6e0;
}

@media (max-width: 767px) {
    .ct3-footer-container__upper {
        flex-direction: column;
    }

    .ct3-footer-container__bottom {
        padding-bottom: 0;
    }

    .footer-nav {
        justify-content: center;
    }

    .ct3-footer-container__bottom .copyright {
        text-align: center;
    }
}

/*FEATURED COURSES*/
.ui-widget .featured-courses-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 20px;
    background-color: var(--lwc-brandAccessible);
    padding: 20px 50px;
    border-radius: 15px 15px 0 0;
}

.ui-widget .featured-courses-header .ct3-button a {
    background: var(--dark-blue-color);
    color: var(--white-color);
    border-radius: 10px;
    padding: 4px 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.ui-widget .featured-courses-header .ct3-button a:hover {
    text-decoration: none;
    filter: brightness(0.8);
}

.ui-widget .learning-list-lite__container.carousel-view {
    border-radius: 0 0 15px 15px;
}

.ui-widget .learning-list-lite__container .list-header__custom-select {
    padding: 5px 8px;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 20px 30px 20px 0;
}

.learning-list-lite__container[style="background-color:#267d7a;"] .list-header__custom-select {
    color: var(--white-color);
    background: #115c5494;
    border-color: var(--white-color);
}

.learning-list-lite__container[style="background-color:#267d7a;"] .list-header__custom-select svg {
    fill: var(--white-color);
}

.ui-widget .learning-list-lite__container .list-header__custom-select button.custom-dropdown__control {
    border: none;
    padding: 0;
    background: transparent !important;
}

.ui-widget .learning-item__container.learning-item--carousel .learning-item__container {
    width: 19rem;
    border-radius: 15px;
    padding: 2px;
}

.ui-widget .learning-item__container .learning-item__container {
    border-radius: 15px;
    padding: 2px;
}

.ui-widget .learning-item__container .learning-item__image {
    border-radius: 15px 15px 0 0;
}

.ui-widget .learning-item__container .learning-item__info-wrapper {
    padding: 0 20px 20px;
}

.ui-widget .learning-item__container .learning-item__title a {
    color: var(--dark-blue-color);
}

.ui-widget .learning-item__container .learning-item__info-wrapper .learning-item__details__description p {
    color: var(--lwc-colorTextDefault);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.ui-widget .learning-item__container .learning-item__image-overlay {
    height: unset;
    border-radius: 0;
}

.ui-widget .learning-item__info-wrapper .learning-item__details__actions.slds-button {
    display: none;
}

@media screen and (max-width: 767px) {
    .ui-widget .featured-courses-header {
        padding: 10px;
    }

    .ui-widget .learning-list-lite__container .list-header__custom-select {
        margin-right: 0;
    }
}

/*RTTC -> flows*/
.comm-page-home .slds-large-size_4-of-12 .forceCommunityFlowCommunity {
    border-radius: 10px;
    border: none;
}

.comm-page-home .slds-large-size_4-of-12 .forceCommunityFlowCommunity .slds-medium-size_4-of-12 .flow-cls-displaytext-container {
    border-radius: 10px;
    padding: 4px 0;
}

.comm-page-home .slds-large-size_4-of-12 .forceCommunityFlowCommunity .slds-medium-size_4-of-12 .flowruntime-column.slds-size_12-of-12.slds-align-top {
    padding: 0 6px;
}

/*In progress*/
.ui-widget .in-progress-section.home {
    padding: 20px 50px;
}

.ui-widget .in-progress-section {
    background: var(--white-color);
    border-radius: 10px 10px 0 0;
    padding: 20px;
}

.ui-widget .in-progress-section .ct3-column-title {
    padding: 0;
}

.ui-widget .ct3-column-title.inverse {
    color: var(--dark-blue-color);
}

@media screen and (min-width: 768px) {
    /*title*/
    .ui-widget .in-progress-section.positioned .ct3-column-title {
        position: absolute;
        top: 50px;
    }

    /*tabs*/
    .comm-page-home .ui-widget .slds-tabs_default .slds-tabs_default__nav {
        justify-content: end;
    }

    body:not(.comm-page-home) .ui-widget .slds-tabs_default .slds-tabs_default__nav {
        padding: 0 20px;
    }

    .comm-page-home .ui-widget .js-tabset.forceCommunityTabset .tabs__nav {
        padding: 0 0 0 33px;
    }

    .ui-widget .slds-tabs_default .slds-tabs_default__nav,
    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav {
        border: none;
    }
    
    .ui-widget .slds-tabs_default .slds-tabs_default__nav li.slds-is-active,
    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav .js-tab.active {
        background: var(--lwc-brandAccessible);
        border-radius: 10px;
    }

    .forceCommunityUserSettingsCustomizable .userSettingTabs .tabs__item.active {
        background: var(--lwc-brandAccessible);
        border-radius: 10px 10px 0 0;
    }

    .forceCommunityUserSettingsCustomizable .userSettingTabs .tabs__item {
        margin-top: 5px;
    }

    .forceCommunityUserSettingsCustomizable .userSettingTabs .tabs__item.active a {
        color: var(--white-color);
        border: none;
    }

    .forceCommunityUserSettingsCustomizable .userSettingTabs .tabs__item a {
        padding: 8px;
        text-transform: capitalize;
    }
    
    .ui-widget .slds-tabs_default .slds-tabs_default__nav li.slds-is-active::after,
    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav .js-tab.active::after {
        display: none;
    }
    
    .ui-widget .slds-tabs_default .slds-tabs_default__nav li a,
    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav .js-tab a {
        color: var(--dark-blue-color);
        font-weight: 600;
    }

    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav .js-tab {
        margin: 0;
        padding: 0 10px;
    }
    
    .ui-widget .slds-tabs_default .slds-tabs_default__nav li.slds-is-active a,
    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav .js-tab.active a {
        color: var(--white-color);
        border: none;
    }
    
    .ui-widget .slds-tabs_default .slds-tabs_default__nav li:hover:after {
        background: var(--lwc-brandAccessible);
    }

    .ui-widget .js-tabset.forceCommunityTabset .tabs__nav .js-tab a:hover {
        border-color: var(--lwc-brandAccessible);
    }

    .ui-widget .uiTabset--default {
        border-radius: 0 0 10px 10px !important;
        padding-top: 0 !important;
    }

    body .ui-widget .uiTabset--default .tabs__item > a:focus {
        box-shadow: none;
    }
}

@media screen and (max-width: 767px) {
    .ui-widget .in-progress-section,
    .ui-widget .in-progress-section.home {
        padding: 10px 15px;
    }
}

.learning-item__container .learning-item__background-image--container .learning-item__status {
    padding: 2px 12px;
}

.learning-item__container .learning-item__background-image--container .learning-item__status.in-progress {
    background: var(--lime-green-color);
    color: #000;
}

.learning-item__container .learning-item__background-image--container .learning-item__status.completed {
    background: #0078D7;
}

.learning-item__container .learning-item__background-image--container .learning-item__status.not-started {
    background: var(--orange-color);
    border: none;
}

.carouselMain .component-title button.custom-dropdown__control {
    padding: 5px 8px;
    border-radius: 10px;
    border: 1px solid #ebebeb;
}

/*video coaching*/
vtse-stand-deliver-task-carousel-lwc .carousel .item .status {
    border-radius: 50px;
    padding: 2px 12px;
    font-size: 14px;
}

vtse-stand-deliver-task-carousel-lwc .carousel .item .status.in-progress {
    background: var(--lime-green-color);
    color: #000;
}

vtse-stand-deliver-task-carousel-lwc .carousel .item .status.not-started {
    background-color: #d72026;
}

vtse-stand-deliver-task-carousel-lwc .carousel .item .item-tile-description-section h5 {
    color: var(--dark-blue-color) !important;
    font-weight: 600;
}

vtse-stand-deliver-task-carousel-lwc .carousel .item .thumbnail__wrapper {
    border-radius: 10px 10px 0 0;
}

vtse-stand-deliver-task-carousel-lwc .carousel .item  .item-tile-description-section {
    border-radius: 0 0 10px 10px;
}

/*achievements*/
.ui-widget .ltuiUserAchievementsCmp .item-container-tile {
    border-radius: 10px;
}

.ui-widget .ltuiUserAchievementsCmp .item-name-tile,
.vtuiAllMediaCmp .media-item_details__wrapper .short-line-style.media-item__link  {
    color: var(--dark-blue-color);
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .comm-page-home .ui-widget .ltuiUserAchievementsCmp {
        padding: 0px 35px;
    }
}

/*blue section home*/
.comm-page-home .ui-widget:nth-child(2) .cb-section.forceCommunitySection .cb-section_background {
    border-radius: 0 0 10px 10px;
}

/*list view -> hidden*/
.ui-widget .ltuiUserAchievementsCmp .tile-view .slds-grid > a:not(.item-image-tile) {
    display: none;
}

/*Explore our catalog*/
.ui-widget .main-filters-container {
    border-radius: 10px;
}

.ui-widget .main-filters-container .main-header-label {
    font-size: 16px;
    font-weight: 600;
}

.ui-widget .main-filters-container .all-filters input,
.vtuiAllMediaCmp .search-input-container input,
.ui-widget .table-background-color.ltcommMyPurchasesCmp .slds-form-element input,
.ui-widget .table-background-color.ltcommMyPurchasesCmp button.slds-combobox__input,
.ui-widget  .ltcommMyPurchasesCmp .block-purchases {
    border-radius: 10px;
}

.ui-widget .vtuiAllMediaCmp button.custom-dropdown__control {
    padding: 5px 8px;
    border-radius: 10px;
    border: 1px solid #ebebeb;
}

/*new button*/
.ui-widget .new-button-container {
    text-align: right;
}

.ui-widget .new-button-container .new-button.slds-button {
    display: inline-block;
    background: var(--blue-color);
    color: var(--white-color);
    padding: 3px 24px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ui-widget .new-button-container .new-button.slds-button:hover {
    text-decoration: none;
    transform: translateY(-3px);
    filter: brightness(.9);
}

/*no content message*/
.ui-widget .ltuiUserAchievementsCmp .cmp-no-content,
.ui-widget .carousel-main__wrapper .carousel-main--no-content p,
.ui-widget .learning-list-lite-layout__wrapper .learning-list-lite-layout__container--no-content p {
    color: var(--lwc-brandAccessible);
    font-size: 14px;
    font-weight: 300;
}

/*table on home page (RTLC)*/
.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable .slds-p-around--none {
    border: none;
}

.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable .slds-grid.slds-theme_shade,
.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable .slds-th__action .slds-resizable,
.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable .slds-has-button-menu .slds-dropdown-trigger_click {
    display: none;
}

.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable th[aria-label="Date"] {
    width: 90px !important;
}

.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable .slds-table_header-fixed_container.slds-scrollable_x {
    background: transparent;
}

.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable .slds-hint-parent,
.comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) flowruntime-datatable thead .slds-th__action {
    background: #225071;
    color: var(--white-color);
}

@media screen and (min-width: 768px) {
    .comm-page-home .cb-section_column.slds-large-size_4-of-12:nth-child(3) .flowruntimeFlowRuntime.flow-cls-flow-styles {
        min-height: 192px;
    }
}

/*resources*/
body .ui-widget .learning-ui .media-item,
.ui-widget .vtuiMediaCmp .media-grid .media-item .media-item__preview,
.ui-widget .vtuiMediaCmp .media-grid_list-view .media-item__preview .media-item__preview-img.image-cover,
body .ui-widget .vtuiMediaCmp .media-grid .media-item .overlay {
    border-radius: 10px;
}

.slds-notify_toast .confirmation-area_align-center .actionButtons .slds-button.slds-button_brand {
    color: #fff;
}

/*catalog*/
.flex-item .slider-container .brand-color {
    background-color: var(--blue-color);
}

/*arrows in tiles component*/
.learning-list-lite__container .learning-list-lite-layout__wrapper button.carousel__control,
vtse-stand-deliver-task-carousel-lwc .carouselMain .wrapper .slds-icon_container {
    background-color: var(--dark-blue-color);
    border-color: transparent;
}

body .learning-list-lite__container .learning-list-lite-layout__wrapper button.carousel__control svg,
body .learning-list-lite__container .learning-list-lite-layout__wrapper .carousel__control:active .arrow,
body .learning-list-lite__container .learning-list-lite-layout__wrapper .carousel__control:focus .arrow,
vtse-stand-deliver-task-carousel-lwc .carouselMain .wrapper .slds-icon_container svg,
vtse-stand-deliver-task-carousel-lwc .carouselMain .wrapper .slds-icon_container:focus svg,
vtse-stand-deliver-task-carousel-lwc .carouselMain .wrapper .slds-icon_container:active svg {
    fill: var(--white-color);
}

/*Settings page*/
.ui-widget .forceCommunityUserSettingsInternal .savecancelbuttoncontainer .slds-button {
    padding: 3px 24px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ui-widget .forceCommunityUserSettingsInternal .savecancelbuttoncontainer .slds-button.slds-button_brand {
    background: var(--blue-color);
    color: var(--white-color);
    border-color: var(--blue-color);
}

.ui-widget .forceCommunityUserSettingsInternal .savecancelbuttoncontainer .slds-button:hover {
    transform: translateY(-3px);
}

.ui-widget .forceCommunityUserSettingsInternal .savecancelbuttoncontainer .slds-button.slds-button_brand:hover {
    filter: brightness(.9);
}

.ui-widget .forceCommunityUserSettingsCustomizable .texttitle {
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
}

.comm-page-usersettings .modal-container .forceModalActionContainer button.uiButton--brand {
    background: var(--blue-color);
    color: var(--white-color);
}

@media screen and (max-width: 767px) {
    body .ui-widget .forceCommunityUserSettingsInternal .row.dropdownvisibility.locationSection {
        min-width: unset;
    }
}

@media screen and (max-width: 500px) {
    .forceCommunityUserSettingsInternal .savecancelbuttoncontainer .mandate-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .row.profileVisibilitySection .visibiltiyFields .sectionboxVisibility {
        display: flex;
        flex-direction: column;
    }

    .row.profileVisibilitySection .visibiltiyFields .sectionboxVisibility > *:not(.photoItem) {
        width: 100%;
    }

    .row.profileVisibilitySection .visibiltiyFields .sectionboxVisibility .photoItem {
        width: 50px;
        height: 100%;
    }

    .row.profileVisibilitySection .visibiltiyFields .sectionboxVisibility .textVisibility:last-child {
        padding-bottom: 20px;
    }

    .ui-widget .forceCommunityUserSettingsCustomizable .texttitle {
        font-size: 22px;
        line-height: 26px;
    }
}

/*My purchase*/
.ui-widget .ltcommMyPurchasesCmp .sub-section {
    border-radius: 0 0 10px 10px;
}

.ui-widget .ltcommMyPurchasesCmp .item-position .slds-item_label {
    font-size: 18px;
    color: var(--dark-blue-color);
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .ui-widget .ltcommMyPurchasesCmp .slds-combobox_container .slds-listbox.slds-dropdown {
        min-width: unset;
    }

    .ui-widget .ltcommMyPurchasesCmp .item-position .slds-item_label {
        font-size: 14px;
    }

    .ui-widget .ltcommMyPurchasesCmp .item-position > div {
        justify-content: space-between;
    }

    .ui-widget .ltcommMyPurchasesCmp .item-position > .slds-grid > .slds-col,
    .ui-widget .ltcommMyPurchasesCmp .sub-section .item-position > div {
        width: auto;
    }

    .ui-widget .ltcommMyPurchasesCmp .sub-section .item-position > div div[title="Items Name"] {
        max-width: 60px;
    }

    .ui-widget .ltcommMyPurchasesCmp .block-item-purhcases:first-child > div {
        flex-direction: column;
    }

    .ui-widget .ltcommMyPurchasesCmp .block-item-purhcases:first-child .item-image {
        height: 30px;
        width: 60px;
    }

    .ui-widget .ltcommMyPurchasesCmp .sub-section .item-position {
        justify-content: space-between;
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .ui-widget .ltcommMyPurchasesCmp .item-position .slds-item_label {
        font-size: 12px;
    }

    .ui-widget .ltcommMyPurchasesCmp .item-position .slds-col:not(.block-item-purhcases) > *:last-child,
    .ui-widget .ltcommMyPurchasesCmp .item-position .slds-col.block-item-purhcases > * {
        font-size: 11px;
    }
}

/*Catalog detail*/
.ltuiTemplateMainCmp.ltuiRegistrationCmp .slds-box button.slds-button,
.bodyAddToCart .parentButton .slds-button,
.ui-widget .ltuiTemplateMainCmp button.slds-button.launch-button {
    padding: 3px 15px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    background: var(--blue-color);
    color: var(--white-color);
    border-color: var(--blue-color);
}

.ltuiTemplateMainCmp.ltuiRegistrationCmp .slds-box button.slds-button:hover,
.bodyAddToCart .parentButton .slds-button:hover,
.ui-widget .ltuiTemplateMainCmp button.slds-button.launch-button:hover {
    filter: brightness(.9);
}

body .ui-widget .ltuiLearningHeaderCmp,
body .ui-widget .ltuiLearningHeaderCmp .learning-header_main-container,
.comm-page-custom-learning-plan-detail-standard .forceCommunityTabLayout .js-tab .ltuiLearningPlanAboutCmp,
.ui-widget .ltuiTemplateMainCmp.ltuiRegistrationCmp > .slds-box {
    border-radius: 10px;
}

.comm-page-custom-learning-plan-detail-standard .ui-widget .slds-tabs_default.forceCommunityTabLayout {
    border-radius: 10px;
    padding-top: 20px;
}

body .ui-widget .ltuiLearningPlanActivitiesCmp .section-foo,
body .ui-widget .ltuiLearningPlanActivitiesCmp .activity-button {
    height: unset;
}

body .ui-widget .ltuiLearningPlanActivitiesCmp .icon-clock svg,
body .ui-widget .ltuiLearningPlanActivitiesCmp .slds-accordion__summary.accordion-align .slds-icon.slds-icon_small {
    fill: #000;
}

@media screen and (max-width: 767px) {
    .question-container .slds-checkbox.answer-block .checkbox-label {
        display: block;
    }
}

/*Shopping cart*/
.ui-widget .shoppingCart-bg.ltcommShoppingCartCmp {
    border-radius: 10px;
}

.ui-widget .ltcommShoppingCartCmp .text-title,
.ui-widget .ltcommShoppingCartCmp .title {
    text-transform: capitalize;
    border: none;
}

.ltcommShoppingCartCmp .groupButton .coupon-input-group {
    flex-wrap: wrap;
    height: unset !important;
    justify-content: center;
}

.ltcommShoppingCartCmp .groupButton button[title="Apply"] {
    padding: 1px 15px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    background: var(--blue-color);
    color: var(--white-color);
    border-color: var(--blue-color);
    margin-left: 3px;
}

@media screen and (max-width: 767px) {
    .shoppingCart-bg.ltcommShoppingCartCmp table td[data-label="Product"] {
        display: flex;
        flex-direction: column;
    }

    .shoppingCart-bg.ltcommShoppingCartCmp table th.subtotal {
        text-align: end;
    }

    .shoppingCart-bg.ltcommShoppingCartCmp table .item-name .colBodySubtotal {
        white-space: break-spaces;
    }

    body .ui-widget .ltcommShoppingCartCmp .subtotal {
        width: 100%;
    }

    body .ui-widget .ltcommShoppingCartCmp .colBodySubtotal {
        font-size: 12px;
    }

    body .ui-widget .ltcommShoppingCartCmp .totalPrice {
        padding-right: 0;
    }
}

/*Login pages*/
body .salesforceIdentityLoginBody2 .cCenterPanel:before {
    border-radius: 10px;
    top: -25px;
    bottom: -25px;
}

.ui-widget .salesforceIdentityLoginForm2 button.slds-button.loginButton,
.ui-widget .salesforceIdentityForgotPassword2 button.slds-button.loginButton,
.ui-widget .salesforceIdentitySelfRegister2 button.uiButton {
    background: var(--blue-color);
    padding: 7px 24px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ui-widget .salesforceIdentityLoginForm2 button.slds-button.loginButton:hover,
.ui-widget .salesforceIdentityForgotPassword2 button.slds-button.loginButton:hover,
.ui-widget .salesforceIdentitySelfRegister2 button.uiButton:hover {
    transform: translateY(-3px);
    filter: brightness(.9);
}

.ui-widget .salesforceIdentityLoginForm2 button.slds-button.loginButton span,
.ui-widget .salesforceIdentityForgotPassword2 button.slds-button.loginButton span,
.ui-widget .salesforceIdentitySelfRegister2 button.uiButton span {
    color: var(--white-color);
}

.ui-widget .salesforceIdentityLoginForm2 .inputContainer,
.ui-widget .salesforceIdentityForgotPassword2 .inputContainer,
.ui-widget .salesforceIdentitySelfRegister2 .inputContainer {
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}

.ui-widget .salesforceIdentityLoginForm2 .inputContainer .uiInput,
.ui-widget .salesforceIdentityForgotPassword2 .inputContainer .uiInput,
.ui-widget .salesforceIdentitySelfRegister2 .inputContainer .uiInput,
.ui-widget .salesforceIdentityLoginForm2 .inputContainer .uiInput input,
.ui-widget .salesforceIdentityForgotPassword2 .inputContainer .uiInput input,
.ui-widget .salesforceIdentitySelfRegister2 .inputContainer .uiInput input {
    width: 100%;
}

.ui-widget .salesforceIdentityForgotPassword2 .inputContainer .inputIcon,
.ui-widget .salesforceIdentitySelfRegister2 .inputContainer .inputIcon {
    font-size: unset;
}

body .ui-widget .communityLogoContainer img {
    width: 100%;
    max-width: 120px;
}

html body .salesforceIdentityLoginBody2 {
    background-image: linear-gradient(to right in oklab, #F59B12 0%, #EDB856 50%, #C5D92D 100%);
}

@media screen and (max-width: 500px) {
    body .salesforceIdentityLoginBody2 .cCenterPanel:before {
        right: 0;
        left: 0;
    }

    body .salesforceIdentityLoginBody2 .cCenterPanel {
        margin-right: 10px;
        margin-left: 10px;
    }

    html body .salesforceIdentityLoginBody2 {
        justify-content: center;
    }
}

/*profile*/
.cProfileViewBody .forcePageBlockSectionRow .slds-form-element.slds-form-element_readonly .slds-form-element__label {
    font-weight: 600;
}

.cProfileViewBody .forcePageBlockSectionRow .slds-form-element.slds-form-element_readonly .test-id__field-value {
    font-size: 16px;
    color: #016abe;
}

.ui-widget .forceCommunityUserProfileBody .cUserProfileDetailCon .forceCommunityUserProfileDetail .userDetailHeader {
    margin-bottom: 30px;
}

.ui-widget .forceCommunityUserProfileBody .cUserProfileDetailCon .forceCommunityUserProfileDetail .userDetailHeader .profileName {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 6px;
}

.ui-widget .forceCommunityUserProfileBody .cProfileViewBody {
    border: none;
    border-radius: 10px;
}

/*create goal*/
.forceCommunityCreateRecordForm .slds-docked-form-footer .slds-button-group-item button.slds-button {
    background: var(--blue-color);
    padding: 7px 24px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    border: none;
}

.forceCommunityCreateRecordForm .slds-docked-form-footer .slds-button-group-item button.slds-button:hover {
    transform: translateY(-3px);
    filter: brightness(.9);
}

.forceCommunityCreateRecordForm .slds-docked-form-footer .slds-button-group-item button.slds-button:hover::after,
.forceCommunityCreateRecordForm .slds-docked-form-footer .slds-button-group-item button.slds-button:hover::before,
.comm-page-custom-my-learning .forceCommunityRecordListStandard .forceCommunityRecordListMobile .forceCommunityActionsContainerMobile {
    display: none;
}

/*achievements detail standard*/
body .ui-widget .ltuiUserAchievementsCmp .item-date {
    color: var(--dark-blue-color);
}

body .ui-widget .ltuiUserAchievementsCmp .acquisition-icon {
    background-color: var(--dark-blue-color);
}

body .ui-widget .requirement-item-main-content .date,
body .ui-widget .acquisition-main-container .second-title {
    opacity: unset;
}

body .ui-widget .learning_header_main-container {
    border: none;
    border-radius: 10px 10px 0 0;
}

.learning_header_main-container .achievement-header-button-container button.button,
.ui-widget .forceCommunityCreateRecordForm .slds-button.uiButton {
    color: var(--white-color);
    padding: 3px 15px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    background: var(--blue-color);
}

.learning_header_main-container .achievement-header-button-container button.button:hover,
.ui-widget .forceCommunityCreateRecordForm .slds-button.uiButton:hover {
    filter: brightness(.9);
}

.learning_header_main-container .achievement-header-button-container button.button svg {
    fill: var(--white-color);
}

/*learning plan detail*/
.ltuiTemplateMainCmp.ltuiLearningMaterialListCmp .item .slds-media__body .slds-grid.slds-text-color_inverse-weak {
    color: var(--dark-blue-color);
}

.ltuiTemplateMainCmp.ltuiLearningMaterialListCmp .slds-p-around_medium.showBorder {
    border: none;
}

/*my learning*/
.ui-widget .ltuiTemplateMainCmp .pagination-container.ltuiFewerMoreCmp span {
    color: var(--dark-blue-color);
}

.ui-widget .ltuiTemplateMainCmp .pagination-container.ltuiFewerMoreCmp svg {
    fill: #000;
}

/*ct3 title delivery pages*/
.ui-widget .CT3-componentTitle.delivery {
    font-weight: 600;
    border-radius: 10px 10px 0 0;
}

/*delivery pages*/
.ui-widget vtse-stand-deliver-task-carousel-lwc .slds-is-relative.carousel-main__wrapper,
.ui-widget vtse-stand-deliver-task-carousel-lwc .slds-is-relative.carousel-main__wrapper .carouselMain {
    border-radius: 0 0 10px 10px;
}

.ui-widget .CT3-component-wrapper {
    background: var(--white-color);
    border-radius: 10px;
    padding: 1rem;
}

.ui-widget .CT3-componentTitle.delivery.name {
    padding: 0 0 15px;
}

/*virtual agent RTTC*/
.comm-page-home .slds-large-size_4-of-12:nth-child(3) .forceCommunityFlowCommunity .field-element tbody lightning-primitive-cell-factory a {
    color: var(--lime-green-color);
}

/*video coaching*/
.modal-container .modal-header .slds-button.slds-button_icon-inverse svg {
    fill: #000;
}

.ui-widget .custom-warning-toast .confirmation-area .confirmation-area_align-center button,
.ui-widget .custom-warning-toast .confirmation-area div h2 {
    color: #000;
}

.ui-widget vtse-stand-deliver-header-lwc .slds-card.slds-p-horizontal_medium.header {
    border: none;
    border-radius: 10px 10px 0 0;
    font-size: 26px;
    background-color: var(--dark-blue-color) !important;
    color: var(--white-color);
    font-weight: 600;
}

.ui-widget vtse-stand-deliver-header-lwc .slds-card.slds-has-top-magnet {
    border: none;
    border-radius: 0 0 10px 10px;
}

body .ui-widget .additional-details_container .slds-item.font_dim span {
    color: var(--dark-blue-color);
}

.ui-widget .vtseStandDeliverCmp .block__inner .review-title-block h5 {
    font-weight: 600;
    font-size: 26px;
}

body .ui-widget .vtseStandDeliverCmp {
    border: none;
    border-radius: 10px;
}

body .ui-widget .vtseStandDeliverCmp .block__inner {
    border-radius: 10px 10px 0 0;
}

body .ui-widget .vtseStandDeliverCmp footer button {
    padding: 3px 24px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body .ui-widget .vtseStandDeliverCmp footer button.slds-button.slds-button_brand {
    background: var(--blue-color);
    color: var(--white-color);
    border-color: var(--blue-color);
}

@media screen and (max-width: 767px) {
    .ui-widget .vtseStandDeliverCmp .block__inner .review-title-block h5,
    .ui-widget vtse-stand-deliver-header-lwc .slds-card.slds-p-horizontal_medium.header,
    body .ui-widget .forceCommunityCreateRecordForm .headerLabel,
    .ui-widget .forceCommunityUserProfileBody .cUserProfileDetailCon .forceCommunityUserProfileDetail .userDetailHeader .profileName {
        font-size: 22px;
    }
}

/*goal tracker*/
body .ui-widget .forceCommunityCreateRecordForm {
    padding: 1rem;
    border-radius: 10px;
    background: var(--white-color);
}

body .ui-widget .forceCommunityCreateRecordForm .headerLabel {
    font-weight: 600;
    font-size: 26px;
}

.slds-page-header_object-home.forceListViewManagerHeader .search-in-list input,
.slds-page-header_object-home.forceListViewManagerHeader .test-listViewSettingsMenu button.slds-button.slds-button_icon-more,
.slds-page-header_object-home.forceListViewManagerHeader force-list-view-manager-button-bar button.slds-button,
body .ui-widget .forceCommunityCreateRecordForm input,
body .ui-widget .forceCommunityCreateRecordForm textarea {
    border-radius: 10px;
}

.ui-widget .forceCommunityRecordDetail .test-id__section.slds-section .test-id__section-header-button {
    background: var(--lwc-brandAccessible);
    color: var(--white-color);
    border-radius: 10px;
}

.ui-widget .forceCommunityRecordDetail .test-id__section.slds-section .test-id__section-header-button svg {
    fill: var(--white-color);
}

.ui-widget .forceCommunityRecordDetail .base-record-form-header-container.slds-card__body {
    padding-top: 10px;
}

.forceCommunityRelatedRecords .container.forceRelatedListSingleContainer .slds-grid.slds-page-header {
    background: var(--dark-blue-color);
    color: var(--white-color);
    border-radius: 10px 10px 0 0;
}

.forceCommunityRelatedRecords .container.forceRelatedListSingleContainer .slds-card.forceRelatedListCardDesktop {
    border-radius: 10px;
    border: none;
}

.forceCommunityRecordHeadline .slds-page-header_record-home .slds-media__body lightning-formatted-text {
    font-weight: 600;
}

/*learning activity detail*/
.ui-widget .slds-box.ltuiLearningPlanActivitiesCmp,
.ui-widget .slds-box.ltuiLearningObjectWrapperCmp {
    border-radius: 10px;
}

.ui-widget .navigationCmp .button-section .slds-button.cancel-button {
    color: var(--white-color);
    padding: 3px 15px;
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    background: var(--blue-color);
}

.ui-widget .navigationCmp .button-section .slds-button.cancel-button:hover {
    filter: brightness(0.8);
}

body .ui-widget .navigationCmp {
    background: transparent !important;
    margin: 20px 0;
}

body .ui-widget .ltuiTemplateMainCmp .cmp-header-label,
body .ui-widget .ltuiTemplateMainCmp h2.text-caps {
    font-weight: 600;
    font-size: 26px;
}

@media screen and (max-width: 767px) {
    body .ui-widget .ltuiTemplateMainCmp .cmp-header-label,
    body .ui-widget .ltuiTemplateMainCmp h2.text-caps {
        font-size: 22px;
    }

    body .ui-widget .navigationCmp .button-section {
        flex-direction: column;
        gap: 6px;
    }

    body .ui-widget .navigationCmp .button-section > div {
        width: 100%;
    }

    body .ui-widget .navigationCmp .button-section .prev-next-buttons > span {
        margin: 0;
    }
}

/*Home Page banner*/
body .ui-widget .banner-text p.banner-text-line {
    font-size: 34px;
    font-weight: 600;
    color: var(--dark-blue-color);
    padding: 30px 0;
}
  
body .ui-widget .banner-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    opacity: .5;
}
  
@media screen and (max-width: 1023px) {
    body .ui-widget .banner-icon {
        display: none;
    }

    body .ui-widget .test-banner p {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    body .ui-widget .banner-text p.banner-text-line {
        font-size: 30px;
    }
}

/*Flow banner*/
.ui-widget .ct3-flow-banner {
    background-image: linear-gradient(to right in oklab, #F59B12 0%, #EDB856 50%, #C5D92D 100%);
    border-radius: 10px 10px 0 0;
}

.ui-widget .ct3-flow-banner-wrapper {
    padding: 30px 15px;
}

.ui-widget .ct3-flow-banner-wrapper h3 {
    font-size: 30px;
    font-weight: 600;
    color: #003C61;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .ui-widget .ct3-flow-banner-wrapper h3 {
        font-size: 20px;
    }
}

/*Flow styling*/
body .slds-card.forceCommunityFlowCommunity footer .slds-button {
    padding: 3px 24px;
    border-radius: 10px;
    font-weight: 600;
}

body .slds-card.forceCommunityFlowCommunity footer .slds-button.slds-button_brand {
    background: var(--blue-color);
    color: var(--white-color);
}

body .slds-card.forceCommunityFlowCommunity footer .slds-button.slds-button_brand:hover::before,
body .slds-card.forceCommunityFlowCommunity footer .slds-button.slds-button_brand:hover::after {
    display: none;
}

body .slds-card.forceCommunityFlowCommunity footer .slds-button.slds-button_neutral {
    color: var(--blue-color);
}

body .slds-card.forceCommunityFlowCommunity .field-element .flow-cls-displaytext-container {
    border-radius: 10px;
}

body .slds-card.forceCommunityFlowCommunity lightning-primitive-input-toggle .slds-checkbox_toggle .slds-checkbox_faux {
    background: var(--orange-color);
    border-color: var(--orange-color);
}

body .slds-card.forceCommunityFlowCommunity lightning-primitive-input-toggle .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux {
    background: var(--lwc-brandAccessible);
    border-color: var(--lwc-brandAccessible);
}

body .slds-card.forceCommunityFlowCommunity flowruntime-repeater-instance .slds-card.card-container {
    box-shadow: 0px 0px 7px 0px #888;
    border-radius: 10px;
}

body .slds-card.forceCommunityFlowCommunity .flowruntime-column .flowruntime-input .slds-textarea {
    border-color: var(--lwc-colorBorderInput);
}

/*Flow tables*/
.table-container {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 24px 28px;
}

.table-wrapper {
    width: 100%;
}

.table-header {
    display: flex;
    gap: 15px;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #d1d5db;
}

.table-header span {
    font-size: 12px;
    font-weight: 700;
    color: #A06700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.table-row span {
    font-size: 14px;
    color: #374151;
}

.table-row {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.15s;
}

.table-row:last-child {
    border-bottom: none;
}

.table-row:hover {
    background: #f9fafb;
}

.record-link {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.empty-state {
    color: #9ca3af;
    font-size: 14px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .table-container {
        padding: 14px;
    }

    .table-row span,
    .record-link {
        font-size: 12px;
    }
}

/*Flows -> footer buttons are hidden*/
.comm-page-custom-my-data-entry .forceCommunityFlowCommunity .slds-card__footer.navigationBar{
    display: none;
}

.comm-page-custom-my-data-entry .ui-widget .slds-tabs_default.forceCommunityTabLayout {
    padding-top: 15px;
}