/* Styles by DW - WRapid - 09/02/2022 */
body {
    font-family: "Gibson-Regular",Open Sans,Arial,sans-serif;
}

strong {
    font-weight: 600;
}

.siteforceContentArea {
    font-size: 14px;
}

.forceCommunityThemeSearch.websterInnerHeader .search-input {
    border: solid 1px #CCCCCC !important;
    padding-left: 10px;
}

/* Left Hand Column Homepage */

.comm-page-home div[data-region-name="sidebar"] {
    padding-left: 50px;
}

/* WR Immigation Logo */

.siteforceThemeLayoutStarter .header {
    padding-top: 40px;
}

.themeUtil.themeProfileMenu::before {
    content: "";
    display: block;
    width: 145px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -28px;
    right: 0px;
    background-image: url(https://wrapid.wolfsdorf.com/sfsites/c/resource/WR_communityAssets/WR-immigration-logo.png);
}


/* Navigation Overrides */

.forceCommunityThemeNav .mainNavItem .linkBtn {
    font-weight: bold;
}

/* Headline Styles */

h1.headlineTitle {
    text-align: left !important;
}

span.headlineTitleText {
    color: #223870;
    font-family: 'Gibson-Regular';
    font-size: 34px;
}

/* CTA Button Styles */

a.WD-CTA-Sidebar {
    background-color: #76B9E0;
    width: 100%;
    display: block;
    max-width: 315px;
    color: #FFF !important;
    padding: 15px 10px;
    font-size: 20px;
    font-family: 'Gibson-Regular';
    text-align: center;
    font-weight: 100;
}

.slds-grid.cWR_CreateCandidateContact {
    display: block !important;
}
/*
.cWR_CreateCandidateContact button.slds-button, .cWR_CaseInitiate  button.slds-button {
    background-color: #76B9E0;
    width: 100%;
    display: block;
    max-width: 315px;
    color: #FFF !important;
    padding: 15px 10px;
    font-size: 20px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: none;
    font-weight: 100;
}

.ui-widget > button.slds-button.cWR_CaseInitiate {
    background-color: #76B9E0;
    width: 100%;
    display: block;
    max-width: 315px;
    color: #FFF !important;
    padding: 15px 10px;
    font-size: 20px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: none;
    font-weight: 100;
}
*/



a.WR-caseList-viewAll {
    display: block;
    position: relative;
    top: 5px;
    left: 12px;
}

a.WR-caseList-viewAll::after {
    content: "→ ";
    padding-left: 8px;
}

.WD-case-listview svg.slds-icon.slds-icon-text-default.slds-is-sortable__icon {
    fill: #fff !important;
}

/* Sidebar Dashboard */
.WD-sidebarDB {
    border-left: 2px #EEE solid;
    padding: 25px;
    margin-bottom: 20px;
}
.WD-sidebarDB .slds-text-heading_large {
    color: #223870;
    font-size: 1.25rem;
    letter-spacing: 0.1px;
    font-weight: 400;
}

.WD-sidebarDB-info span {
    color: #4E5358;
    font-size: 14px;
    display: block;
    width: 100%;
    padding-bottom: 2px;
}
.WD-sidebarDB-info b {
    color: #4E5358;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding-bottom: 18px;
}

.WD-sidebarDB svg.slds-icon {
    width: 1.5rem;
    height: 1.5rem;
}

/* Case List View 2 */

.WD-case-listview .slds-th__action {
    background-color: #223870 !important;
    color: #ffffff !important;
    padding: 22px 15px !important;
}

.WD-case-listview .slds-scrollable_y {
    margin-top: 12px;
}

td[data-label="Actions"] .slds-button_icon-brand, td[data-label="Upload"] .slds-button_icon-brand {
    background-color: #FFF;
    border: none;
}


.WD-case-listview td[data-label="Actions"] lightning-primitive-icon svg, .WD-case-listview td[data-label="Upload"] lightning-primitive-icon svg {
    fill: #4da66f !important;
    width: 22px;
    height: 22px;
}

/*-- Upload Document --*/

/*-- Account Detail --*/


/* Action Button fruit-salad=#4da66f */

.WD-case-listview-top lightning-button-icon.refreshButton {
    display: inline;
    margin-left: 10px;
}

.WD-case-listview-top lightning-input.serchBox.slds-form-element {
    display: inline-block;
    width: 86% !important;
}

td[data-label="Actions"] lightning-primitive-cell-factory span {
    display: inline-grid;
}

td[data-label="Upload"] span.slds-grid.slds-grid_align-center {
    position: relative;
    left: -55px;
}

th[aria-label="Upload"] span.slds-th__action {
    padding: 0px !important;
    display: none;
}

/* HTML Footer Styles */
.WD-footer-outside {
    margin-top: 35px;
    padding-top: 15px;
    background: linear-gradient(180deg, #215091 0%, #172957 100%);
    height: 85px;
}

.WD-footer-inside {
    width: 100%;
    max-width: 1440px;
    margin: 0px auto;
}

.WD-footer-image img {
    display: inline-block;
    max-width: 155px;
}

.WD-footer-inside ul {
    list-style: none;
    list-style-type: unset;
    color: #FFF;
    display: inline-block;
    margin-left: 100px;
}

.WD-footer-inside li {
    display: inline-block;
    list-style: none !important;
    list-style-type: unset !important;
    padding-right: 16px;
    border-right: 1px #fff solid;
    margin-right: 15px;
    line-height: 16px;
}

.WD-footer-inside li:last-child {
    border-right: none;
}

.WD-footer-inside li a {
    color: #fff;
}

.WD-footer-inside  ul>li:before {
    display: none;
}

@media only screen and (max-width:768px) {
    .WD-footer-image img {
        display: block;
        max-width: 155px;
        margin-left: 10px;
    }
    .WD-footer-inside ul {
        list-style: none;
        list-style-type: unset;
        color: #FFF;
        display: block;
        width: 100%;
        margin-left: 0px;
        float: right;
        margin-top: 20px;
        margin-right: -12px;
    }
    .WD-footer-outside {
        margin-top: 20px;
        padding-top: 18px;
        background: linear-gradient(180deg, #215091 0%, #172957 100%);
        height: 160px;
    }
}

/* Modal Buttons */

.WD-Modal-Actions {
    text-align: center;
}

.WD-Modal-Actions button.WD-Modal-Action-Cancel {
    margin-left: 20px !important;;
    color: #666;
}

.WD-Modal-Actions button.WD-Modal-Action-Submit {
    background-color: #76b9e0;
    border-color: #76b9e0;
}

c-wr_-document-intake-sub-category .slds-box {
    background-color: #223870 !important;
}

/*-- Documents Upload --*/

div[c-wr_sobjectlistview_wr_sobjectlistview].slds-modal__container {
    max-width: 80rem;
    width: 100%;
}

lightning-button[c-wr_DocumentIntake_wr_DocumentIntake].button button {
    background-color: #eee;
    color: #223870 !important;
    width: 100%;
    border-radius: 0px;
    position: relative;
    right: -5px;
}


lightning-button[c-wr_DocumentIntake_wr_DocumentIntake].button button::after {
    content: "→ ";
    color: #d34600!important;
    font-size: large;
    position: absolute;
    right: 14px;
}

.slds-col.WR-DocColumn-right {
    border-left: 1px solid #CCCCCC !important;
    width: 65%;
    padding-left: 25px !important;
}

.button[c-wr_DocumentIntake_wr_DocumentIntake] {
    background-color: transparent !important;
}

.WR-DocSection.WR-DocSection-Dep {
    margin-top: 25px;
}

lightning-button.WR-DocButton button{
    background-color: #FFF;
    width: auto;
    display: inline-block;
    color: rgb(211, 70, 0) !important;
    padding: 6px 30px;
    font-size: 14px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: #CCCCCC 1px solid;
    font-weight: 100;
    margin-top: 20px;
}

lightning-button.WR-NotifyButton button{
    background-color: #FFF;
    width: 174px;
    display: inline-block;
    color: rgb(211, 70, 0) !important;
    padding: 6px 30px;
    font-size: 14px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: #CCCCCC 1px solid;
    font-weight: 100;
    margin-top: 20px;
}

c-wr_-document-intake-sub-category .slds-grid.slds-gutters {
    margin: 10px 0px !important;
}
/*
header[c-wr_sobjectlistview_wr_sobjectlistview].slds-modal__header {
    background-color: rgb(34, 56, 112);
    color: #FFF;
}
*/

lightning-button[c-wr_DocumentIntake_wr_DocumentIntake] button {
    padding: 2px 15px;
    color: rgb(36, 168, 226);
}
div[c-wr_documentintake_wr_documentintake] div.slds-m-left_x-small {
    font-weight: bold;
    font-size: 1rem;
}

button.WD-Modal-Action-Cancel {
    margin-left: 20px !important;;
    color: #666;
}

button.WD-Modal-Action-Submit {
    background-color: #76b9e0;
    border-color: #76b9e0;
}

div[c-wr_documentintake_wr_documentintake] button.slds-button_brand {
    background-color: #76b9e0;
    border-color: #76b9e0;
}

c-wr_-overview-document-intake .slds-rich-text-editor__output p {
    padding-bottom: 8px;
}

/*-- Profile Page --*/

lightning-card[c-contactbannercardlist_contactbannercardlist] article {
    border: 3px solid #223870 !important;
    background-color: #eee !important;
    color: #223870;
    padding: 10px;
}

lightning-card[c-contactbannercardlist_contactbannercardlist] article span.slds-text-heading_small.slds-truncate {
    font-weight: bold;
    font-size: 1.5rem;
}

/*-- Case Detail  --*/

/* hide follow button */
.forceRecordLayout .forceActionsContainer div[data-target-selection-name="sfdc:StandardButton.Contact.Follow"] {
    display: none !important;
}

button.slds-button.WR_Questionnaire_Case {
    float: right;
    border: none;
}
button.slds-button.WR_FileUpload_Case, button.slds-button.WR_UploadDocs_Case {
    float: right;
    border: none;
}

button.slds-button.WR_FileUpload_Case::before, button.slds-button.WR_UploadDocs_Case::before {
    content: "";
    display: block;
    width: 41px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-image: url(https://wolfsdorf.force.com/fn/sfsites/c/resource/WR_communityAssets/Icons/Upload_Docs.svg);
}


button.slds-button.WR_Questionnaire_Case::before {
    content: "";
    display: block;
    width: 41px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-image: url(https://wolfsdorf.force.com/fn/sfsites/c/resource/WR_communityAssets/Icons/Questionnaire.svg);
}



/* Tabs */
.comm-page-detail-500 .uiTabset--default.uiTabset.forceCommunityTabset {
    padding-top: 20px !important;
}

.comm-page-detail-500 .forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader {
    padding: 10px 20px !important;
    font-size: 15px !important;
}

.uiTabset--default .tabs__item.active>a {
    border-color: #CCC !important;
    color: rgb(36, 168, 226) !important;
    font-weight: var(--lwc-fontWeightBold,700) !important;
}
lightning-card[c-wr_trackcaseprogresssteps_wr_trackcaseprogresssteps] article.slds-card {
    border: none !important;
}



/* User Profile Page Styles */

.forceCommunityUserRecordHome .userHeaderDetail {
    background: #fff;
    padding: 15px 10px;
    box-shadow: 2px 2px 8px #00000011;
    border: none !important;
    margin-bottom: 25px;
}

.forceCommunityUserRecordHome .userFeed {
    background: #fff;
    padding: 15px 10px;
    box-shadow: 2px 2px 8px #00000011;
    border-radius: 5px;
}

.forceCommunityUserRecordHome .forceCommunityUserProfileStats, .forceCommunityUserRecordHome .forceRelatedListContainer .forceRelatedListCardDesktop {
    background: #fff;
    padding: 15px 10px;
    box-shadow: 2px 2px 8px #00000011;
    border: none !important;
}

/*  Case Team  */

c-w-r_-case-team .slds-grid.slds-wrap.slds-m-around_x-small {
    width: 100%;
    max-width: 390px;
}

/*-- Documents Quickload --*/
c-wr_-document-intake-sub-category {
    padding-bottom: 20px;
    display: block;
}

button.slds-button[title="Documents Quickload"] {
    background-color: #FFF;
    width: 100%;
    display: inline-block;
    max-width: 250px;
    color: rgb(211, 70, 0) !important;
    padding: 6px 10px;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: #CCCCCC 1px solid;
    font-weight: 100;
}
.ui-widget > button.slds-button.cWR_CaseInitiate, button.slds-button.WR_CreateCase_Button {
    background-color: #FFF;
    width: 100%;
    display: inline-block;
    max-width: 250px;
    color: rgb(211, 70, 0) !important;
    padding: 6px 10px;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: #CCCCCC 1px solid;
    font-weight: 100;
}

.cWR_CreateCandidateContact > div > button.slds-button.WR_CreateCase_Button {
    background-color: #FFF;
    width: 100%;
    display: inline-block;
    max-width: 250px;
    color: rgb(211, 70, 0) !important;
    padding: 6px 10px;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: #CCCCCC 1px solid;
    font-weight: 100;
}

button.cPrintEmployerQuestionnaireButton  {
    float: right;
    background-color: #FFF;
    width: 100%;
    display: inline-block;
    max-width: 250px;
    color: rgb(211, 70, 0) !important;
    padding: 6px 10px;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    text-align: center;
    border: #CCCCCC 1px solid;
    font-weight: 100;
}

.ui-widget > button.slds-button.cWR_CaseInitiate:hover, button.slds-button.WR_CreateCase_Button:hover, button.slds-button[title="Documents Quickload"]:hover, .cWR_CreateCandidateContact > div > button.slds-button.WR_CreateCase_Button:hover, .cWR_I94GetMostRecentComponent.WD-CTA-Sidebar:hover {
    background-color: rgba(211, 70, 0, 0.05);
}

/*-- Record Detail  --*/

header.forceHighlightsPanel.forceCommunityRecordHeadline {
    background-color: #223870;
    border-radius: 8px 8px;
    color: #fff;
}

header.forceHighlightsPanel.forceCommunityRecordHeadline .entityNameTitle.slds-line-height_reset {
    color: #fff;
}

header.forceHighlightsPanel.forceCommunityRecordHeadline ul.slds-form.slds-form_stacked.slds-grid.slds-page-header__detail-row {
    position: relative;
    bottom: 2px;
    border-radius: 0px 0px 6px 6px;
}

/*-- Account Detail --*/

div[data-target-selection-name="sfdc:StandardButton.Account.Follow"] {
    display: none !important;
}

li.slds-button:hover, li.slds-button:focus {
   background-color: #fdf6f4 !important;
}



/* FN Questionnaire --*/

.cAllTabComponent .slds-form-element__label .slds-required, .cAllTabComponent .slds-form-element__label .required {
    margin-left: 0px !important;
}
.cAllTabComponent .slds-form-element__label {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
    color: rgb(1, 68, 134);
}

.cAllTabComponent .inputPadding label {
    color: rgb(1, 68, 134);
}

.cAllTabComponent button.slds-button.slds-button_icon.slds-button_icon-warning {
    position: relative;
    top: -6px;
}

.slds-col.WR-tabTitle {
    font-weight: bold;
    position: relative;
    bottom: -15px;
    color: rgb(1, 68, 134);
}

/* FN Questionnaire --*/

.slds-form--stacked .slds-form-element__label .slds-required, .slds-form--stacked .slds-form-element__label .required {
    margin-left: 0px !important;
}
.slds-form--stacked .slds-form-element__label, .slds-form--stacked .slds-form-element__label span{
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
    color: rgb(1, 68, 134);
}

.slds-form--stacked .inputPadding label {
    color: rgb(1, 68, 134);
}

.cPERMEmployerQuestionnaire button.slds-button.slds-button_icon.slds-button_icon-warning {
    position: relative;
    top: -6px;
}

.slds-col.inputPadding.WR-tabTitle {
    font-weight: bold;
    position: relative;
    bottom: -15px;
    color: rgb(1, 68, 134);
}


.cEmployerQuestionnaireTab .slds-col.WR-IndentRev h1:first-child {
    padding: 0 0px 15px 0px !important;
}

.cEmployerQuestionnaireTab .inputPadding1 label {
    padding-bottom: 10px;
    display: inline-block;
}

/*-- Button Styles --*/
button.slds-button.slds-button_brand {
    background-color: #4da66f !important;
    border-color: #4da66f !important;
    color: #FFFFFF !important;
}

button.slds-button.slds-button--neutral, button.slds-button.slds-button_brand.slds-button--neutral {
    background-color: #FFF !important;
    color: #666 !important;
    border: #CCC solid 1px !important;
}

button[title="Save"].slds-button.uiButton--brand.slds-button--neutral {
    background-color: #4da66f !important;
    border-color: #4da66f !important;
    color: #FFFFFF !important;
}

button.slds-button.slds-button_success {
    background-color: rgb(34, 56, 112) !important;
    border-color: rgb(34, 56, 112) !important;
    color: #FFFFFF !important;
}

/*-- Profile Page --*/

.forceCommunityUserProfileHeader a[title="Update Photo"] img.circularPhoto {
    border-radius: 50%;
    height: 7rem;
    width: 7rem;
    max-width: initial;
}


/*-- Home Case List - Case ID Column --
th[aria-label="Case ID"] {
    width: 120px !important;
}

th[aria-label="Case ID"] lightning-primitive-header-factory.slds-is-sortable.slds-is-resizable {
    width: 120px !important;
}

th[aria-label="Case ID"] span.slds-cell-fixed {
    width: 120px !important;
}

th[aria-label="Case ID"] a.slds-th__action.slds-text-link_reset.slds-is-sorted.slds-is-sorted_asc {
    width: 120px !important;
}

 */



/*-- SLDS Path --*/
.slds-path__nav .slds-is-complete {
    background: #4da66f;
    background-color: #4da66f !important;
}

.slds-path__nav .slds-is-complete:before, .slds-path__nav .slds-is-complete:after {
    background: #4da66f !important;
}

.slds-path__nav svg.slds-icon[data-key="check"] {
    fill: #FFF;

}

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

    .forceCommunityUserRecordHome .userFeed {
        background: #fff;
        padding: 15px 10px;
        box-shadow: 2px 2px 8px #00000011;
        border-radius: 5px;
    }
}

/* Maintenance Page */

.WR-inMain-wrap {

}

.WR-inMain-top {
    display: flex;
}
.WR-inMain-top-left {
    width: 50%;
    display: inline-block;
}
.WR-inMain-top img {
    width: 150px;
}

.WR-inMain-top-right {
    width: 50%;
    display: inline-block;
    text-align: right;
}
.WR-inMain-body {
    text-align: center;
    display: block;
    font-family: "Gibson-Regular",Open Sans,Arial,sans-serif;

}
h1 {
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    padding: 20px 10px;
    font-family: "Gibson-Regular",Open Sans,Arial,sans-serif;

}
.WR-inMain-body img {
    width: auto;
    margin: 0px auto;
}
.WR-inMain-body h1 {
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    padding: 20px 10px;
    color: #223870 !important;
    line-height: 1.1em;
}
.WR-inMain-body h2 {
    display: block;
    width: 100%;
    max-width: 481px;
    font-size: 20px;
    padding: 20px;
    line-height: 29px;
    margin: auto;
    color: #666;
    font-weight: 300;
    font-family: "Gibson-Regular",Open Sans,Arial,sans-serif;

}

.WR-inMain-footer {
    display: flex;
    width: 100%;
    max-width: 500px;
    margin: auto;
    line-height: 14px;
}

.WR-inMain-footer-right {
    width: 50%;
    display: inline-block;
    border-top: 2px solid #d34600;
    padding: 10px 0px;
    margin-left: 20px;
    text-align: left;
}

.WR-inMain-footer-left {
    width: 50%;
    display: inline-block;
    border-top: 2px solid #d34600;
    padding: 10px 0px;
    margin-right: 20px;
    text-align: left;
}

.WR-inMain-footer a {
    color: rgb(36, 168, 226);
    padding-right: 5px;
    margin-right: 5px;
    border-right: solid 1px rgb(36, 168, 226);
}

.WR-inMain-footer a:last-child {
    border-right: none;
}

/*-- Dependents --*/

c-wr_-dependents div div {
    padding-bottom: 5px;
}

button.cFNQuestionnaire, button.WR_Questionnaire_Case {
    font-size: 1rem;
}
.cEmployerQuestionnaireTabButton {
    font-size: 1rem;
}

lightning-icon[c-wr_trackcaseprogresssteps_wr_trackcaseprogresssteps] svg.slds-icon {
    width: 30px;
    height: 30px;
}
/*--Login Override --*/
.cLoginForm button.sfdc_button {
    background-color: #0070d2 !important;
    border-color: #357ebd !important;
}
.cLoginForm #sfdc_password_container {
    border: none !important;
}

/*Rohit 02172023*/
.salesforceIdentityLoginBody2 .cCenterPanel {
    max-width: 620px !important;
}