/* ── Design Tokens ──────────────────────────────────────────────── */
:root {
  /* Brand */
  --color-brand-red:      #c0392b;
  --color-primary:        #3d5a8a;
  --color-primary-dark:   #2d4570;
  --color-cloud-blue:     #3d5a8a;
  --color-kb:             #7da3cc;

  /* Page chrome */
  --color-mainbg:         #ffffff;
  --maincol-bg-color:     #ffffff;
  --border-highlight-colour: #e2e8f0;

  /* Sidebar */
  --leftmenu-selected-bg: #2d3655;
  --color-menutext:       #94a3b8;

  /* Text */
  --color-text:           #1e293b;
  --color-text-muted:     #64748b;
  --color-link:           #2d4570;

  /* Borders & surfaces */
  --color-border:         #e2e8f0;
  --color-border-strong:  #cbd5e1;
  --color-surface:        #f8fafc;

  /* Semantic */
  --color-red:            #b94040;
  --color-light-red:      #e8a0a0;
  --color-green:          #2f7a52;
  --color-warning:        #d97706;
  --color-light-blue:     #7aabcf;

  /* Action buttons — steel blue */
  --color-utility-button:        #3d5a8a;
  --color-utility-button-border: #2d4570;
  --color-utility-button-color:  #fff;
  --color-button-border:         #8da8cc;
  --color-module-button-selected-gnd: #3d5a8a;

  /* Save / new-item buttons — forest green */
  --color-button-green:        #2d5a40;
  --color-button-green-border: #1e3d2b;
  --color-button-green-color:  #fff;

  /* Forms */
  --input-box-bg-color:   #f8fafc;
  --setting-input-bg:     #fff;

  /* Tabs */
  --color-tab:            #455061;
  --color-tab-bg:         #eef1f5;
  --color-tab-selected:   #1e293b;
  --color-tab-selected-bg: #ffffff;

  /* Tables */
  --color-tda-links-bg:   #f2f6fb;

  /* Step filter */
  --color-etapa-filter-selected: #dde6f0;

  /* Dance-art calendar cells */
  --color-dance-art-checked: #7bb;

  /* Spacing */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* Radii */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.10);

  /* Motion */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Reset ──────────────────────────────────────────────────────── */
* {
  border: 0; margin: 0; padding: 0;
  font-family: 'PT SANS NARROW', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.BOCP_header_inner * {
  font-family: 'PT SANS NARROW', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
html  { font-size: 15px; -webkit-font-smoothing: antialiased; }
body  { background-color: var(--color-mainbg); width: 100%; min-height: 100vh; }

/* ── Typography ─────────────────────────────────────────────────── */
h1       { font-size: 21px; }
h2       { font-size: 16px; clear: left; }
h1, h2, h3 { color: #000; font-weight: bold; margin-top: 5px; }
h3       { color: #555; margin-top: 3px; }
b        { color: #000; }
p        { color: var(--color-text); }
pre      { clear: both; }
hr       { clear: both; height: 1px; margin: 2px 0; background: var(--color-border); border: 0; }
small    { color: var(--color-text-muted); }
label    { font-weight: bold; }
img      { border-style: none; vertical-align: middle; }
ul       { margin-left: 4px; text-indent: 0; }
li       { padding-left: 0; margin-left: 20px; }

/* ── Links ──────────────────────────────────────────────────────── */
a         { text-decoration: none; color: var(--color-link); cursor: pointer; }
a:link    { color: var(--color-link); }
a:visited { color: var(--color-link); text-decoration: none; }
a:hover   { color: var(--color-primary); text-decoration: underline; }
a:active  { color: var(--color-primary); }
a.module_tab { border: 1px solid #bbb; padding: 0 4px; border-bottom: 0; font-weight: 100; margin-bottom: 1px; }
a.module_tab:hover, a.module_tab:active { color: #fff; text-decoration: none; background: var(--color-primary); }

/* ── Form elements ──────────────────────────────────────────────── */
input, select, textarea {
  border: 1px solid var(--color-border-strong);
  color: var(--color-text);
  background: #fff;
  margin: 0 1px;
  padding: 6px;
  vertical-align: middle;
  border-radius: var(--radius-sm);
}
option  { padding: 1px; font-size: 12px; }
input[type='checkbox'] { height: 16px; width: 16px; padding: 2px; }
input[readonly='readonly']  { background-color: #eee; }
select[readonly='readonly'] { background-color: #eee !important; }
select[disabled='disabled'] { background-color: #eee !important; }
input[type='hidden']        { border: 0; padding: 0; margin: 0; }
td          { vertical-align: top; padding-left: 3px; padding-right: 3px; }
button.calendar_button { background-color: #fff; }

/* jscalendar popup */
div.calendar { position: relative; font-family: verdana, tahoma, sans-serif; }
.calendar { z-index: 100001; }
.calendar, .calendar table { border: 1px solid #797979; color: #000; cursor: default; background-color: #EEFBFF; font-family: 'trebuchet ms', verdana, tahoma, sans-serif; }
.calendar .button { text-align: center; background-color: #BDF; font-weight: bold; padding: 2px; }
.calendar .nav div { }
.calendar thead .title { font-weight: bold; text-align: center; padding: 2px; }
.calendar thead .name { border-bottom: 1px solid #797979; text-align: center; color: #000; padding: 2px; }
.calendar thead .weekend { color: #c44; }
.calendar thead .hilite { background-color: #BFB; border-bottom: 1px solid #797979; padding: 2px 2px 1px; }
.calendar thead .active { background-color: #BFB; color: #fff; border-bottom: 1px solid #797979; padding: 3px 1px 0 3px; }
.calendar thead .daynames { background-color: #EED; }
.calendar tbody .day { width: 2em; color: #000; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth { font-size: 80%; color: #999; }
.calendar tbody .day.othermonth.oweekend { color: #f99; }
.calendar table .wn { border-right: 1px solid #797979; background-color: #d9d9d9; padding: 2px 3px 2px 2px; }
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn { background-color: #EFD; }
.calendar tbody td.today { font-weight: bold; }
.calendar tbody td.hilite { border: 1px solid #bbb; padding: 1px 3px 1px 1px; }
.calendar tbody td.active { padding: 2px 2px 0; }
.calendar tbody td.selected { font-weight: bold; border: 1px solid #797979; color: #050; padding: 1px 3px 1px 1px; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }
.calendar tfoot .footrow { text-align: center; background: #565; color: #fff; }
.calendar tfoot .ttip { color: #000; padding: 2px; }
.calendar tfoot .hilite { background: #afa; border: 1px solid #084; color: #000; padding: 1px; }
.calendar tfoot .active { background: #7c7; padding: 2px 0 0 2px; }
.calendar .combo { position: absolute; display: none; top: 0; left: 0; width: 4em; cursor: default; color: #000; z-index: 100; border-color: #797979; border-style: solid; border-width: 0 1px 1px; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .active { color: #fff; font-weight: bold; }
.calendar td.time { border-top: 1px solid #797979; text-align: center; padding: 1px 0; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { font-weight: bold; color: #000; padding: 0 5px 0 6px; }
.calendar td.time .hour, .calendar td.time .minute { font-family: monospace; }
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon { font-weight: bold; padding: 0 2px 0 3px; }
.calendar td.time span.active { color: #fff; }
.calendar thead .weekend, .calendar tbody td.weekend { color: #c44; }
.calendar .combo .hilite, .calendar td.time span.hilite { color: #000; }

thead       { display: table-header-group; }

/* ── Badges / counters ──────────────────────────────────────────── */
.top_elem_count {
  float: left; overflow: hidden; padding: 0; position: relative; text-align: left; top: -35px; width: 28px;
}
.top_main_elem_count {
  margin: -6px -28px 0 0; float: left; overflow: hidden; padding: 0; position: relative; width: 28px;
}
.top_main_elem_count > div, .top_elem_count > div {
  background: #d22; box-shadow: 0 0 2px #777; border-radius: 2px;
  color: #fff; font-size: 11px; text-align: center; text-shadow: 0 0 2px #fff;
  display: inline; padding: 0 3px;
}

/* ── Layout helpers ─────────────────────────────────────────────── */
.selfClear       { display: inline-block; }
.selfClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after  { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.compact *  { font-size: 90% !important; }
.floatleft  { float: left; }
.floatright { float: right; }
.nofloat    { float: none; }
.l { text-align: left !important; }
.c { text-align: center !important; }
.r { text-align: right !important; }
.left   { text-align: left; }
.middle { vertical-align: middle; }
.hidden { display: none; }
.nowrap { white-space: nowrap; }
.print-only { display: none; }
.valign_top td { vertical-align: top !important; }
.left_aligned td { text-align: left !important; }
.t_centered td, .t_centered th { text-align: center; }
.structure_table { width: 100%; }

/* ── Column utilities ───────────────────────────────────────────── */
.w75 { width: calc(75% - 10px); padding: 0 5px; float: left; }
.w25 { width: calc(25% - 10px); padding: 0 5px; float: left; }
.half_column {
  width: calc(50% - 30px); margin: 5px 3px; padding: 5px 10px;
  background: #fff; border-radius: var(--radius-sm); float: left; box-shadow: var(--shadow-xs);
}
.half_column-3-4 {
  width: calc(75% - 30px); margin: 5px 3px; padding: 5px 10px;
  background: #fff; border-radius: var(--radius-sm); float: left; box-shadow: var(--shadow-xs);
}
.half_column-1-4 {
  width: calc(25% - 30px); margin: 5px 3px; padding: 5px 10px;
  background: #fff; border-radius: var(--radius-sm); float: left; box-shadow: var(--shadow-xs);
}
.custom_column {
  box-sizing: border-box; width: calc(33.33% - 8px); margin: 5px 3px; padding: 5px 10px;
  background: #fff; border-radius: var(--radius-sm); float: left; box-shadow: var(--shadow-xs);
}
.desktop-halfcol      { width: 50%; }
.desktop-left-column  { width: 200px; float: left; }
.desktop-right-column { width: calc(100% - 200px); float: right; }
.ui_split_panel         { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; clear: both; }
.ui_split_panel_content { flex: 1 1 82%; min-width: 200px; padding-right: 8px; box-sizing: border-box; }
.ui_split_panel_side    { flex: 0 0 15%; min-width: 130px; padding: 4px 8px; box-sizing: border-box; border-left: 1px solid var(--color-border); }
.ui_split_panel_side .form_section_title { margin-top: 0; }

/* ── Typography helpers ─────────────────────────────────────────── */
.company_title      { font-weight: bold; color: #555; }
.company_title_name { font-weight: bold; font-size: 17px; padding: 2px 0; color: #000; }
.company_title_name a { font-weight: bold; font-size: 17px; color: #000; }
b.affiliate_info    { color: var(--color-green); }
.small  { font-size: 10px !important; }
.gray   { color: #888; }
.green  { color: var(--color-green); }
.blue   { color: var(--color-link); }
.red    { color: var(--color-red); }
.orange { color: var(--color-warning); }
.b      { font-weight: bold; color: #000; }
.tdc    { font-weight: bold !important; color: #000 !important; }
.largetext { font-size: 140%; }
.spacious, .spacious li { padding: 5px 0; font-size: 105%; }

/* ── Text size scale ────────────────────────────────────────────── */
.s99 * { font-size: 99% !important; }
.s98 * { font-size: 98% !important; }
.s97 * { font-size: 97% !important; }
.s96 * { font-size: 96% !important; }
.s95 * { font-size: 95% !important; }
.s90 * { font-size: 90% !important; }
.s85 * { font-size: 85% !important; }
.s80 * { font-size: 80% !important; }

/* ── Status & state ─────────────────────────────────────────────── */
.cancelled, .cancelled *, .deleted, .deleted *, .deleted a {
  color: #ccc; background-color: #fafafa; text-decoration: line-through;
}
.invalid td, .invalid { background: #d22; color: #fff; font-weight: bold; }
.tr_problem  { background: #eaa !important; }
.alerted     { background: #faa; }
.whitegnd    { background-color: #fff; }
.greengnd    { background: #3a3 !important; color: #fff; }
.tr-selected { background-color: #dfd !important; outline: 1px solid #8d8; }
.tr_selected td { background: #ccc; }
.tr_selected td * { color: #111; font-weight: bold; }
.tr_read *  { font-weight: normal !important; }
.tr_unread * { font-weight: bold; }
.paid        { color: #166534; background-color: #f0fdf4; font-weight: 600; text-align: right; }
.partial_paid{ color: #854d0e; background-color: #fefce8; font-weight: 600; text-align: right; }
.unpaid      { color: #991b1b; background-color: #fff1f2; font-weight: 600; text-align: right; }
.sku         { color: #307d7e !important; font-weight: bold; }
.hinted      { text-decoration-style: dotted; text-decoration-line: underline; text-decoration-color: #080; cursor: help; }
.anchor      { border-bottom: 1px dotted #88f; }
.oldprice, .oldprice * { text-decoration: line-through; color: #999; }
.readonly    { background: #ddd !important; }
.disabled    { background: #ddd !important; }
.incomplete  { background-color: red !important; }
.selected_menuitem { font-weight: normal; }
.error { border: 1px solid red; background-color: #fdd; animation: flash-error 1s 2; }
@keyframes flash-error {
  25% { border-color: #ccc; background-color: white; margin-left: 10px; }
  50% { border-color: #d33; background-color: #fff2f2; margin-left: 0; }
  75% { border-color: #ccc; background-color: white; margin-left: 10px; }
}

/* ── Semantic boxes ─────────────────────────────────────────────── */
.greenbox { border: 1px solid #8f8; color: #111; border-radius: var(--radius-sm); background: #dfd; }
.goldbox  { border: 1px solid #edda74; color: #111; border-radius: var(--radius-sm); background: #fff380; }
.bluebox  { border: 1px solid #88f; color: #111; border-radius: var(--radius-sm); background: #ddf; padding: 0 5px; }
.bgchirie { background-color: #ecaa88; }
.bggray   { background-color: silver; }
.cnt      { vertical-align: top; padding: 1px 3px; background: #e1f7b9; color: #282; border-radius: var(--radius-sm); margin: 0 3px 0 1px; font-size: 11px; }
.cnt_badge { color: #fff; margin: -2px 5px -2px 4px; float: right; padding: 2px 6px; border-radius: var(--radius-sm); font-size: 13px; }

/* ── Image helpers ──────────────────────────────────────────────── */
.prodico    { max-width: 75px !important; max-height: 75px; margin: -2px 0; }
.prodico32  { max-width: 50px !important; max-height: 48px; margin: -2px 0; }
.prodico48  { max-width: 50px !important; max-height: 48px; margin: -2px 0; height: 48px; }
.prodico64  { max-width: 64px !important; max-height: 64px; margin: -2px 0; height: 64px; }
.prodico128 { max-width: 128px !important; max-height: 128px; margin: -2px 0; height: 128px; }
.prodico256 { max-width: 256px !important; max-height: 256px; margin: -2px 0; height: 256px; }
.icoh16     { height: 16px; }
.table-icon { height: 32px; margin: 0 5px 0 0; vertical-align: bottom; filter: grayscale(100%); }
.mainmicon  { width: 32px; height: 32px; }
.smic       { filter: grayscale(90%); }
.hic img    { filter: saturate(70%) grayscale(10%); }
img.clickable { cursor: pointer; }
img.smallicon16x16 { height: 16px; margin: 0 5px; padding: 0; vertical-align: top; width: 16px; }
img.fullsectionicon { float: left; height: 32px; margin: 0 5px 0 0; padding: 0; }
img.lefticon { width: 24px; height: 24px; vertical-align: middle; margin-right: 3px;
  display: inline !important; filter: opacity(75%) grayscale(100%); }
img.cpitemicon { margin: 0 auto; max-width: 32px; height: 32px; vertical-align: top; }
img.facturalogoimage { border: 0; display: block; margin: 0 auto; max-height: 100px; max-width: 100%; }
img.facturastampimage { max-width: 3cm; }
img.sectionheadicon { background-color: #fbfbfb; float: left; margin-right: 5px; padding: 1px; }
img.legendaicon { margin-left: 10px; margin-right: 5px; vertical-align: top; }

/* ── Module messages ────────────────────────────────────────────── */
div.main_module_warning,
div.main_module_message,
div.main_module_message_error,
div.main_module_message_info,
div.main_module_message_hint {
  background-color: #afa;
  background-image: url('https://cdn.bocp.eu/bocp/icons/flag_green.png');
  background-position: 10px 8px;
  background-repeat: no-repeat;
  margin: 20px auto; text-align: center;
  width: 90%; padding: 7px;
  border: 1px solid #eee; clear: both;
  border-radius: var(--radius-sm);
}
div.main_module_warning         { background-color: #fd5; background-image: url('https://cdn.bocp.eu/bocp/icons/warningicon16.png'); }
div.main_module_message_error   { background-color: #f55; background-image: url('https://cdn.bocp.eu/bocp/icons/exclamation.png'); }
div.main_module_message_error * { color: #fff; font-weight: bold; }
div.main_module_message_info    { background-color: #ddf; background-image: url('https://cdn.bocp.eu/bocp/icons/information.png'); display: block; text-align: center; }
div.main_module_message_hint    { background-color: #fff; background-image: url('https://cdn.bocp.eu/bocp/icons/helpblue32.png'); background-position: 20px 20px; display: block; padding: 10px 20px 10px 40px; text-align: left; margin-top: 10px; }

/* ── Validation strips ──────────────────────────────────────────── */
div.top_validationok    { background-color: #3b3; color: #fff; width: 100%; height: 16px; text-align: center; }
div.top_validationNOTok { background-color: #f66; color: #fff; width: 100%; height: 16px; text-align: center; }
div.top_validationok img, div.top_validationNOTok img { height: 15px; }

/* ── Popup backdrop ─────────────────────────────────────────────── */
.graygnd { width: 100%; position: absolute; left: 0; right: 0; top: 0; height: 3000px; background: rgba(50,50,50,0.8); z-index: 2; }

/* ── Misc content areas ─────────────────────────────────────────── */
.utility_td  { padding: 0; vertical-align: top; }
.utility_div {
  margin-bottom: 6px; display: block; background: #fff;
  border: 1px solid var(--color-border); padding: 8px 12px;
  font-size: 0.9rem !important; border-radius: var(--radius-md);
  width: calc(100% - 24px); margin-left: 12px; margin-right: 12px;
  box-sizing: border-box; box-shadow: var(--shadow-xs);
}
.utility_div br, .utility_div p { margin: 0; }
.utility_div h2 { font-size: 20px; }
.cl_phone    { font-size: 16px; }
.general_msg_div * { font-size: 14px; }
.general_msg_div h2 { font-size: 18px; color: #292; }
.general_msg_div a  { font-size: 18px; color: #922; font-weight: bold; }
.general_msg_div    { width: 90%; padding: 50px 5%; }
div.maincoldynamiccontent { width: 100%; background: var(--maincol-bg-color); }
.module_left_frame  { border: 0; padding: 0; }
.asholder           { position: relative; }
#module_ajax_inner_div_title { float: left; word-wrap: break-word; }

/* ── Online payment ─────────────────────────────────────────────── */
.div_onlinepayment_status_ok { margin-top: 2px; text-align: center; font-weight: bold; padding: 3px; color: #3a3; background: #dfd; }
.div_onlinepayment_status    { margin-top: 2px; text-align: center; font-weight: bold; padding: 3px; color: #e33; background: #fdd; }
.div_onlinepayment span      { font-size: 18px; line-height: 32px; }
.div_onlinepayment img       { box-shadow: 1px 1px 2px #999; vertical-align: bottom; }
.div_onlinepayment           { margin-top: 2px; text-align: center; font-weight: bold; padding: 3px; color: #e33; background: #fdd; height: 32px; display: flex; align-items: center; justify-content: center; }
.div_onlinepayment a         { margin: 0 5px; }
.BOCP_actualizari            { width: 100%; }
.BOCP_actualizari a          { font-size: 12px; }
.input_r_box { height: 20px; width: 20px; overflow: hidden; float: left; padding: 4px; display: block; }

/* ── DB sync ────────────────────────────────────────────────────── */
#BOCP_db_sync_info div, #BOCP_db_sync_info_mm div {
  background: url(https://secure.bocp.eu/beta/images/icons/codeupdate.gif) !important;
  background-size: 100%; color: #fff; border: 1px solid #555 !important;
  box-shadow: 1px 1px 5px #333; clear: both;
}

/* ── Debug ──────────────────────────────────────────────────────── */
.debug { border: 1px dashed #ccc; background: #eee; clear: both; font-size: 11px; font-family: monospace; color: #999; width: 100%; max-width: 1200px; overflow-x: auto; }
.debug:hover .location { display: block; }
.debug .location { display: none; text-align: right; font-size: 10px; }

/* ── Autosuggest ────────────────────────────────────────────────── */
div.autosuggest            { position: absolute; padding: 10px 0 0; }
div.autosuggest ul         { list-style: none; overflow: hidden; background: #333; margin: 0 0 -4px; padding: 0; }
div.autosuggest ul li      { color: #ccc; text-align: left; margin: 0 4px 4px; }
div.autosuggest ul li a    { color: #ccc; display: block; text-decoration: none; background: transparent; position: relative; width: 100%; padding: 0; }
div.autosuggest ul li a:hover { background: #444; }
div.autosuggest ul li a span  { display: block; font-weight: bold; padding: 3px 6px; }
div.autosuggest ul li a span small { font-weight: 400; color: #999; }
div.autosuggest ul li.as_highlight a { color: #fff; background-color: #1b5ccd; }
div.autosuggest ul li.as_highlight a span small { color: #ccc; }
div.autosuggest ul em      { font-style: normal; color: #6eade7; }
.standard_list_viao a b.green { color: var(--color-green); }
.standard_list_viao a b.blue  { color: var(--color-link); }
.standard_list_viao a b.red   { color: var(--color-red); }
.standard_list_viao a b.gray  { color: gray; }

/* ── Article content ────────────────────────────────────────────── */
.article     { margin: 0 30px; }
.article *   { font-weight: normal; font-size: 14px; line-height: 140%; color: #333; font-family: Arial, Tahoma, Helvetica; }
.article h1  { font-size: 16px; font-weight: bold; margin: 10px 0 2px; }
.article h2  { font-size: 15px; font-weight: bold; margin: 10px 0 2px; }
.article h3  { font-size: 14px; font-weight: bold; margin: 10px 0 2px; }
.article p   { margin: 8px 0; }
.doc_with_tables             { max-width: 20cm !important; }
.doc_with_tables table       { border-collapse: collapse; max-width: 100% !important; }
.doc_with_tables td, .doc_with_tables th { border: 1px solid #aaa; border-collapse: collapse; vertical-align: middle; text-align: left; }
.doc_with_tables table[border="0"] td,
.doc_with_tables table[border="0"] th { border: 0 !important; }
.doc_with_tables img         { display: block !important; max-width: 100% !important; }

/* ── Sections & KB ──────────────────────────────────────────────── */
.kb-smallico { font-size: 14px; display: inline-block; border-radius: var(--radius-sm); box-shadow: 1px 1px 3px #fee599; border: 1px solid #fa0; background: #fee599; padding: 3px 7px 3px 3px; margin: 0 3px 1px 8px; vertical-align: middle; }
.bocp_table_title .kb-smallico { margin: -5px 3px 1px 8px; }
.imagemanager-image-box { font-size: 12px; width: 112px; height: 175px; overflow: hidden; float: left; display: block; text-align: center; vertical-align: middle; background-color: #eee; margin: 5px 3px; }

/* ── Legacy form containers ─────────────────────────────────────── */
div.newformular { margin: 5px auto; width: 70%; background: #fff; padding: 5px; }
div.newformular label { height: 16px; float: left; clear: left; display: block; width: 200px; margin: 1px; padding: 5px; overflow: hidden; max-width: 200px; }
div.newformular input { background-color: #fefefa; width: auto; float: left; clear: right; display: block; padding: 4px 1%; font-size: 110%; border: 1px solid #bbb; margin: 1px; }
div.newformular select { height: 26px; background-color: #fefefa; float: left; clear: right; display: block; padding: 4px; border: 1px solid #bbb; margin: 1px; }
div.newformular input[type='button'] { float: right; height: 26px; background-color: #fafffa; }
div.newformular button.calendar_button { float: left; height: 26px; display: block; }
div.newformular input[type='hidden'] { border: 0; padding: 0; margin: 0; }
div.newformular2 { margin: 5px auto; width: 95%; background-color: #fafafa; padding: 5px; }
div.newformular2 label { float: none; clear: left; display: inline; margin: 0; padding: 3px 0; overflow: hidden; border: 0; vertical-align: middle; font-weight: normal; }
div.newformular2 input, div.newformular2 button { height: 16px; float: none; display: inline; padding: 4px 8px; font-size: 110%; border: 1px solid #bbb; margin: 0; vertical-align: middle; }
div.newformular2 input[readonly='readonly'] { background-color: #eee; }
div.newformular2 input[disabled='disabled'] { background-color: transparent; border: 0; }
div.newformular2 input[type='hidden'] { border: 0; padding: 0; margin: 0; }
div.newformular2 input[type='submit'], div.newformular2 input[type='button'] { float: right; height: 26px; }
div.newformular2 textarea { background-color: #fefefa; float: none; display: inline; padding: 4px; font-size: 110%; border: 1px solid #bbb; margin: 0; vertical-align: middle; }
div.newformular2 select { height: 26px; background-color: #fefefa; float: none; display: inline; padding: 4px; border: 1px solid #bbb; margin: 0; vertical-align: middle; }
div.newformular2 button { height: 26px; background-color: transparent; float: left; display: block; padding: 1px; margin: 0; }
div.newformular2 td { border: 1px solid #ddd; padding: 3px; border-collapse: collapse; }
div.newformular2 table { border: 1px solid #ddd; padding: 1px; }
div.newformular2 button.calendar_button { float: none; height: 26px; display: inline; }
div.newformular2 input[type='radio'] { width: 19px; height: 25px; padding: 0 5px 0 0; display: block; clear: left; float: left; }
table.newformular { padding: 0; border-collapse: collapse; border: 1px solid #888; background: #fff; margin-top: 5px; }
table.newformular th { border: 0; padding: 3px; font-weight: bold; }
table.newformular td { border: 1px solid #ccd; padding: 3px; font-weight: normal; }
table.newformular td span { font-weight: normal; }
label.agenda_labels      { margin-left: 10px; min-width: 70px; display: inline; float: none; vertical-align: middle; }
label.agenda_labels_fact { margin: 5px 0 0; min-width: 50px; text-align: right; float: none; display: inline; }
label.agenda_labels_chit { margin: 5px 0 0; min-width: 50px; text-align: left; float: none; display: inline; }
label.filter_label       { padding: 0; margin: 0 0 0 5px; display: inline; float: none; vertical-align: middle; font-weight: normal; }
input.fact_crt           { max-width: 15px; }
input.fact_denumire      { min-width: 100px; width: 90%; vertical-align: middle; }
input.fact_pret, input.fact_cant, input.fact_tva, input.select_fisamagazie_cant { width: 50px; }
input.fact_valoare       { width: 75px; }
input.radio              { border-width: 0; vertical-align: middle; }
input.std_form_input, textarea.std_form_input { margin-left: 0; display: inline; }

/* ── inc_* files ────────────────────────────────────────────────── */

/* ── Page chrome ────────────────────────────────────────────────── */
.bocp-wrapper { width: 100%; max-width: 100%; margin: 0; margin-top: 48px; min-height: 200px; }
.bocp-leftcol {
    top: 48px; left: 0;
    width: 64px;
    height: calc(100vh - 48px);
    overflow-y: auto; overflow-x: visible;
    background: #0b0f1a;
    scrollbar-width: none;
}
.bocp-leftcol::-webkit-scrollbar { display: none; }
.bocp-maincol {
    width: calc(100% - 64px);
    background: #ffffff;
    min-height: calc(100vh - 48px);
    float: right;
}

.bocp_container   { width: 100%; max-width: 1300px; margin: 0 auto; }
.main_menu_frame  { min-width: 250px; clear: both; text-align: left; padding: 14px 0; margin: 0 auto; overflow: hidden; position: relative; }

.toptabs {
    padding: 8px 2px 8px 0; clear: both; display: inline; margin: 5px auto 5px 0;
    text-align: center; background: #fff; height: 32px;
    box-shadow: 2px 2px 4px #444; border-radius: 0 3px 3px 0;
}
.toptabs img { margin: 0 5px 0 0; vertical-align: middle; height: 25px; }
.toptabs a { padding: 9px 9px 8px 9px; border: 0; font-size: 15px; margin: 2px 0; background: #fff; }
.toptabs a:hover, a.top_selected {
    background: var(--color-tab-selected-bg) !important;
    font-weight: normal; padding: 13px 5px !important;
    box-shadow: 2px 2px 4px #444; border-radius: 3px; margin: 2px 4px;
}

/* ── Main column areas ──────────────────────────────────────────── */
.module_content_div      { width: calc(100% - 20px); padding: 0 10px; }
#module_ajax_inner_div_content { width: 100%; padding: 0; }
td.maincolumn { min-width: 250px; padding: 0 0 5px 0; vertical-align: top; background-color: #fbfbfb; }
.mainsheet    { margin: 0 auto; padding: 0; }
.leftsheet {
    width: 33px; margin: 0 auto; background: #fff; float: left; max-width: 33px;
    overflow: hidden; position: absolute; top: 55px; z-index: 500; padding-bottom: 10px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.12); border-radius: 0 4px 4px 0;
}

/* ── Module index icon tiles ────────────────────────────────────── */
.mnw { margin: -5px -5px 0 0; }
.m_icon_section {
    float: left; display: block; padding: 10px; width: 180px; overflow: hidden; margin: 10px 13px;
    box-shadow: 2px 2px 4px #444; border-radius: 3px; font-size: 120%;
    background: linear-gradient(-45deg,
        rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%,
        rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
}
.m_icon_section:hover {
    box-shadow: 1px 1px 2px #444; cursor: pointer;
    background: linear-gradient(-45deg, rgba(158,172,186,1) 0%, rgba(237,241,247,1) 100%);
}

/* ── Document downloader dropdown ───────────────────────────────── */
ul.document_downloader { font-size: 14px; margin: 0; padding: 0; list-style: none; }
.document_downloader_widget img { filter: grayscale(90%); }
ul.document_downloader li { display: block; position: relative; float: left; margin: 3px 0; padding: 1px 8px; border-right: 1px #e5e5e5 solid; text-align: center; }
ul.document_downloader li ul li { margin: 0; padding: 1px 3px; }
ul.document_downloader li ul { display: none; margin: 0 0 0 -5px; background: #fff; padding: 5px; border: 1px #eee solid; z-index: 2; }
ul.document_downloader li a { display: block; text-decoration: none; color: #fff; border-radius: 4px; padding: 5px 15px; background: #fff; margin-left: 1px; white-space: nowrap; }
ul.document_downloader li:hover ul   { display: block; position: absolute; }
ul.document_downloader li:hover li   { float: none; font-size: 11px; }
ul.document_downloader li:hover li a:hover { background: #bbf2bb; }

.main_mod_title img  { vertical-align: top; max-height: 30px; }
.filtered-values     { padding: 3px 0 0 0; font-weight: normal !important; color: #555; font-size: 100% !important; clear: left; }
.filtered-values b   { color: #d56340; }

/* font-family normalization for these elements */
.doc1 h1,
.etape_filter li a,
.filtered-values *,
.left-shortcuts *,
.modgroup_name,
.btn_procesare,
.title_row th,
.m_form_tab,
.input_element_section label,
.view_label { /* font-family: 'PT SANS NARROW' !important; — keep as-is, just remove PHP */ }

/* ── Filters bar ────────────────────────────────────────────────── */
.filter_div {
    background: #ffffff;
    clear: both;
    padding: 6px 10px;
    margin: 0 0 6px 0;
    border-radius: 8px;
    width: calc(100% - 20px);
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.filter_div * { font-size: 11px; }

.filter_unit * { font-size: 15px; }

.perioadapicklistform input,
.perioadapicklistform select,
.perioadapicklistform textarea {
    border: 0; padding: 1px; height: 14px; margin-left: 5px; background: #fff;
}

.filter_unit input,
.filter_unit select,
.filter_unit textarea {
    height: 24px; padding: 1px; border: 1px #ddd solid;
    max-width: calc(100% - 4px); border-radius: 3px; background: #fff;
}

.filter_unit {
    background: #f8fafc;
    border: 1px #e2e8f0 solid;
    padding: 6px 6px;
    display: flex; float: left;
    margin: 2px 4px 2px 0;
    border-radius: 6px;
    height: 24px;
    align-items: center;
    overflow: hidden;
    transition: border-color 0.12s, background 0.12s;
}
.filter_unit .selection { min-width: 150px; display: block; }
.filter_unit:hover { background: #eef5ff; border-color: var(--color-primary); }
.filter_unit label { padding: 0 4px 0 0; margin: 0; display: inline; float: none; margin-left: 5px; vertical-align: middle; font-weight: normal; }
.filter_unit input[type='checkbox'] { margin-left: 5px; margin-right: -1px; margin-top: 1px; }
.filter_unit input[type='text']     { height: 19px; }

.perioadapicklistform input[type='text'] { height: 17px; }

/* ── Step / stage filter strip ──────────────────────────────────── */
.etape_filter {
    clear: both; float: left; width: calc(100% - 10px);
    border-bottom: 1px #eee solid;
    background: #fff; border-radius: 4px 4px 0 0;
    margin: 0 0 7px 0; padding: 0 5px;
}
.etape_filter li a { padding: 6px 16px; display: block; border: 0; font-size: 15px; color: #444; }
.etape_filter li a div { display: flex; flex-direction: column; margin: -5px 0; font-size: 13px; }
.etape_filter li a:hover { cursor: pointer; }
.etape_filter li a img { max-height: 20px; }
.etape_filter li {
    float: left; list-style-type: none;
    background: #ddd; border-radius: 20px;
    font-size: 15px; margin: 5px 4px 5px 0;
}
.etape_filter li.label {
    float: left; padding: 5px 15px; list-style-type: none;
    color: gray; background: #fff; font-size: 15px;
}

.etape_filter li.i.selected { background: var(--color-etapa-filter-selected); }
.etape_filter li.i.selected a { color: #222; font-weight: bold; }

.has_selected { background: #bbf0cc; border-color: #2d5a40 !important; }
.filter-ico   { filter: grayscale(90%); }

.tr_selected .filter-ico,
.standard_list_viao tr:hover .filter-ico { filter: grayscale(0%); }

/* ── Search box ─────────────────────────────────────────────────── */
.search_div { float: right; height: 28px; padding: 1px 0; margin: 7px 2px 0 5px; }
.search_div img { vertical-align: top !important; }
h2.bocp_table_title .search_div { margin-top: 3px; }

.search-box-big-wrapper input {
    float: left; font-size: 16px; font-weight: bold; color: #222; background-color: #fff;
    margin: 7px 5px; padding: 6px 10px; border: 1px solid #ccc;
}

/* ── Select2 overrides ──────────────────────────────────────────── */
.select2-container--default .select2-selection--single { border: 1px solid #c8d3de !important; }
.filter_unit .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 23px; }
.select2-container { min-width: 100px; }
.filter_unit .select2-container .select2-selection--single { height: 24px; margin-top: -1px; }

/* ── Table wrapper ──────────────────────────────────────────────── */
.bocp-table-wrapper {
    background: var(--border-highlight-colour);
    box-shadow: var(--shadow-sm);
    padding: 0; clear: both; margin-top: 10px;
    border-radius: 10px; border: 1px #e4ecf4 solid;
}
table.standard_list_viao thead h2 { margin: 2px auto 0; text-align: left; font-size: 16px; color: #444; clear: none; padding: 8px 2px 4px 5px; }

.th-row-title { width: 100%; display: flex; justify-content: space-between; background: #f0f0f0; }

h3.bocp_table_title,
h2.bocp_table_title,
table.standard_list_viao thead h2.bocp_table_title {
    width: calc(100% - 20px); padding: 0 0 0 5px; min-height: 26px; font-size: 32px !important;
    text-align: left; float: left; border-radius: 2px 4px 0 0; margin-left: 5px;
    font-family: 'PT SANS NARROW', Arial; margin-top: 6px; color: #222;
}
h3.bocp_table_title { font-size: 24px !important; }
.table-top-tools    { background: var(--border-highlight-colour); padding: 2px 4px; max-width: 50%; }
.bocp_table_title a { border: 0 !important; vertical-align: baseline; }

table.standard_list_viao thead h2.bocp_table_title_with_search,
h2.bocp_table_title_with_search { width: calc(100% - 140px) !important; }

/* ── Row action strip ───────────────────────────────────────────── */
.selected_proc_buttons .btn_procesare { margin: 0 5px; line-height: 16px; }

/* ── Common special tables ──────────────────────────────────────── */
table.additemtable { background-color: #fff; border-color: #000; border-width: 1px; margin-top: 5px; padding: 15px; text-align: left; width: 100%; }
table.aff_inside_comlist_table,
table.aff_inside_comlist_table td,
table.aff_inside_comlist_table th { border: 0; color: gray; margin: 0; padding: 0; }
table.agenda_detalii_view_table td { font-size: 11px; width: 33%; }
table.agenda_detalii_view_table   { width: 100%; }
table.agenda_detalii_view_table td,
table.agenda_detalii_view_table tr { border: 0; }

/* ── Invoice table ──────────────────────────────────────────────── */
.factura_master_items { width: calc(100% - 20px); margin: 0 10px; }
.factura_master_items hr { height: 1px; margin: 0; }
table.factura_master_items { border-collapse: collapse; border-spacing: 0; }
table.factura_master_items tr { vertical-align: middle; }
table.factura_master_items td { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 3px; vertical-align: middle; border: 0; border-top: 1px #ccc solid; text-align: right; }
table.factura_master_items th { vertical-align: bottom; font-weight: bold; color: #111; border: 0 !important; border-bottom: 1px #aaa solid !important; background: transparent; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 5px 3px; text-align: right; }
table.factura_master_items thead td { border-bottom: 1px #ddd solid; text-align: left; }
table.factura_master_items tr { border-width: 0; }

.factura_master_table             { background-color: #fff; }
table.factura_master_table td,
table.factura_master_table tr     {}
table.factura_master_table,
p.scadentpara                     { text-align: center; width: 100%; }
table.innercontactdetailstable    { float: left; }
table.invisibleformtable          { border: 0; margin: 0 auto; }

/* ── Standard list tables ───────────────────────────────────────── */
table.oplist { border: 0; margin: 0 auto; }
table.standard_list_newformular { border: 1px #bbb solid; background-color: #fff; border-spacing: 0; text-align: center; width: 100%; border-collapse: collapse; }
table.standard_list_newformular td  { border: 1px #99a solid; padding: 0; border-collapse: collapse; font-weight: normal; }
table.standard_list_newformular th  { border: 1px #99a solid; padding: 0; border-collapse: collapse; font-weight: bold; background-color: #999; color: #fff; vertical-align: top; }
table.standard_list_newformular th.descrtitlehead { background-color: #fff; vertical-align: bottom; }
table.standard_list_newformular td span { font-weight: normal; }

/* ── Table cell styles ──────────────────────────────────────────── */
table.agenda_client_data_input_fact_benef td { text-align: right; }
table.agenda_client_data_input_chit_benef td { text-align: left; }
td                             { padding-left: 3px; padding-right: 3px; }
td.active                      { color: GREEN; text-align: center; }
td.additemtd                   { color: Gray; font-size: 16px; }
td.anulat_factura              { color: Silver; }
td.blue_td                     { color: blue; font-weight: bold; }
button.calendar_button         { background-color: #fff; }
td.comanda_table_row input     { font-weight: normal; color: #000; background: transparent; width: auto; display: inline; margin: 1px; padding: 0; border: 0; }
td.comanda_table_row input.com_status_inp  { font-weight: bold; color: #000; }
td.comanda_table_row input.com_client_inp  { color: #068; }
td.comanda_table_row input.com_produs_inp  { color: #077; font-weight: bold; }
td.comanda_table_row input.com_alert_inp   { color: #f00; }
td.comanda_table_row { text-align: left; color: #666; border: 1px solid #663; border-collapse: collapse; margin-top: 3px; padding: 10px; }
td.separator           { background-color: #fff; }

/* ── Dance-art calendar cells ───────────────────────────────────── */
td.danceart_prezent               { background-color: #fff; }
td.danceart_prezent_day           { background-color: #ddd; }
td.danceart_prezent_day_checked   { background-color: var(--color-dance-art-checked); }
td.danceart_platit_blank          { background-color: #fff; }
td.danceart_platit_paid           { background-color: #588; }
td.danceart_platit_unpaid         { background-color: red; }
td.danceart_has_abonament         { background-color: #efe; }
td.da2 { background-color: #fff; }
td.da9 { background-color: #ddd; }
td.da8 { background-color: var(--color-dance-art-checked); }
td.da4 { background-color: #fff; }
td.da5 { background-color: #588; }
td.da6 { background-color: red; }
td.da7 { background-color: #efe; }
td.da1 { height: 2px; background-color: #777; padding: 0; margin: 0; }

/* ── Other cell types ───────────────────────────────────────────── */
td.descrintro          { font-weight: bold; text-align: right; vertical-align: top; }
td.detalii_expeditie   { text-align: left; vertical-align: middle; }
td.explanation         { color: #999; }
td.factura_beneficiar  { text-align: right; vertical-align: top; width: 33%; }
td.factura_furnizor    { vertical-align: top; width: 33%; text-align: left; }
th.factura_topmiddle   { text-align: center; vertical-align: top; width: 33%; color: #000; }
td.inactive            { color: var(--color-red); text-align: center; }
td.incoming            { color: Green; }
td.leftcolumn          { background: #446688; }
td.leftcolumn, tr.leftcolumn { font-size: 11px; padding: 5px 0; vertical-align: top; width: 155px; }
td.leftfield, td.right_aligned { text-align: right; }
td.oplist_col1         { width: 60px; }
td.oplist_col2         { width: 100px; }
td.oplist_col3_editable, td.oplist_col4_editable, td.oplist_col5_editable { background-color: #fff; width: 100px; }
td.oplist_col3_readonly, td.oplist_col4_readonly, td.oplist_col5_readonly { background-color: #bbb; width: 100px; }
td.outgoing            { color: var(--color-red); }
td.searchrow           { background-color: #f4f4f4; }
textarea.fact_mentiuni { width: 98%; }
tr.editedone           { background-color: #cec; }
tr.oplist_paratlan     { background-color: #eee; }
tr.oplist_paros        { background-color: #fff; }
tr.w                   { background-color: #fff; }
.standard_list_viao tr:hover { background-color: #eef5ff !important; }
tr.wk_tr_archived      { background-color: #eee; color: #666; }
tr.alerted             { background: #faa; }

/* ── Sort/hover icon columns ────────────────────────────────────── */
table.standard_list_viao tr:first-child th:first-child { border-radius: 0; padding-left: 10px; text-align: left; }
table.standard_list_viao tr th:first-child { width: 16px; }
table.standard_list_viao {
    border-spacing: 0; text-align: right; width: 100%; color: #111;
    margin: 5px 0 0 0; border-collapse: separate; border-radius: 0;
    padding: 5px !important; clear: both; background: #fff;
}
table.standard_list_viao td, th { border: 0; border-bottom: 1px #edf1f7 solid; padding: 3px 2px; }
table.standard_list_viao td     { vertical-align: middle; font-size: 15px; }
table.standard_list_viao img    { max-width: 1000px; }

.mod_left_panel table.standard_list_viao { border: 0; box-shadow: none; margin: 0; }

.table-footer-legend     { padding: 5px 0; clear: both; color: #888; text-align: left; font-size: 11px; }
.table-footer-legend img { height: 16px; width: auto; vertical-align: middle; }
.tfl-hints  { display: flex; flex-wrap: wrap; gap: 3px 5px; margin: 4px 0 0; align-items: stretch; }
.tfl-hint   { display: flex; align-items: center; background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; padding: 2px 7px; font-size: 11px; color: #555; }
.tfl-hint b { color: #333; font-weight: bold; }
.tfl-toggle { display: inline-block; border: 1px solid #ccc; border-radius: 3px; padding: 1px 8px; font-size: 11px; color: #777; cursor: pointer; background: #fafafa; }
.tfl-toggle:hover { background: #eee; color: #444; border-color: #aaa; }

table.standard_list_viao .title_row th {
    vertical-align: middle; border-bottom: 2px var(--color-primary) solid;
    background: #fff; padding: 10px 6px 8px; font-weight: 600; color: #1d2025; line-height: 105%;
}
.title_row { background: #fff; box-shadow: 0 8px 8px -9px #888; position: sticky; z-index: 1; }

/* ── Progress bar ───────────────────────────────────────────────── */
.progress_bar        { border: 1px solid #ddd; background-color: #fff; border-radius: 3px; line-height: 19px; text-align: center; float: right; vertical-align: middle; width: 200px; height: 19px; margin: 4px 5px; }
.progress_bar_loaded { background-color: #5dca5d; height: 100%; margin-top: -19px; }
table.standard_list_viao td > div.progress_bar { margin: 3px 5px; width: 120px !important; }

/* ── Table header strip ─────────────────────────────────────────── */
thead td, thead th  { background: #fff !important; }
thead .btn_procesare { margin: 3px !important; }
h2 .btn_procesare   { margin: 0 5px 2px 5px !important; padding: 4px 8px; float: right; }

table.standard_list_viao thead td {}
table.standard_list_viao th { vertical-align: middle; font-size: 10.5pt; background: #fff; text-transform: uppercase; color: #1d2025; font-weight: 600; letter-spacing: 0.03em; }
table.standard_list_viao th.descrtitlehead { vertical-align: bottom; }
.standard_list_viao a   { font-weight: bold; color: #333; }

/* ── Accounting/contab table ────────────────────────────────────── */
.master_contabformular_table { border-collapse: collapse; border-spacing: 0; margin: 5px 2px; padding: 0; width: calc(100% - 4px); clear: both; border-radius: 3px; }
.master_contabformular_table h1 { color: #444; }
td.master_contabformular_table_td { padding: 0 !important; background: #fff; }

/* ── Sort icon ──────────────────────────────────────────────────── */
table.standard_list_viao th .ic, table.standard_list_viao td .ic {
    visibility: hidden; width: 14px; margin-right: 0; margin-left: -8px;
    padding: 4px; background: #fff; display: inline; position: absolute;
    box-shadow: 2px 2px 3px #aaa; z-index: 11111; margin-top: -10px;
}
table.standard_list_viao th:hover .ic,
table.standard_list_viao td:hover .ic { visibility: visible; }

/* ── Misc badges ────────────────────────────────────────────────── */
.lot       { color: orangered; font-size: 11px !important; }
.nomenclator_table       { margin: 4px auto; clear: both; min-width: 800px; }
.nomenclator_table label { min-width: 0; max-width: 100%; }
.nomenclator_table th    { font-size: 13px; color: #111; }

th.with_icons {}
th.no_icons img          { display: none; }
.autohide                { display: none; visibility: hidden; }
.standard_list_viao td:hover .autohide,
.standard_list_viao th:hover .autohide { display: inline-block; visibility: visible; }
.td_info                 { font-size: 11px; color: #aaa; }

table.newformular th { border: 0; padding: 3px; border-collapse: collapse; font-weight: bold; }
table.newformular td { border: 1px #ccd solid; padding: 3px; border-collapse: collapse; font-weight: normal; }
table.newformular td span { font-weight: normal; }

.input98 label    { width: 100%; text-align: left; clear: both; padding: 0 0 0 2px; margin: 0; font-size: 0.7rem !important; }
.input98 input    { width: 98%; }
.input98 textarea { width: 98%; }

/* ── Structure & utility ────────────────────────────────────────── */
.mini_label { background: #444; color: #fff; font-size: 9px; margin: 0 2px; padding: 0 2px; }
.prch       { font-size: 90% !important; line-height: 92%; }
._crt_      { vertical-align: middle; cursor: help; }
.no_bottborder td { border-top: 0 !important; border-bottom: 0 !important; }

.nr_v { border-radius: 3px; background: #5aa; padding: 0 3px; margin: 2px 4px; font-size: 11px; vertical-align: top; float: right; color: #fff; font-weight: bold; }

/* ── Stock / price badges ───────────────────────────────────────── */
.colored_ { border-radius: 3px; vertical-align: top; float: right; font-weight: bold; background: #5a5; }
.rstoc, .stoc_        { border-radius: 3px; border-color: #6d6; vertical-align: top; font-weight: bold; background: #5a5; color: #fff !important; }
.stocbundle_          { border-radius: 3px; border-color: #6d6; vertical-align: top; font-weight: bold; background: #FFA500; color: #fff !important; }
.stocf_               { border-radius: 3px; border-color: #6d6; vertical-align: top; font-weight: bold; background: #d5d; color: #fff !important; }
.stoc0_               { border-radius: 3px; border-color: #aaa; vertical-align: top; font-weight: bold; background: #aaa; color: #fff !important; }
.stocn_               { border-radius: 3px; border-color: #aaa; vertical-align: top; font-weight: bold; background: #daa; color: #fff !important; }
.price_               { border-radius: 3px; border-color: #4682B4; vertical-align: top; font-weight: bold; background: #A9D0F5; }
.price0_              { border-radius: 3px; border-color: #e88; vertical-align: top; font-weight: bold; background: #daa; color: #fff !important; }
.priclst              { background-color: deepskyblue; }
.rstoc { display: inline-block; font-size: 110%; margin: 1px 2px; padding: 1px 3px; background: purple; }

.fld_tbo     { display: inline-block; padding: 3px 5px; margin: 1px 2px; font-size: 110%; font-weight: bold; background: #d97706; color: #fff; border-radius: 3px; }
.fld_tbo_hon { display: inline-block; padding: 3px 5px; margin: 1px 2px; font-size: 110%; font-weight: bold; background: #059669; color: #fff; border-radius: 3px; }
.fld_tbt     { display: inline-block; padding: 3px 5px; margin: 1px 2px; font-size: 110%; font-weight: bold; background: #1d4ed8; color: #fff; border-radius: 3px; }
.fld_stoc_ok    { display: inline-block; padding: 3px 5px; margin: 1px 2px; font-size: 110%; font-weight: bold; background: #059669; color: #fff; border-radius: 3px; }
.fld_stoc_lipsa { display: inline-block; padding: 3px 5px; margin: 1px 2px; font-size: 110%; font-weight: bold; background: #dc2626; color: #fff; border-radius: 3px; }

.nolabel_, .colored_, .price0_, .price_ { padding: 1px 3px; border-width: 0; border-style: solid; display: block; width: auto; float: right; margin: 1px 2px; }
.price0_, .price_ { font-size: 110%; }
.rstoc, .stocn_, .stoc_, .stocbundle_, .stoc0_, .stocf_ { padding: 3px 5px; font-size: 110%; border-width: 0; border-style: solid; width: auto; margin: 1px 2px; }
.nolabel_ { margin: 1px 0; padding: 1px 3px 1px 0; }
p.stoc { text-align: center; }
.nomargintable { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }

/* ── Row coloring ───────────────────────────────────────────────── */
tr.red td  { background: red; color: #fff !important; }
tr.blue td { background: #eef; color: #222 !important; }
.ui-sortable td { cursor: move; }
.ico { cursor: pointer; }

/* ── Calendar element table ─────────────────────────────────────── */
.calelemtable    { width: 100%; border: 0; border-collapse: collapse; }
.calelemtable th { background-color: #fff; padding: 0 1px; vertical-align: middle; }
.calelemtable td { padding: 2px 3px; line-height: 100%; vertical-align: middle; }

/* ── Month calendar ─────────────────────────────────────────────── */
.cal_mo_tdcell { border: 1px #ddd solid; padding: 4px; overflow: hidden; box-shadow: 2px 2px 3px 6px #eee; }
.cal_mo_tdcell:hover { box-shadow: 2px 2px 3px 0 #eee; }
.cal_mo_tdcell .add { display: none; float: right; margin: 2px; cursor: pointer; }
.cal_mo_tdcell:hover .add { display: block !important; margin: 1px !important; }

.cal_day_event_m { max-width: 98%; float: left; display: block; max-height: 31px; overflow: hidden; cursor: pointer; border-radius: 3px; box-shadow: 1px 0 1px #888; padding: 0; font-size: 12px; margin: 2px 3px; }
.cal_day_event_m:hover { background: #eee !important; color: #444 !important; }
.cal_day_event_m img   { max-width: 16px; }
.cal_day_event_m_alrt  { box-shadow: 1px 0 1px #f00; margin: 2px 3px !important; }
.cal_strike            { text-decoration: line-through; background: #f9f9f9 !important; }

.faseria     { margin: 2px auto; border-collapse: collapse; }
.faseria td, .faseria th { color: #000; padding: 2px 5px 0 5px; text-align: left; }
.faseria th  { border: 0; font-size: 95%; }
.faseria td  { color: #000; font-weight: bold; border: 1px #ddd solid; background: #F9F9F9; }

.calendartable td            { background: #eee; }
.calendartable td.currentday { background: #fff; }
.calendartable td:hover      { background: #efe; }

/* ── Calendar badge ─────────────────────────────────────────────── */
.clbadge span { font-size: 10px; font-weight: bold; line-height: 10px; }
.clbadge br   { margin: 0; }
.clbadge { margin: 0 5px; width: 24px; height: 20px; overflow: hidden; display: inline-block; text-align: center; float: right; font-size: 10px; line-height: 10px; border-radius: 4px; padding: 2px 0; }
.clbadge_text { width: auto; font-size: 11px !important; line-height: 10px !important; margin: 0 3px !important; display: inline-block; height: 24px; display: flex; align-items: center; justify-content: center; padding: 2px 4px; }
.clbadge_group { background-color: #e079fc; color: #fff; }

/* ── Cell sub-elements ──────────────────────────────────────────── */
td .p  { font-size: 14px !important; font-weight: bold; }
td.t .p   { font-size: 15px !important; }
td.t .tdh { font-size: 15px !important; font-weight: bold; }
td sup { font-size: 11px !important; }
td .status { padding: 2px 4px; border-radius: 3px; }
td .ps { font-size: 115%; font-weight: bold; }
td .small  { font-size: 11px !important; line-height: 11px; color: #999; font-weight: normal; }
td .smallw { font-size: 11px !important; line-height: 11px; color: #999; word-wrap: anywhere; }
td .red    { color: var(--color-red); }
td .larger { font-size: 110% !important; }

table.border_1    { border-collapse: collapse; }
table.border_1 td { border: 1px #555 solid !important; }

/* ── Inline edit cells ──────────────────────────────────────────── */
input.td_ie  { margin: 2px 5px; padding: 5px; text-align: center; width: calc(100% - 22px); min-width: 50px; max-width: 100%; font-weight: bold; }
input.tr_id_date { margin: 2px; box-shadow: none; border: 0; padding: 2px; text-align: center; width: calc(100% - 32px); min-width: 16px; max-width: 100%; }
.td_ie_edited { box-shadow: 0 0 1px 2px rgba(0,200,45,0.5) inset; background-color: #fff !important; padding: 0 !important; }
.tde > button { float: right; }
.ie       { cursor: text; background-color: #fff; padding: 1px 0 !important; }
.ie:hover { cursor: text; }

tr.disabled td { background-color: #bbb; opacity: 0.6; }

.orderico { margin: 0 0 0 -16px; background: #fff; }

.wk_client_final, .wk_client { width: calc(100% - 18px); border: 1px #fdd solid; border-radius: 3px; background: #fff; padding: 4px 8px; margin-bottom: 4px; }
.wk_client_final { border-color: #ddf; }

.pr_internal_mentions { color: purple; font-size: 18px; }
.pr_public_mentions   { color: #555; font-size: 11px; }
.pr_shipping_terms    { color: blue; font-size: 11px; }

/* ── Icon section ───────────────────────────────────────────────── */
.iconed_section table.standard_list_viao { border: 0; margin: 0; }
.iconed_section table.standard_list_viao thead h2 { margin: 0; padding: 0 10px 0 0; font-size: 20px !important; }
.iconed_section .bocp_table_title { margin: 0 5px; padding: 7px 10px 0 10px; font-size: 18px !important; }
.cntr_autoheight { height: auto !important; overflow: visible !important; }
.doc1 td div.cntnr { margin-bottom: -6px; }
div.cntnr_icon { flex-direction: column; justify-content: center; align-items: center; align-content: center; }

/* ── Client stats widget ────────────────────────────────────────── */
.client_stats_widget     { width: 100%; border: 1px #ddd solid; margin: 5px 0; }
table.client_stats_widget th { font-size: 11px; text-align: left; }
table.client_stats_widget td { font-size: 12px; text-align: left; font-weight: bold; padding: 2px 4px; }

/* ── Button in table contexts ───────────────────────────────────── */
.btn_procesare .mini_utility_button   { height: auto; margin-top: 1px !important; }
.th-row-title .mini_utility_button    { height: auto; margin-top: 4px !important; }
.bocp_table .th-row .mini_utility_button { height: auto; margin-top: 2px !important; }
.search_div .mini_utility_button      { height: auto; margin-top: 2px !important; }
.filter_unit .mini_utility_button     { height: auto; margin-top: 1px !important; }

.td-p a,
.bocp_table tbody a:first-child { display: inline-block; margin: 2px 0; }
.tdh .progress_bar        { float: none; margin: 1px auto; line-height: 13px; height: 15px; }
.tdh .progress_bar b      { font-size: 11px; }
.tdh .progress_bar_loaded { margin-top: -14px; }
.tdh .form_input_box      { min-height: 0; }

.table-top-elements { width: 100%; background: var(--border-highlight-colour); padding: 0; margin: 0 0 5px 0; border-radius: 5px 5px 0 0; }
.table-top-elements .btn_procesare { margin: 9px 5px 0 5px; }

.bocp_table         { margin-top: 0 !important; transform-origin: top left; }
.cntnr .bocp_table  { margin-top: 0 !important; }
tr.nb td            { border: 0; }
.td-important       { border-left: 1px #ddd solid !important; border-right: 1px #ddd solid !important; color: #459; font-weight: bold; text-align: center !important; }

.flex-clear         { flex-basis: 100%; height: 0; }

.tdh .hic { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

tr .row-autohide { display: none !important; }
tr:hover > td > div > .row-autohide { display: initial !important; }
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2alloc_to_technician_id-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.BOCP_form{
    background:#fff;clear:both;display:block;
    width:100%;padding:15px;
    margin:0 auto;
    box-sizing: border-box;
    border: 1px #ddd solid;
    border-radius: 10px;
}

.input_expl {font-size:11px;color:#888}


.BOCP_form_noborder{
    width:100%;
    margin: 15px auto 5px auto;
    border: 1px dashed #b5b5b5;
    /*box-shadow: 2px 2px 5px #aaa inset;*/
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
}

.form_input_box {
    min-height: 45px;
    padding: 4px 10px 6px 10px;
    max-width: 1524px;
    background: #fff;
    border-radius: 8px;
    margin: 6px 0;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.input_element_section input[type=radio] {margin:5px 5px 0 5px;}
.input_element_section input[type=file] {margin:5px 5px 0 5px;}


.multiselect_element {background-color:#eee;margin:2px;width:auto;padding:2px 4px;block:inline;float:left;border:1px #ccc solid}
.multiselect_element label {width:auto;min-width:0;max-width:300px;margin:0;}
.multiselect_element input {margin:2px 0 0 5px}


.top_positioned {text-align:left;font-weight:normal;padding:0 !important;
			font-size:14px !important;color:#444;clear:right !important;display: inline;
    font-family: 'PT SANS NARROW',Arial;
			margin:0 !important;width:99% !important;max-width:99% !important;
float:left !important;}

.top_positioned a.confirmdlg {float: none !important;
    display: inline-block;
    padding: 0 5px;}
			
.left_positioned {font-size:13px;line-height:24px;text-align: left;margin-left: 0;}
.input_element_section .radio_label {font-size:14px;background:#fff;max-width:100%;width:auto;text-align:right;padding:3px 5px;
			box-shadow:1px 1px 3px #ddd;border:1px #ddd solid;
			display:flex;flex-wrap:wrap;align-items:flex-start;overflow:hidden;
}
.input_element_section .radio_label input[type='checkbox'] {
    order:-1;flex-shrink:0;
}
.input_element_section .radio_label > p,
.input_element_section .radio_label > div {
    flex-basis:100%;
}
.radio-label-value {
    height: 17px;
    box-shadow: 1px 1px 1px #aaa;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: none;
    padding: 2px 5px 2px 5px;
    border: 1px #ddd solid;
    margin: 1px 4px 3px 0
}
			
option {font-size:12px}


.os_pr_cat {color:#333;}
.os_pr_cat a {display:none;}
.os_pr_cat:hover {background:#fff;border:1px #ddd solid;cursor:pointer;padding:1px 4px}
.os_pr_cat:hover a {display:inline;margin:0 3px;}
.os_pr_cat:hover img {height:10px;margin-top:-2px}

.input_element_section option {padding:4px 5px}


.input_element_section input,
.input_element_section select{
    height:18px;
}

.input_element_section input,
.input_element_section select,
.input_element_section textarea {
    margin:0;
	border:1px #c8d3de solid;
	/*width:95%;*/
	max-width:100%;
	font-size:15px;
	font-weight:bold;
	padding: 5px 5px;
	border-radius:4px;
	color:#111;
	background:#fff;
	}
	
.added_element select {width:auto}
.added_element {display: flex;align-items: center;}
.added_element > * {margin:0 !important;}

.input_element_section input:focus,
.input_element_section select:focus,
.input_element_section textarea:focus {
    box-shadow: 0 0 0 3px rgba(61,90,138,0.18);
    background: #fff !important;
    border: 1px var(--color-primary) solid;
    outline: none;
}
	

.input_element_section select{
	height:30px;
	font-size:1em;
	/*padding-left:0;*/
}

.btn_procesare_small {width:auto !important}
.btn_procesare_small a {width:auto !important}

.input_element_section {width:100%;border:0;margin:2px auto 0 auto;display:block;padding:0 0 1px 0}
.input_element_section hr {background:#fff;margin:0px 0;height:0}
.input_element_section label {width:20%;max-width:200px;padding:0px 0;color:#333}
td {vertical-align:top;}

.input_element_section label input {width:auto}

.customselelectdiv {float:left;width:100%}
.customselelectdiv a {visibility:hidden}
.customselelectdiv:hover a {visibility:visible}

.readonly {background:#ddd !important}
.disabled {background:#ddd !important}

.view_value {
	color:#333;
	font-size:1.03rem !important;
	/*font-family:Roboto,'Open Sans';*/
	font-weight:bold;
	/*border-bottom:1px #e5e5e5 solid;*/
	margin-bottom:0;
	line-height:1rem;
    max-width:100%;
	}

.view_value img{
    max-width:100%;
    max-height:800px;
	}

.view_value .mini_utility_button {
    margin: 0 1px !important;
    display: flex;
}

.view_label {
	padding:2px 0 0 0;
	font-size:12px !important;
	color:#666;
	border:0;
	font-weight:normal;
	}
	
.incomplete
	{
	background-color:red !important;
	}


h1.form_title {font-size:32px;
    background: rgb(249,249,249);
    background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
}
.BOCP_form h2 {
    padding:7px 10px 2px 0;
    margin-top:10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f6f6f6+35,ededed+100 */
}
.formtitle {font-size:34px !important;color:#111;margin-bottom:0px;clear:both;float:left;padding:3px 10px;width:calc
(100% - 20px);}
.formtitle img {margin:0 10px 0 0;}
.form_section_title {clear:left;margin-top:15px;font-size:24px !important;color:#444;font-weight:bold;text-align:left}
h3.form_section_title {font-size:18px !important;}

.form_title input[type="button"].btn_procesare, .form_title .btn_procesare{
    margin: 4px 5px;
}
a.module_link, .mainpage a,
#mft,
.formtitle,
.form_title,
.vertical-label,
.form_section_title,
.main_mod_title,
.bocp_table_title {
    font-family: 'PT SANS NARROW',Arial;
}
.add_items {
	width:99%;
	margin:0 auto;
	}
	
.add_items th {color: #444;
    font-weight: bold;
    vertical-align: bottom;
	font-size:13px;
	padding:5px 0 0 5px;}
	
	
.w75 {width:calc(75% - 10px);padding:0 5px;float:left;}
.w25 {width:calc(25% - 10px);padding:0 5px;float:left;}

.select2-results__options li {margin-left:0; font-size:12px;padding:5px 4px;}
.select2-container--default .select2-results > .select2-results__options {max-height: 300px;}

.input_expl {
	display: none;
	clear: left;
	font-size: 11px;
	float: left;
	color: #555;
	position: relative;
	margin-bottom: -100%;
	z-index: 1;
	background: var(--input-box-bg-color);
	padding: 1px 2px;
    width: 98%;
    text-align: center;
    box-shadow: 1px 1px 2px #aaa;
}


.tabbed_options_select_label {font-weight: bold}
.tabbed_options_select_label p {font-weight: normal}

.content {padding:0 10px;}

.bocp_table tbody td .btn_procesare.selector {
    border-color: #008800 !important;
    background-color: #008800 !important;
    color: #fff !important;
}
.bocp_table tbody td .btn_procesare.selector-selected {
    border-color: silver !important;
    background-color: silver !important;
    color: #000 !important;
}

.labeled-input-group {
    align-self: flex-start;
}
.inputwidget-content-box {
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}
/* ── Module frame & header ──────────────────────────────────────── */
.module_main_frame { border: 0; padding: 0; }

.mhead {
    clear: both; width: 100%; margin: 0;
    padding: 12px 5px 6px 8px; min-height: 40px;
    background: #ffffff;
    border: 0;
    border-left: 3px solid var(--color-primary);
    border-bottom: 1px solid var(--color-border);
    box-shadow: none;
    box-sizing: border-box;
}
.mhead h1                          { margin: 0; }
.mhead div.standard_button_right   { margin: 0; }
.mhead .mod_newitem_butt           { margin: 0 5px 5px 5px !important; transition: all 0.15s ease-in; }

input.search_input {
    background-image: url(https://cdn.bocp.eu/bocp/icons/magnifier.png);
    background-repeat: no-repeat; background-position: right;
    border: 0; margin: -2px 0 0 0; display: block; color: #111;
    font-size: 16px; font-weight: bold; width: 175px;
}

/* ── Module content area ────────────────────────────────────────── */
.m_div {
    border: 0; width: calc(100% - 50px);
    padding: 0px 15px 20px 15px; margin: 15px 10px; clear: both;
}
.tab-content-with-clinteract > .m_div { width: calc(100% - 10px) !important; padding: 20px 5px; margin: 15px 0; }
.BOCP_form .tab-content .m_div      { box-shadow: none; padding: 20px 5px; width: calc(100% - 30px); }
.tab-content > .m_div               { box-shadow: none; padding: 0 5px !important; width: calc(100% - 10px) !important; margin: 0; }
.master_contabformular_table .m_div { background: #fff; }
.m_div .m_div                       { padding: 5px 0 0 0; width: 100%; box-shadow: none; min-height: 0; margin: 5px 0; }
.tab-content                        { background: #fff; border-radius: 5px; }

/* ── Submenu strip ──────────────────────────────────────────────── */
.mod_submenu {
    background: #eee; width: calc(100% - 22px);
    display: block; min-height: 32px;
    border: 1px var(--color-border) solid;
    margin: 0 10px 5px 10px; padding: 4px 0;
}
.mod_submenu b    { margin-top: 7px; }
.mod_submenu span { float: left; padding: 2px 2px 2px 5px; font-size: 12px; }
li.subpage        { display: block; float: left; padding: 0; margin: -2px 5px; border: 0; }
.submodule_link_sel, .submodule_link { display: block; padding: 5px; text-align: center; float: left; margin: 3px; height: 20px; }
.submodule_link img { margin: 0 3px 0 0; height: 20px; }
.submodule_link:hover, .submodule_link_sel { background: #fff; border: 1px #ccc solid; margin: 2px; }

/* ── Tabs ───────────────────────────────────────────────────────── */
.tabs_div_wrapper {
    border-bottom: 1px #c4c4c4 solid;
    width: 100%; float: left; margin: 10px 0 15px 0;
}
.tabs_div { display: block; float: right; margin-right: 10px; text-align: right; }

.m_form_tab {
    color: var(--color-tab);
    background: var(--color-tab-bg);
    display: block; float: left; height: 17px;
    border: 0; border-bottom: 0;
    margin: 10px 3px 0 3px; font-size: 14px;
}
.m_form_tab,
.m_form_tab_selected {
    margin-bottom: 0;
    border: 1px #ddd solid; border-bottom: 0;
    font-size: 14px !important;
    padding: 8px 20px 10px 20px;
    box-shadow: none;
    transition: all 0.35s ease-in;
    border-radius: 6px 6px 0 0;
}
.m_form_tab_selected {
    display: block; float: left; height: 20px;
    margin: 8px 5px -1px 5px; overflow: hidden;
    font-weight: bold;
    color: var(--color-tab-selected) !important;
    position: relative;
    border: 1px #c4c4c4 solid; border-bottom: 0;
    border-left: 3px solid var(--color-primary);
    background: var(--color-tab-selected-bg);
    box-shadow: -1px -3px 4px #d9d9d9;
}
.m_form_tab:hover img, .m_form_tab_selected:hover img { filter: grayscale(0%); }
.m_form_tab:hover, .m_form_tab_selected:hover {
    transition: all 0.35s ease-in;
    color: var(--color-tab-selected) !important;
    background: var(--color-tab-selected-bg);
}

/* ── Module title ───────────────────────────────────────────────── */
#mft {
    clear: left; width: auto; padding: 4px 10px 5px 0;
    margin: 8px auto 0 10px; font-size: 24px; float: left;
    font-weight: bold; text-shadow: 1px 1px 2px #fff;
    background-color: #fff; height: 26px;
}
h1.main_mod_title { float: left; padding-left: 5px; text-shadow: 1px 1px 1px #fff; font-size: 25px; color: #000; display: flex; align-items: center; }

/* ── Module nav links ───────────────────────────────────────────── */
a.module_link:active, a.module_link:hover { color: #FFE700; text-decoration: none; }
a.module_link:hover { color: #044; }

.mainpage_list { min-height: 45px; overflow: hidden; padding: 0 7px 0 3px; margin-bottom: 10px; }
.mainpage_list a { border: 0; }

/* ── Page-load entrance animation for module nav tabs ────────────── */
@media (prefers-reduced-motion: no-preference) {
    .mainpage_list > li.mainpage {
        animation: mod-group-enter 0.26s ease both;
    }
    .mainpage_list > li.mainpage:nth-child(1)  { animation-delay: 0.03s; }
    .mainpage_list > li.mainpage:nth-child(2)  { animation-delay: 0.06s; }
    .mainpage_list > li.mainpage:nth-child(3)  { animation-delay: 0.09s; }
    .mainpage_list > li.mainpage:nth-child(4)  { animation-delay: 0.12s; }
    .mainpage_list > li.mainpage:nth-child(5)  { animation-delay: 0.15s; }
    .mainpage_list > li.mainpage:nth-child(6)  { animation-delay: 0.18s; }
    .mainpage_list > li.mainpage:nth-child(7)  { animation-delay: 0.21s; }
    .mainpage_list > li.mainpage:nth-child(8)  { animation-delay: 0.24s; }
    .mainpage_list > li.mainpage:nth-child(9)  { animation-delay: 0.27s; }
    .mainpage_list > li.mainpage:nth-child(10) { animation-delay: 0.30s; }
    .mainpage_list > li.mainpage:nth-child(11) { animation-delay: 0.33s; }
    .mainpage_list > li.mainpage:nth-child(12) { animation-delay: 0.36s; }
    .mainpage_list > li.mainpage:nth-child(13) { animation-delay: 0.39s; }
    .mainpage_list > li.mainpage:nth-child(14) { animation-delay: 0.42s; }
    .mainpage_list > li.mainpage:nth-child(15) { animation-delay: 0.45s; }
}

a.module_link, li.mainpage {
    display: block;
    padding: 0;
    text-align: center;
    float: left;
    margin: -3px 3px 0 7px;
    border-top: none;
    background: var(--color-tab-bg);
    color: var(--color-tab);
    border-radius: 0 0 3px 3px;
    border-bottom: 1px #e1e1e1 solid;
}
#old_module_head2 .module_link { padding: 5px 10px; font-weight: normal; font-size: 17px; }
#old_module_head2 .module_link,
a.module_link, .mainpage a { font-size: 17px; vertical-align: middle; float: left; padding: 6px 5px; color: var(--color-tab); }

.mainpage:hover, .mainpage_sel {
    background: var(--color-tab-selected-bg) !important;
    padding-top: 3px !important; outline: 1px solid #ddd;
    border-left: 3px solid var(--color-primary);
}
.mainpage:hover a, .mainpage_sel a { color: var(--color-tab-selected); text-shadow: 0 0 2px #aaa; }

li.help-menu-item        { background: #d5e6ff; }
li.help-menu-item > a    { color: #333; }
li.mainpage:hover        { background: #333; }

.mainpage img { height: 24px; margin-left: 5px; margin-right: 5px; filter: grayscale(100%); }
.leftmenu li  { list-style-type: circle; margin: 1px 0 1px 27px; padding: 0; }
.mainpage:hover img, .mainpage_sel img { filter: grayscale(0%); }

/* ── Subgroups ──────────────────────────────────────────────────── */
.module_subgroup_flat { padding: 0; display: block; border: 0; color: gray; background: #fff; clear: both; margin-bottom: 5px; }
.module_subgroup_flat h2 { margin: 0; background-color: #eee; padding: 0 1%; width: 98%; }
.module_subgroup { padding: 5px; display: block; border: 0; color: gray; background: #fff; clear: both; margin-bottom: 5px; }
.module_subgroup h2 { background-color: #eee; width: 96%; padding: 2px 2%; font-weight: bold; }
.organizer    { width: 100%; }
.organizer td { padding: 5px; }

/* ── Info panel ─────────────────────────────────────────────────── */
.infodiv { text-align: left; background: #f5f5f5; border: 1px #eee solid; padding: 0.5% 5px; width: calc(99% - 2px); clear: both; margin: 5px auto; font-size: 13px; }
.infodiv span     { margin: 0; }
.infodiv div      { margin: 5px; white-space: nowrap; float: left; padding: 0 5px; }
.infodiv div.divider { width: 1px; background: #aaa; float: left; height: 22px; margin: 2px 0; padding: 0; }

.ag_info_section           { margin: 5px 0; padding: 3px 0 5px 0; }
.ag_info_section .top_positioned { padding-top: 1px !important; }
.ag_info_section:after     { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

/* ── Split panel layout ─────────────────────────────────────────── */
.bv_process_action { background: #d9ffd1 !important; border: 2px solid #2b5e39 !important; border-radius: 4px; }

.mod_left_panel { background-color: #fff; width: 15%; min-width: 185px; max-width: 250px; box-shadow: 4px 0 4px #eee;
    padding: 10px 10px 5px 10px; box-sizing: border-box; }
.mod_left_panel table.standard_list_viao td                { font-size: 13px; padding: 0; }
.mod_left_panel table.standard_list_viao td a              { font-size: 15px; padding: 6px 0 6px 5px !important; float: left; width: 100%; font-weight: normal; }
.mod_left_panel .form_section_title                        { margin-top: 10px; }
.mod_left_panel .bocp-table-wrapper                        { padding: 0; border-width: 1px; }
.mod_left_panel .bocp-table-wrapper                        { padding: 0; }
.mod_left_panel .mod_left_panel                            { border: 0; }
.mod_left_panel table.standard_list_viao                   { border: 0; box-shadow: none; margin: 0; }
.panel-table  { border: 1px #e1e1e1 solid; }

.left_panel_closed { min-width: 50px; max-width: 50px; width: 50px; overflow: hidden; padding: 5px; mask-image: linear-gradient(to right, black 80%, transparent 100%); -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%); }
.left_panel_closed:hover { min-width: 185px; max-width: initial; width: initial; mask-image: none; -webkit-mask-image: none; }

.mod_right_panel { padding: 0 5px 10px 10px; background: #fff; border-left: 1px #ddd solid; }
.mod_right_panel > .m_div { padding: 10px 0 10px 10px; margin: 0; width: calc(100% - 10px); }

/* ── Misc UI chrome ─────────────────────────────────────────────── */
.old_hint_ico   { float: right; margin: -20px 2px 2px 2px; }
.fa_editor      { border-collapse: collapse; margin: 5px 0; }
.fa_editor td   { border: 1px #eee solid; padding: 30px; }
.mod_refresh_ico     { float: right; }
.mod_refresh_ico img { height: 32px; }

/* ── Notifications ──────────────────────────────────────────────── */
.bocp_notification {
    width: calc(100% - 32px); padding: 10px 14px; margin: 10px 0;
    background: #fff; border-radius: 4px; clear: both; display: block;
    text-align: left; box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    border-left-width: 4px;
    max-width: 100%; box-sizing: border-box;
}
.bocp_notification img        { vertical-align: bottom; padding: 0 6px 0 0; float: left; margin: 0; }
.bocp_notification h2.title img { vertical-align: bottom; padding: 0 3px 0; float: left; height: 24px; margin: 0; }
.bocp_notification p          { font-size: 14px !important; text-align: left; }
.bocp_notification h2.title   { font-size: 16px !important; border-bottom: 1px var(--color-border) solid; padding: 0 0 6px 0; vertical-align: bottom; line-height: 24px; text-align: left; margin: 4px 0 8px; }

.bn_info    { border-color: var(--color-light-blue); background: #f0f8ff; }
.bn_alert   { border-color: #d97706; background: #fffbeb; }
.bn_update_notify { border-color: #7c3aed; background: #faf5ff; }
.bn_configalert   { border-color: #dc2626; background: #fff1f2; }
.bn_message { border-color: #16a34a; background: #f0fdf4; }
.bn_kb      { border-color: var(--color-kb); background: #f8fafc; }
.bn_error   { border-color: #991b1b; background: #fff1f2; color: #7f1d1d; box-shadow: var(--shadow-sm); }
.bn_error > h2  { color: #991b1b; font-weight: bold; }
.bn_error > div { background: #fff; padding: 8px 12px; width: calc(100% - 26px); border-radius: 3px; font-size: 14px; margin-top: 6px; }
.small_alert       { display: flex; align-items: flex-start; padding: 5px 10px; }
.small_alert > img { margin-top: 3px; }

/* ── Severity notification strip ────────────────────────────────── */
.bocp-sev-notification      { padding: 12px 16px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.bocp-sev-header            { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.bocp-sev-notification-title { font-size: 14px; }
.bocp-sev-remediation       { color: #666; font-size: 12px; border-top: 1px solid #eee; padding-top: 6px; margin-top: 8px; }
.bocp-sev-badge             { color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 3px; font-weight: bold; letter-spacing: .5px; display: inline-block; background: var(--sev-color, #888); }
.bocp-sev-critical { --sev-color: #c0392b; border: 1px solid var(--sev-color); border-left-width: 6px; }
.bocp-sev-high     { --sev-color: #e74c3c; border: 1px solid var(--sev-color); border-left-width: 6px; }
.bocp-sev-medium   { --sev-color: #e67e22; border: 1px solid var(--sev-color); border-left-width: 6px; }
.bocp-sev-low      { --sev-color: #f39c12; border: 1px solid var(--sev-color); border-left-width: 6px; }
.bocp-sev-info     { --sev-color: #3498db; border: 1px solid var(--sev-color); border-left-width: 6px; }
.bocp-sev-success  { --sev-color: #27ae60; border: 1px solid var(--sev-color); border-left-width: 6px; }

/* ── Product brochure print layout ─────────────────────────────── */
.product_brochure { page-break-before: always; font-size: 13px; }
.product_brochure h1, .product_brochure h2, .product_brochure h3,
.product_brochure h4, .product_brochure h5 { margin-top: 10px; }
.product_brochure h1 { font-size: 32px; } .product_brochure h2 { font-size: 30px; }
.product_brochure h3 { font-size: 28px; } .product_brochure h4 { font-size: 26px; }
.product_brochure h5 { font-size: 24px; } .product_brochure p  { margin-top: 5px; }

.inline_hint_ico img { height: 20px; margin: 0 4px; }

/* ── Agent badge ────────────────────────────────────────────────── */
.agent_bagde {
    cursor: pointer !important; color: #151; border-radius: 3px; float: right;
    padding: 1px 5px 1px 0; height: 24px !important; overflow: hidden;
    font-size: 14px; vertical-align: middle; line-height: 22px;
    border: 1px #49af87 solid;
    background: linear-gradient(to bottom, #acca6f 0%, #b3d077 100%);
}
.agent_bagde img { float: left; }

/* ── Left category selector ─────────────────────────────────────── */
.left_categ_selector    { margin: 0; padding: 0; width: 100%; }
.left_categ_selector li { margin: 0; padding: 0; }
.left_categ_selector li a { margin: 0; padding: 5px; float: left; width: calc(100% - 10px); font-size: 14px; border-bottom: 1px #eee solid; }
.left_categ_selector li a:hover { background: whitesmoke; }

/* ── Knowledge base ─────────────────────────────────────────────── */
.kb_article_description { background: #fafafa; padding: 10px 15px; font-size: 16px !important; float: left; width: calc(100% - 30px); }
.kb_article_text        { background: #fff; padding: 10px 15px; float: left; width: calc(100% - 30px); font-size: 14px; }
.kb_article_text *      { font-size: 15px !important; }

/* ── Misc field indicators ──────────────────────────────────────── */
.prv_ci img  { height: 22px; float: right; }
.prv_civ img { height: 24px; float: right; margin: -4px 0; }

.ajax_loader {
    width: 100%; clear: both; height: 50px; margin: 25px 0;
    background-image: url(https://cdn.bocp.eu/bocp/icons/loading.gif);
    background-position: center center; background-repeat: no-repeat;
}

.ticket-content img { max-width: 100%; margin: 10px 5px; box-shadow: 1px 1px 8px #ddd; }
.ticket-content p   { margin: 5px 0; }

.fa_details      { width: 100%; clear: both; border-collapse: collapse; }
.fa_details td, .fa_details th { text-align: left; font-size: 9px; color: #333; padding: 1px 4px; border: 0; }
.fa_details th   { font-weight: bold; vertical-align: bottom; }
.fa_details td   { vertical-align: middle; }

.search-box-big-wrapper { clear: both; width: 75%; margin: 0 auto; padding: 10px 0; }
.search-box-big {
    border-radius: 10px; box-shadow: 0 2px 4px #ddd;
    width: calc(100% - 30px); margin: 10px;
    background-color: #eee; border: 1px #ddd solid;
    display: flex; align-items: center; padding: 2px 5px;
}

.pp_small_border 
	{
	padding:2px !important;
	}
.filter_elem_list li {list-style-type: none;margin:1px 5px}
.filter_elem_list li {padding:2px 5px;}
.filter_elem_list li:hover {background:#eef5ff;}

.filt_selected {background:#eef5ff;}

.popup_div	{
	min-width:200px;
	max-width:1400px;
	position:absolute;
	border:1px var(--color-border) solid;
	box-shadow:0 8px 32px rgba(0,0,0,0.18);
	border-radius:8px;
	padding:0 0 20px 0;
	background:#fff;
}

		
.popup_div:hover {}
		
.pp_tool_item {
    margin: 4px 0;
    display: block;
    clear: both;
    padding: 6px 5px;
    border: 1px #ddd solid;
    border-radius: 4px;
}
	
.pp_tool_item:hover {
    background: #eef5ff;
    border-color: var(--color-primary);
}
	
.pp_inner {cursor:default;
	padding:10px 30px 10px 30px;
	background: #fff;
    width: calc(100% - 60px);
	}
.ip-pp-wrapper {clear: both;padding:10px 0 5px 0}
.ip_popup_div {clear: both;box-shadow: var(--shadow-md);}
.ip_popup_div .pp_inner {
    margin:10px 0;
    padding:5px;
    width: calc(100% - 10px);
}
.pp_nav_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 2px;
    border-radius: 4px;
    color: #64748b;
    font-size: 16px;
    transition: background 0.15s, color 0.15s;
}


.pp_nav_button:hover {
    background: #eef5ff;
    color: var(--color-primary);
    text-decoration: none;
}
.pp_nav_button_close:hover {
    color: #991b1b !important;
    background: #fff1f2 !important;
    border-color: #fca5a5 !important;
}

.popup_top_bar {
    height: 40px;
    background: #fff;
    border-bottom: 3px solid var(--color-primary);
    font-family: 'PT Sans Narrow', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    display: flex;
    align-items: center;
    border-radius:10px;
}
.popup_top_bar span {
    flex: 1;
    padding: 0 12px;
    font-weight: bold;
    color: #1a1d2e;
    font-size: 20px;
    font-family: 'PT Sans Narrow', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pp_inner .m_div {
    margin: 0;
    border: 0 ;
    outline: 0;
    box-shadow: 0 0 0 #fff;
    padding: 0;
    width: 100%;
}

.pp-help ,
.pp-help .popup_top_bar {
    background: var(--color-kb);
}
.pp-icon-inline { vertical-align: middle; }
.pp-icon-btn    { vertical-align: middle; height: 24px; margin: -6px 2px -5px -2px; }
.popup-plain-button { background: #fff; box-shadow: 1px 1px 2px #999; border: 1px #eee solid; padding: 1px 4px; vertical-align: middle; font-size: 14px; font-family: Tahoma, 'Trebuchet MS', sans-serif; display: inline-block; cursor: pointer; }


.task_popup_label_div{float:left;margin:5px 2%;width:45%;box-shadow:1px 1px 2px #999;}
.label_task_popup {margin:0px;padding:2px 2px 3px 2px;float:left; font-size:10px;text-align:left;  display:block; font-weight:normal;}
.input_checkbox_task_popup {float:left;margin:3px 2px 0 3px;padding:0}

.task_label_div_view{float:left;margin:5px 5px;width:124px;box-shadow:1px 1px 2px #999;}
.label_task_view {margin:0px;padding:2px 2px 3px 2px;float:left; font-size:10px;text-align:left; max-width:79%; width:79%; display:block; font-weight:normal;} 

.fa_pagination {text-align:left}
.pagedivider {border-top:1px #888 dashed;margin:15px 0}

.subgest {margin:0px 5px;vertical-align:middle;background:#fff;border:1px #eee solid;padding:2px 5px;}
.subgest img {margin:-3px 5px 0 0;height:24px;}


table.form_pred_prim {border: 1px gray solid; border-collapse: collapse;}
table.form_pred_prim td {border:1px gray solid; padding: 2px 5px;font-size:12px;}

.BOCPoffer table {border-collapse:collapse;}
.BOCPoffer td {border:1px #eee solid;vertical-align:middle;padding:3px;}
.BOCPoffer td p {margin:0}
/*-------------------------
    Simple reset
--------------------------*/


*{
    margin:0;
    padding:0;
}


/*-------------------------
    General Styles
--------------------------*/



/*----------------------------
    The file upload form
-----------------------------*/


#upload{
    width:100%;
	display:block;
    border-radius:3px;

    margin:10px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #eee;
    padding: 10px 50px;
    margin-bottom: 00px;
    border: 2px dashed #888;
    border-radius: 3px;
    border-image: url('../img/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:0px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 0px;
    border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
}

#upload ul li{

    background-color:#555;

    background-image:-webkit-linear-gradient(top, #888, #555);
    background-image:-moz-linear-gradient(top, #888, #555);
    background-image:linear-gradient(top, #888, #555);

    border-top:1px solid #888;
    border-bottom:1px solid #555;
	width:100%;
    padding:10px 0;
    height: 52px;
	margin:0;
    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('./images/uplader_icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}


/*----------------------------
    The Demo Footer
-----------------------------*/


footer{
    background-color: #080808;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.4);
    height: 40px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

footer h2{
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top:0;
    left: 50%;
    bottom:0;
    margin-left: -420px;
    padding:13px 20px 0;
    border:1px solid #000;
    border-width:0 1px;
    background-color:rgba(0,0,0,0.6);
    box-shadow:0 0 5px #000 inset;
    line-height: 1;
    margin-top: 0;
}

footer h2 a{
    color: #EEEEEE !important;
    text-decoration:none !important;
}

footer h2 i{
    font-style:normal;
    color:#888;
}

#tzine-download{
    opacity:0.9;
    background-color:#257691;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    width:150px;
    height:28px;
    line-height:28px;
    text-decoration:none !important;

    display: inline-block;
    border-radius: 2px;
    color: #fff !Important;
    font-weight: bold;
    box-shadow: 0 -1px 2px #1e5e74 inset;

    border-top:1px solid #26849c;

    text-shadow:1px 1px 1px #1e6176;
    margin-top:6px;
}

#tzine-download:hover{
    opacity:1;
}

#tzine-actions{
    position:absolute;
    top:0;
    width:500px;
    right:50%;
    margin-right:-420px;
    text-align:right;
}

#tzine-actions iframe{
    display: inline-block;
    height: 21px;
    width: 95px;
    position: relative;
    float: left;
    margin-top: 11px;
}



#=======================================================

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */
.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}
.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.6em;text-align:left !important;font-weight:bold;margin-top:40px}
table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}.principal {
	font-weight:bold;
	}
	
.company_title_name {
	/*cursor:pointer;*/
	}
p.client_name {font-size: 110% !important;font-weight: bold;color:black;}

.top_utils {
    clear: both;
    padding: 4px 8px;
    width: calc(100% - 16px);
    text-align: right;
    margin: 5px 0 8px 0;
    background: #fff;
    box-shadow: var(--shadow-sm);
    border-radius: 4px;
    border-left: 3px solid var(--color-primary);
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
}
.top_utils .mini_utility_button,
.top_utils .mini_utility_button2 {
    margin: 2px 3px;
}

.doc_customizer {
	clear:both;
	padding:1% 10px;
	box-shadow:0 2px 3px #ccc;
	width:98%;
	text-align:left;
	margin-bottom:10px;
	}


.doc1 {
    border-collapse: collapse;
    width: 100%;
    clear: left;
    box-shadow: var(--shadow-md);
    background-color: #fff;
    border-radius: 4px;
    border-top: 3px solid var(--color-primary);
}


.doc1 h1 {
	font-size:30px !important;
	color:#002;
	}
	
.with_right_margin {
	margin-right:35px;
	}
.right_side_tools {
	float:right;
	width:34px;
	padding:35px 0 15px 0;

	}
	
.v2 h1 {
	font-size:20px !important;
	}
	
.top_info, .top_info * {
	
	line-height:120%;
	text-align:left;
	}
	
.top_info_rectangle_on .top_info{
	border: 1px #ddd solid;
	padding:5px 3% 10px 3%;
	width:94%;
	background:#f5f5f5;
	}
	
.doc1 td {
	border:0px #ccc solid;
    padding:5px 10px;
	}	
.doc1.nopad td {
	border:0px #ccc solid;
	}	

.grid_on .grid {
	border: 1px #ccc solid !important;
	padding:10px 15px;
}
.grid_on table {
	margin-top:5px;
	margin-bottom:5px;
}
.grid_on td {
	border: 1px #ccc solid;
	padding:5px 10px;
	}
	
.grid_off td {
	border: 0px #ccc solid !important;
	padding:0px 3px;
	}

.doc1 .utility_div {
	
	}
	
.grid_on .top_info{
	border: 0px #ddd solid;
	padding:0;
	width:100%;
	background:#fff;
	}


.doc_info {border-collapse:collapse;float:right}

.v2 .doc_info {float:none;margin-left:auto;margin-right:auto}

.doc_info th {
	border: 0;
    font-size: 13px;
	padding:2px 5px 1px 0;
	text-align:right;
	color:#666;
    font-weight: normal;
	}


.doc_info td select {
    padding: 5px 0 !important;
    border-radius: 3px;
}
.doc_info .form_input_box {
    min-height: initial;
}

.doc_info .input_element_section input,
.doc_info .input_element_section select {
    height: 26px;
    padding: 0 5px;
    font-size: 13px;
}
.doc_info td {
    border-bottom: 1px var(--color-border) solid;
    font-size: 13px;
    padding: 2px 5px 1px 0;
    text-align: right;
    color: #111;
    font-weight: bold;
    background: #fff;
    vertical-align: bottom;
}
	
	
.labels {
	width:100%;
	clear:both;
	padding:4px 0;
	}
	
.labels span{
	border:1px #ddd solid;
	border-radius:3px;
	background:#eef;
	font-size:95%;
	padding:1px 3px;
	color:#558;
	margin-left:5px;
	}
	
.company_title {padding-top:5px;display:block}

.c_disc_info {line-height:20px;vertical-align:middle;}

.tool{
    display: block;
    box-shadow: 3px 3px 9px -1px #888;
    height: 25px;
    width: 25px;
    padding: 5px;
    background: #fff;
    margin-bottom: 5px;
    margin-left: -6px;
	}
	
.tool:hover{
	background:#fff;
	box-shadow:1px 1px 2px #888;
	}
.tool .mini_utility_button:hover {
	background:0
	}
.tool .mini_utility_button
	{
	padding:0 !important;
	margin:0 !important;
	}
.BOCP_document{
	background:#fff;
    padding:0;
	}
	

.docanchor img{
    padding:0;margin:0 4px 0 4px;background: #fff;
}
.docanchor .linkto{
	height:14px;background:0;padding:0;margin:0px 0px 0 3px;
}

.docanchor:hover {
	background:#EBFFEA;
	transition: all 0.15s ease-in;
	box-shadow: 0px 0px 3px #999;
}
.docanchor {
    color:#333 !important;
	line-height: 26px;
    border:0 #00cc40 solid ;
	border-left:5px #00cc40 solid ;
	border-right:5px #00cc40 solid ;
	background:#86f083;
    border-radius: 8px;
    float:left;
	font-weight:bold;margin:2px 10px 3px 0;

	transition: all 0.15s ease-in;
    box-shadow: 1px 1px 5px #ddd;
}

@font-face{font-family:tinymce;src:url(./resources/fonts/tinymce/tinymce.eot);
    src:url(./resources/fonts/tinymce/tinymce.eot?#iefix) format('embedded-opentype'),
        url(./resources/fonts/tinymce/tinymce.woff) format('woff'),
        url(./resources/fonts/tinymce/tinymce.ttf) format('truetype'),
        url(./resources/fonts/tinymce/tinymce.svg#tinymce) format('svg');
    font-weight:400;font-style:normal}@font-face{font-family:tinymce-small;
    src:url(./resources/fonts/tinymce/tinymce-small.eot);
    src:url(./resources/fonts/tinymce/tinymce-small.eot?#iefix) format('embedded-opentype'),
        url(./resources/fonts/tinymce/tinymce-small.woff) format('woff'),
        url(./resources/fonts/tinymce/tinymce-small.ttf) format('truetype'),
        url(./resources/fonts/tinymce/tinymce-small.svg#tinymce) format('svg');font-weight:400;font-style:normal}
.mce-ico {
    font-family: "tinymce",Arial !important;
}

.fa_custom_image {width:100%;clear:both;margin:10px 0}

.BOCPoffer li{
    font-size:12px !important;
}

.doc-logo {max-width: 60%}

.printonly {display: none;}div.standard_button_right input {background-color:#fb0;border:1px #ca6 solid;padding:5px;color:#000;font-weight:bold;cursor:pointer;float:right;height:30px;}
div.standard_button_right{float:right;margin-bottom:2px;margin-right:0;margin-top:2px;text-align:right;width:100%;}
div.standard_button_right form{display:inline;}
div.standard_button_right input, .btn_salvare {
    border-radius: 3px;
    cursor: pointer;
    height: 34px !important;
    border: 0;
    float: right;
    margin:15px 10px 5px 10px;
    padding: 6px 15px;
    color: #000;
    font-weight: bold;
    font-size: 16px !important;
    box-sizing:border-box;
}

.bocp_table tbody a {
}
.bocp_table tbody td a {
    float:none;
    background-color: var(--color-tda-links-bg);
    border: 1px #d7dfff solid;
    padding: 4px 4px;
    border-radius: 3px;
    display: inline-block;
}
input[type=button].btn_procesare_small, .btn_procesare_small
	{
    background-color:var(--color-utility-button) !important;
    cursor:pointer;
    border:1px var(--color-utility-button-border) solid !important;
	margin:3px 4px !important;padding:2px 6px;
	color:var(--color-utility-button-color) !important;font-weight:normal;
	font-size:14px !important;
	display:block;float:right;box-shadow:var(--shadow-xs);
	border-radius:3px;
	vertical-align:middle;
	line-height:19px;
    min-height: 28px;
}

.btn_procesare_small:hover {background-color:#4a6fa5 !important;box-shadow:none !important;}
.btn_procesare a,
.btn_procesare_small a {color:var(--color-utility-button-color) !important;}
.btn_procesare_small img {margin:-1px 3px 0 0;}

.btn_procesare {
    min-height: 21px;
    background-repeat: no-repeat;
    color:#111;
}

.bocp_table tbody td .btn_procesare,
input[type=button].btn_procesare, .btn_procesare {
    background-color:var(--color-utility-button) !important;
	cursor:pointer;
    border:1px var(--color-utility-button-border) solid !important;
    margin:10px 5px 5px 5px;
	padding:5px 8px !important;color:var(--color-utility-button-color) !important;
    float:right;
    background-size: 20px auto;
    font-weight: normal;
    border-radius: 6px;
    line-height: 16px;
    min-height: 34px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    box-shadow: var(--shadow-xs);
}
.mod_left_panel table.standard_list_viao td a {
    background-color: initial !important;
    border:0 !important;
}
.doc-top-messages .btn_procesare {
    margin:0px 5px 5px 5px;
}
.btn_procesare img {filter:grayscale(1);height:24px;}

.bocp_table_title .btn_procesare {
    padding:3px 8px;
    margin:1px 0px 4px 10px !important;
}
.view_value .btn_procesare {
    flex-flow: row;
    justify-content: space-between;
    padding:1px 5px !important;
    min-height: 30px !important;
}

.view_value .btn_procesare img {
    margin:1px 1px !important;
}

input[type=button].btn_disabled ,
.btn_disabled {
    background-color: gainsboro !important;
    cursor:not-allowed !important;
    border:1px #444444 solid !important;
    color:#111;
}
.mod_newitem_butt_left {float:left !important;}
.mod_newitem_butt,
div.standard_button_right input, .btn_salvare , .quick-issue_button{
    color: var(--color-button-green-color);
    background-color: var(--color-button-green);
    border:1px var(--color-button-green-border) solid;
    box-shadow: var(--shadow-xs) !important;
    transition: all 0.15s ease-in;
    border-radius: 3px;
    cursor:pointer;
}
.mod_newitem_butt:hover,
div.standard_button_right input:hover,
.btn_salvare:hover ,
.quick-issue_button:hover{
    background-color: var(--color-module-button-selected-gnd);
}

.mhead div.standard_button_right input, .mhead .btn_salvare{
    margin-top: 0;
}
.quicklink-icon{width:24px;height:24px;margin:0 5px 0 0;}
.quick-issue_button{float:left;height:24px;padding:4px 5px;border-radius: 3px;margin:5px 5px 0 5px;width:150px;
    line-height: 22px;
}
.quick-issue_button:hover{
    color:black;text-decoration: none;
}

div.standard_button_right input:hover, .btn_salvare:hover {color:#fff}
.standard_list_viao .btn_procesare {
	margin:2px;
}
.standard_list_viao a.mini_utility_button {
	margin:0 1px;
}
.btn_procesare:hover {
    box-shadow: var(--shadow-sm);
    opacity: 0.92;
}

.mod_newitem_butt {
    cursor: pointer;
    height: 22px;
    float: right;
    margin: 5px 10px;
    padding: 5px 10px 5px 0px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.mod_newitem_butt > img {
    background-color: #fff;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid #fff;
    border-right: 5px solid #fff;
    height: 24px;
    border-radius: 5px 0 0 5px;
}


.mod_newitem_butt:hover {box-shadow:0 0 3px #666;
    text-decoration:none;transition: all 0.15s ease-in;
}
.mod_newitem_ico {height:24px;margin:0 5px 0 0;}

.td_button {
	padding:1px 2px;
	background-color:#aad5FF; 
	border:1px #89b7ff solid;border-radius:3px;
	box-shadow:1px 1px 1px #999;
}
.td_button img {width:16px;height:16px;}

.npb{
	width:22%;margin:5px 1.5%;float:left;box-shadow:2px 2px 4px #555;text-align:center;font-size:50px;background:#fff;cursor:pointer;line-height:60px;vertical-align:middle;
	border-radius:5px;
}

.tnpb{
	font-size:19px
}
.lnpb{
	width:47%;
	line-height:22px;
	padding:4px 0;
	font-size:20px;

}

.final_npb {
	background:#FFBB00;
	font-weight: bold;
}

.mini_utility_button2{float:right;padding:5px 6px;height:18px;background:#eee;border:1px #ddd solid;margin:0 2px;}
.mini_utility_button2 img {height:16px;}


.mini_utility_button {
    float: right;
    min-width: 16px;
    text-align: center;
    padding: 2px;
    margin: 8px 1px 0 1px;
    width: 28px;
    height: 24px;
    overflow: hidden;
}

.form_section_title > .mini_utility_button {
    padding: 0 2px;
    margin: 0 1px 0 1px;
    height: 28px;

}

.mini_utility_button:hover {background:#ddd}
.mini_utility_button img {filter:grayscale(100%)}

.form_section_title .btn_procesare {margin-top:-3px !important;}
.master_contabformular_table_td .btn_procesare {margin-top:2px !important;}

a.disabled-button {
    background-color: gainsboro;
    cursor:not-allowed;
}

.but-sec-ico {display:none;border-radius:0 4px 4px 0;background: #fff;align-items: center;padding:0 3px 0 5px;}
.bocp-btn:hover .but-sec-ico {display:flex;
}
.toggler_label {
    background-color: var(--color-utility-button, #aad5ff) !important;
    cursor: pointer;
    border: 1px var(--color-utility-button-border, #89b7ff) solid !important;
    margin: -4px 5px 5px 5px;
    padding: 5px 12px !important;
    color: var(--color-utility-button-color, #000) !important;
    font-size: 14px !important;
    display: block;
    float: right;
    background-size: 16px auto;
    font-weight: normal;
    border-radius: 3px;
}
.buttons-toolbar {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    display: flex;
    justify-content: right;
    margin: 15px 0 10px;
    border-radius: 5px;
    box-shadow: var(--shadow-sm);
    background: #fff;
    padding:5px;
    align-items: center;
}
.buttons-toolbar > a {margin-top:2px !important;margin-bottom:2px !important;margin-left:2px !important;}
.btn-icon-img    { max-height: 28px; vertical-align: top; margin: 1px; }
.btn-icon-img-sm { max-height: 16px; vertical-align: top; margin: 1px; }

.ui_split_panel_side .setting_container {
    min-width: 100px;
}
.ui_split_panel_side .btn_procesare {
    width: calc(100% - 10px);

}
.piestatsOrganizer {
	width:100%;
	}
	
.piestatsOrganizer td {
	vertical-align:middle;
	}

.piestatsTable	{
	width:100%;
	}
	
.piestatsTable td, .piestatsTable th {
	padding:2px 5px;
	text-align:left;
	border:1px #aaa solid;
	vertical-align:middle;
	}
.piestatsTable th {
	font-weight:bold;
	background:#eee
	}
	
.piestatsTable td {
	}
	
.piechart_container {
	height:350px
	}
	
.chart_title {
	width:100%;
	background:#eee;
	padding:8px 0;
	font-size:18px;
	text-align:center;
	box-shadow:0 0 3px #bbb;
	margin:15px 0 5px 0;
	border:1px #fff solid;
	}
	
.chart_notes {
	background:#f4f4f4;
	border:#ddd 1px solid;
	padding:5px 10px;width:auto;
	margin:10px 1px 0 1px
	}
	
	
	/* Preload images */
body:after {
  content: url(https://cdn.bocp.eu/bocp/icons/lbclose.png) url(https://cdn.bocp.eu/bocp/icons/lbloading.gif) url(https://cdn.bocp.eu/bocp/icons/lbprev.png) url(https://cdn.bocp.eu/bocp/icons/lbnext.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(https://cdn.bocp.eu/bocp/icons/lbloading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(https://cdn.bocp.eu/bocp/icons/lbprev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(https://cdn.bocp.eu/bocp/icons/lbnext.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(https://cdn.bocp.eu/bocp/icons/lbclose.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.centered {
	text-align:center;
}
.bold {
	font-weight:bold;
}

.tr-bold * {
    font-weight:bold !important;
}

.float-right     { float: right; }
.float-left      { float: left; }
.br-clear        { clear: both; }
.hr-reset        { border: 0; height: 1px; background: 0; margin: 0; }
.hidden-initially { display: none; }
.impselect {width:98%;float:left;text-align:center;padding:5px 5px;background:#fff;}
.impselect p {font-size:11px;color:#fff;}
.impselect option,
.impselect select{
	font-size:12px;
}
	
.unselected_labels{
	display:none;
	clear:both;
}.BOCP_header {
    width: 100%;
    background: #ffffff;
    height: 48px;
    clear: both;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 2px solid var(--color-primary);
    box-shadow: none;
    overflow: hidden;
    z-index: 200;
    position: relative;
    box-sizing: border-box;
}

.header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
}

.BOCP_header_inner {
    max-width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 12px 0 8px;
}

.bocp_logo {
    float: left;
    margin: 0 8px 0 4px;
    height: 32px;
    display: flex;
    align-items: center;
}

.BOCP_header .facturalogoimage {
    height: 32px;
    width: auto;
    max-width: 140px;
    display: block;
}

.BOCP_header .info {
    margin: 0 8px;
    padding: 0;
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
}

.BOCP_header .user_details {
    font-size: 11px;
    line-height: 14px;
    cursor: help;
    color: #94a3b8;
    display: block;
    font-weight: 400;
}

.BOCP_header .account_name {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #1e293b;
    cursor: help;
    letter-spacing: -0.01em;
}

.BOCP_header .language_selector {
    float: left;
    margin: 0 6px;
    height: 48px;
    display: flex;
    align-items: center;
}

.BOCP_header .language_selector option {
    font-size: 14px;
    color: #1e293b;
}

.BOCP_header .language_selector select {
    font-size: 13px;
    color: #64748b;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 3px 6px;
    background: #f8fafc;
    cursor: pointer;
}

.BOCP_header .alert_section {
    float: left;
    margin: 0 4px;
    height: 48px;
    display: flex;
    align-items: center;
}

.alert_section a {
    float: left;
    width: 32px;
    height: 32px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background 0.15s;
}

.alert_section a:hover {
    background: #eef5ff;
    text-decoration: none;
}

.top_alert_icon {
    width: 26px;
    height: 26px;
}

.BOCP_header .nav {
    float: right;
    margin: 0 4px;
    height: 48px;
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-direction: row-reverse;
}

.BOCP_header .nav img {
    width: 26px;
    height: 26px;
    opacity: 0.85;
    filter: grayscale(20%);
    transition: opacity 0.15s, filter 0.15s;
}

.BOCP_header .nav img:hover {
    opacity: 1;
    filter: grayscale(0%);
}

a.topnmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin: 0 3px;
    color: #64748b;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
    height: 32px;
}

a.topnmenu:hover {
    color: var(--color-primary);
    background: #eef5ff;
    text-decoration: none;
}

/* v4modern: FA glyph nav icons */
.BOCP_header .nav a.topnmenu i {
    font-size: 24px;
    line-height: 1;
}

/* v4modern: company logo wrapper (replaces inline style on img) */
.BOCP_header .v4m-companylogo {
    display: flex;
    align-items: center;
    height: 48px;
    margin: 0 6px;
}

/* v4modern: mobile header spacer (replaces inline-styled #mmh) */
.v4m-mobile-spacer {
    width: calc(100% - 75px);
    float: left;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.setting_container {
    background: #fff;
    width: 100%;
    min-width: 250px;
    float: left;
    margin: 3px 0;
    border-bottom: 1px solid var(--color-border);
}
.setting_container:hover {
    background: #eef5ff;
}
.setting_container:hover .sett-hist-butt {
    display: block !important;
}

.setting_container input {
    margin: 2px 5px 0 0;
    float: left;
}

.setting_container label {
    width: calc(100% - 20px);
    padding: 7px 10px;
    background: transparent;
    margin: 0;
    display: block; float: left; text-align: left;
}
.setting_container label:hover {
    background: transparent;
    cursor: pointer;
    width: calc(100% - 48px);
}

.setting_container label i {
    float: left;
    width: 100%;
    font-weight: normal !important;
    color: #64748b;
    padding: 0 2px;
    font-size: 11px;
}a.leftcolumnmenu { text-align: left; }

div.modules_left_menuelement {
    float: left;
    margin: 1px 0;
    width: 100%;
    padding: 0;
    font-size: 15px;
    display: flex;
    flex-direction: row;
}

div.modules_left_menuelement:hover a { color: #fff !important; }
/* flyout links stay dark — .mods is the parent, .modules_left_menuelement is inside it */
.mods .modules_left_menuelement:hover a { color: var(--color-link) !important; }

.mod_group {
    padding: 10px 0;
    clear: left;
    width: 64px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    float: left;
    text-align: center;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
    transition: background 0.12s;
}

.mod_group_selected { background: #1a2540; }
.mod_group:hover { background: #141926; }
.mod_group:hover .modgroup_name { color: #e2e8f0; }

.submodule_link img,
.tabs_div img,
.mainpage img,
img.fullsectionicon,
.top_alert_icon,
.mod_newitem_ico,
.quicklink-icon {
    filter: grayscale(100%);
}

.lefticon,
.mod_group img {
    filter: brightness(0.75);
}

.mod_group_selected img { filter: brightness(1) saturate(1.2); }
.modules_left_menuelement:hover .lefticon { filter: brightness(1); }
.mod_group:hover > img { filter: brightness(1); }

.mods {
    position: fixed;
    display: none;
    background: #f8fbff;
    padding: 0 8px 12px;
    left: 64px;
    top: 48px;
    z-index: 300;
    box-shadow: 6px 2px 28px rgba(0,0,0,0.20);
    border-left: 3px solid var(--color-primary, #3d5a8a);
    overflow-y: auto;
    max-height: calc(100vh - 48px);
}

.module_item {
    width: 175px;
    float: left;
    padding: 3px 0 3px 4px !important;
    text-align: left;
}

.module_item_nw {
    margin: 0;
    background: #f8fafc;
    float: right;
    padding: 8px 4px;
    border-radius: 4px;
    transition: background 0.12s;
}

div.modules_left_menuelement:hover .module_item_nw {
    background: #dde6f0;
}

.mod_group_title {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 10px 10px;
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 700;
    color: #0d1b2e;
    background: #dde8f5;
    border-bottom: 2px solid var(--color-primary);
    letter-spacing: -0.01em;
    clear: both;
}

.mod_subgroup_title {
    width: 100%;
    text-align: left;
    font-size: 13px;
    clear: both;
    border-bottom: 1px #e2e8f0 solid;
    margin: 4px 0 4px 0;
    padding: 4px 0 3px 8px;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mod_subgroup {
    text-align: left;
    float: left;
    margin: 3px 4px;
    overflow: hidden;
    width: calc(33.33% - 8px);
    position: relative;
    z-index: 300;
}

.mod_group_title img {
    vertical-align: bottom;
    margin: 0 6px 0 4px;
}

.colcount5, .colcount4, .colcount3, .colcount2, .colcount1 {
    scrollbar-width: thin;
    scroll-behavior: smooth;
    overflow-y: auto;
    height: calc(100vh - 48px);
}

.colcount5 { width: 950px; }
.colcount5 .mod_subgroup { width: calc(20% - 8px); }
.colcount4 { width: 760px; }
.colcount4 .mod_subgroup { width: calc(25% - 8px); }
.colcount3 { width: 570px; }
.colcount3 .mod_subgroup { width: calc(33.33% - 8px); }
.colcount2 { width: 380px; }
.colcount2 .mod_subgroup { width: calc(50% - 8px); }
.colcount1 { width: 220px; }
.colcount1 .mod_subgroup { width: calc(100% - 8px); }

/* override to single-column on all for narrow flyout */
.colcount5, .colcount4, .colcount3, .colcount2, .colcount1 { width: 220px; }
.mod_subgroup { width: calc(100% - 8px) !important; }

.leftcol {
    background: #0b0f1a;
    padding: 8px 0 8px 0;
}

.modgroup_name {
    display: block;
    font-weight: 500;
    font-size: 9px;
    color: #dadfe7;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 3px;
    line-height: 1.1;
    text-align: center;
    width: 100%;
    padding: 0 4px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.mod_group_selected .modgroup_name { color: #93c5fd; }
.mod_group:hover .modgroup_name { color: #e2e8f0; }

.mods img {
    filter: grayscale(100%);
    transition: filter 0.12s;
}
.mods a:hover img,
.modules_left_menuelement:hover img {
    filter: grayscale(0%) opacity(100%);
}

@media screen and (min-width: 1250px) {
    .mod_group {
        width: calc(100% - 15px);
    }
}

@media screen and (min-width: 1250px) {
    .mods {
        margin-left: 111px;
        max-width: inherit;
    }
}

/* ── Submenu column entrance animation ──────────────────────────── */
/* Restarts each time .mods becomes display:block (jQuery show/fadeIn) */
@keyframes mod-subgroup-enter {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
    .mods .mod_subgroup {
        animation: mod-subgroup-enter 0.22s ease both;
    }
    /* child(1) is .mod_group_title; first .mod_subgroup is typically child(2) — no delay */
    .mods .mod_subgroup:nth-child(3)  { animation-delay: 0.05s; }
    .mods .mod_subgroup:nth-child(4)  { animation-delay: 0.10s; }
    .mods .mod_subgroup:nth-child(5)  { animation-delay: 0.15s; }
    .mods .mod_subgroup:nth-child(6)  { animation-delay: 0.20s; }
    .mods .mod_subgroup:nth-child(7)  { animation-delay: 0.25s; }
    .mods .mod_subgroup:nth-child(8)  { animation-delay: 0.30s; }
    .mods .mod_subgroup:nth-child(9)  { animation-delay: 0.35s; }
    .mods .mod_subgroup:nth-child(10) { animation-delay: 0.40s; }
    .mods .mod_subgroup:nth-child(11) { animation-delay: 0.45s; }
    .mods .mod_subgroup:nth-child(12) { animation-delay: 0.50s; }
}

/* ── Page-load entrance animation for sidebar groups ────────────── */
/* Animate only the inner icon + label, NOT .mod_group itself, so    */
/* the parent never creates a stacking context that would trap .mods */
@keyframes mod-group-enter {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
    .bocp-leftcol > .mod_group > img,
    .bocp-leftcol > .mod_group > .modgroup_name {
        animation: mod-group-enter 0.26s ease both;
    }
    .bocp-leftcol > .mod_group:nth-child(1)  > img,
    .bocp-leftcol > .mod_group:nth-child(1)  > .modgroup_name { animation-delay: 0.03s; }
    .bocp-leftcol > .mod_group:nth-child(2)  > img,
    .bocp-leftcol > .mod_group:nth-child(2)  > .modgroup_name { animation-delay: 0.07s; }
    .bocp-leftcol > .mod_group:nth-child(3)  > img,
    .bocp-leftcol > .mod_group:nth-child(3)  > .modgroup_name { animation-delay: 0.11s; }
    .bocp-leftcol > .mod_group:nth-child(4)  > img,
    .bocp-leftcol > .mod_group:nth-child(4)  > .modgroup_name { animation-delay: 0.15s; }
    .bocp-leftcol > .mod_group:nth-child(5)  > img,
    .bocp-leftcol > .mod_group:nth-child(5)  > .modgroup_name { animation-delay: 0.19s; }
    .bocp-leftcol > .mod_group:nth-child(6)  > img,
    .bocp-leftcol > .mod_group:nth-child(6)  > .modgroup_name { animation-delay: 0.23s; }
    .bocp-leftcol > .mod_group:nth-child(7)  > img,
    .bocp-leftcol > .mod_group:nth-child(7)  > .modgroup_name { animation-delay: 0.27s; }
    .bocp-leftcol > .mod_group:nth-child(8)  > img,
    .bocp-leftcol > .mod_group:nth-child(8)  > .modgroup_name { animation-delay: 0.31s; }
    .bocp-leftcol > .mod_group:nth-child(9)  > img,
    .bocp-leftcol > .mod_group:nth-child(9)  > .modgroup_name { animation-delay: 0.35s; }
    .bocp-leftcol > .mod_group:nth-child(10) > img,
    .bocp-leftcol > .mod_group:nth-child(10) > .modgroup_name { animation-delay: 0.39s; }
    .bocp-leftcol > .mod_group:nth-child(11) > img,
    .bocp-leftcol > .mod_group:nth-child(11) > .modgroup_name { animation-delay: 0.43s; }
    .bocp-leftcol > .mod_group:nth-child(12) > img,
    .bocp-leftcol > .mod_group:nth-child(12) > .modgroup_name { animation-delay: 0.47s; }
    .bocp-leftcol > .mod_group:nth-child(13) > img,
    .bocp-leftcol > .mod_group:nth-child(13) > .modgroup_name { animation-delay: 0.51s; }
    .bocp-leftcol > .mod_group:nth-child(14) > img,
    .bocp-leftcol > .mod_group:nth-child(14) > .modgroup_name { animation-delay: 0.55s; }
    .bocp-leftcol > .mod_group:nth-child(15) > img,
    .bocp-leftcol > .mod_group:nth-child(15) > .modgroup_name { animation-delay: 0.59s; }
    .bocp-leftcol > .mod_group:nth-child(16) > img,
    .bocp-leftcol > .mod_group:nth-child(16) > .modgroup_name { animation-delay: 0.63s; }
    .bocp-leftcol > .mod_group:nth-child(17) > img,
    .bocp-leftcol > .mod_group:nth-child(17) > .modgroup_name { animation-delay: 0.67s; }
    .bocp-leftcol > .mod_group:nth-child(18) > img,
    .bocp-leftcol > .mod_group:nth-child(18) > .modgroup_name { animation-delay: 0.71s; }
    .bocp-leftcol > .mod_group:nth-child(19) > img,
    .bocp-leftcol > .mod_group:nth-child(19) > .modgroup_name { animation-delay: 0.75s; }
    .bocp-leftcol > .mod_group:nth-child(20) > img,
    .bocp-leftcol > .mod_group:nth-child(20) > .modgroup_name { animation-delay: 0.79s; }
}
.bocp-maincol-mobile {
    width: calc(100%) !important;
}


@media only screen and (max-width: 1024px) {
    .mobile_fullsize {
        padding:5px !important;
    }

    .s99 * {
        font-size: 95% !important;
    }
}

@media only screen and (max-width: 640px) {

    .formtitle {font-size:24px !important;}

    .bocp-table-wrapper {
        padding: 0 !important;
        box-shadow: 0 0 0 #bbb ;
        overflow-x: auto;
    }

    /*forms */
    body {
        min-width: 0;
    }

    .BOCP_form {
        min-width: 100% !important;
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 5px 0% !important;
    }

    .view_value {
        font-size: 0.95rem !important;
    }

    .impselect {
        width: 100%;
        box-shadow: none;
    }

    /*popups:*/
    .popup_div {
        padding: 2px;
        left: 0px !important;
        right: 0px !important;
        width: calc(100% - 4px) !important;
        max-width: 100%;

    }

    .pp_inner {
        padding: 1px 0;
        width: 100%;
    }

    /*documents*/
    .tool {
        margin:5px;
    }
    .right_side_tools .tool {
        float: right;
    }

    .right_side_tools {
        float: none;
        width: 100%;
        height: 24px;
        padding: 0;
    }

    .top_utils {
        margin: 3px 0;
    }

    /*images:*/
    .facturalogoimage {
        width: 100px;
        height: auto;
    }

    .mhead, .m_div {
        padding: 0 4px;
        width: calc(100% - 8px);
    }

    .master_contabformular_table img {max-width: 100%}
    .master_contabformular_table {
        margin: 5px 0;
        width: 100%;
    }

    .doc1 td {
        padding: 1px 0;
    }
    .half_column-3-4,
    .half_column-1-4,
    .half_column {
        width: 100%;
        margin: 5px 0;
        float: left;
        box-sizing: border-box;
        padding: 0;
    }
    .ui_split_panel_content,
    .ui_split_panel_side {
        flex: 1 1 100%;
        min-width: 0;
    }

    .header_fixed {
        /*position: relative;*/
    }

    .bocp_container {
        margin-top: 0 !important;
    }

    .BOCP_header {
        height: auto;
    }

    .BOCP_header .alert_section {
        clear: left;
        margin-top: 3px;
    }

    a.topnmenu {
        margin: 0px 0 0 0;
    }

    td.maincolumn {
        min-width: 0;
    }


    .mainpage:hover, .mainpage_sel {
        padding: 0 !important;
    }

    a.module_link, li.mainpage {
        margin: 0 2px;
        width: 50px;
    }

    .colcount1,
    .colcount2,
    .colcount3,
    .colcount4,
    .colcount5 {
        width: 195px !important;
    }

    .mod_subgroup {
        width: calc(100% - 10px) !important;
    }

    .bocp-wrapper{margin-top:40px;}
    .bocp-maincol {width:calc(100% - 50px);margin-left:50px}
    .bocp-leftcol,
    .mod_group {
        width: 50px;
    }

    .modgroup_name {
        font-size: 11px;
    }

    .mods {
        margin-left: 50px;
    }

    .mod_group_title {
        font-size: 22px;
    }

    h1.main_mod_title {
        clear: both;
        line-height: 30px;
        font-size: 22px
    }

    img.fullsectionicon {
        float: left;
        height: 28px;
        margin: 3px 2px 2px 4px;
        padding: 0;

    }

    .mod_refresh_ico {
        width: 28px;
        margin: 3px 8px 0px 0px;
    }
    .mod_refresh_ico img {
        height:28px;
    }

    .mobile_divider {
        float: left;
        clear: both;
        margin: 0 0 0px 0;
        border-bottom: 1px #ddd solid;
        width: 100%
    }

    #old_module_head2 .module_link,
    .module_link {
        margin: 3px;
        padding: 3px;
        border: 1px #aaa solid;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        font-size: 13px;
        align-items: center;
        background:#eee;
    }
    #old_module_head2 >table {
     margin:0 -5px !important;
        height:100%;
    }
    #old_module_head2 {
        display: flex;

    }
    #old_module_head2 img {
        width: 16px;
    }

    .tabs_div_wrapper {
        margin: 0;
        width: 100%;
    }

    .m_div {
        margin: 5px 0;
    }

    .mobile_fullsize {
        display:block;
        clear:both;
        width: calc(100% - 10px) !important;
    }

    .ddashboard_col {
        width:calc(100% - 12px) !important;
    }

    .bocp-dash {padding:5px 0 !important;}
    .bocp-dash-section {margin:5px 0 !important;
        width: calc(100% - 20px) !important;
    }
    .dash-stat-item {
        width: calc(50% - 15px) !important;
        margin: 10px 5px 0 0 !important;
    }

    .quick-issue_button {
        margin: 5px 5px 0 0 !important;
        width: calc(50% - 17px) !important;
    }

    h1.form_title {font-size: 21px}
    h2.form_section_title {font-size: 20px !important;}
    a.module_link, .mainpage a img {clear:both;}
    a.module_link, .mainpage a {
        font-size: 13px;
        padding:4px 2px 2px 2px;
        line-height: 13px;
    }

    .desktop-left-column {width: 40%;}
    .desktop-right-column {width: 60%;}
    .product-image img {
        width: 100%;
    }
    .mainpage_list ul {display: flex;}

    /*.input-full {width: 99% !important;}*/
    /*.input-half {width: 99% !important;}*/
    /*.input-quarter {width: 49% !important;}*/
    /*.input-third {width: 49% !important;}*/
    /*.input-fifth {width: 49% !important;}*/
    /*.input-sixth {width: 32.33% !important;}*/

    .popup-div-old {
        width:100% !important;
        padding:0 !important;
        left:0 !important;
    }

    h1.formular_title {
        font-size: 18px !important;
    }

    h3.bocp_table_title,
    h2.bocp_table_title,
    table.standard_list_viao thead h2.bocp_table_title {
        font-size:20px !important;

    }
    .search_div,
    #searchform {
        max-width: 100%;
    }
    input.search_input{
        max-width: calc(100% - 20px) !important;
        float: right;
        margin: 2px 0 0 0;
    }

}

@media only screen and (max-width: 450px) {
    .bocp-maincol {width:calc(100% - 0px);;margin-left:0px}
    a.topnmenu {
        margin: 3px 0 0 0;
    }
    h1.main_mod_title {
        font-size:19px;
    }


    .search-box-big-wrapper {
        clear:both;width:98%;margin:0 auto;padding: 0;
    }

    .cl-view-item {width:calc(50% - 6px);padding: 0 3px !important;}
    .cl-view-right {width: 100%;}
    .cl-view-item b{font-size: 12px;}
    .module_subgroup {padding: 0;margin:0}
    .filter_unit {min-width: calc(50% - 14px);
        margin:
                2px 2px;
        width: calc(50% - 14px);
        min-height: 42px;
        height: auto;
        flex-direction: column;
        align-items: initial;
    }
    .filter_unit label {margin-bottom: 2px;}
    .filter_label {display: block !important;width: calc(100% - 2px);text-align: left;}
    .filtered-values {margin-top:-6px !important;clear: both !important;font-size: 10px !important;}
    .mini_utility_button {margin-top:1px !important;}
    .mainpage_list {margin:0;min-height: auto;padding:0 0 5px}
    .mob-mod-menu {background-color: silver}

    .mhead .mod_newitem_butt {
        margin: 3px 0 3px 5px !important;
        padding: 3px 5px;
        width: calc(50% - 17px);
        box-shadow: 1px 1px 3px #aaa;
        float: left;
        display: flex;
        line-height: 13px;
        align-items: center;
    }

    #div_saving_data {padding:5px}
    td .p {font-size: 11px !important;}
    .debug {display: none}


    .search-box-big-wrapper input{
        margin: 2px 5px ; padding:6px 10px;
    }
    .search-box-big .search_ico {margin-top:4px !important;}
    .search-box-big {margin:4px 10px}
    .bocp_notification h2.title {display:none}
    .bocp_notification {padding:3px 3%}
    .bocp_notification a{margin-top:4px;}

    .w75 {width: 100%;padding:0}
    .w25 {width: 100%;padding:0}
    .with_right_margin {margin:0;}
    .pp_nav_button {padding:1px 5px}
    .pp_nav_button b {display: none}

    .doc1 h1 {text-align: center;font-size: 20px !important;}
    .doc_info {width: 100%}
    .doc_info td {padding:1px !important;font-size: 12px}

    .m_form_tab_selected,
    .m_form_tab {
        padding:3px 6px !important;

        font-size:12px !important;
    }

    .clickprint{
        padding: 1px 5px !important;
    }

    .clickprint .btn_procesare{
        padding: 4px 5px !important;
    }
    .docanchor {font-size:13px;margin:2px 4px 2px 0;line-height: 20px}
    .docanchor img {padding:0 2px;}

    .doc-header-columns-on-mobile {
        display: block;
        width: 100%;
    }
    .doc-header-columns-on-mobile td {
        display: block;
        width: calc(100% - 12px) !important;
        max-width: 100% !important;
        clear: both;
    }

    .desktop-halfcol {width:100%}

    .pp_inner .m_div {
        width: calc(100vw - 10px);
    }

    .tab-content > .m_div {
        box-shadow: 0 0 0 #fff;
        padding: 0 1px !important;
        width:calc(100% - 2px) !important;
    }

    .btn_procesare {
        /*max-width: calc(50% - 24px);*/
        width: calc(25% - 4px);
        margin: 5px 2px 2px 2px;
        padding: 3px 1px !important;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        justify-items: start;
        text-align: center;
        font-size: 11px !important;
        line-height: 11px !important;

    }
    .btn_procesare img {
        margin:0 auto !important;
        height: 24px;
    }
    .table-top-elements .btn_procesare {
        margin: 2px 2px;
    }

    .bocp-input-group {
        width: calc(100% - 10px) !important;

    }

    .form_input_box {
        min-height: 36px;
    }

    .agenda_detalii_view_table tr {display: flex;flex-direction: column;}
    .agenda_detalii_view_table tr td {width: calc(100% - 10px) !important;max-width: 100% !important;}

    .BOCP_form h2 {
        padding: 7px 5px 2px 5px;
        margin-top: 10px;
        width: calc(100% - 10px);
    }
    .input_element_section select {width: 100%;}

    .BOCP_header_inner {
        max-width: 100%;
        height: 48px;
        padding: 0 12px 0 8px;
    }

    .BOCP_header {
        height: auto;
        overflow: visible;
        min-height: 30px;
        display: flex;
        align-items: center;
    }
}
@media screen and (min-width: 1250px) {
    .bocp-leftcol { width: 175px; }
    .bocp-maincol { width: calc(100% - 175px); }

    .mod_group { width: 100%; padding: 3px 0 3px 15px; font-size: 18px; }
    .mod_group > img { float: left; margin: 2px 10px 2px 15px; height: 24px; }
    .modgroup_name { font-size: 17px; text-align: left; padding: 5px 0 5px 0; }
    .mods { margin-left: 111px; max-width: inherit; }
}
/* v4modern chrome — overlays, ajax frames, loading splash, popup depth.
   Emitted only when v4modern classes appear in the DOM (templates/v4modern/).
   Inert for v1-v3 users — those templates never emit these class names. */

/* ---- Saving / loading overlays (#div_saving_gnd, #div_loading_gnd) ---- */
.v4m-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(20, 28, 46, 0.30);
    visibility: hidden;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v4m-overlay-box {
    position: relative;
    min-width: 250px;
    padding: 24px 32px;
    background: #fff;
    border: 1px solid var(--color-border);
    border-top: 3px solid var(--color-primary);
    border-radius: 4px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.20);
    text-align: center;
}
.v4m-overlay-box h1 {
    margin: 0 0 12px;
    font-size: 18px;
}
.v4m-overlay-spinner {
    font-size: 28px;
    color: #3d5a8a;
}
.v4m-overlay-close {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    font-size: 16px;
    color: #94a3b8;
    text-decoration: none;
}
.v4m-overlay-close:hover {
    color: #1e293b;
    text-decoration: none;
}

/* ---- Ajax content frame (#ajaxcontent_frame, #ajaxcontent_frame_agenda) ---- */
.v4m-ajaxframe {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9000;
    background: rgba(20, 28, 46, 0.40);
    visibility: hidden;
    overflow-y: auto;
}
.v4m-ajaxframe-window {
    position: relative;
    margin: 38px auto;
    width: 90%;
    min-height: 200px;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.22);
}
.v4m-ajaxframe-bar {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-bottom: 3px solid var(--color-primary);
    background: #fff;
    border-radius: 4px 4px 0 0;
}
.v4m-ajaxframe-title {
    flex: 1 1 auto;
    font-weight: 600;
}
.v4m-ajaxframe-action {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    color: #475569;
    text-decoration: none;
}
.v4m-ajaxframe-action:hover {
    background: #eef5ff;
    color: var(--color-primary);
    text-decoration: none;
}
.v4m-ajaxframe-content {
    padding: 0;
}
.v4m-ajaxframe-agenda .v4m-ajaxframe-window {
    margin-top: 29px;
}

/* ---- Loading splash (#loading_splash) ---- */
.v4m-splash {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999999;
    background: rgba(40, 48, 66, 0.50);
    text-align: center;
}
.v4m-splash-box {
    background: rgba(40, 48, 66, 0.92);
    padding: 30px 40px;
    margin: 200px auto 0;
    width: 200px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
}
.v4m-splash-title {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}
.v4m-splash-box p {
    color: #fff;
    font-size: 12px;
}
.v4m-splash-close {
    float: right;
    margin: 20px 0 -10px 20px;
    border: 1px solid #fff;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
}
.v4m-splash-close:hover {
    background: rgba(255,255,255,0.15);
    text-decoration: none;
}

/* ---- Popup stacking depth contrast ---- */
.v4m-popup-depth-1 { background: rgba(20, 28, 46, 0.30); }
.v4m-popup-depth-2 { background: rgba(20, 28, 46, 0.42); backdrop-filter: blur(1px); }
.v4m-popup-depth-3 { background: rgba(20, 28, 46, 0.54); backdrop-filter: blur(2px); }
.v4m-popup-depth-4 { background: rgba(20, 28, 46, 0.64); backdrop-filter: blur(3px); }
/* For other boilerplate styles, see: /docs/general-configuration-guide/boilerplate-content-css/ */
/*
* For rendering images inserted using the image plugin.
* Includes image captions using the HTML5 figure element.
*/

figure.image {
    display: inline-block;
    border: 1px solid gray;
    margin: 0 2px 0 1px;
    background: #f5f2f0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image img {
    margin: 8px 8px 0 8px;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
}


/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/

img.align-left {
    float: left;
}

img.align-right {
    float: right;
}

/* Basic styles for Table of Contents plugin (toc) */
.mce-toc {
    border: 1px solid gray;
}

.mce-toc h2 {
    margin: 4px;
}

.mce-toc li {
    list-style-type: none;
}/*! jQuery UI - v1.12.1 - 2021-05-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}  .ui-widget-header a{color:#222}  .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}  .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}  .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}  .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}  .ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}  .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}  .ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}  .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}  .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}  .ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}  .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}  .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}  .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}  .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}  .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}  .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}  .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}  .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}  .ui-icon{width:16px;height:16px}  .ui-icon,.ui-widget-content .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_222222_256x240.png")}  .ui-widget-header .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_222222_256x240.png")}  .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_454545_256x240.png")}  .ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_454545_256x240.png")}  .ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_2e83ff_256x240.png")}  .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_cd0a0a_256x240.png")}  .ui-button .ui-icon{background-image:url("https://secure.bocp.eu/css/common/jquery/ui/images/ui-icons_888888_256x240.png")}  .ui-icon-blank{background-position:16px 16px}  .ui-icon-caret-1-n{background-position:0 0}  .ui-icon-caret-1-ne{background-position:-16px 0}  .ui-icon-caret-1-e{background-position:-32px 0}  .ui-icon-caret-1-se{background-position:-48px 0}  .ui-icon-caret-1-s{background-position:-65px 0}  .ui-icon-caret-1-sw{background-position:-80px 0}  .ui-icon-caret-1-w{background-position:-96px 0}  .ui-icon-caret-1-nw{background-position:-112px 0}  .ui-icon-caret-2-n-s{background-position:-128px 0}  .ui-icon-caret-2-e-w{background-position:-144px 0}  .ui-icon-triangle-1-n{background-position:0 -16px}  .ui-icon-triangle-1-ne{background-position:-16px -16px}  .ui-icon-triangle-1-e{background-position:-32px -16px}  .ui-icon-triangle-1-se{background-position:-48px -16px}  .ui-icon-triangle-1-s{background-position:-65px -16px}  .ui-icon-triangle-1-sw{background-position:-80px -16px}  .ui-icon-triangle-1-w{background-position:-96px -16px}  .ui-icon-triangle-1-nw{background-position:-112px -16px}  .ui-icon-triangle-2-n-s{background-position:-128px -16px}  .ui-icon-triangle-2-e-w{background-position:-144px -16px}  .ui-icon-arrow-1-n{background-position:0 -32px}  .ui-icon-arrow-1-ne{background-position:-16px -32px}  .ui-icon-arrow-1-e{background-position:-32px -32px}  .ui-icon-arrow-1-se{background-position:-48px -32px}  .ui-icon-arrow-1-s{background-position:-65px -32px}  .ui-icon-arrow-1-sw{background-position:-80px -32px}  .ui-icon-arrow-1-w{background-position:-96px -32px}  .ui-icon-arrow-1-nw{background-position:-112px -32px}  .ui-icon-arrow-2-n-s{background-position:-128px -32px}  .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}  .ui-icon-arrow-2-e-w{background-position:-160px -32px}  .ui-icon-arrow-2-se-nw{background-position:-176px -32px}  .ui-icon-arrowstop-1-n{background-position:-192px -32px}  .ui-icon-arrowstop-1-e{background-position:-208px -32px}  .ui-icon-arrowstop-1-s{background-position:-224px -32px}  .ui-icon-arrowstop-1-w{background-position:-240px -32px}  .ui-icon-arrowthick-1-n{background-position:1px -48px}  .ui-icon-arrowthick-1-ne{background-position:-16px -48px}  .ui-icon-arrowthick-1-e{background-position:-32px -48px}  .ui-icon-arrowthick-1-se{background-position:-48px -48px}  .ui-icon-arrowthick-1-s{background-position:-64px -48px}  .ui-icon-arrowthick-1-sw{background-position:-80px -48px}  .ui-icon-arrowthick-1-w{background-position:-96px -48px}  .ui-icon-arrowthick-1-nw{background-position:-112px -48px}  .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}  .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}  .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}  .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}  .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}  .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}  .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}  .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}  .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}  .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}  .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}  .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}  .ui-icon-arrowreturn-1-w{background-position:-64px -64px}  .ui-icon-arrowreturn-1-n{background-position:-80px -64px}  .ui-icon-arrowreturn-1-e{background-position:-96px -64px}  .ui-icon-arrowreturn-1-s{background-position:-112px -64px}  .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}  .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}  .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}  .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}  .ui-icon-arrow-4{background-position:0 -80px}  .ui-icon-arrow-4-diag{background-position:-16px -80px}  .ui-icon-extlink{background-position:-32px -80px}  .ui-icon-newwin{background-position:-48px -80px}  .ui-icon-refresh{background-position:-64px -80px}  .ui-icon-shuffle{background-position:-80px -80px}  .ui-icon-transfer-e-w{background-position:-96px -80px}  .ui-icon-transferthick-e-w{background-position:-112px -80px}  .ui-icon-folder-collapsed{background-position:0 -96px}  .ui-icon-folder-open{background-position:-16px -96px}  .ui-icon-document{background-position:-32px -96px}  .ui-icon-document-b{background-position:-48px -96px}  .ui-icon-note{background-position:-64px -96px}  .ui-icon-mail-closed{background-position:-80px -96px}  .ui-icon-mail-open{background-position:-96px -96px}  .ui-icon-suitcase{background-position:-112px -96px}  .ui-icon-comment{background-position:-128px -96px}  .ui-icon-person{background-position:-144px -96px}  .ui-icon-print{background-position:-160px -96px}  .ui-icon-trash{background-position:-176px -96px}  .ui-icon-locked{background-position:-192px -96px}  .ui-icon-unlocked{background-position:-208px -96px}  .ui-icon-bookmark{background-position:-224px -96px}  .ui-icon-tag{background-position:-240px -96px}  .ui-icon-home{background-position:0 -112px}  .ui-icon-flag{background-position:-16px -112px}  .ui-icon-calendar{background-position:-32px -112px}  .ui-icon-cart{background-position:-48px -112px}  .ui-icon-pencil{background-position:-64px -112px}  .ui-icon-clock{background-position:-80px -112px}  .ui-icon-disk{background-position:-96px -112px}  .ui-icon-calculator{background-position:-112px -112px}  .ui-icon-zoomin{background-position:-128px -112px}  .ui-icon-zoomout{background-position:-144px -112px}  .ui-icon-search{background-position:-160px -112px}  .ui-icon-wrench{background-position:-176px -112px}  .ui-icon-gear{background-position:-192px -112px}  .ui-icon-heart{background-position:-208px -112px}  .ui-icon-star{background-position:-224px -112px}  .ui-icon-link{background-position:-240px -112px}  .ui-icon-cancel{background-position:0 -128px}  .ui-icon-plus{background-position:-16px -128px}  .ui-icon-plusthick{background-position:-32px -128px}  .ui-icon-minus{background-position:-48px -128px}  .ui-icon-minusthick{background-position:-64px -128px}  .ui-icon-close{background-position:-80px -128px}  .ui-icon-closethick{background-position:-96px -128px}  .ui-icon-key{background-position:-112px -128px}  .ui-icon-lightbulb{background-position:-128px -128px}  .ui-icon-scissors{background-position:-144px -128px}  .ui-icon-clipboard{background-position:-160px -128px}  .ui-icon-copy{background-position:-176px -128px}  .ui-icon-contact{background-position:-192px -128px}  .ui-icon-image{background-position:-208px -128px}  .ui-icon-video{background-position:-224px -128px}  .ui-icon-script{background-position:-240px -128px}  .ui-icon-alert{background-position:0 -144px}  .ui-icon-info{background-position:-16px -144px}  .ui-icon-notice{background-position:-32px -144px}  .ui-icon-help{background-position:-48px -144px}  .ui-icon-check{background-position:-64px -144px}  .ui-icon-bullet{background-position:-80px -144px}  .ui-icon-radio-on{background-position:-96px -144px}  .ui-icon-radio-off{background-position:-112px -144px}  .ui-icon-pin-w{background-position:-128px -144px}  .ui-icon-pin-s{background-position:-144px -144px}  .ui-icon-play{background-position:0 -160px}  .ui-icon-pause{background-position:-16px -160px}  .ui-icon-seek-next{background-position:-32px -160px}  .ui-icon-seek-prev{background-position:-48px -160px}  .ui-icon-seek-end{background-position:-64px -160px}  .ui-icon-seek-start{background-position:-80px -160px}  .ui-icon-seek-first{background-position:-80px -160px}  .ui-icon-stop{background-position:-96px -160px}  .ui-icon-eject{background-position:-112px -160px}  .ui-icon-volume-off{background-position:-128px -160px}  .ui-icon-volume-on{background-position:-144px -160px}  .ui-icon-power{background-position:0 -176px}  .ui-icon-signal-diag{background-position:-16px -176px}  .ui-icon-signal{background-position:-32px -176px}  .ui-icon-battery-0{background-position:-48px -176px}  .ui-icon-battery-1{background-position:-64px -176px}  .ui-icon-battery-2{background-position:-80px -176px}  .ui-icon-battery-3{background-position:-96px -176px}  .ui-icon-circle-plus{background-position:0 -192px}  .ui-icon-circle-minus{background-position:-16px -192px}  .ui-icon-circle-close{background-position:-32px -192px}  .ui-icon-circle-triangle-e{background-position:-48px -192px}  .ui-icon-circle-triangle-s{background-position:-64px -192px}  .ui-icon-circle-triangle-w{background-position:-80px -192px}  .ui-icon-circle-triangle-n{background-position:-96px -192px}  .ui-icon-circle-arrow-e{background-position:-112px -192px}  .ui-icon-circle-arrow-s{background-position:-128px -192px}  .ui-icon-circle-arrow-w{background-position:-144px -192px}  .ui-icon-circle-arrow-n{background-position:-160px -192px}  .ui-icon-circle-zoomin{background-position:-176px -192px}  .ui-icon-circle-zoomout{background-position:-192px -192px}  .ui-icon-circle-check{background-position:-208px -192px}  .ui-icon-circlesmall-plus{background-position:0 -208px}  .ui-icon-circlesmall-minus{background-position:-16px -208px}  .ui-icon-circlesmall-close{background-position:-32px -208px}  .ui-icon-squaresmall-plus{background-position:-48px -208px}  .ui-icon-squaresmall-minus{background-position:-64px -208px}  .ui-icon-squaresmall-close{background-position:-80px -208px}  .ui-icon-grip-dotted-vertical{background-position:0 -224px}  .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}  .ui-icon-grip-solid-vertical{background-position:-32px -224px}  .ui-icon-grip-solid-horizontal{background-position:-48px -224px}  .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}  .ui-icon-grip-diagonal-se{background-position:-80px -224px}  .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}  .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}  .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}  .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}  .ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}  .ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}@keyframes color-green-warp {
    0%   { background: rgba(165, 255, 130, 0.68); }
    20%  { background: rgba(67, 190, 38, 0.58); }
    40%  { background: rgba(81, 206, 53, 0.56); }
    60%  { background: #b1eda6; }
    80%  { background: rgba(119, 229, 139, 0.69); }
    100% { background: #96e0a2; }
}
.color-green-warp {
    /*animation: color-green-warp 20s infinite linear;*/
}
@keyframes color-orange-warp {
    0%   { background: rgb(255, 220, 182); }
    20%  { background: rgb(255, 217, 153); }
    40%  { background: rgb(250, 198, 86); }
    60%  { background: rgba(252, 224, 189, 0.82); }
    80%  { background: rgb(252, 197, 126); }
    100% { background: rgb(255, 226, 182); }
}
.color-orange-warp {
    animation: color-orange-warp 20s infinite linear;
}
@keyframes color-red-warp {
    0%   { background: rgb(250, 84, 84); }
    20%  { background: rgba(218, 40, 40, 0.8); }
    40%  { background: #e33939; }
    60%  { background: rgba(192, 18, 18, 0.73); }
    80%  { background: rgba(225, 50, 50, 0.72); }
    100% { background: rgb(248, 97, 97); }
}
.color-red-warp {
    /*animation: color-red-warp 20s infinite linear;*/
}

.td_tools ul li h3 {margin:0;color:#222;}
.td_tools ul li{list-style-type:none;margin:2px;padding:3px 5px;text-align:left;z-index: 1;}
.td_tools ul li img{vertical-align: top;}
.td_tools ul {display:none;position: absolute;background: #fff;
    padding: 5px;min-width: 200px;
    border: 1px #ddd solid;z-index:2;}




.cl-interact-title {clear: both;width: 100%;float: left}
.cl-interact-closed .cl-interact-title {display: none;}
.clintract-section {display: flex;flex-wrap: wrap;justify-content: space-between;clear:both;}
.clintract-section > a{width: calc(25% - 14px);
    text-align: center;
    margin: 5px 0;
    border-radius:5px;
    background:#fff;
    border:1px #4BA1EC solid;
    display:flex;
    text-decoration:none;
    padding:5px;vertical-align:middle;
    flex-direction: column;
    align-items: center;
    box-shadow: 1px 1px 3px #ccc;
    font-size: 12px;;
}
.clintract-section > a:hover {
    box-shadow: 1px 1px 3px #ccc;
}
.clintract-section img {width: 24px}
.clinteract-wrapper img {filter:grayscale(90%);}
.clinteract-wrapper {
    max-width:240px;
    min-width:240px;
    width:100%;border:0px #fff solid;border-left:0
;padding:5px 10px 10px 10px;margin:12px 0 0 0;border-radius: 0 5px 5px 0;
    /*box-shadow: inset 0 0 5px #888;*/
    /*box-shadow:1px 1px 2px #ccc;*/

    /*background: rgb(237,237,237); !* Old browsers *!*/
    /*background: linear-gradient(to right, rgb(204, 204, 204) 1%,rgb(255, 255, 255) 47%,rgb(253, 250, 250) 100%);*/
    /*transition: width 0.5s;*/
}
.cl-interact-closed .clintract-section  {
    flex-direction: column;
}
.cl-interact-closed .clintract-section > a {
    width: calc(100% - 6px);
    margin: 2px 0;
    padding:3px 2px;
    font-size:11px;
}
.cl-interact-closed {

    padding:5px 3px 5px 3px;
}
.cl-interact-closed {
    min-width:0px;
}
.counter-icons {
    display: none;
    padding:4px 0;
}
.cl-interact-closed .counter-icons{
    display:flex;
    display: flex;flex-wrap: wrap;justify-content: space-around;

}
.cl-interact-closed .clinteract-detailed-content{
    display: none;
}

.ptb {
    border-radius:4px;border:1px #aaaaff solid;padding:2px 4px;margin:2px;float:left;
}

.compact-notification {
    margin: 5px;
    width: calc(100% - 20px);
    padding: 5px 5px;
}
.compact-notification > div {
    padding: 5px 5px;
    width: calc(100% - 10px);
    font-size: 0.9rem;
}

b.al {background:#900d0d;color:#fff;padding:3px 5px;border-radius:3px;}
b.gr {background:#156615;color:#fff;padding:3px 5px;border-radius:3px;}


.tdh .fasl,
.mini_utility_button .fa-solid,
.mini_utility_button .fa-thin,
.mini_utility_button .fa-light,
.mini_utility_button .fa-regular,
.mini_utility_button .fab,
.mini_utility_button .far,
.mini_utility_button .fal,
.mini_utility_button .fas,
.mini_utility_button .fasl {
    line-height: 24px;
    font-size: 22px;
    color: #444;
    text-shadow: 2px 2px 2px #bbb;
}

.table-top-tools .mini_utility_button .fa-solid,
.table-top-tools .mini_utility_button .fa-thin,
.table-top-tools .mini_utility_button .fa-light,
.table-top-tools .mini_utility_button .fa-regular,
.table-top-tools .mini_utility_button .fab,
.table-top-tools .mini_utility_button .far,
.table-top-tools .mini_utility_button .fal,
.table-top-tools .mini_utility_button .fas,
.table-top-tools .mini_utility_button .fasl {
    line-height: 26px;
    font-size: 24px;
    color: #444;
    text-shadow: 2px 2px 2px #bbb;
}
.tbl_toolbar_sep {display:inline-block;width:1px;height:18px;background:#ddd;margin:0 5px;vertical-align:middle;}
.mini_utility_button--pill {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    border-radius: 4px;
    transition: background .15s, color .15s;
    width: auto;
    text-decoration: none !important;
    border: 1px #aaa solid;
}
.mini_utility_button--pill .mub_label {font-size:12px;line-height:26px;font-weight:500;}
.mini_utility_button--pill.mub--active {background:#e8f0fe;color:#1a73e8;}
.mini_utility_button--pill.mub--active .fasl {color:#1a73e8;}

.search-input-ico i {
    font-size: 18px !important;
    line-height: 18px !important;
}

.bocp-table-wrapper {border-width: 1px;padding:0;}@media screen and (max-width: 640px) {
    .fa_editor td {
        padding:0;
    }

    .doc1 >tbody >tr {
        display: flex;
        flex-direction: column;
    }
    .doc1 >tbody >tr >td {
        width: calc(100% - 2px) !important;
    }

    a.module_link, .mainpage a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        background: #fff;
        width: 100% ;
    }
    a.module_link, li.mainpage {
        display: flex;
        width: calc(20% - 6px );
    }
    .mainpage_list ul {
        margin:0; display: flex;
        flex-wrap: wrap;
    }
    .mainpage_list ul >li {
        margin: 0 3px 3px 3px;
    }
    .mhead, .m_div {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .m_div .m_div {
        box-shadow:0px -5px 5px #aaa;
        margin:
                5px 0 !important;
    }

    .mini_utility_button {
        margin-top: 1px !important;
        background:
                #fff;
        padding:
                3px 1px;
        margin:
                -4px 3px;
        margin-top: -4px;
        outline:
                1px #e8e8e8 solid;
        box-shadow: 0 0 5px #555;
    }
    .orderprocess-fixed-elements {
        flex-wrap: wrap;
    }
    .orderprocess-fixed-elements > div {
        width: 100%;
        padding: 0 5px;
    }
    .fixed-col > div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }


    .fixed-col > div > div {
        width: calc(100% - 10px);
        flex-direction: row !important;
        padding:0 5px;
    }

    .tile {
        margin-bottom: 5px !important;
    }
    .tile > div:nth-child(2) * {
        float: none;
    }

    .tile > div:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tile > div:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }
    .tile > div:nth-child(2) > a {
        margin:0;
        min-height: 28px !important;
        display: flex;
        justify-content: center !important;
        min-width: 100px !important;
        align-content: center;
        align-items: center;
        padding:0;
    }

    .input-group-label {
        height: auto !important;
    }
    .input-group-label b {
        display: inline-block;
    }
    .input_element_section_chkbx {
        width: calc(100% - 12px) !important;
        margin: 0 6px !important;
    }
    .input_element_section_chkbx >span {
        width: calc(100% - 12px) !important;
        margin: 5px 0 0 0 !important;
    }
    .input_element_section_chkbx >span input{
        float: right;
        margin: 8px 5px 0 0 !important
    }

    .input_element_section_chkbx label {
        margin:5px;
    }
    .input_element_section .radio_label {
        padding:8px 5px;
    }
    .input-half {
        margin: 0 0px 0 3px !important;
        width: calc(49% - 10px) !important;
    }
}