/*hide dates editing */
.panel-cDates .panel-actions-container {

display:none;
}



/* Target only the Documents panel + button */
button[data-panel="documents"][data-action="createRelated"] {
    background-color: #28a745 !important; /* Bootstrap success green */
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    /*padding: 8px 14px !important;*/
    /*font-size: 14px !important;*/
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important; /* space between plus icon and text */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 1px !important;

}

/* Hover effect to make it pop more */
button[data-panel="documents"][data-action="createRelated"]:hover {
    background-color: #218838 !important; /* darker green */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-1px) !important;
}

/* Add text next to the plus sign */
button[data-panel="documents"][data-action="createRelated"]::after {
    content: " Upload Document";
}

/* Hide "Full Form" button only in Document quick-create modal */
.modal[data-scope="Document"] .btn-full-form {
    display: none !important;
}

/* Hide ESPO Footer*/
.credit.small{
  display: none !important;
}

/* Hide ESPO Footer*/
.credit.small{
  display: none !important;
}

body[data-id="692a612e56ea81ce4"] .view-mode-switcher-buttons-group{
    display: none !important;
}

body[data-id="692a612e56ea81ce4"] .panel .dropdown-toggle{
    display: none !important;
}

body[data-id="692a612e56ea81ce4"] a[data-name="about"]{
   display:none !important
}

body[data-id="692a612e56ea81ce4"] a[data-name="preferences"]{
   display:none !important
}

body[data-id="692a612e56ea81ce4"] .notifications-badge-container{
   display:none !important
}

body[data-id="692a612e56ea81ce4"] .global-search-container{
   display:none !important
}

body[data-id="692a612e56ea81ce4"] button[data-name="fullForm"]{
   display:none !important
}

body[data-id="6832588c61d2dc9cf"] .logo-container{
    width:100% !important;
    margin-top:10px !important;
}

body[data-id="6832588c61d2dc9cf"] img.logo{
     display: block !important;
     margin-left: auto !important;
     margin-right: auto !important;
}

body[data-id="espocrm"] .logo-container{
    width:100% !important;
    margin-top:10px !important;
}

body[data-id="espocrm"] img.logo{
     display: block !important;
     margin-left: auto !important;
     margin-right: auto !important;
}

body[data-id="692a612e56ea81ce4"] #id .panel-heading::after {
    content: "Client Portal";       /* text to display */
    display: block;                 /* behaves like a block element */
    font-size: 1.5rem;             /* small, h6-ish size */
    font-weight: 600;               /* semi-bold */
    color: #003366;                 /* same blue as welcome email header */
    margin-top: 8px;                /* spacing below logo */
    text-align: center;             /* center under the logo */
}


body[data-id="692a612e56ea81ce4"] a[href^="#User/view"] {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
    cursor: default;
}

body[data-id="692a612e56ea81ce4"] .record-grid {

}

body[data-id="692a612e56ea81ce4"] .header-breadcrumbs{
        display:none !important;
}

body[data-id="692a612e56ea81ce4"] .header.page-header{
        display:none !important;
}

body[data-id="692a612e56ea81ce4"] .fas.fa-paperclip.small::after {
	content :"  Click Here To Download";
	font-family: var(--font-family);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
  
}

body[data-id="692a612e56ea81ce4"] .link-multiple-item a.text-default,
body[data-id="692a612e56ea81ce4"] .link-multiple-item a[data-name="cClient"] {
    position: relative;
    font-weight: bold !important;
    text-decoration: none !important;
    background-color: #28a745 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    flex-wrap: wrap !important; /* allow text to wrap */
    justify-content: center !important; /* center text */
    align-items: center !important;
    gap: 6px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease-in-out !important;
    padding: 12px 24px !important; /* extra horizontal padding */
    cursor: pointer !important;
    margin-top: 16px !important; /* spacing above */
    max-width: 100% !important;
    text-align: center !important;

    /* shrink old text instead of hiding it */
    font-size: 0.1px !important;
    line-height: 0.1 !important;
    color: #000 !important; /* small but visible if needed */
}

body[data-id="692a612e56ea81ce4"] .link-multiple-item a.text-default::before,
body[data-id="692a612e56ea81ce4"] .link-multiple-item a[data-name="cClient"]::before {
    content: "Click Here To View and Sign Your Agreements"; /* new button text */
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    white-space: normal; /* allow wrapping */
    font-size: 14px; /* visible button text */
}

/* Hover effect */
body[data-id="692a612e56ea81ce4"] .link-multiple-item a.text-default:hover,
body[data-id="692a612e56ea81ce4"] .link-multiple-item a[data-name="cClient"]:hover {
    background-color: #218838 !important; /* darker green */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-1px) !important;
}

/* Add "Client:" before the contact link with icon */
body[data-id="692a612e56ea81ce4"] .cell[data-name="contact"] a.text-default::before {
    content: "Client: "; /* text to prepend */
    font-weight: bold;
    margin-right: 4px; /* space between label and value */
    color: #ffffff; /* white label */
}

/* Add "Service:" before the service type */
body[data-id="692a612e56ea81ce4"] .cell[data-name="cServiceType"] .text-default::before {
    content: "Service: ";
    font-weight: bold;
    margin-right: 4px;
    color: #ffffff;
}

/* Add "Representative:" before the assigned user */
body[data-id="692a612e56ea81ce4"] .cell[data-name="assignedUser"] a.text-default::before {
    content: "Representative: ";
    font-weight: bold;
    margin-right: 4px;
    color: #ffffff;
}

/* Hide the color icon square for specific contact cells */
body[data-id="692a612e56ea81ce4"] .cell[data-name="contact"] .color-icon.fas.fa-square {
    display: none !important;
}

/* Remove link functionality for specific contact links */
body[data-id="692a612e56ea81ce4"] .cell[data-name="contact"] a.text-default {
    pointer-events: none; /* disables clicking */
    cursor: default;       /* normal cursor */
    color: inherit;        /* use surrounding text color */
    text-decoration: none; /* remove underline */
}

/* Remove link functionality for cDebt field */
body[data-id="692a612e56ea81ce4"] .cell[data-name="cDebt"] a.text-default {
    pointer-events: none; /* disable clicking */
    cursor: default;       /* normal cursor */
    color: inherit;        /* match surrounding text */
    text-decoration: none; /* remove underline */
}

/* Add "Representative Email:" before the email link */
body[data-id="692a612e56ea81ce4"] .cell[data-name="cRepEmail"] a.text-default::before {
    content: "Representative Email: "; /* label text */
    font-weight: bold;
    margin-right: 4px; /* space between label and value */
    color: #ffffff; /* white label */
}

/* Add "Representative Phone:" before the phone link */
body[data-id="692a612e56ea81ce4"] .cell[data-name="cRepPhone"] a.text-default::before {
    content: "Representative Phone: "; /* label text */
    font-weight: bold;
    margin-right: 4px;
    color: #ffffff; /* white label */
}

/* Hide the assigned user avatar */
body[data-id="692a612e56ea81ce4"] .cell[data-name="assignedUser"] .avatar {
    display: none !important;
}

/* Hide the empty non-breaking space span */
body[data-id="692a612e56ea81ce4"] .cell[data-name="contact"] span[style*="user-select: none"] {
    display: none !important;
}

/* Hide the entire record buttons container */
body[data-id="692a612e56ea81ce4"] .detail-button-container.button-container.record-buttons {
    display: none !important;
}

/* Move the main panel below all other panels */
body[data-id="692a612e56ea81ce4"] [data-name="panel-1"] {
    order: 1; /* Put it last in the flex container */
}

/* Make sure the parent uses flexbox */
body[data-id="692a612e56ea81ce4"] .middle {
    display: flex;
    flex-direction: column;
}

/* Optional: Add spacing for clarity */
body[data-id="692a612e56ea81ce4"] [data-name="panel-1"] {
    margin-top: 20px;
}

body[data-id="692a612e56ea81ce4"] .panel-signaturePanel .panel-heading {

	display:none;
}


body[data-id="692a612e56ea81ce4"] span[data-name="name"] a {
    pointer-events: none;       /* disable click */
    color: inherit;             /* keep text color */
    text-decoration: none;      /* remove underline */
    position: relative;
}

body[data-id="692a612e56ea81ce4"] span[data-name="name"]::before {
    content: "Creditor: ";
    font-weight: bold;
}

body[data-id="692a612e56ea81ce4"] span[data-name="status"]::before {
    content: "Status: ";
    font-weight: bold;
}

body[data-id="692a612e56ea81ce4"] span[data-name="currentBalance"]::before {
    content: "Balance: ";
    font-weight: bold;
}

body[data-id="692a612e56ea81ce4"] span[data-name="settlementAmount"]::before {
    content: "Settlement: ";
    font-weight: bold;
}

body[data-id="692a612e56ea81ce4"] span[data-name="savings"]::before {
    content: "Savings: ";
    font-weight: bold;
}

body[data-id="692a612e56ea81ce4"] span[data-name="expiryDate"]::before {
    content: "Settlement Expires On: ";
    font-weight: bold;
}


body[data-id="692a612e56ea81ce4"] span[data-name="savings"] .numeric-text::before {
    content: "$";
    font-weight: normal; /* optional, so $ matches the number */
}

body[data-id="692a612e56ea81ce4"] span[data-name="cDebt"]::before {
    content: "Creditor: ";
    font-weight: bold;
}

/* Hide the color icon square for specific contact cells */
body[data-id="692a612e56ea81ce4"] .cell[data-name="cDebt"] .color-icon.fas.fa-square {
    display: none !important;
}


/* Completely remove the paperclip */
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] .fas.fa-paperclip,
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] span.fas {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any original link text (e.g., LODA.pdf, old text) */
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] a {
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* Remove any pseudo-content previously injected */
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] a::before,
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] a::after {
    content: "" !important;
}

/* Insert your new button label */
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] a::before {
    content: "Download Your Settlement Letter" !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Button styling (smaller version) */
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] a {
    background-color: #007bff !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: fit-content !important;
    margin-top: 6px !important;
    box-shadow: 0 3px 5px rgba(0,0,0,0.15) !important;
}

/* Hover */
body[data-id="692a612e56ea81ce4"] .cell[data-name="settlementLetter"] a:hover {
    background-color: #0056b3 !important;
    transform: translateY(-1px) !important;
}







/* Completely remove the paperclip */
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] .fas.fa-paperclip,
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] span.fas {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any original link text (e.g., LODA.pdf, old text) */
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] a {
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* Remove any pseudo-content previously injected */
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] a::before,
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] a::after {
    content: "" !important;
}

/* Insert your new button label */
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] a::before {
    content: "Download Your Release Letter" !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Button styling (smaller version) */
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] a {
    background-color: #007bff !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: fit-content !important;
    margin-top: 6px !important;
    box-shadow: 0 3px 5px rgba(0,0,0,0.15) !important;
}

/* Hover */
body[data-id="692a612e56ea81ce4"] .cell[data-name="releaseLetter"] a:hover {
    background-color: #0056b3 !important;
    transform: translateY(-1px) !important;
}