:root {
    --bs-primary: #233646;
    --bs-secondary: #15846E;
    --bs-bg-white: #ffffff;
    --bs-bg-positive: #f2dede;
    --bs-border-positive: #ebccd1;
    --bs-text-positive: #B30000;
    --bs-bg-alert: #d9edf7;
    --bs-border-alert: #bce8f1;
    --bs-text-alert: #26566e;
    --bs-bg-warning: #fcf8e3;
    --bs-border-warning: #faebcc;
    --bs-text-warning: #725a31;
    --bs-textcolor: #000000;
    --bs-bg-gray: #e4e4e4;
    --bs-gray-dark: #6c757d;
    --bs-bg-blue: #475c6e;
    --bs-secondary-hover: #096a57;
    --bs-text-disabled: #6c757d;
    --bs-text-gray: #BBCAD3;
    --bs-text-red: #FFB3B3;
    --bs-btn-hover: #205d86;
    --bs-bg-disabled: #c6c3c3;
    --bs-bg-error: #f2dede;
    --bs-text-error: #B30000;
    --bs-border-error: #ebccd1;
    --bs-textgray-dark: #696969;
    --bs-bg-lightgray: #fbfbfb;
    /*button variable start*/
    --bs-btn-primary: #15846E;
    --bs-btn-primary-hover: #096a57;
    --bs-btn-secondary: #AF5F08;
    --bs-btn-secondary-hover: #884905;
    --bs-btn-negative: #AA0000;
    --bs-btn-negative-hover: #7c0000;
    --bs-btn-success: #1c84c6;
    --bs-btn-success-hover: #1a7bb9;
    --bs-btn-information: #168183;
    --bs-btn-information-hover: #198e90;
    /*button variable ends*/
    --bs-border-gray: #e2e2e2;
    --bs-bg-lightgray: #f5f5f5;
    --bs-stepper-border: #b3b3b3;
    --bs-textcolor-green: #007545;
    --bs-cardtext-color: #337ab7;
    --bs-bg-menu: #8cd9c9;
    --bs-text-nav: #A7B1C2;
    --bs-bg-info: #d9edf7;
    --bs-border-info: #bce8f1;
    --bs-text-info: #26566e;
    --bs-textdark-black: #212529;
    --bs-btn-history: #3C516E;
    --bs-border-blue: #3F4F61;
    --bs-bg-light: #FBFBFD;
    --bs-error-text: #B42318;
    --bs-bg-lightblue: #f2f4f9;
    /*address component variables*/
    --bs-border: #94a4b6;
    --bs-bg-hovergray: #19aa8d;
    /*stepper disabled variable*/
    --bs-sbg-gray: #E0E3E6;
    --bs-sborder-gray: #BBC2C7;
    --bs-stepper-text: #A6A6A6;
    --bs-stepper-linegray: #7B92AB;
    /* toggle button varible*/
    --bs-toggle-color: #13D9B1;
    --bs-toggle-primary: #426480;
    --bs-link-color: #337ab7;
    --bs-graydark: #cccccc;
    --bs-navgray: #d4d4d4;
}

/* Template Management module variables */
:root {
    /* Status badge colors */
    --tm-status-pending-text: #b45309;
    --tm-status-pending-border: #f59e0b;
    --tm-status-pending-dot: #f59e0b;
    --tm-status-active-text: #15803d;
    --tm-status-active-border: #22c55e;
    --tm-status-active-dot: #22c55e;
    --tm-status-upcoming-text: #0369a1;
    --tm-status-upcoming-border: #38bdf8;
    --tm-status-upcoming-dot: #38bdf8;
    --tm-status-expired-text: #6b7280;
    --tm-status-expired-border: #9ca3af;
    --tm-status-expired-dot: #9ca3af;
    --tm-status-rejected-text: #dc2626;
    --tm-status-rejected-border: #f87171;
    --tm-status-rejected-dot: #f87171;
    /* Application badge colors */
    --tm-app-enterprise-color: #2563eb;
    --tm-app-irp-color: #1e3a5f;
    --tm-app-title-color: #d97706;
    --tm-app-title-bg: #fffbeb;
    --tm-app-rental-color: #16a34a;
    /* Version history app badge colors */
    --tm-vh-irp-bg: #f0fdfa;
    --tm-vh-irp-color: #0f766e;
    --tm-vh-irp-border: #5eead4;
    --tm-vh-enterprise-bg: #eef2ff;
    --tm-vh-enterprise-color: #4338ca;
    --tm-vh-enterprise-border: #a5b4fc;
    --tm-vh-title-bg: #fef3c7;
    --tm-vh-title-color: #92400e;
    --tm-vh-title-border: #fcd34d;
    --tm-vh-rental-bg: #f0fdf4;
    --tm-vh-rental-color: #15803d;
    --tm-vh-rental-border: #86efac;
    /* Timeline dot accent colors */
    --tm-dot-irp: #5eead4;
    --tm-dot-enterprise: #93c5fd;
    --tm-dot-title: #fbbf24;
    --tm-dot-rental: #4ade80;
    /* Upload zone colors */
    --tm-upload-border: #93c5fd;
    --tm-upload-hover-border: #3b82f6;
    --tm-upload-hover-bg: #eff6ff;
    --tm-upload-browse-link: #16a34a;
    /* Action icon state colors */
    --tm-icon-success: #22c55e;
    --tm-icon-neutral: #6b7280;
    /* No-expiry pill colors */
    --tm-no-expiry-bg: #f0fdf4;
    --tm-no-expiry-color: #15803d;
    --tm-no-expiry-border: #bbf7d0;
    /* Timeline connector/dot colors */
    --tm-timeline-active-color: #16a34a;
    --tm-timeline-pending-border: #f59e0b;
    --tm-timeline-upcoming-bg: #0ea5e9;
    --tm-timeline-rejected-bg: #ef4444;
    --tm-timeline-expired-bg: #9ca3af;
    --tm-timeline-line: #d1d5db;
    /* Version filter chip colors */
    --tm-filter-chip-border: #e5e7eb;
    --tm-filter-chip-bg: #f9fafb;
    --tm-filter-chip-pending-text: #b45309;
    --tm-filter-chip-pending-border: #fcd34d;
    --tm-filter-chip-pending-bg: #fffbeb;
    --tm-filter-chip-rejected-text: #dc2626;
    --tm-filter-chip-rejected-border: #fca5a5;
    --tm-filter-chip-rejected-bg: #fef2f2;
    /* App tab active color */
    --tm-app-tab-active: #0f766e;
    /* Table header colors */
    --tm-table-header-color: #4a5568;
    --tm-table-header-border: #e2e8f0;
    /* Sort icon colors */
    --tm-sort-icon-inactive: #94a3b8;
    --tm-sort-icon-muted: #cbd5e1;
    --tm-sort-icon-active: #334155;
    /* Footer colors */
    --tm-footer-border: #e2e8f0;
    --tm-footer-bg: #f8fafc;
    --tm-footer-text: #4b5563;
    --tm-footer-hint: #6b7280;
    /* Search icon color */
    --tm-search-icon: #94a3b8;
    /* Version filter border */
    --tm-version-filter-border: #e2e8f0;
    /* Pending note text color */
    --tm-pending-note-color: #b45309;
    /* Info banner colors */
    --tm-info-banner-bg: #f9fafb;
    --tm-info-banner-border: #e5e7eb;
    --tm-info-banner-text: #374151;
    /* App chip selected state colors */
    --tm-app-chip-selected-bg: #f0fdfa;
    --tm-app-chip-selected-border: #5eead4;
    --tm-app-chip-selected-color: #0f766e;
}
.open-transaction-parent {
    background-image: repeating-linear-gradient( 90deg, rgba(21,100,110) 0px, rgba(21,100,110) 2px, rgba(255,255,255,0.0) 2px, rgba(255,255,255,0.0) 4px );
}