/******* HORIZONTAL RULE 
#dt-context-menu {
    display: none !important;
} *******/
 hr {

    border-top: 1px solid #cccccc;
}


.detail-container.columns-3 .field-class strong {
  max-width: 300px !important;   /* or 180px */
  flex: 0 0 240px !important;
  
  /* 2. SAFE WRAPPING: Allows text to wrap naturally if it runs out of room */
  white-space: normal !important; 
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.field-class strong {
    max-width: 300px !important; 
}
.send-mail-btn {
    background-color:#001970 !important;
    border:0px !important;
    padding-left:20px !important;
    padding-right:20px !important;
    border-radius: 20px !important;
    margin-left: 20px !important;
}

/* Hide the image and text on the application launcher page */
.jumbotron.jumbotron-fluid {
    display: none !important;
}

/* Make the highlight color of values in a ref field drop down darker to improve contrast */
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: #001970 !important;
}

/* Change the info icon displayed when a side panel is enabled for a list view to use the fa-arrow-right-from-bracket icon */
.fa-info:before {
    content: "\f08b";
}

/* Override enum badges to make them all the same */
span.badge.text-shadow.shadow-sm:not(.badge-info):not(.badge-primary):not(.badge-warning):not(.badge-success):not(.badge-danger):not(.badge-dark):not(.badge-light):not(.badge-black):not(.badge-white) {
    background-color: #535a60 !important;
    color: #fff !important;
}
span.badge.text-shadow.shadow-sm {
    text-shadow: none;
}

/* date picker: cells with prior days have too low of contrast */
.datepicker table tr td.new, .datepicker table tr td.old {
    color: #747474 !important;
}

/* Improve color contrast on Error pages when code is displayed */
p code {
    color: #d1377e;
}

/* Hide any Generate Text links for form/create views, specifically hiding this on the Body field in Send Email modal */
span#id_gen_text_span {
    display: none;
}

/* Remove redundant bottom margin on related list elements, given that the iFrames already have bottom margin */
.main-content .content div.mb-4:not(.card):not(:first-of-type) {
    margin-bottom: 0 !important;
}

/* Reduce the top padding on card bodies (detail views) */
.main-content .content div.card div.card-body {
    padding-top: .25rem;
}

/* Reduce the top margin of show section fields on detail views */
.detail-view-detail-inner h5.font-weight-bold.mt-4 {
    margin-top: .75rem !important;
}

/* Hide the Send Email button on Activities related lists */
a.btn.d-inline.send-mail-from-task-btn {
    display: none !important;
}

.field-class.section-class h5 {
    font-size: 1.12rem; 
    font-weight: 800;   
    text-transform: uppercase;
    letter-spacing: 0.04rem;  /* Spreads the capital letters slightly for premium readability */
    text-decoration: none !important;
}

/********* DETAIL VIEW BUTTON GROUP STYLING ********/

/* 1. Clear out unwanted background overrides from the button container */
.detail-view-buttons.btn-group.btn-group-sm.float-right.bg-white {
    background-color: transparent !important;
}

/* 2. Style all standard outline-secondary anchor buttons within the detail view to have darker text/borders */
.detail-view-buttons a.btn-outline-secondary {
    color: #333333 !important;
    border: 1px solid #333333 !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
}

/* 3. Hover state for standard actions */
.detail-view-buttons a.btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #333333 !important;
}

/* 4. Target the delete button inside the detail view button layout */
.detail-view-buttons a.deleteBt.btn-outline-danger {
    color: #b30000 !important;
    border: 1px solid #b30000 !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
}

/* 5. Hover state for the delete action */
.detail-view-buttons a.deleteBt.btn-outline-danger:hover {
    color: #ffffff !important;
    background-color: #b30000 !important;
}


/* --- OVERRIDE ALL SYSTEM BADGES TO BE LARGE & PILL-SHAPED --- */

/* Targets custom enum/generic badges */
span.badge.text-shadow.shadow-sm:not(.badge-info):not(.badge-primary):not(.badge-warning):not(.badge-success):not(.badge-danger):not(.badge-dark):not(.badge-light):not(.badge-black):not(.badge-white),
.badge-primary,
.badge-dark,
.badge-info,
.badge-success,
.badge-warning {
    color: white !important;
    background-color: #0665C4 !important; /* Kept the great dark slate blue color */
    
    /* UX Refinement: Smaller font, uppercase tracking */
    font-size: 8.5pt !important;         /* Pulled back significantly for proper hierarchy */
    font-weight: 600 !important;          /* Kept bold to ensure high contrast/readability */
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;     /* Slightly increased tracking makes small caps elegant */
    
    /* UX Refinement: Balanced capsule padding */
    padding-top: 5px !important;          
    padding-bottom: 5px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    
    /* Maintains the smooth pill shape */
    border-radius: 30px !important;
    display: inline-block !important;
    vertical-align: middle !important;   /* Ensures it stays perfectly inline with row labels */
}

/* Remove default Bootstrap text shadows or box shadows distorting the flat look */
span.badge.text-shadow.shadow-sm {
    text-shadow: none !important;
}
.shadow-sm {
    box-shadow: none !important;
}

/********* CARD HEADER ACTION BUTTONS (DARK GREY) ********/

/* Target outline-secondary action buttons inside card headers */
.card-header .btn-outline-secondary,
.card-header a.btn-outline-secondary {
    color: #393A3C !important;
    border-color: #393A3C !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
    transition: all 0.15s ease-in-out;
}

/* Hover state for a clean, inverted dark grey look */
.card-header .btn-outline-secondary:hover,
.card-header a.btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: #393A3C !important;
    border-color: #393A3C !important;
}

/* Handle the active/focus states smoothly */
.card-header .btn-outline-secondary:focus,
.card-header .btn-outline-secondary:active {
    box-shadow: 0 0 0 0.2rem rgba(57, 58, 60, 0.25) !important;
}

/* --- UNIFIED SYSTEM BADGES (PRIMARY, DANGER, SUCCESS, WARNING, INFO) --- */

span.badge.text-shadow.shadow-sm:not(.badge-light):not(.badge-black):not(.badge-white),
.badge-primary,
.badge-danger,
.badge-success,
.badge-warning,
.badge-info,
.badge-dark {
    /* UX Refinement: Smaller font, uppercase tracking */
    font-size: 8.5pt !important;         
    font-weight: 600 !important;          
    text-transform: uppercase !important;
    letter-spacing: 0.7px !important;     
    
    /* UX Refinement: Balanced capsule padding */
    padding-top: 5px !important;          
    padding-bottom: 5px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    
    /* Maintains the smooth pill shape */
    border-radius: 30px !important;
    display: inline-block !important;
    vertical-align: middle !important;   
    color: white !important;
}

/* --- INDIVIDUAL CONTEXTUAL COLOR RETAINERS --- */

/* If you want danger to stay red and success to stay green, keep these: */
.badge-danger {
    background-color: #dc3545 !important; /* Bootstrap Danger Red */
}

.badge-success {
    background-color: #28a745 !important; /* Bootstrap Success Green */
}

.badge-primary, .badge-dark, .badge-info {
    background-color: #0665C4 !important; /* Your Slate Blue brand color */
}

/* Remove default Bootstrap text shadows or box shadows distorting the flat look */
span.badge.text-shadow.shadow-sm {
    text-shadow: none !important;
}
.shadow-sm {
    box-shadow: none !important;
}

/* WCAG: Insufficient color contrast on table text color */
.table,
.table th, 
.table td {
    color: #374151 !important; /* Deep, high-contrast graphite grey that passes WCAG AA/AAA easily */
}

/* WCAG: Insufficient color contrast on table text color for grouping rows */
.table tr.dtrg-group {
    color: #2D3748 !important; /* Slightly bolder/darker for structured group headers */
}

/* Explicit rule targeting the DataTable classes visible in your inspect tree */
table.dataTable tbody td, 
table.dataTable tbody th {
    color: #374151 !important;
}


/* Make all detail views display with 2 columns instead of 1 for large screens */
@media (min-width: 992px) {
    .detail-view-detail-inner.col-md-12 {
        display: grid;
        grid-template-columns: 1fr;
    }
}