src/ApplicationBundle/Resources/views/codecovers_header.html.twig line 1

Open in your IDE?
  1. {% if not include_html is defined %}
  2.     {% set include_html=1 %}
  3.     {% if  app.request.request.get('skipHTML') !='' %}
  4.         {% set include_html= 0 %}
  5.     {% endif %}
  6.     {% if  app.request.query.get('skipHTML') !='' %}
  7.         {% set include_html= 0 %}
  8.     {% endif %}
  9. {% endif %}
  10. {% if include_html==1 %}
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  15.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  16.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  17.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  18.     <meta name="description"
  19.           content="HoneyBee Ecosystem is a Full Fledged Ecosystem adaptive for Every Type of business Needs">
  20.     <meta name="keywords" content="ERP, Honeybee, honey bee,Mozibul Yasser, Business, Management, ">
  21.     <meta name="author" content="ThemeSelect">
  22.     <title id="pageTitle">{{ page_title|default(doc_title|default('HoneyBee ERP')) }}</title>
  23.     <style>
  24.       /* cp-shell sidebar — full viewport height, internal scroll on overflow,
  25.          footer (Back to ERP) pinned to the bottom. Scoped to .cp-sidebar so it
  26.          only affects cp-shell module pages, never the legacy/codecovers layout. */
  27.       .cp-shell { min-height:100vh; align-items:stretch; }
  28.       .cp-sidebar { position:sticky !important; top:0 !important; height:100vh !important;
  29.         display:flex !important; flex-direction:column !important; overflow-y:auto !important; }
  30.       .cp-sidebar-footer { margin-top:auto !important; flex-shrink:0; }
  31.     </style>
  33.     {# ── Fonts — DM Sans (same stack as central/home pages) ──────────────── #}
  34.     <link rel="preconnect" href="https://fonts.googleapis.com">
  35.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  36.     <link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap" rel="stylesheet">
  38.     <link rel="shortcut icon" type="image/x-icon"
  39.           href="{{ asset('favicon.ico') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  40.     <link rel="apple-touch-icon" sizes="180x180"
  41.           href="{{ asset('apple-icon.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  42.     <link rel="icon" type="image/png" sizes="32x32"
  43.           href="{{ asset('favicon-32x32.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  44.     <link rel="icon" type="image/png" sizes="16x16"
  45.           href="{{ asset('favicon-16x16.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  46.     <link rel="manifest" href="{{ asset('site.webmanifest') }}">
  47.     <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#f2003a">
  48.     <meta name="msapplication-TileColor" content="#00aba9">
  49.     <meta name="theme-color" content="#ffffff">
  51.     {# <link rel="apple-touch-icon" href="pixinvent/images/favicon/apple-touch-icon-152x152.png"> #}
  52.     {# <link rel="shortcut icon" type="image/x-icon" href="pixinvent/images/favicon/favicon-32x32.png"> #}
  54.     <style>
  55.         /* (1) Table responsive fix */
  56.         .transactionTable {
  57.             min-width: 600px;
  58.         }
  60.         .form-label, b {
  61.             font-size: 13px;
  62.             font-weight: 600;
  63.         }
  65.         .btn.rel_form_submit {
  66.             display: inline-flex;
  67.             align-items: center;   /* vertical center */
  68.             justify-content: center; /* horizontal center (if needed) */
  69.             gap: 6px; /* space between icon and text */
  70.         }
  72.         .selectize-input.full
  73.         {
  74.             background-color: inherit !important;
  75.         }
  77.         :root {
  78.             /* ── Typography scale (SIZES) — GLOBAL ─────────────────────────────
  79.                Defined here because this header is included by ~395 templates, so
  80.                every page can use the same scale (main_layout includes it too).
  81.                Use these instead of hard-coding font-size.
  83.                Values are px ON PURPOSE. styles_codecovers.css:6075 sets
  84.                `html { font-size: 10px }` (Bootstrap 3's convention, and nothing
  85.                later in the load chain overrides it), so 1rem = 10px — any page
  86.                authored in `rem` against the usual 16px base renders ~36% too
  87.                small (.72rem => 7.2px). That is why the AI Employee Roster was
  88.                unreadable, and why the ledger view mixes 11.5px text with 7.2px
  89.                text on the same screen (audit #18 / #5).
  91.                DO NOT "fix" that by setting html to 16px: it would rescale every
  92.                rem dimension (padding/width/margin too) across ~171 templates.
  94.                Scale is seeded from the HRM cockpit, whose rendering is the
  95.                reference for "readable". New pages: use these, never bare rem. */
  96.             --cp-fs-micro: 10px;    /* uppercase table headers / micro labels */
  97.             --cp-fs-xs:    11.5px;  /* fine print, pills, dense controls      */
  98.             --cp-fs-sm:    12.5px;  /* secondary text                         */
  99.             --cp-fs-base:  13px;    /* body / table cells                     */
  100.             --cp-fs-md:    15px;    /* card titles                            */
  101.             --cp-fs-lg:    16px;    /* section headings                       */
  102.             --cp-fs-xl:    20px;    /* major headings                         */
  103.             --cp-fs-2xl:   24px;    /* page titles / KPI numbers              */
  105.             --erp-space-xs: 4px;
  106.             --erp-space-sm: 8px;
  107.             --erp-space-md: 16px;
  108.             --erp-space-lg: 24px;
  109.             --erp-space-xl: 32px;
  110.             /* Warm cream palette — mirrors home.html.twig design tokens */
  111.             --erp-surface-0: #ffffff;
  112.             --erp-surface-1: #F7F5F0;
  113.             --erp-surface-2: #F0EDE5;
  114.             --erp-surface-3: #E8E3D9;
  115.             --erp-border-soft: rgba(26,29,46,.07);
  116.             --erp-border-md: rgba(26,29,46,.12);
  117.             --erp-border-strong: #d4ccbe;
  118.             --erp-text-strong: #1A1D2E;
  119.             --erp-text-soft: #6B6E7F;
  120.             --erp-text-muted: #9395A5;
  121.             --erp-brand: #2f648f;
  122.             --erp-brand-deep: #214f73;
  123.             --erp-brand-soft: #eaf2f7;
  124.             --erp-amber: #C07D2A;
  125.             --erp-amber-lt: #D4954A;
  126.             --erp-amber-dim: rgba(192,125,42,.10);
  127.             --erp-shadow-xs: 0 1px 4px rgba(26,29,46,.05);
  128.             --erp-shadow-sm: 0 2px 12px rgba(26,29,46,.07);
  129.             --erp-shadow-soft: 0 20px 56px rgba(26,29,46,.08);
  130.             --erp-shadow-card: 0 2px 12px rgba(26,29,46,.07);
  131.             --erp-shadow-hover: 0 8px 32px rgba(26,29,46,.10);
  132.             --erp-radius-sm: 8px;
  133.             --erp-radius: 12px;
  134.             --erp-radius-lg: 20px;
  135.             --erp-font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  136.         }
  138.         .erp-page-head {
  139.             display: flex;
  140.             align-items: flex-start;
  141.             justify-content: space-between;
  142.             gap: 16px;
  143.             padding: 22px 28px 18px;
  144.             background:
  145.                 radial-gradient(circle at top right, rgba(46, 95, 132, 0.08), transparent 28%),
  146.                 linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  147.             border-bottom: 1px solid var(--erp-border-soft);
  148.         }
  150.         .erp-page-head-main {
  151.             min-width: 0;
  152.             flex: 1 1 auto;
  153.         }
  155.         .erp-page-title {
  156.             margin: 0;
  157.             font-size: 20px;
  158.             line-height: 1.2;
  159.             font-weight: 800;
  160.             letter-spacing: -0.02em;
  161.             color: var(--erp-text-strong);
  162.             padding: 0 !important;
  163.         }
  165.         .erp-page-subtitle {
  166.             margin: 10px 0 0;
  167.             font-size: 13px;
  168.             line-height: 1.7;
  169.             color: var(--erp-text-soft);
  170.             max-width: 760px;
  171.         }
  173.         .erp-page-actions {
  174.             display: flex;
  175.             align-items: center;
  176.             justify-content: flex-end;
  177.             gap: 10px;
  178.             flex-wrap: nowrap;
  179.             flex: 0 0 auto;
  180.         }
  182.         .erp-page-actions .rel_form_submit {
  183.             margin-top: 0;
  184.         }
  186.         .erp-btn {
  187.             display: inline-flex;
  188.             align-items: center;
  189.             justify-content: center;
  190.             gap: 8px;
  191.             min-height: 42px;
  192.             padding: 0 18px;
  193.             border-radius: 12px;
  194.             border: 1px solid transparent;
  195.             font-size: 13px;
  196.             font-weight: 700;
  197.             letter-spacing: 0;
  198.             text-transform: none;
  199.             box-shadow: none;
  200.         }
  202.         .erp-btn-primary {
  203.             background: var(--erp-brand);
  204.             border-color: var(--erp-brand);
  205.             color: #fff;
  206.             box-shadow: 0 10px 18px rgba(46, 95, 132, 0.18);
  207.         }
  209.         .erp-btn-primary:hover,
  210.         .erp-btn-primary:focus {
  211.             background: var(--erp-brand-deep);
  212.             border-color: var(--erp-brand-deep);
  213.             color: #fff;
  214.         }
  216.         .erp-btn-secondary {
  217.             background: rgba(255, 255, 255, 0.9);
  218.             border-color: var(--erp-border-soft);
  219.             color: #36536c;
  220.         }
  222.         .erp-btn-secondary:hover,
  223.         .erp-btn-secondary:focus {
  224.             background: #fff;
  225.             border-color: var(--erp-border-strong);
  226.             color: var(--erp-text-strong);
  227.         }
  229.         .erp-section-card {
  230.             background: #fff;
  231.             border: 1px solid var(--erp-border-soft);
  232.             border-radius: 20px;
  233.             box-shadow: var(--erp-shadow-card);
  234.         }
  236.         .erp-form-surface .form-group {
  237.             margin-bottom: 18px;
  238.         }
  240.         .erp-form-surface .form-label,
  241.         .erp-form-surface label:not(.btn) {
  242.             color: #7b8791;
  243.             font-size: 12px;
  244.             font-weight: 700;
  245.             letter-spacing: 0.01em;
  246.         }
  248.         .erp-form-surface input.form-control,
  249.         .erp-form-surface textarea.form-control {
  250.             /*background: #fff;*/
  251.             border: 1px solid #e4ebf0;
  252.             border-radius: 14px;
  253.             box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  254.             transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  255.         }
  257.         .erp-form-surface .form-control,
  258.         .erp-form-surface .input-group-addon,
  259.         .erp-form-surface .selectize-control.single .selectize-input,
  260.         .erp-form-surface .selectize-input {
  261.             border-color: #d8e4ef;
  262.             box-shadow: none;
  263.         }
  265.         .erp-form-surface .form-control,
  266.         .erp-form-surface .selectize-control.single .selectize-input,
  267.         .erp-form-surface .selectize-input {
  268.             border-radius: 10px;
  269.             /*background: #fff;*/
  270.         }
  272.         .erp-form-surface .input-group-addon {
  273.             background: #f8fafc;
  274.             color: #6c8196;
  275.             border-color: #d8e4ef;
  276.         }
  278.         .erp-form-surface .form-control:focus,
  279.         .erp-form-surface .selectize-control.single .selectize-input.input-active,
  280.         .erp-form-surface .selectize-input.focus {
  281.             border-color: #1d77d3;
  282.             box-shadow: none;
  283.         }
  285.         .erp-form-surface input.form-control:focus,
  286.         .erp-form-surface textarea.form-control:focus {
  287.             border-color: #cfdae3;
  288.             box-shadow: 0 0 0 3px rgba(46, 95, 132, 0.08);
  289.             background: #fff;
  290.         }
  291.         .card .header header {
  295.         }
  297.         /*.erp-form-surface .selectize-control.single .selectize-input,*/
  298.         /*.erp-form-surface .selectize-input {*/
  299.         /*    min-height: 46px;*/
  300.         /*    padding: 10px 14px;*/
  301.         /*    line-height: 22px;*/
  302.         /*    padding-right: 36px;*/
  303.         /*    overflow: hidden;*/
  304.         /*    border: 1px solid #d8e4ef !important;*/
  305.         /*    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);*/
  306.         /*    white-space: nowrap;*/
  307.         /*    text-overflow: ellipsis;*/
  308.         /*}*/
  310.         .erp-form-surface .input-group .selectize-control {
  311.             display: block;
  312.             width: 100%;
  313.         }
  315.         .erp-form-surface .input-group .form-line {
  316.             display: table-cell;
  317.             width: 100%;
  318.             vertical-align: middle;
  319.         }
  321.         .erp-form-surface .selectize-control.single .selectize-input > .item,
  322.         .erp-form-surface .selectize-input > .item,
  323.         .erp-form-surface .selectize-control.single .selectize-input > input {
  324.             /*line-height: 20px !important;*/
  325.         }
  327.         .erp-form-surface .selectize-control.single .selectize-input > .item {
  328.             display: block;
  329.             max-width: 100%;
  330.             overflow: hidden;
  331.             text-overflow: ellipsis;
  332.             white-space: nowrap;
  333.             color: var(--erp-text-strong);
  334.             font-weight: 600;
  335.         }
  337.         .erp-form-surface .selectize-control.single .selectize-input > input {
  338.             opacity: 0;
  339.             min-width: 4px !important;
  340.             max-width: 4px !important;
  341.             height: 0 !important;
  342.             line-height: 0 !important;
  343.             padding: 0 !important;
  344.             margin: 0 !important;
  345.             border: 0 !important;
  346.         }
  348.         .erp-form-surface .selectize-control.single .selectize-input:after {
  349.             right: 14px;
  350.             margin-top: -2px;
  351.         }
  353.         .erp-form-surface .selectize-dropdown {
  354.             margin-top: 8px;
  355.             min-width: 100%;
  356.             border-radius: 14px;
  357.             border: 1px solid #d8e4ef;
  358.             background: #ffffff;
  359.             box-shadow: 0 18px 36px rgba(15, 23, 42, 0.10);
  360.             z-index: 5000;
  361.             overflow: visible;
  362.         }
  364.         .erp-form-surface .selectize-dropdown .optgroup-header {
  365.             padding: 12px 16px;
  366.             background: #f4f7fb;
  367.             border-bottom: 1px solid #e6edf5;
  368.             font-size: 12px;
  369.             font-weight: 800;
  370.             letter-spacing: 0.08em;
  371.             text-transform: uppercase;
  372.             color: #5b7083;
  373.         }
  375.         .erp-form-surface .selectize-dropdown .option {
  376.             padding: 12px 16px;
  377.             font-size: 14px;
  378.             line-height: 1.45;
  379.             color: #17324d;
  380.             white-space: normal;
  381.             word-break: break-word;
  382.         }
  384.         .erp-form-surface .selectize-dropdown .active {
  385.             background: #edf4fb;
  386.             color: #17324d;
  387.         }
  389.         .erp-form-surface .transactionTable .selectize-control.single .selectize-input,
  390.         .erp-form-surface .transactionTable .selectize-input,
  391.         .erp-form-surface .transactionTable .form-control {
  392.             /*min-height: 38px;*/
  393.             /*height: 38px;*/
  394.         }
  396.         .erp-form-surface .transactionTable .selectize-control.single .selectize-input,
  397.         .erp-form-surface .transactionTable .selectize-input {
  398.             /*padding-top: 8px;*/
  399.             /*padding-bottom: 8px;*/
  400.         }
  402.         .erp-form-surface .transactionTable .selectize-control {
  403.             width: 100%;
  404.         }
  406.         .erp-form-surface .transactionTable .selectize-dropdown {
  407.             min-width: 220px;
  408.         }
  410.         .erp-form-surface .transactionTable .selectize-control.single .selectize-input:after {
  411.             right: 10px;
  412.         }
  414.         .erp-form-surface .transactionTable td .form-control,
  415.         .erp-form-surface .transactionTable td .selectize-control {
  416.             margin-bottom: 0;
  417.         }
  419.         .erp-table-shell {
  420.             border: 1px solid #e7edf4;
  421.             border-radius: 14px;
  422.             overflow: visible;
  423.             background: #fff;
  424.         }
  426.         .erp-table-shell table tbody td {
  427.             overflow: visible !important;
  428.             position: relative;
  429.         }
  431.         .erp-doc-shell {
  432.             border: 1px solid var(--erp-border-soft);
  433.             border-radius: 22px;
  434.             overflow: hidden;
  435.             background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
  436.             box-shadow: var(--erp-shadow-soft);
  437.         }
  439.         .erp-doc-shell > .header.erp-page-head {
  440.             padding: 22px 28px 18px;
  441.             background:
  442.                 radial-gradient(circle at top right, rgba(46, 95, 132, 0.08), transparent 28%),
  443.                 linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  444.             border-bottom: 1px solid var(--erp-border-soft);
  445.         }
  447.         .erp-doc-tabs {
  448.             display: flex;
  449.             gap: 10px;
  450.             flex-wrap: nowrap;
  451.             align-items: stretch;
  452.             overflow-x: auto;
  453.             overflow-y: hidden;
  454.             padding: 10px 20px 12px;
  455.             margin: 0;
  456.             border-bottom: 1px solid var(--erp-border-soft);
  457.             background: linear-gradient(180deg, #f9fbfc 0%, #f5f8fa 100%);
  458.             white-space: nowrap;
  459.         }
  461.         .erp-doc-tabs > li {
  462.             float: none;
  463.             display: block;
  464.             margin: 0;
  465.         }
  467.         .erp-doc-tabs > li > a {
  468.             display: flex;
  469.             flex-direction: column;
  470.             align-items: center;
  471.             justify-content: center;
  472.             gap: 6px;
  473.             min-width: 130px;
  474.             min-height: 76px;
  475.             padding: 12px 16px;
  476.             border: 1px solid #edf2f5;
  477.             border-radius: 16px;
  478.             background: rgba(255, 255, 255, 0.76);
  479.             box-shadow: inset 0 -1px 0 rgba(227, 234, 239, 0.9);
  480.             color: #8192a2;
  481.             transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  482.         }
  484.         .erp-doc-tabs > li > a:hover,
  485.         .erp-doc-tabs > li > a:focus {
  486.             background: #ffffff;
  487.             border-color: #dde7ee;
  488.             box-shadow: 0 8px 16px rgba(15, 23, 42, 0.04), inset 0 -1px 0 rgba(221, 231, 238, 0.96);
  489.             color: var(--erp-text-strong);
  490.             transform: translateY(-1px);
  491.         }
  493.         .erp-doc-tabs > li.active > a,
  494.         .erp-doc-tabs > li.active > a:hover,
  495.         .erp-doc-tabs > li.active > a:focus {
  496.             background: #ffffff;
  497.             border-color: #dbe5ec;
  498.             color: var(--erp-text-strong);
  499.             box-shadow: 0 12px 22px rgba(15, 23, 42, 0.05), inset 0 -1px 0 rgba(219, 229, 236, 0.98);
  500.         }
  502.         .erp-doc-tabs > li > a > i {
  503.             font-size: 18px;
  504.             color: #93a3b2;
  505.         }
  507.         .erp-doc-tabs > li.active > a > i {
  508.             color: var(--erp-brand);
  509.         }
  511.         .erp-doc-tabs > li > a h4 {
  512.             margin: 0;
  513.             font-size: 12px;
  514.             line-height: 1.35;
  515.             font-weight: 800;
  516.             white-space: normal;
  517.             text-align: center;
  518.             text-transform: uppercase;
  519.             letter-spacing: 0.04em;
  520.         }
  522.         .erp-doc-tabs > li > a small {
  523.             display: block;
  524.             margin-top: 2px;
  525.             font-size: 11px;
  526.             line-height: 1.35;
  527.             color: inherit;
  528.             opacity: 0.64;
  529.             white-space: normal;
  530.             text-align: center;
  531.             text-transform: none;
  532.             letter-spacing: 0;
  533.         }
  535.         .erp-doc-tabs > li.active > a:after {
  536.             content: "";
  537.             width: 28px;
  538.             height: 3px;
  539.             border-radius: 999px;
  540.             background: var(--erp-brand);
  541.         }
  543.         .erp-doc-body {
  544.             padding: 22px;
  545.             background: linear-gradient(180deg, #f5f7f9 0%, #f1f4f6 100%);
  546.         }
  548.         .erp-pane {
  549.             min-height: 320px;
  550.             padding: 28px;
  551.             border: 1px solid #e1e8ed;
  552.             border-radius: 20px;
  553.             background:
  554.                 linear-gradient(180deg, rgba(248, 250, 252, 0.7) 0%, rgba(255, 255, 255, 0.96) 16%, #ffffff 100%);
  555.             box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
  556.         }
  558.         .erp-density-compact .erp-pane {
  559.             padding: 16px 18px;
  560.         }
  562.         .erp-density-compact .erp-pane-intro {
  563.             margin-bottom: 12px;
  564.             padding-bottom: 10px;
  565.         }
  567.         .erp-density-compact .erp-pane-title {
  568.             font-size: 18px;
  569.         }
  571.         .erp-density-compact .erp-pane-subtitle {
  572.             margin-top: 4px;
  573.             font-size: 12px;
  574.             line-height: 1.55;
  575.             max-width: 560px;
  576.         }
  578.         .erp-density-compact .erp-form-surface .form-group {
  579.             margin-bottom: 4px;
  580.         }
  582.         .erp-density-compact .erp-form-surface .row,
  583.         .erp-density-compact .erp-form-surface .row.clearfix {
  584.             margin-bottom: 0;
  585.         }
  587.         .erp-density-compact .erp-form-surface .form-label,
  588.         .erp-density-compact .erp-form-surface label:not(.btn) {
  589.             font-size: 12px;
  590.         }
  592.         .erp-density-compact .erp-form-surface .attach_ckeditor,
  593.         .erp-density-compact .erp-form-surface textarea.form-control {
  594.             min-height: 84px;
  595.         }
  597.         .erp-density-compact .erp-form-surface .col-lg-12,
  598.         .erp-density-compact .erp-form-surface .col-lg-6,
  599.         .erp-density-compact .erp-form-surface .col-lg-4,
  600.         .erp-density-compact .erp-form-surface .col-lg-3,
  601.         .erp-density-compact .erp-form-surface .col-lg-2,
  602.         .erp-density-compact .erp-form-surface .col-md-12,
  603.         .erp-density-compact .erp-form-surface .col-md-6,
  604.         .erp-density-compact .erp-form-surface .col-md-4,
  605.         .erp-density-compact .erp-form-surface .col-md-3,
  606.         .erp-density-compact .erp-form-surface .col-sm-12,
  607.         .erp-density-compact .erp-form-surface .col-xs-12 {
  608.             margin-bottom: 4px;
  609.         }
  611.         .erp-pane-sm {
  612.             min-height: 320px;
  613.         }
  615.         .erp-pane-md {
  616.             min-height: 420px;
  617.         }
  619.         .erp-pane-lg {
  620.             min-height: 60vh;
  621.         }
  623.         .erp-pane-xl {
  624.             min-height: 90vh;
  625.         }
  627.         .erp-pane .row:last-child,
  628.         .erp-pane .row.clearfix:last-child {
  629.             margin-bottom: 0;
  630.         }
  632.         .erp-pane-intro {
  633.             margin-bottom: 28px;
  634.             padding-bottom: 18px;
  635.             border-bottom: 1px solid #edf2f5;
  636.         }
  638.         .erp-pane-title {
  639.             margin: 0;
  640.             font-size: 24px;
  641.             line-height: 1.2;
  642.             font-weight: 800;
  643.             letter-spacing: -0.03em;
  644.             color: var(--erp-text-strong);
  645.         }
  647.         .erp-pane-subtitle {
  648.             margin: 10px 0 0;
  649.             max-width: 680px;
  650.             font-size: 13px;
  651.             line-height: 1.75;
  652.             color: var(--erp-text-soft);
  653.         }
  655.         .erp-subsection {
  656.             margin-bottom: 12px;
  657.             padding: 12px 12px 6px;
  658.             border: 1px solid #edf2f5;
  659.             border-radius: 16px;
  660.             background: linear-gradient(180deg, rgba(248, 250, 252, 0.86) 0%, #ffffff 100%);
  661.         }
  663.         .erp-subsection-header {
  664.             margin-bottom: 8px;
  665.             padding-bottom: 6px;
  666.             border-bottom: 1px solid #eef3f6;
  667.         }
  669.         .erp-subsection-kicker {
  670.             display: inline-block;
  671.             margin: 0 0 4px;
  672.             font-size: 11.5px;
  673.             font-weight: 800;
  674.             letter-spacing: 0.08em;
  675.             text-transform: uppercase;
  676.             color: #7f91a0;
  677.         }
  679.         .erp-subsection-title {
  680.             margin: 0;
  681.             font-size: 13px;
  682.             font-weight: 800;
  683.             line-height: 1.3;
  684.             color: var(--erp-text-strong);
  685.         }
  687.         .erp-subsection-copy {
  688.             margin: 4px 0 0;
  689.             font-size: 11.5px;
  690.             line-height: 1.45;
  691.             color: var(--erp-text-soft);
  692.             max-width: 520px;
  693.         }
  695.         .erp-action-footer {
  696.             display: flex;
  697.             justify-content: center;
  698.             align-items: center;
  699.             padding: 0 22px 22px;
  700.             background: linear-gradient(180deg, transparent 0%, #f4f7f9 100%);
  701.         }
  703.         .erp-hidden {
  704.             display: none !important;
  705.         }
  707.         .erp-text-right {
  708.             text-align: right !important;
  709.         }
  711.         .erp-text-center {
  712.             text-align: center !important;
  713.         }
  715.         .erp-text-uppercase {
  716.             text-transform: uppercase !important;
  717.         }
  719.         .erp-mb-0 {
  720.             margin-bottom: 0 !important;
  721.         }
  723.         .erp-input-offset-sm {
  724.             margin-top: 8px !important;
  725.         }
  727.         .erp-inline-action {
  728.             margin-top: 0 !important;
  729.         }
  731.         .erp-wide-action {
  732.             display: block;
  733.             width: 100%;
  734.             margin-top: 16px;
  735.         }
  737.         .erp-spaced-table {
  738.             width: 100%;
  739.             border-collapse: separate;
  740.             border-spacing: 0 16px;
  741.         }
  743.         .erp-spaced-table > thead > tr > th {
  744.             padding-top: 0;
  745.             padding-bottom: 10px;
  746.             border-bottom: 1px solid var(--erp-border-soft);
  747.             color: var(--erp-text-soft);
  748.             font-size: 12px;
  749.             font-weight: 800;
  750.             letter-spacing: 0.08em;
  751.             text-transform: uppercase;
  752.         }
  754.         .erp-spaced-table > tbody > tr > td {
  755.             vertical-align: middle;
  756.         }
  758.         .erp-hide-cost-price .cost_price_cont {
  759.             display: none !important;
  760.         }
  762.         .erp-hide-sales-price .sales_price_cont {
  763.             display: none !important;
  764.         }
  766.         @media (max-width: 991px) {
  767.             .erp-page-head {
  768.                 flex-wrap: wrap;
  769.                 align-items: flex-start;
  770.             }
  772.             .erp-page-actions {
  773.                 flex-wrap: wrap;
  774.                 justify-content: flex-start;
  775.                 width: 100%;
  776.             }
  778.             .erp-doc-shell > .header.erp-page-head {
  779.                 padding: 22px 20px 18px;
  780.             }
  782.             .erp-doc-tabs {
  783.                 padding: 0 16px 18px;
  784.             }
  786.             .erp-doc-tabs > li > a {
  787.                 min-width: 142px;
  788.                 min-height: 98px;
  789.                 padding: 16px;
  790.             }
  792.             .erp-doc-body {
  793.                 padding: 18px;
  794.             }
  796.             .erp-pane {
  797.                 padding: 18px;
  798.             }
  800.             .erp-action-footer {
  801.                 padding: 0 18px 18px;
  802.             }
  803.         }
  804.     </style>
  807.     <style>
  809.         .table-column-hidden {
  810.             display: none;
  811.         }
  813.         .card-body-hidden {
  814.             display: none;
  815.         }
  817.         .inplaceEdit .fa.fa-edit {
  818.             display: none;
  819.         }
  821.         embed {
  822.             width: auto !important;
  823.             height: unset !important;
  824.             max-width: 80vw !important;
  825.         }
  827.         {% if app.session.get('devAdminMode') !=1 %}
  828.         .sf-toolbar {
  829.             display: none !important;
  830.         }
  832.         {% endif %}
  834.         .mobile_approval {
  835.             position: fixed;
  836.             bottom: 0;
  837.             left: 0;
  838.             z-index: 99999;
  839.             width: 100vw;
  840.             background: orange;
  841.             text-align: center !important;
  842.             display: none;
  844.         }
  846.         .wide_screen_approval {
  848.             display: block;
  849.             text-align: center !important;
  851.         }
  853.         @media only screen and (max-width: 400px) {
  854.             .headerbar-right .header-nav.header-nav-options {
  855.                 display: none !important;
  856.             }
  858.             .headerbar-right .header-nav.header-nav-profile.company_selector {
  859.                 display: contents !important;
  860.             }
  861.         }
  863.         @media (max-width: 768px) {
  865.             .mobile_approval {
  866.                 display: block;
  868.             }
  870.             .wide_screen_approval {
  871.                 display: none;
  873.             }
  875.             #content {
  877.                 padding-top: 128px !important;
  878.             }
  880.         }
  882.         @media (max-width: 550px) {
  883.             #content {
  884.                 padding-top: 192px !important;
  885.             }
  886.         }
  889.         .material-icons {
  890.             display: none;
  891.             font-size: inherit !important;
  892.         }
  895.         .align_center {
  896.             text-align: center;
  897.         }
  899.         .itemSegmentTable tbody .common_selectize_text
  900.         {
  901.             font-size: 14px;
  902.             font-weight: bold;
  903.             cursor: pointer;
  904.         }
  905.         .common_selectize_service.selectize-control
  906.         {
  907.             font-size: 14px !important;
  908.         }
  910.         .align_right, .trans_amount {
  911.             text-align: right;
  912.         }
  914.         .align_left {
  915.             text-align: left;
  916.         }
  918.         .selection_on_header {
  919.             margin-top: 7px;
  920.             margin-bottom: 7px;
  921.             margin-left: 24px;
  922.             line-height: normal;
  923.             vertical-align: middle;
  924.             position: relative;
  925.             display: inline-table;
  926.             padding: 0;
  927.             white-space: nowrap;
  928.             border-radius: 2px;
  929.             -webkit-transition: background 0.25s ease-in-out;
  930.             -o-transition: background 0.25s ease-in-out;
  931.             transition: background 0.25s ease-in-out;
  932.         }
  934.         .selection_on_header .form-group {
  935.             margin-bottom: 0px;
  936.             padding-top: 0px !important;
  937.         }
  939.         .selection_on_header .selectize-control.form-control {
  940.             /*margin-bottom: 0px;*/
  941.             border-bottom: 0px;
  942.             height: 34px;
  943.         }
  945.         .selectize-control.form-control .selectize-input {
  946.             /*margin-bottom: 0px;*/
  947.             padding-right: 30px;
  948.             /*height: 34px;*/
  949.         }
  951.         .form-control .selectize-dropdown {
  952.             font-size: 13px;;
  953.         }
  955.         .form-control .selectize-dropdown h6 {
  956.             font-size: 14px;;
  957.         }
  959.         .card.style-accent-dark .header .selectize-input.input-active,
  960.         .card.style-accent-dark .header .selectize-input {
  961.             background-color: #681a7f;
  962.             border-color: #681a7f;
  963.             color: #ffffff;
  964.         }
  966.         .card.style-accent-dark .selectize-control.single .selectize-input:after {
  967.             display: none;
  968.             background-color: #681a7f;
  969.             border-color: #ffffff transparent transparent transparent;
  970.             color: #ffffff;
  971.             right: 0px;
  972.         }
  975.         {%  if  app.request.get('_route')!='print_check' %}
  976.         html {
  979.             /*zoom: 0.75;*/
  980.             /*transform: scale(0.8);*/
  981.             /*transform-origin: top left; !* Adjust as needed *!*/
  982.             /*width: 125%; !* To compensate for scaling *!*/
  983.             /*height: 125% !important;*/
  984.         }
  986.         @media print {
  987.             html {
  990.                 /*transform: scale(.75);*/
  991.                 /*transform-origin: 0 0;*/
  992.             }
  994.             @page {
  995.                 /*size: 297mm 210mm; !* landscape *!*/
  996.                 /*size: 210mm 297mm; !* landscape *!*/
  997.                 /* you can also specify margins here: */
  998.                 /*margin: 25mm;*/
  999.                 /*margin-right: 45mm; !* for compatibility with both A4 and Letter *!*/
  1001.             }
  1002.         }
  1005.         {% endif %}
  1007.         .honeybee_sidebar.tabs-right > .nav-tabs > li > a {
  1008.             min-width: unset !important;
  1009.             margin-right: 0;
  1010.         }
  1012.         {# off canvas style #}
  1013.         body {
  1014.             overflow-x: hidden;
  1015.         }
  1017.         #wrapper {
  1018.             transition: all 0.4s ease;
  1019.         }
  1021.         #wrapper.toggled {
  1022.             padding-right: 400px; 
  1023.         }
  1025.         #sidebar-wrapper {
  1026.             z-index: 1050;
  1027.             position: fixed;
  1028.             right: 0;
  1029.             width: 0;
  1030.             height: 100%;
  1031.             background: linear-gradient(180deg, #ffffff 0%, #f6f8fa 100%);
  1032.             overflow-y: auto;
  1033.             transition: all 0.4s ease;
  1034.             box-shadow: -12px 0 32px rgba(15, 23, 42, 0.08);
  1035.             border-left: 1px solid #dce5ec;
  1036.         }
  1038.         #wrapper.toggled #sidebar-wrapper {
  1039.             width: 400px;
  1040.         }
  1042.         /* Sidebar Header & Close Button */
  1043.         .sidebar-header {
  1044.             padding: 15px;
  1045.             color: #333; 
  1046.             
  1047.         }
  1049.         .sidebar-header .close {
  1050.             color: #000; 
  1051.             opacity: 0.5;
  1052.             font-size: 30px;
  1053.             margin-top: -5px;
  1054.             float: right;
  1055.         }
  1057.         .sidebar-header .close:hover {
  1058.             opacity: 1;
  1059.         }
  1061.         .sidebar-brand {
  1062.             margin: 0;
  1063.             font-size: 18px;
  1064.             color: #333;
  1065.         }
  1067.         .video-container {
  1068.             text-align: center; 
  1069.                 
  1070.             width: 100%;        
  1071.         }
  1073.     
  1074.         .video-container iframe {
  1075.             max-width: 100%;     
  1076.             border-radius: 8px;
  1077.         }
  1079.     </style>
  1082.     {# <link href='fonts/css0a62.css?family=Roboto:300italic,400italic,300,400,500,700,900' rel='stylesheet' type='text/css'/> #}
  1084.     <link rel="stylesheet" href="{{ asset('css/custom.css') }}">
  1085.     <link rel="stylesheet"
  1086.           href="{{ absolute_url(path('dashboard')) }}css/icone91f.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}&family=Material+Icons"
  1087.           type="text/css">
  1088.     <link rel="stylesheet"
  1089.           href="{{ absolute_url(path('dashboard')) }}css/glyphicon_font_face.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}&family=Material+Icons"
  1090.           type="text/css">
  1091.     {# bootstrap #}
  1092.     {# <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> #}
  1093.     {# <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> #}
  1094.     {# <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> #}
  1095.     <link rel="stylesheet"
  1096.           href="{{ absolute_url(path('dashboard')) }}condensed_assets/styles_codecovers.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  1097.     {# responsive css file #}
  1098.     <link rel="stylesheet"
  1099.           href="{{ absolute_url(path('dashboard')) }}condensed_assets/responsive_codecovers.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  1101.     <link type="text/css" rel="stylesheet"
  1102.           href='{{ absolute_url(path('dashboard')) }}fonts/material-design-iconic-font/css/material-design-iconic-font.css'/>
  1104.     <link rel="stylesheet"
  1105.           href="{{ absolute_url(path('dashboard')) }}condensed_assets/placeholder_loader.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  1107.     {% if not new_calendar_version is defined %}
  1108.         {% set new_calendar_version=0 %}
  1109.     {% endif %}
  1110.     {% if new_calendar_version==0 %}
  1111.         <link rel="stylesheet" href="{{ asset('css/fullcalendar.min.css') }}">
  1112.     {% endif %}
  1114.     <link rel="stylesheet" href="{{ asset('css/cal_print.css') }}" media="print">
  1115.     <style>
  1116.         .app_pending_for_all
  1117.         {
  1118.             width: 100% !important;
  1119.         }
  1120.         /*.table > thead > tr > th {*/
  1121.         /*vertical-align: bottom;*/
  1122.         /*border-bottom: 2px solid #ddd;*/
  1123.         /*}*/
  1125.         /*body, .body, .card .body, .sidebar .menu .list a span, .form-control {*/
  1126.         /*font-size: 12px;*/
  1127.         /*!*font-size: 12px;*!*/
  1128.         /*font-weight: 400;*/
  1129.         /*}*/
  1130.         .form-control
  1131.         
  1132.         {
  1133.             border: 1px solid rgb(12 12 12 / 8%) !important;
  1134.             border-radius: 6px !important;
  1135.         }
  1137.         .trans_amount:not(.latch_top), .align_right {
  1138.             text-align: right !important;
  1139.             vertical-align: middle;
  1141.         }
  1143.         .align_left:not(.latch_top) {
  1144.             text-align: left !important;
  1145.             vertical-align: middle;
  1147.         }
  1149.         .align_center:not(.latch_top) {
  1150.             text-align: center !important;
  1151.             vertical-align: middle;
  1153.         }
  1155.         .latch_top {
  1156.             vertical-align: top !important;
  1158.         }
  1160.         .ver_mid {
  1161.             vertical-align: middle !important;
  1163.         }
  1166.     </style>
  1168.     {# <script type="text/javascript" src="{{ constant('ApplicationBundle\\Constants\\GeneralConstant::NOTIFICATION_SERVER') }}/socket.io/socket.io.js"></script> #}
  1170.     <style>
  1171.         {##preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible;#}
  1172.         {#background: #333 url('{{ absolute_url(path('dashboard')) }}/images/loading_2.gif') no-repeat center center; }#}
  1173.         {#@media (max-width: 767px) {#}
  1174.         {#.sidebar-toggle {#}
  1175.         {#display: none !important;#}
  1176.         {#}#}
  1177.         {#}#}
  1179.         .table > thead > tr > th {
  1180.             vertical-align: bottom;
  1181.             border-bottom: 2px solid #ddd;
  1182.         }
  1184.         @media print {
  1186.             .dont_print {
  1187.                 display: none !important;
  1188.                 border: none !important;
  1189.             }
  1191.             .only_print {
  1192.                 display: block !important;
  1193.             }
  1195.             .full_page {
  1196.                 height: calc(100vw * 1);
  1197.             }
  1199.             /*section.content {*/
  1200.             /*margin-left: 15px*/
  1201.             /*}*/
  1203.         }
  1205.         .full_page {
  1206.             height: calc(100vw * 1);
  1207.         }
  1209.         .only_print {
  1210.             display: none;
  1211.         }
  1213.         .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  1214.             cursor: pointer;
  1215.             border: none;
  1216.         }
  1218.         .form-line .selectize-input {
  1219.             border: none;
  1220.         }
  1222.         .dt-gen-button .fa {
  1223.             margin: 1px 0 3px 5px;
  1224.         }
  1226.         /*.dt-gen-button*/
  1227.         /*{*/
  1228.         /*float:right;*/
  1229.         /*}*/
  1230.         .dt-buttons .dt-gen-button {
  1231.             /*float: right;*/
  1232.             float: none;
  1233.             width: 15% !important;
  1234.             /*max-width: 94px;*/
  1235.             /*margin-left:20px !important;*/
  1236.         }
  1238.         h5 table {
  1239.             max-width: 100% !important;
  1240.         }
  1243.         .dt-buttons {
  1244.             width: 100%;
  1245.             text-align: center;
  1246.             /*background-color: grey;*/
  1247.         }
  1250.         #page_data_table_search {
  1251.             width: 95%;
  1252.             padding-left: 1rem;
  1254.             border-radius: 3rem;
  1255.             -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
  1256.             box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
  1257.         }
  1259.         .form-control.selectize-control {
  1260.             border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  1261.             height: auto;
  1262.             min-height: 0px;
  1263.         }
  1265.         .selectize-input {
  1266.             min-height: 0;
  1267.             padding: 0 1rem;
  1268.             line-height: 1.846153846;
  1269.             vertical-align: middle !important;
  1270.         }
  1272.         .form .form-group .input-group {
  1273.             margin-top: 0px;
  1274.         }
  1276.         .card div[class*="col-md"], .card div[class*="col-lg"], .card div[class*="col-xs"], .card div[class*="col-sm"] {
  1277.             margin-bottom: 20px;
  1278.         }
  1280.         .modal div[class*="col-md"], .modal div[class*="col-lg"], .modal div[class*="col-xs"], .modal div[class*="col-sm"] {
  1281.             margin-bottom: 20px;
  1282.         }
  1284.         .dt-bootstrap div[class*="col-md"], .dt-bootstrap div[class*="col-lg"], .dt-bootstrap div[class*="col-xs"], .dt-bootstrap div[class*="col-sm"] {
  1285.             margin-bottom: 0px;
  1286.         }
  1288.         .btn-icon-toggle.approve_button {
  1289.             border-color: cornsilk;
  1290.             border-radius: 50% !important;
  1291.             border: 2px solid;
  1292.             height: 36px;
  1293.         }
  1295.         .selectize-input, .selectize-control.single .selectize-input.input-active {
  1296.             background: inherit;
  1297.             /*cursor: text;*/
  1298.             /*display: inline-block;*/
  1299.         }
  1301.         .selectize-input.full:not(:hover) {
  1302.             background-color: inherit;
  1303.         }
  1305.         .selectize-input.full:hover {
  1306.             z-index: 999999;
  1307.         }
  1309.         /*.selectize-input.full {*/
  1310.         /*    background-color: inherit;*/
  1311.         /*}*/
  1313.         .user:hover {
  1314.             background: #17a2b8;
  1315.             color: white;
  1316.             cursor: pointer;
  1317.         }
  1319.         .d-none {
  1320.             display: none;
  1321.         }
  1323.         .d-block {
  1324.             display: block;
  1325.         }
  1327.         .position-relative {
  1328.             position: relative;
  1329.         }
  1331.         #loader {
  1332.             position: absolute;
  1333.             top: 0;
  1334.             left: 212px;
  1335.             margin-top: -16px;
  1336.         }
  1338.         .mb-1 {
  1339.             margin-bottom: 1.5rem;
  1340.         }
  1342.         .mr-1 {
  1343.             margin-right: 1rem;
  1344.         }
  1347.     </style>
  1350.     <style>
  1351.         /*drastic*/
  1352.         textarea.form-control {
  1353.             padding: 0 1rem;
  1354.         }
  1356.         .bg-blue {
  1357.             /*background: blue;*/
  1358.         }
  1360.         .bg-orange {
  1361.             /*background: orange;*/
  1362.         }
  1364.         table .form-control:not(.trigger_ckeditor ) {
  1365.             padding: 0 1rem;
  1366.             height: auto;
  1368.             border: 1px solid rgba(12, 12, 12, 0.2);
  1370.             border-radius: 6px !important;
  1371.         }
  1373.         .form-control.trigger_ckeditor {
  1375.             border: none !important;
  1376.             height: auto !important;
  1378.         }
  1380.         table input.form-control {
  1381.             /*padding: 0 0;*/
  1383.         }
  1385.         table input[type="number"].form-control {
  1386.             text-align: right;
  1388.         }
  1390.         table .form-control[disabled],
  1391.         table .form-control[readonly],
  1392.         table fieldset[disabled] .form-control {
  1393.             background-color: transparent;
  1394.             border-color: rgba(12, 12, 12, 0.2);
  1395.             border-style: dashed;
  1396.         }
  1398.         .form .form-group, .form-inline .form-group {
  1399.             padding-top: 20px;
  1400.             margin-bottom: 2px;
  1402.         }
  1404.         #relevantForm .form-control {
  1406.             height: auto;
  1407.         }
  1409.         .form-group .form-control:focus ~ label:after, .form-group .form-control:focus ~ .form-control-line:after {
  1410.             visibility: hidden;
  1411.             width: 100%;
  1412.             left: 0;
  1413.         }
  1415.         .width-13 {
  1416.             width: 520px;
  1417.         }
  1419.         .width-50-percent {
  1420.             width: 50vw;
  1421.         }
  1423.         @media (max-width: 580px) {
  1425.             .width-50-percent {
  1426.                 width: 100vw;
  1427.             }
  1429.         }
  1432.     </style>
  1433.     <script>
  1434.         if (typeof module === 'object') {
  1435.             window.module = module;
  1436.             module = undefined;
  1437.         }
  1438.         //    require('./preload');
  1440.     </script>
  1443.     <script>
  1445.         var logger = function () {
  1446.             var oldConsoleLog = null;
  1447.             var pub = {};
  1449.             pub.enableLogger = function enableLogger() {
  1450.                 if (oldConsoleLog == null)
  1451.                     return;
  1453.                 window['console']['log'] = oldConsoleLog;
  1454.             };
  1456.             pub.disableLogger = function disableLogger() {
  1457.                 oldConsoleLog = console.log;
  1458.                 window['console']['log'] = function () {
  1459.                 };
  1460.             };
  1462.             return pub;
  1463.         }();
  1464.         {% if app.session.get('devAdminMode') ==1 %}
  1465.         {% else %}
  1466.         window['console']['log'] = function () {
  1467.         };
  1469.         {% endif %}
  1471.     </script>
  1472.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"
  1473.             integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  1474. {#    <link rel="stylesheet" href="{{ asset('css/zErpOverhaul.css') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">#}
  1476. </head>
  1478. <body class="menubar-hoverable header-fixed ">
  1480. {# sidebar div off canvas #}
  1481. <div id="wrapper">
  1483.     <div id="sidebar-wrapper">
  1484.         <div class="sidebar-header mb-5">
  1485.             <button type="button" class="close " id="close-sidebar">&times;</button>
  1486.             
  1487.         </div>
  1489.         <div class="video-container">
  1490.             {% set current_video_id = v_id|default('LRDxDVv5dCc') %}
  1491.             {% set doc_title = doc_title|default('Document') %}
  1492.             <h3>{{doc_title}}</h3>
  1493.             <iframe width="350" height="250" 
  1494.                     src="https://www.youtube.com/embed/{{current_video_id}}" 
  1495.                     title="YouTube video player" 
  1496.                     frameborder="0" 
  1497.                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
  1498.                     referrerpolicy="strict-origin-when-cross-origin" 
  1499.                     allowfullscreen>
  1500.             </iframe>
  1501.         </div>
  1503.     </div>
  1505. </div>
  1507. {% if pdf is defined and pdf==true %}
  1508. {% else %}
  1509.     {% include  '@Application/inc/snippets/export_bar.html.twig' %}
  1510.     {% include '@Application/inc/_support_session_banner.html.twig' %}
  1512. {% endif %}
  1513. <!--<div id="preloader"></div>-->
  1515. {% if not isEmailBody is defined %}
  1516. <div class="ph-item"
  1517.      style="display:none;top:0; left:0; right:0; bottom:0; position:fixed;width: 100%;height: 100%;z-index: 9999;">
  1520.     <div class="ph-col-12">
  1521.         {# <div class="ph-picture"></div> #}
  1522.         <div class="ph-row">
  1523.             <div class="ph-col-12 big"></div>
  1524.             <div class="ph-col-12 big"></div>
  1526.             <div class="ph-col-2 empty big"></div>
  1527.             <div class="ph-col-2 empty big"></div>
  1528.             <div class="ph-col-8  empty big"></div>
  1529.             <div class="ph-col-2 "></div>
  1530.             <div class="ph-col-2 empty big"></div>
  1531.             <div class="ph-col-8  empty big"></div>
  1532.             <div class="ph-col-2 "></div>
  1533.             <div class="ph-col-2 empty big"></div>
  1534.             <div class="ph-col-8  "></div>
  1535.             <div class="ph-col-2 "></div>
  1536.             <div class="ph-col-2 empty big"></div>
  1537.             <div class="ph-col-8  "></div>
  1538.             <div class="ph-col-2 "></div>
  1539.             <div class="ph-col-2 empty big"></div>
  1540.             <div class="ph-col-8  "></div>
  1541.             <div class="ph-col-2 "></div>
  1542.             <div class="ph-col-2 empty big"></div>
  1543.             <div class="ph-col-8  "></div>
  1544.             <div class="ph-col-2 "></div>
  1545.             <div class="ph-col-2 empty big"></div>
  1546.             <div class="ph-col-2 big  "></div>
  1547.             <div class="ph-col-2 big empty "></div>
  1548.             <div class="ph-col-4 big  "></div>
  1549.             <div class="ph-col-2 "></div>
  1550.             <div class="ph-col-2 empty big"></div>
  1551.             <div class="ph-col-2 big  "></div>
  1552.             <div class="ph-col-2 big empty "></div>
  1553.             <div class="ph-col-4 "></div>
  1556.         </div>
  1558.     </div>
  1559.     <div class="ph-col-2 ">
  1560.         <div class="ph-picture"></div>
  1561.     </div>
  1562.     <div class="ph-col-2 empty "></div>
  1563.     <div class="ph-col-2">
  1564.         <div class="ph-picture"></div>
  1565.     </div>
  1566.     <div class="ph-col-2 empty"></div>
  1567.     <div class="ph-col-4">
  1568.         <div class="ph-picture"></div>
  1569.     </div>
  1570.     <div class="ph-col-12">
  1571.         <div class="ph-picture"></div>
  1572.     </div>
  1573. </div>
  1576. <div id='ajax_loader_here' style="display: none">
  1577.     <img src='{{ asset('images/animated-bee.gif') }}'/>
  1578. </div>
  1580. <div id="loader-container" class="page-preloader" style="
  1581.         background: #EDF0F1 url({{ url('dashboard') }}images/audio.svg) no-repeat center center;
  1582.         position: fixed;
  1583.         overflow: hidden;
  1584.         top: 0;
  1585.         right: 0;
  1586.         left: 0;
  1587.         bottom: 0;
  1588.         z-index: 99999;"></div>
  1590. {# Guaranteed loader hide — dependency-free so it also fires on lean cp-shell
  1591.    pages that don't load generic.js (which otherwise hides it on window.load).
  1592.    Binds the same window.load timing (no regression for full-JS pages) plus a
  1593.    safety timeout so the full-screen overlay can never stay stuck. #}
  1594. <script>
  1595.     (function () {
  1596.         function hideLoader() {
  1597.             var el = document.getElementById('loader-container');
  1598.             if (el) { el.style.display = 'none'; }
  1599.             var ph = document.querySelectorAll('.page-preloader, .ph-item');
  1600.             for (var i = 0; i < ph.length; i++) { ph[i].style.display = 'none'; }
  1601.         }
  1602.         if (document.readyState === 'complete') {
  1603.             hideLoader();
  1604.         } else {
  1605.             window.addEventListener('load', hideLoader);
  1606.         }
  1607.         // Backstop: if 'load' never fires (hung resource), don't trap the user.
  1608.         setTimeout(function () {
  1609.             var el = document.getElementById('loader-container');
  1610.             if (el) { el.style.display = 'none'; }
  1611.         }, 5000);
  1612.     })();
  1613. </script>
  1615. <div class="page-loader-wrapper dont_print" id="preloader" style="display: none;">
  1616.     <div class="loader">
  1617.         <div class="preloader">
  1618.             <div class="spinner-layer pl-red">
  1619.                 <div class="circle-clipper left">
  1620.                     <div class="circle"></div>
  1621.                 </div>
  1622.                 <div class="circle-clipper right">
  1623.                     <div class="circle"></div>
  1624.                 </div>
  1625.             </div>
  1626.         </div>
  1627.         <p>Please wait...</p>
  1628.     </div>
  1629. </div>
  1630. </body>
  1631. {% include '@Application/inc/notification/no_javascript.html.twig' %}
  1632. {% endif %}
  1634. {% set full_js_included=0 %}
  1635. {% endif %}
  1637. {# for menu open and close for off canvas #}
  1638. <script> 
  1640.     $(document).ready(function() {
  1641.         // for menu open 
  1642.         $("#menu-toggle").click(function(e) {
  1643.             e.preventDefault();
  1644.             $("#wrapper").addClass("toggled");
  1645.         });
  1647.         // for close menu (Close button)
  1648.         $("#close-sidebar").click(function(e) {
  1649.             e.preventDefault();
  1650.             $("#wrapper").removeClass("toggled");
  1651.         });
  1652.     });
  1654. </script>
  1656. {% if not isEmailBody is defined %}
  1658.     <script>
  1659.         var BaseURL = '{{ url('dashboard') }}';
  1660.         var CentralURL = '{{ constant('ApplicationBundle\\Constants\\GeneralConstant::HONEYBEE_CENTRAL_SERVER') }}';
  1661.         {# var SYSTEM_DEFAULT_CURRENCY_ID={{ session['systemDefaultCurrency'] }}; #}
  1662.         {# var SYSTEM_ACTIVE_CURRENCY_ID={{ session['systemActiveCurrency'] }}; #}
  1663.         {# var SYSTEM_DEFAULT_CURRENCY_NAME='{{ session['systemCurrencyName'] }}'; #}
  1664.         {# var SYSTEM_DEFAULT_CURRENCY_ICON='{{ session['systemCurrencyIcon'] }}'; #} // will work on later
  1665.         var SYSTEM_DEFAULT_CURRENCY_ID = 1;
  1666.         var SYSTEM_ACTIVE_CURRENCY_ID = 1;
  1667.         var SYSTEM_ACTIVE_CURRENCY_NAME = 'BDT';
  1668.         var SYSTEM_ACTIVE_CURRENCY_ICON = '';
  1669.         {# var BaseURL='{{ url('dashboard') }}'; #}
  1670.         var ACTIVE_ROUTE = "";
  1671.         //    window.isElectron = function () {
  1672.         //        return 'Bridge' in window;
  1673.         //    };
  1675.         if (window.isElectron) {
  1676. //        alert('pikachi')
  1677. //        //    console.log(window.ipcRenderer)
  1678.             window.ipcRenderer.send('ping', 'hello')
  1679.             window.ipcRenderer.send('asynchronous-reply', 'PIKAAA')
  1680. //            window.ipcRenderer.on('pong', function (event, msg) {
  1681. //                //    console.log(msg)
  1682. //            })
  1683. //            setTimeout(function listPorts() {
  1684. //                listSerialPorts();
  1685. //                setTimeout(listPorts, 5000);
  1686. //            }, 2000);
  1687.         }
  1688.     </script>
  1689. {% endif %}
  1691. <style>
  1692.     .text-uppercase {
  1693.         text-transform: uppercase;
  1694.     }
  1696.     .row {
  1697.         margin-right: 0px;
  1698.     }
  1700.     {% if  app.request.query.get('iFrameData') !='' %}
  1701.     body {
  1703.         zoom: .50;
  1704.         -moz-transform: scale(.50);
  1705.         -moz-transform-origin: 0 0;
  1706.     }
  1708.     .section-action, .approve_button, .comment_holder {
  1710.         display: none;
  1711.     }
  1713.     #header {
  1714.         display: none !important;
  1715.     }
  1717.     #base #content {
  1718.         padding-top: 0px !important;
  1719.     }
  1721.     #base {
  1722.         padding-bottom: 122px !important;
  1723.     }
  1725.     .card-actionbar-row.mobile_approval {
  1726.         display: none !important;
  1727.     }
  1729.     #base #content .header {
  1730.         display: none !important;
  1731.     }
  1733.     .section-body .col-xs-12 {
  1734.         width: 100%;
  1735.         padding: 0px !important;
  1736.     }
  1738.     {% endif %}
  1741.     .toggle-vis:not(.currVis) .fa.fa-check {
  1742.         display: none;
  1743.     }
  1745.     .toggle-vis.currVis .blank_space {
  1746.         display: none;
  1747.     }
  1749.     .hide_td {
  1750.         display: none;
  1751.     }
  1753.     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  1755.         padding-left: 1rem;
  1756.         padding-right: 0rem;
  1757.     }
  1759.     body {
  1760.         /*background: #ffffff;*/
  1761.     }
  1764. </style>
  1766. {# Modify CSS here #}
  1767. <style>
  1769.     #relevantForm .form-control.selectize-control,
  1770.     #relevantForm .selectize-control,
  1771.     .niceModal .form-control.selectize-control,
  1772.     .niceModal .selectize-control {
  1773.         border-bottom: 1px solid rgba(12, 12, 12, 0.12);
  1774.         height: auto;
  1775.         max-height: 31px;
  1776.     }
  1778.     #relevantForm .form-control.selectize-control.multi,
  1779.     #relevantForm .selectize-control.multi,
  1780.     .niceModal .form-control.selectize-control.multi,
  1781.     .niceModal .selectize-control.multi {
  1783.         max-height: unset;
  1784.     }
  1786.     #relevantForm input.form-control,
  1787.     #relevantForm .trigger_ckeditor.form-control,
  1788.     .niceModal input.form-control {
  1790.         font-size: 14px;
  1791.         padding-left: 12px;
  1794.     }
  1796.     #relevantForm .itemTableCont input.form-control:not(:focus) {
  1798.         border: none;
  1801.     }
  1803.     #relevantForm input.form-control {
  1805.         font-weight: bold;
  1808.     }
  1810.     #header {
  1811.         height: 40px;
  1812.     }
  1814.     .headerbar {
  1815.         min-height: 40px;
  1816.     }
  1818.     .header-nav .header-nav-brand {
  1819.         height: 40px;
  1820.     }
  1822.     #menubar {
  1824.         top: 40px;
  1825.     }
  1827.     #content {
  1829.         padding-top: 40px;
  1830.     }
  1833.     .header-nav > li {
  1835.         padding: 2px 2px;
  1837.     }
  1839.     .header-nav-profile .dropdown > a,
  1840.     .header-nav-profile .dropdown.open > a {
  1842.         min-height: 0px;
  1843.         padding: .25rem 1rem;
  1844.         margin: 0px;
  1846.     }
  1848.     .header-nav-profile .dropdown img {
  1849.         width: auto;
  1850.         height: 33%;
  1851.         max-height: 30px;
  1852.         border-radius: 40px;
  1853.     }
  1855.     .header-nav-profile .dropdown.open .dropdown-menu {
  1856.         margin-top: 1px;
  1857.         border-top: none;
  1858.         border-radius: 1rem;
  1859.     }
  1862.     .header-nav-profile .dropdown.open > a:after,
  1863.     .header-nav-profile .dropdown > a:after {
  1864.         /*display: none;*/
  1865.         right: 1rem;
  1866.         top: 4px;
  1867.     }
  1869.     .headerbar-right .header-nav {
  1870.         display: inline-block;
  1871.         float: unset;
  1872.         vertical-align: middle;
  1873.     }
  1875.     #relevantForm .selectize-dropdown,
  1876.     #relevantForm .selectize-input,
  1877.     #relevantForm .selectize-input input,
  1878.     .niceModal .selectize-dropdown,
  1879.     .niceModal .selectize-input,
  1880.     .niceModal .selectize-input input {
  1881.         color: #0c0c0c;
  1882.         font-size: 14px;
  1883.     }
  1885.     #relevantForm .selectize-dropdown,
  1886.     #relevantForm .selectize-input,
  1887.     #relevantForm .selectize-input input {
  1889.         font-weight: bold;
  1891.     }
  1893.     #relevantForm .selectize-input.not-full input,
  1894.     .niceModal .selectize-input.not-full input {
  1895.         /*color: #0c0c0c;*/
  1896.         /*font-weight: normal;*/
  1897.         /*font-size: 14px;*/
  1898.     }
  1900.     #relevantForm .selectize-input.has-items .item,
  1901.     .niceModal .selectize-input.has-items .item {
  1902.         line-height: 1;
  1903.         height: 14px;
  1904.         overflow: hidden;
  1905.     }
  1907.     #relevantForm .selectize-control.multi .selectize-input.has-items .item,
  1908.     .niceModal .selectize-control.multi .selectize-input.has-items .item {
  1909.         line-height: 1;
  1910.         height: 14px;
  1911.         overflow: visible;
  1912.     }
  1914.     #relevantForm .selectize-input.has-items .item:hover,
  1915.     .niceModal .selectize-input.has-items .item:hover {
  1917.         overflow: visible;
  1918.     }
  1921.     #relevantForm .itemSegmentTable .form-control.selectize-control, #relevantForm .itemSegmentTable .selectize-control {
  1922.         /*border: 1px solid rgba(12, 12, 12, 0.12);*/
  1923.         border: none;
  1924.     }
  1926.     #relevantForm .itemSegmentTable .selectize-control .selectize-input:after {
  1927.         display: none;
  1928.     }
  1929.     .table-responsive {
  1930.         overflow-x: unset;
  1931.     }
  1933.     .inplace_attached textarea {
  1934.         border: none;
  1935.         font-weight: bold;
  1936.         font-size: 14px;
  1937.         padding-left: 12px;
  1938.         background: transparent;
  1939.         color: #0c0c0c;
  1941.         -webkit-box-shadow: none;
  1942.         box-shadow: none;
  1943.     }
  1945.     .itemSegmentTable tfoot td {
  1946.         font-size: 1.5rem;
  1947.         font-weight: bold;
  1948.     }
  1950.     .itemSegmentTable th.expanded {
  1951.         width: 45% !important;
  1952.     }
  1954.     .itemtable th.expanded {
  1955.         width: 45% !important;
  1956.     }
  1958.     input[type=number]:not(:focus)::-webkit-inner-spin-button,
  1959.     input[type=number]:not(:focus)::-webkit-outer-spin-button {
  1960.         -webkit-appearance: none;
  1961.         -moz-appearance: none;
  1962.         appearance: none;
  1963.         margin: 0;
  1964.     }
  1966.     /*#relevantForm .open > .dropdown-menu {*/
  1968.     /*    padding: 2rem;*/
  1969.     /*    height: 51rem;*/
  1970.     /*    overflow-y: scroll;*/
  1971.     /*}*/
  1973.     /*.itemSegmentTable input[type=number]:not(:focus)::-webkit-inner-spin-button,*/
  1974.     /*.itemSegmentTable input[type=number]:not(:focus)::-webkit-outer-spin-button {*/
  1975.     /*    -webkit-appearance: none;*/
  1976.     /*    -moz-appearance: none;*/
  1977.     /*    appearance: none;*/
  1978.     /*    margin: 0;*/
  1979.     /*}*/
  1980.     /*#newExpenseModal .form-control.selectize-control:hover {*/
  1981.     /*    border-bottom: 1px solid rgba(12, 12, 12, 0.12);*/
  1982.     /*    height: auto;*/
  1983.     /*    max-height: unset !important;*/
  1984.     /*    min-height: 0px !important;*/
  1985.     /*}*/
  1987.     @media (min-width: 769px) {
  1988.         #relevantForm .desc_cont {
  1990.             padding-top: 5.5px;
  1991.         }
  1992.     }
  1994.     .generic_document_list_table .dropdown-menu {
  1995.         min-width: 0;
  1996.     }
  1998.     .generic_document_list_table .dropdown-menu > li > a {
  1999.         padding: 1px 20px;
  2000.     }
  2003.     .generic_document_list_table .name_icon {
  2004.         background-size: cover;
  2005.         width: 30px;
  2006.         height: 30px;
  2007.         border-radius: 50%;
  2008.     }
  2010.     .generic_document_list_table .text_hover_icon {
  2011.         width: 20px;
  2012.         height: 20px;
  2013.         border-radius: 50%;
  2014.         padding: 0 !important;
  2015.     }
  2017.     .text_hover_icon .fa {
  2018.         font-size: 11px;
  2019.     }
  2021.     .generic_document_list_table .dropdown-menu {
  2022.         min-width: 0;
  2023.     }
  2025.     .generic_document_list_table .btn-sm:not(.text_hover_icon), .generic_document_list_table .btn-group-sm > .btn:not(.text_hover_icon) {
  2026.         padding: 0 1rem;
  2028.     }
  2030.     .btn-sm, .btn-group-sm > .btn.text_hover_icon {
  2031.         /*padding: 0 1rem;*/
  2033.     }
  2035.     /*.generic_document_list_table.table-condensed > tbody > tr > th,*/
  2036.     /*.generic_document_list_table.table-condensed > tfoot > tr > th,*/
  2037.     /*.generic_document_list_table.table-condensed > thead > tr > td,*/
  2038.     /*.generic_document_list_table.table-condensed > tbody > tr > td,*/
  2039.     /*.generic_document_list_table.table-condensed > tfoot > tr > td {*/
  2040.     /*    padding: 0 1rem;;*/
  2041.     /*}*/
  2042.     table-condensed > tbody > tr > th,
  2043.     .table-condensed > tfoot > tr > th,
  2044.     .table-condensed > thead > tr > td,
  2045.     .table-condensed > tbody > tr > td,
  2046.     .table-condensed > tfoot > tr > td {
  2047.         padding: 0 1rem;;
  2048.     }
  2050.     .generic_document_list_table.table-condensed > thead > tr > th {
  2051.         padding: 1rem 1rem;;
  2052.     }
  2055.     .dataTable#ajax_data_table .form-control,
  2056.     .generic_document_list_table.dataTable .form-control {
  2057.         padding: 0 1rem;
  2058.         height: auto;
  2059.         border: 1px solid rgba(12, 12, 12, 0.2);
  2060.         border-radius: 6px !important;
  2061.     }
  2063.     .dataTable#ajax_data_table .fa-edit,
  2064.     .generic_document_list_table.dataTable {
  2065.         font-size: 12px !important;
  2066.         /* color: darkgreen; */
  2067.     }
  2071.     .nav-tabs li:not(.no-popover) h4 {
  2072.         /*display: none;*/
  2073.     }
  2075.     .popover-content {
  2076.         text-align: center;
  2077.     }
  2078.     .card {
  2080.         /*border-radius: 2rem;*/
  2081.         margin-bottom: 1rem;
  2082.         overflow: visible;
  2083.     }
  2085.     .card .body:last-child {
  2086.         /* border-radius: 0 0 2px 2px; */
  2087.         /*  //  border-radius: 0 0 2rem 2rem;*/
  2089.     }
  2093.     .alert.alert-callout {
  2095.         /*border-radius: 2rem;*/
  2097.     }
  2098.     .card .body.no-padding:last-child {
  2100.         overflow: visible;
  2101.     }
  2103.     .alert.alert-callout:before {
  2105.         /*top: 1rem;*/
  2106.         /*bottom: 1rem;*/
  2108.     }
  2110.     section {
  2112.         padding: 1rem;
  2113.     }
  2115.     section-body:first-child {
  2116.         margin-top: 1rem;
  2117.     }
  2119.     .section-body:first-child {
  2120.         margin-top: 1rem;
  2121.     }
  2123.     .offcanvas_special {
  2124.         position: fixed;
  2125.         top: 0;
  2126.         bottom: 0;
  2127.         left: -50vw;
  2128.         z-index: 1032;
  2129.     }
  2131.     .header-nav .dropdown-toggle {
  2132.         border-radius: 999px;
  2133.         padding: 0.25rem 1rem;
  2134.     }
  2136.     body {
  2137.         /*font-family: "Roboto", sans-serif, Helvetica, Arial, sans-serif;*/
  2138.         font-size: 12px;
  2140.     }
  2142.     .form_ongoing_submit {
  2144.         position: absolute;
  2145.         width: 100%;
  2146.         height: 100%;
  2148.         z-index: 999999999;
  2149.         background: url({{ url('dashboard') }}images/loader/spinner.gif?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }});
  2151.         margin: auto;
  2154.         background-size: initial;
  2155.         background-position: center !important;
  2156.         background-repeat: no-repeat;
  2157.         background-color: #cff1ef5c;
  2158.     }
  2160.     .approve_button_common {
  2162.         background: #0aa89e;
  2163.         border-radius: 6px;
  2164.         border: 2px solid #c7cbcb;
  2165.     }
  2168.     .generalCurrencyMultiplyRateTr:not(.present) {
  2169.         display: none;
  2170.     }
  2172. {#    {% if app.session.get('devAdminMode') ==1 %}#}
  2174.     #header
  2175.     {
  2176.         color: #183144;
  2177.         background: linear-gradient(180deg, #fcfdfe 0%, #f3f6f8 100%);
  2178.         border-bottom: 1px solid #dfe7ed;
  2179.     }
  2180.     #header .text-primary {
  2181.         color: #6b7c8c;
  2182.     }
  2183. {#    {% endif %}#}
  2184. </style>
  2187. {# selectize special ends #}
  2189. {% include  '@Application/inc/ajax_route_library.html.twig' %}
  2190. {% include  '@Application/inc/ai_route_to_action_library.html.twig' %}
  2191. {% include  '@Application/inc/ai_route_to_report_library.html.twig' %}
  2192. <input type="hidden" id="timeStampOnHeaderLoad" value="{{ 'now'|date('U') }}">