/* Navbar */
.navitem.pnd{
    border-bottom: 3px solid var(--white-text)!important;
    font-weight: 500;
    color: var(--white-text)!important;
    font-style: italic;
}
/* End of Navbar */

/* Page Structure */
.content{
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: flex-start;
    column-gap: 50px;
    row-gap: 40px;
    font-family: "montserrat", "futura", Arial, Helvetica, sans-serif;

}
.portal, .seller_summary_stats, .deal_summary_stats{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    column-gap: 30px;
    row-gap: 40px;
    max-width: 1140px;
}
.seller_summary_stats, .deal_summary_stats{
    width: 100%;
}
@media screen and (max-width: 780px){
    .portal{
        justify-content: center;
    }
}
.left_col{
    width: 320px;
    margin:30px 15px 0 15px;
}
.right_col{
    width: 360px;
    margin:50px 15px;
    position:sticky;
    top: 90px;
}
/* End of Page Structure */

/* Common Styling */
a {
    color: inherit;
    text-decoration: none;
}
a:hover{
    cursor: pointer;
}
input:focus{
    outline:none;
    border-color: var(--lh-yellow);
    border-width: 2px;
}
.hyperlink{
    text-align: center;
    color: var(--gold);
    text-decoration: underline;
    cursor: pointer;
}
/* End of common */

/* PND Portal */
.portal_tagline{
    text-align: center;
    margin: 0 auto;
    font-style: italic;
    color: #404040;
    font-size: 16px;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    text-transform: none;
    padding-bottom: 10px;
}
.portal_intro{
    max-width: 450px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    row-gap: 15px;

    font-family: "montserrat";
    color: var(--label-text);
    font-weight: 500;
    font-size: 13px;
}
.portal_intro ol{
    font-weight: 500;
}
.intro_detail li{
    margin: 10px 0;
}
.portal_note{
    font-weight: 500;
    font-family: "futura", "montserrat", sans-serif, monospace;
    flex-basis: 100%;
}
.intro_link{
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    color: var(--gold);
    font-style: italic;
}
input.search_val, input.search_lead{
    text-align: center;
}
input.search_val::placeholder, input.search_lead::placeholder{
    font-size: 11.5px;
    font-style: italic;
}
.portal_region_desc{
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    font-family: "montserrat", "futura", sans-serif;
    color: dimgray;
    text-align: center;
    max-width: 400px;
}
.portal_header_cta{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.seller_acct_links{
    font-family: 'montserrat';
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
/* End of PND Portal */

/* Form */
.return, .forward{
    font-size: 12px;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    color:var(--label-text);
    padding: 0vh 10vw;

}
.return{
    text-align: left;
}
.forward{
    text-align: right;
    align-self: flex-end;
}
.deal_form{
    font-family: "montserrat", "Lato", sans-serif;
    font-weight: 500;
}
.header_announcement {
    color: var(--label-text);
    font-family: "montserrat", "hind", "futura", Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
    line-height: 1.5em;
    font-size: 14px;
    font-weight: 450;
    font-style: italic;
}
/* Form Section Title */
.section_heading{
    padding: 5px 0;
}
.section_title{
    padding: 10px;
    font-family: "futura", "proxima-nova", "helvetica neue";
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .4em;
    text-transform: uppercase;
}
.section_title.tighter_title{
    letter-spacing: 0.3em;
}
.section_divider{
    background-color: #2d2d2d;
    height: 2px;
    width: 100%;
    margin: 0 0 10px 0;
}
.section_info{
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12.5px;
    line-height: 1.4em;
}
.info_txt, .seller_info_warning{
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    font-family: "montserrat", "futura", Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.info_txt{
    color: var(--dark-text);
}
.seller_info_warning{
    color: var(--red);
    padding: 0 0 5px 5px;
}
#deal_detail_fields, #con_deal_detail_fields{
    background: var(--light-grey-background);
    padding: 10px 0 5px 0;
}
#das_tax_checkbox_div{
    padding: 0 5px;

}
#das_tax_checkbox_div i {
    font-size: 14px;
}
/* End of Form Section Title */

/* Animated input fields */
.input_div{
    position: relative;
    padding: 10px 5px;
    margin: 5px 0;
}
.input_label, .top_label, .checkbox_div, .custom-file-upload {
    font-family: "montserrat";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1em;
    letter-spacing: 1.4px;
    color: var(--label-text);
}
.top_label{
    margin-left: 5px;
}
.lead_inputs .top_label{
    margin: 7px 0;
    display: block;
}
.input_label{
    transition: all .3s ease;
    position: absolute;
    top: 27px;
    transform: translateY(-50%);
    padding-left: 5px;
}
.input_label.label_active, .input_label.always_active {
    font-size: 9px;
    line-height: 11px;
    letter-spacing: 1px;
    height: 11px;
    display: inline-flex;
    align-items: flex-end;

    padding-top: 5px;
    transform: translateY(0);

    top: -4px;
    left: 3px;
    right: 0;
}
.input_field, .fixed_input{
    font-family: "montserrat","Lato", sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    color: #000000;
}
.input_field {
    width: calc(100% - 10px);
    border: 0;
    border-bottom: 1px solid #9b9b9b;
    outline: 0;
    padding: 5px;
    background: transparent;
    transition: all 0.2s;
}
/* End of animated input fields */

/* Radio */
/* Clip radio */
input[type=radio], .checkbox_option input[type=checkbox], input.search_checkbox{
    width:1px;
    height: 1px;
    position:absolute;
    clip: rect(0 0 0 0);
}
/* radio label styling */
input[type=radio]+label, .checkbox_option input[type=checkbox]+label, .nodeal_reason, input.search_checkbox+label{
    transition: all 0.25s;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-delay: 0s;

    background: #ededed;
    font-family: 'montserrat', 'futura';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 1.4px;
    color: var(--label-text);

    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #ededed;

    cursor: pointer;
}
input[type=radio]:hover+label, .checkbox_option input[type=checkbox]:hover+label, .nodeal_reason:hover, .nodeal_reason:focus, input.search_checkbox:hover+label{
    background-color: var(--lh-yellow);
    color: var(--white-text);
}
input[type=radio]:checked+label, .checkbox_option input[type=checkbox]:checked+label, .nodeal_reason:active, input.search_checkbox:checked+label{
    background-color: var(--lh-yellow);
    color: var(--white-text);

    border-color: var(--lh-yellow);
    border-bottom-color: #d9b527;
    border-bottom-width: 3px;
}
.radio_options{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    grid-template-rows: 50px;
}
.radio_options.three{
    grid-template-columns: 1fr 1fr 1fr;
}
.radio_options input[type='radio']+label{
    padding: 10px;
    display: block;
    text-align: center;
}
.input_full{
    margin: 10px 0;
}
.flex_radio_options{
    display: flex;
    flex-flow: row wrap;
    gap: 10px 10px;
    margin:15px 0 10px 0;
}
.flex_radio_options input[type='radio']+label, .flex_radio_options input[type='checkbox']+label{
    padding: 10px;
    display: block;
    letter-spacing: 0.5px;
}
/* End of radios */



/* Select dropdown */
select{
    padding: 5px 10px;
    border-style: none;
    border-bottom: 1px solid #CCC;
    background-color: transparent;
    color: inherit;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    -webkit-appearance: menulist;
    outline-color: #ffe95e;
    box-sizing: border-box;

    font-family: 'montserrat', 'futura';
    font-weight: 500;
    font-style: italic;
    color: var(--dark-text);
    margin:7.5px 0;
    border-bottom: 1px solid #9b9b9b;
}
select.res_select{
    text-align: start;
    font-style: normal;
    font-family: "montserrat";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1em;
    letter-spacing: 1.4px;
    color: var(--label-text);
    padding: 5px 0;
}
select option:first-child{
    font-family: "montserrat";
    font-weight: 700;
    text-transform: uppercase !important;
    font-size: 10px;
    line-height: 1em;
    letter-spacing: 1.4px;
    color: var(--label-text);
}
/* End of Select Dropdown */
.exp_txt, .checkbox_exp_txt, .exp_txt p{
    font-size: 12px;
    color: dimgray;
    font-style: italic;
    line-height: 1.4em;
    margin: 7.5px 0 0 0;
    font-weight: 500;
    font-family: "montserrat", "futura", Arial, Helvetica, sans-serif;

}
.checkbox_exp_txt{
    text-transform: none;
    margin: 0 0 0 28px;
}
/* Onboarding form exp_txt */
.exp_txt.form_exp_txt, .exp_txt.form_exp_txt p{
    margin: 0 0 15px 0;
    color: var(--label-text);
    font-size: 13px;
    font-style: normal;
}
.exp_txt p{
    margin: 1em 0;
}
.exp_txt p a{
    color: var(--gold);
    font-weight: 600;
    text-decoration: underline;
}
.exp_txt.form_checkbox_txt{
    text-transform:none;
    letter-spacing: 0;
    color: var(--label-text);
    font-size: 13px;
    margin: 0;
}
.green{
    color: var(--green);
}
.blue{
    color: var(--blue);
}
.yellow{
    color: var(--lh-yellow);
}
.pink{
    color: var(--pink);
}
textarea{
    background: var(--white-text);
    padding: 10px;
    margin: 10px 5px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 10px);

}
.checkbox_div{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    gap: 0.8em;
    line-height: 1.4em;
}
.lead_body .list_item, .summary_header .list_item{
    font-weight: bold;
    color: var(--dark-text);
}
.list_item{
    font-weight: 400;
}
.section_info .list_item{
    margin-bottom: 1.2em;
}
ol, .survey_lead{
    letter-spacing: 0.5px;
    font-weight: 400;
}
ol {
    padding-inline-start: 25px;
}
.subsection_title{
    font-style: italic;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-top: 10px;
    margin-bottom: 5px;
}
.fine_print, .checkbox_txt{
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.3px;
    line-height: 1.4em;
    color: var(--dark-text);
    font-family: "Lato", "montserrat", sans-serif;
    text-transform: none;
}
.checkbox_txt{
    line-height: 1.2em;
}
.form_btns{
    margin: 15px auto;
    display: flex;
    flex-direction: column;
    gap:10px;
}
/* File Upload */
input[type="file"] {
    width:1px;
    height: 1px;
    position:absolute;
    clip: rect(0 0 0 0);
}
.custom-file-upload {
    display: block;
    padding: 15px 0;
    /* margin: 15px 0; */
    cursor: pointer;
    width: 100%;
    text-align: center;
    background-color: #fafafa;
    box-shadow: 2px 4px 20px rgb(112 112 112 / 20%);

}
#file-upload{
    padding: 15px 10px;
}
#file-upload .disclaimer{
    margin: 10px auto!important;
    text-align: justify!important;
    max-width: 500px;
}
.filenames{
    background: #e8e8e8;
    padding: 15px 10px;
    font-style: italic;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-all;

}
.filenames p{
    margin: 0;
    line-height: 2em;
}
.filenames filename{
    color: var(--label-text);
}
/* End of form */

/* Deal card */
.deal_card, .lead_card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: var(--white-text);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    box-sizing: border-box;
}
.deal_card{
    padding: 40px 30px 30px 30px;
    width: 360px;
    gap: 10px;
}
.deal_card_deal, .deal_card_info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%;
}
.deal_card_info{
    padding: 20px 0 10px 0;
}
.deal_card_deal{
    gap: 10px;
}
.card_header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    column-gap: 10px;

    font-size: 12px;
    font-family: 'montserrat';
    font-weight: 500;
}
.header_region{
    color: var(--green);
    font-weight: bold;
}
.delivery_option_val{
    font-style: italic;
    color: dimgray;
    font-weight: 500;
    font-size: 11.5px;
    line-height: 1.5em;
}
.header_exp{
    flex:0 0 auto;
}
.card_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 5px;
    width: 100%;
    padding: 20px 0 0 0;
    /* margin: 30px 0 0 0; */
    font-weight: 500;
}
.title_yrmk{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.model_val{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.trim_val{
    font-style: italic;
    font-size: 13px;
}
.card_qty, .lh_note_section .info_subtitle{
    background-color: var(--lh-yellow);
    color: var(--label-text);
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    padding: 6px 10px;
    /* margin: 5px auto; */
}
.card_img{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.card_img img{
    max-width: 100%;
    /* transform: scale(1.2); */
}
.card_msrp{
    font-weight: 500;
    text-align: center;
    margin: auto;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.card_pricing{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* margin: 20px 0 10px 0; */
    padding:
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
}
.pricing_sublabel{
    font-size: 11.5px;
    font-weight: 400;
}
.pricing_divider{
    width: 40.8px;
    height: 0px;
    border: 0.5px solid #C2C2C2;
    transform: rotate(-75deg);
}
.card_das, .info_content{
    font-size: 13px;
    line-height: 1.2em;
    letter-spacing: 0.2px;
}
.card_das{
    /* width: 85%; */
    text-align: center;
}
.info_content{
    width:100%;
    text-align: justify;
}
.info_content.lh_take_val, .info_content.lh_note_val {
    text-align: center;
}
.card_con{
    text-align: center;
}
.card_con_link{
    font-size: 14px;
    font-style: italic;
    line-height: 1.4em;
    font-weight: 300;
    text-decoration: underline;
    text-decoration-color:var(--lh-yellow);
    text-decoration-thickness: 3px;
}
.emphacize{
    font-weight: 500;
}
.card_toggle{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;

    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
    /* padding: 10px 0 10px 0; */
}
.info_toggle{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.info_details{
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 15px
}
.expand{
    transform: rotate(90deg);
}
.italic{
    font-style: italic;
}
.fa-link{
    cursor: pointer;
}
.copied{
    color: dimgray;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    font-size: 12px;
}
.copied_input{
    padding: 5px 10px;
    font-size: 14px;
    border-style: none;
    border-bottom: 1px solid #CCC;
    background-color: transparent;
    width:260px;
    margin:10px 0;

}
.info_section{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.info_subtitle{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.calc_val {
    text-decoration: underline;
}
.button{
    background-color: var(--btn-background);
    color: var(--lh-yellow);

    border: 2px solid var(--btn-background);
    border-radius: 3px;

    font-size: 12px;
    font-weight: 600;
    font-family: 'montserrat';

    line-height: 1.2em;
    letter-spacing: 2px;
    text-transform: uppercase;

    padding: 15px 25px;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
    /* display: block; */
}
.button.btn_outline{
    background-color: transparent;
    color: var(--lh-yellow);

    border: 2px solid var(--lh-yellow);
}
.button.btn_grey{
    background: #D7D7D7;
    color: #7E7E7E;
    cursor: auto;
    border: 2px solid #D7D7D7;
}
.green_btn{
    background-color: var(--green);
    color: var(--white-text);
    border: 2px solid var(--green);
}
.red_btn{
    background-color: var(--red);
    color: var(--white-text);
    border: 2px solid var(--red);
}
.portal_header .button{
    width: auto;
    display: block;
}
.see_leads_btn{
    border: 2px solid var(--btn-background);
}
.button:hover:enabled, .button.btn_outline.btn_checked, .portal_header .button:hover, a.button:hover{
    background-color: var(--lh-yellow);
    color: var(--white-text);
    font-style: italic;

    transition: all 0.25s;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-delay: 0s;

    border: 2px solid var(--lh-yellow);
    border-width: 0 1px 2px;
    border-bottom-color: #d9b527;
}

.no_click{
    pointer-events: none;
}
.btn_div{
    display: flex;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}
.btn_div.lead_btns{
    flex-direction: column;
}
.lead_card .button{
    margin: 0;
    padding: 13px 15px;
}
.lead_inputs .action_btn, .summary_cta .card_field .action_btn{
    max-width: 110px;
    padding: 11px 15px;
}
.lead_inputs #in_progress_action_btn{
    max-width: 100%;
}
.nodeal_reasons{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.nodeal_reason{
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.pnd_form_common .button{
    padding: 15px 15px;
}
.seller_cta .btn_div, .lead_cta .btn_div, .deal_card_customer_div .btn_div, .summary_cta .btn_div{
    width: 300px;
}

.btn_div > button, .btn_div > div{
    box-sizing: border-box;
    flex: 1;
}
.deal_card_customer_div .btn_div > button{
    margin: 5px auto;
}
.tight_btn.button{
    line-height: 1em;
    letter-spacing: 1px;
}
.button.update_qty, .button.email_price{
    padding: 15px 10px;
}
.qty_cta_container{
    display: flex;
    flex-direction: column;
}
.email_cta, .seller_cta{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}
.card_field{
    width:300px;
    display: flex;
    align-items: end;
    gap: 10px;
}
.card_field .button{
    margin: 0;
}
.deal_card_staff_div{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    row-gap: 10px;
}
.card_deal_status{
    background: #dddddd;
    padding: 10px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--label-text);
    margin: 5px 0;
}
.even_flex{
    display:flex;
    justify-content: space-evenly;
    column-gap: 10px;
    width: 100%;
}
.deal_stats{
    width: 100%;
}
.deal_stats .button{
    margin: 0;
}
.stat_details{
    margin: 10px 0;
    padding: 0 10px;
    font-size: 12px;
    font-family: "montserrat", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: var(--label-text);
    line-height: 1.4em;
    width:100%;
}
.stat{
    font-weight: 600;
    color: var(--dark-text);
    margin: 0 0 0 5px;
}
.exp_btn.btn_div{
    flex-direction: column;
    row-gap: 0;
}
.exp_btn.btn_div button{
    margin-bottom:0;
}
/* End of deal card */

/* Lead card */
.lead_card{
    width: 360px;
    padding: 30px;
    gap: 10px;
}
.lead_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.lead_name{
    font-weight: bold;
    font-size: 18px;
    overflow-wrap: break-word;
    word-break: break-word;
}
.lead_status, .seller_status, .survey_grade{
    padding: 5px 7.5px;
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    font-style: italic;
    flex-shrink: 0;
}
.survey_grade{
    margin: 0 5px;
}
.lead_status.new, .blue_background{
    background-color: var(--blue);
}
.lead_status.in_progress, .yellow_background{
    background-color: var(--lh-yellow);
}
.lead_status.deal, .seller_status, .green_background{
    background-color: var(--green);
}
.lead_status.no_deal, .seller_status.inactive, .grey_background{
    background-color: var(--grey-background);
}
.lead_status.deal_ended, .red_background{
    background-color: var(--red);
}
.pink_background{
    background-color: var(--pink);
}
.red_background{
    background-color: var(--red) !important;
}
.light-grey-background{
    background-color: var(--light-grey-background);
}
.disabled_text{
    color: var(--disabled-text);
}
.lead_body{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 1.4em;
}
.lead_section{
    margin-bottom: 10px;
    width: 100%;
}
.lead_section a{
    color: var(--gold);
    font-weight: 600;
}
.lead_section .subsection_title{
    text-decoration: underline;
}
/* End of Lead card */
/* Lead Portal */
.portal_header{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0 40px 0;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 15px;
}
.portal_header.seller{
    flex-direction: column;
}
.portal_arrows{
    display: flex;
    justify-content: space-between;
}
.arrow_txt{
    padding: 0 10px;
}
.portal_filters, .sub_filters{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.portal_filter, .summary_filter, .filter_label, .sub_filters_label, .expand_toggle{
    padding: 10px 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'montserrat';
    font-weight: 700;
    cursor: pointer;
    color:var(--label-text);
    background-color: transparent;
    border-bottom: 3px solid var(--label-text);

    transition: all 0.25s;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
.portal_info{
    flex: 1 1 100%;
    text-align: center;
    text-transform: none;
}
.portal_info.filter_label{
    cursor: auto;
}
/* sub_filter */
.sub_filters{
    gap: 2.5px;
}
.portal_filter.sub_filter, .expand_toggle{
    border-bottom: none;
    padding:6.5px 10px;
}
.expand_toggle{
    text-align: center;
}
.portal_filter.sub_filter.btn_checked{
    background: var(--lh-yellow);
    color: var(--white-text)
}
.sub_filters_label{
    border-bottom: none;
    text-align: center;
    color: grey;
    padding: 0 0 5px 0;
}
.sub_filter_groups{
    background: var(--light-grey-background);
    padding: 20px;
}
.intro_detail{
    background-color: var(--light-grey-background);
    padding: 10px 1.5em 20px 0;
}
/* end of sub_filter */
.portal_filter.btn_checked, .summary_filter.btn_checked{
    background: #DDDDDD;
    font-style: italic;
}
@media (hover: hover){
     .portal_filter:hover, .summary_filter:hover{
        background: #DDDDDD;
        font-style: italic;
    }
    .portal_filter.sub_filter:hover{
        background: var(--lh-yellow);
        color: var(--white-text)
    }
}
/* Portal Filter */
.filter_label{
    border-bottom: none;
    width: fit-content;
    margin: 0 auto;
}
.filter_divider{
    border-bottom: 3px solid #bababa;
    width: 20px;
    margin: 10px auto;
}
#avail_locations{
    width: 200px;
    margin: 0;
    font-size: 12px;
    padding: 0 10px;
    height: 30px;
    text-align: center;
}
/* end of  Portal Filter */
.portal_cta_btn{
    padding: 10px 25px;
}
/* PND Summary Portal Date Buttons */
.portal_subheader_div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.portal_date_btn {
    font-size: 10px;
    padding: 6px 12px;
}
/* End of PND Summary Portal Date Buttons */
/* Portal search bar */
.search_div, .search_subdiv{
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    row-gap: 20px;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 430px){
    .search_div{
        flex-wrap: wrap;
    }
    .search_filters{
        flex: 1 1 100%;
    }

}
input.search_checkbox+label{
    padding: 10px;
}
/* End of Portal search bar */
.word_break{
    word-break: break-all;
}
.copy_label{
    cursor: pointer;
}
/* End of Lead Portal */
/* Portal Tooltip */
/* Container for the text with tooltip */
.tooltip-portal {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The tooltip bubble */
.tooltip-portal .tooltip-portal-text {
    visibility: hidden;
    width: 85px;
    background-color: #333;
    color: var(--white-text);
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;

    /* Positioning */
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Place above the text */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0; /* Start hidden */
    transition: opacity 0.3s; /* Smooth appearance */

    /* Font Styling */
    font-family: 'lato', 'Montserrat';
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: 0.05em;
}

/* Arrow below the tooltip */
.tooltip-portal .tooltip-portal-text::after {
    content: "";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

/* Show the tooltip text when hovering */
.tooltip-portal:hover .tooltip-portal-text {
    visibility: visible;
    opacity: 0.95;
}
/* End of Portal Tooltip */
/* Start of Performance Summary Portal */
/* Summary Portal Header */
.summary_form{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 5px;
}
.summary_sums, .summary_header_div{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 10px;
    width: 100%;
}
.summary_sum{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 10px;
    color:var(--dark-text);
}
.summary_date .date_label{
    font-family: "montserrat";
    font-weight: 700;
    font-size: 11px;
    line-height: 1em;
    letter-spacing: 1.4px;
    padding: 2px 10px;
    background-color: var(--lh-yellow);
    color: var(--label-text);
    font-style: italic;
}
.summary_header_divider{
    border-bottom: 2px solid var(--grey-background);
    width: 20px;
    margin: 10px auto;
}
/* End of Summary Portal Header */
/* Summary card */
.summary_header{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 5px;
}
.summary_header .summary_header_name{
    display: flex;
    justify-content: space-between;
}
.summary_header .summary_cta{
    padding: 5px 7.5px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    font-style: italic;
    border: 2px solid var(--lh-yellow);
    color: var(--lh-yellow);
    font-weight: 600;
}
.summary_header .summary_header_info{
    display: flex;
    flex-direction: column;
    gap: 2.5px;
}
.summary_filters{
    width: 100%;
}
.seller_info{
    font-size: 12px;
    font-weight: 500;
    color: var(--dark-text);
}
.seller_status_container{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.seller_card .list_item + span {
    font-weight: 500;
}
.summary_cta .action_btns{
    margin-top: 10px;
}
.summary_staff_cta_container{
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    gap:10px;
}
.summary_staff_action_btn_container{
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.status_msg{
    white-space: pre-line;
    word-wrap: break-word;
    width:300px;
    margin-bottom:5px
}
.action_div.other{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fit_content {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
/* End of Performance Summary Portal */
/* Survey */
.survey{
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
    align-items: stretch;
    row-gap: 20px;
    max-width: 350px;
}
.survey .section_title{
    padding:10px 0;
}
.survey_lead{
    font-size: 13.5px;
    display: flex;
    flex-flow: column wrap;
    row-gap: 8px
}
.survey_form{
    width: 350px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.survey_form .input_full{
    margin:0;
}
.survey_form .top_label{
    font-size: 11px;
    line-height: 2em;
}
.survey_deal_status{
    font-weight:bold;
    font-style: italic;
}
/* End of Survey */
/* Special Highlights */
.red, .err_msg, .lead_status.red, .red a, .required_asterisk{
    color: var(--red) !important;
}
.required_asterisk{
    margin: 0 0.25em;
}
.red_link{
    text-decoration: underline var(--red);
    font-style:italic;
    font-weight: bold;
}
.err_msg{
    text-align: center;
    font-style: italic;
}
.form_warning{
    font-family: 'lato', 'montserrat';
    flex: 1 1 100%;
    line-height: 1.5em;
}
.form_warning_div{
    max-width: 450px;
    margin: auto;
}
.summary_label{
    font-style: italic;
    padding: 3.5px 0px;
    border-bottom: 3px solid currentColor;
}
.summary_deal_label{
    font-style: italic;
    color: var(--green);
}
/* End of Special Highlights */
/* Start of Tooltips */
.fa.fa-info-circle{
    color: dimgray;
}