.ele-fs12{
    font-size: 12px !important;
}
.ele-fs20{
    font-size: 20px !important;
}

.ele-fw-bold{
    font-weight: bold !important;
}

.ele-color-l-blue{
    color: #328ac4 !important;
}
.ele-color-l-green{
    color: #00ae00 !important;
}
.ele-color-white{
    color: white !important;
}

.ele-right380{
    right: 380px !important;
}

.ele-mw30{
    min-width: 30px !important;
}
.ele-mw120{
    min-width: 120px !important;
}
.ele-mw150{
    min-width: 150px !important;
}
.ele-mw300{
    min-width: 300px !important;
}
.ele-mw400{
    min-width: 400px !important;
}

.ele-max-w870{
    max-width: 870px !important;
}

.ele-w-auto{
    width: auto !important;
}
.ele-btm-auto{
    bottom: auto !important;
}
.ele-w100{
    width: 100px !important;
}

.ele-w130{
    width: 130px !important;
}
.ele-w145{
    width: 145px !important;
}
.ele-w150{
    width: 150px !important;
}
.ele-w180{
    width: 180px !important;
}
.ele-w250{
    width: 250px !important;
}
.ele-w300{
    width: 300px !important;
}
.ele-w400{
    width: 400px !important;
}
.ele-w500{
    width: 500px !important;
}
.ele-w900{
    width: 900px !important;
}
.ele-w1100{
    width: 1100px !important;
}

.ele-h36{
    height: 36px !important;
}
.ele-h400{
    height: 400px !important;
}
.ele-h902{
    height: 902px !important;
}

.ele-bs15{
    border-spacing: 15px !important;
}

.ele-pointer{
    cursor: pointer !important;
}

.ele-move{
    cursor: move !important;
}
.ele-help{
    cursor: help !important;
}

.ele-ta-center{
    text-align: center !important;
}
.ele-ta-right{
    text-align: right !important;
}
.ele-ta-left{
    text-align: left !important;
}

.ele-clear{
    clear: both !important;
}

.ele-fl{
    float: left !important;
}

.ele-d-none{
    display: none !important;
}

.ele-d-ib{
    display: inline-block !important;
}
.ele-d-if{
    display: inline-flex !important;
}
.ele-d-i{
    display: inline !important;
}

.ele-d-f{
    display: flex !important;
}

.ele-of-h{
    overflow: hidden !important;
}

.ele-mtm30{
    margin-top: -30px !important;
}

.ele-mtm3{
    margin-top: -3px !important;
}

.ele-mt0{
    margin-top: 0 !important;
}

.ele-mt7{
    margin-top: 7px !important;
}

.ele-mt8{
    margin-top: 8px !important;
}

.ele-mt9{
    margin-top: 9px !important;
}

.ele-mt10{
    margin-top: 10px !important;
}

.ele-mt15{
    margin-top: 15px !important;
}

.ele-mt25{
    margin-top: 25px !important;
}

.ele-mt35{
    margin-top: 35px !important;
}

.ele-mt50{
    margin-top: 50px !important;
}
.ele-mt60{
    margin-top: 60px !important;
}

.ele-mb0{
    margin-bottom: 0 !important;
}

.ele-mb15{
    margin-bottom: 15px !important;
}

.ele-mb20{
    margin-bottom: 20px !important;
}

.ele-mb30{
    margin-bottom: 30px !important;
}

.ele-ml5 {
    margin-left: 5px !important;
}

.ele-ml10 {
    margin-left: 10px !important;
}
.ele-ml15 {
    margin-left: 15px !important;
}

.ele-ml20 {
    margin-left: 20px !important;
}

.ele-ml25 {
    margin-left: 25px !important;
}

.ele-ml30 {
    margin-left: 30px !important;
}
.ele-ml40 {
    margin-left: 40px !important;
}
.ele-ml80 {
    margin-left: 80px !important;
}
.ele-mr5 {
    margin-right: 5px !important;
}
.ele-mr10 {
    margin-right: 10px !important;
}
.ele-mr30 {
    margin-right: 30px !important;
}

.ele-mr50 {
    margin-right: 50px !important;
}

.ele-m-20-0{
    margin: 20px 0 !important;
}
.ele-m20{
    margin: 20px !important;
}

.ele-m-0{
    margin: 0 !important;
}

.ele-p-0{
    padding: 0 !important;
}
.ele-p-5{
    padding: 5px !important;
}
.ele-p-15{
    padding: 15px !important;
}
.ele-pt7{
    padding-top: 7px !important;
}
.ele-pt8{
    padding-top: 8px !important;
}
.ele-pt10{
    padding-top: 10px !important;
}

.ele-pb0{
    padding-bottom: 0 !important;
}
.ele-pl0{
    padding-left: 0 !important;
}
.ele-pl30{
    padding-left: 30px !important;
}

.ele-pr15{
    padding-right: 15px !important;
}

.ele-bg-f9{
    background-color: #f9f9f9 !important;
}

.ele-bg-black{
    background-color: black !important;
}

.ele-b-radius-4{
    border-radius: 4px !important;
}

/* Added utility classes to replace inline styles */
.ele-max-w500{ max-width: 500px !important; }
.ele-max-w1050{ max-width: 1050px !important; }
.ele-max-w1300{ max-width: 1300px !important; }

.ele-w20{ width: 20px !important; }
.ele-w30{ width: 30px !important; }
.ele-w50{ width: 50px !important; }
.ele-w70{ width: 70px !important; }
.ele-w80{ width: 80px !important; }
.ele-w92{ width: 92px !important; }
.ele-w95{ width: 95px !important; }
.ele-w100{ width: 100px !important; }
.ele-w110{ width: 110px !important; }
.ele-w120{ width: 120px !important; }
.ele-w140{ width: 140px !important; }
.ele-w145{ width: 145px !important; }
.ele-w180{ width: 180px !important; }
.ele-w200{ width: 200px !important; }
.ele-w220{ width: 220px !important; }
.ele-w240{ width: 240px !important; }
.ele-w300{ width: 300px !important; }
.ele-w400{ width: 400px !important; }
.ele-w475{ width: 475px !important; }
.ele-w500{ width: 500px !important; }
.ele-w520{ width: 520px !important; }
.ele-w600{ width: 600px !important; }
.ele-w650{ width: 650px !important; }
.ele-w720{ width: 720px !important; }
.ele-w900{ width: 900px !important; }
.ele-w1100{ width: 1100px !important; }

.ele-h20{ height: 20px !important; }
.ele-h30{ height: 30px !important; }
.ele-h35{ height: 35px !important; }
.ele-h40{ height: 40px !important; }
.ele-h50{ height: 50px !important; }
.ele-h200{ height: 200px !important; }

.ele-mb8{ margin-bottom: 8px !important; }
.ele-mtm70{ margin-top: -70px !important; }

.ele-pr3{ padding-right: 3px !important; }

.ele-d-tc{ display: table-cell !important; }

.ele-va-bottom{ vertical-align: bottom !important; }
.ele-va-middle{ vertical-align: middle !important; }
.ele-va-top{ vertical-align: top !important; }

.ele-fs16{ font-size: 16px !important; }
.ele-mt30{ margin-top: 30px !important; }

/* Spacing utilities */
.ele-pb2{ padding-bottom: 2px !important; }

/* colors */
.ele-color-green{ color: green !important; }
.ele-color-red{ color: red !important; }
.ele-color-blue{ color: blue !important; }
.ele-color-limegreen{ color: limegreen !important; }

/* Inline-style replacement helpers added in this session */
.ele-mw235{ min-width: 235px !important; }
.ele-mw250{ min-width: 250px !important; }
.ele-mw270{ min-width: 270px !important; }
.ele-mw300{ min-width: 300px !important; }

.ele-w160{ width: 160px !important; }
.ele-w410{ width: 410px !important; }

.ele-pt6{ padding-top: 6px !important; }
.ele-p6{ padding: 6px !important; }
.ele-p5-10{ padding: 5px 10px !important; }

.ele-mb10{ margin-bottom: 10px !important; }
.ele-mr20{ margin-right: 20px !important; }
.ele-mb20{ margin-bottom: 20px !important; }

/* helper for right float containers with spacing/font-size tweaks */
.ele-fr{ float: right !important; }
.ele-fn{ float: none !important; }

.ele-min-h150{ min-height: 150px !important; }
.ele-min-h200{ min-height: 200px !important; }
.ele-max-w720{ max-width: 720px !important; }

/* additional helpers */
.ele-h100{ height: 100px !important; }
.ele-h150{ height: 150px !important; }
.ele-h220{ height: 220px !important; }
.ele-h100p{ height: 100% !important; }
.ele-pos-rel{ position: relative !important; }

/* widths and paddings added in this pass */
.ele-w190{ width: 190px !important; }
.ele-pl10{ padding-left: 10px !important; }
.ele-pr0{ padding-right: 0 !important; }
.ele-pr10{ padding-right: 10px !important; }
.ele-p5-12{ padding: 5px 12px !important; }

.ele-max-w280{ max-width: 280px !important; }

.ele-bg-da6666{ background-color: #da6666 !important; }
.ele-bg-darkgreen{ background-color: darkgreen !important; }

/* spacing helpers (additional) */
.ele-ml33{ margin-left: 33px !important; }
.ele-mt20{ margin-top: 20px !important; }
.ele-m-15-0{ margin: 15px 0 !important; }
.ele-m-30-0{ margin: 30px 0 !important; }

/* generic margins/paddings and display helpers (added for inline replacements) */
.ele-ml5{ margin-left: 5px !important; }
.ele-mt0{ margin-top: 0 !important; }
.ele-pt0{ padding-top: 0 !important; }
.ele-mtm26{ margin-top: -26px !important; }

/* widths */
.ele-w100p{ width: 100% !important; }
.ele-w250{ width: 250px !important; }
.ele-w260{ width: 260px !important; }
.ele-w280{ width: 280px !important; }

/* display helpers */
.ele-d-none{ display: none !important; }

/* cursor helpers */
.ele-cursor-default{ cursor: default !important; }

/* effects/border helpers */
.ele-bs-none{ box-shadow: none !important; }
.ele-b0{ border: 0 !important; }

/* font weight */
.ele-fw-bold{ font-weight: bold !important; }

/* additional negative margins */
.ele-mtm5{ margin-top: -5px !important; }

/* calc width helpers */
.ele-wc-30{ width: calc(100% - 30px) !important; }
.ele-wc-14{ width: calc(100% - 14px) !important; }

/* display block */
.ele-db{ display: block !important; }

/* text align */
.ele-ta-center{ text-align: center !important; }

/* z-index helpers */
.ele-zi-1050{ z-index: 1050 !important; }
.ele-zi-9999{ z-index: 9999 !important; }

/* additional spacing helpers for Business */
.ele-mb50{ margin-bottom: 50px !important; }
.ele-mt80{ margin-top: 80px !important; }
.ele-ml30{ margin-left: 30px !important; }

/* fixed size helpers used in Business */
.ele-h280{ height: 280px !important; }
.ele-w801{ width: 801px !important; }

/* additional max-width helpers for Business Email */
.ele-max-w750{ max-width: 750px !important; }
.ele-max-w690{ max-width: 690px !important; }
.ele-max-w600{ max-width: 600px !important; }

/* small margins */
.ele-m5{ margin: 5px !important; }
.ele-ml50 { margin-left: 50px !important; }

/* additional negative left margins for tooltips */
.ele-mlm300{ margin-left: -300px !important; }
.ele-mlm330{ margin-left: -330px !important; }

/* additional negative top margins */
.ele-mtm45{ margin-top: -45px !important; }
.ele-mtm65{ margin-top: -65px !important; }

/* line-height helpers */
.ele-lh25{ line-height: 25px !important; }

/* tiny font size */
.ele-fs10{ font-size: 10px !important; }
.ele-fs11{ font-size: 11px !important; }

/* text-decoration helpers */
.ele-td-underline{ text-decoration: underline !important; }

/* layout helpers for JS conversions */
.ele-m-auto{ margin: 0 auto !important; }
.ele-resize-none{ resize: none !important; }

/* slight positional tweaks */
.ele-top--1{ top: -1px !important; }
.ele-mr1{ margin-right: 1px !important; }

/* additional fixed widths */
.ele-w420{ width: 420px !important; }

/* special layout helpers for specific UI bits */
.ele-mtm29{ margin-top: -29px !important; }
.ele-l435{ left: 435px !important; }
.ele-ml420{ margin-left: 420px !important; }

/* position helpers */
.ele-pos-abs{ position: absolute !important; }

/* tiny fixed width helpers */
.ele-w3{ width: 3px !important; }
.ele-w40{ width: 40px !important; }
.ele-w50{ width: 50px !important; }
.ele-w80{ width: 80px !important; }
.ele-w220{ width: 220px !important; }
.ele-w300{ width: 300px !important; }
.ele-w380{ width: 380px !important; }

/* fixed height helpers */
.ele-h160{ height: 160px !important; }

/* fixed/min helpers */
.ele-min-h70p{ min-height: 70% !important; }

/* font-size helpers */
.ele-fs18{ font-size: 18px !important; }

/* color helpers (Business specific use) */
.ele-bg-4d4d4d{ background-color: #4d4d4d !important; }

/* borders */
.ele-bdr-r-3-e3{ border-right: 3px solid #E3E3E3 !important; }

/* margins used in Business views */
.ele-mt280{ margin-top: 280px !important; }

/* additional helpers for Finance/Business inline replacements */
.ele-fs13{ font-size: 13px !important; }
.ele-fs32{ font-size: 32px !important; }
.ele-b1s-black{ border: 1px solid black !important; }
.ele-bb1s-black{ border-bottom: 1px solid black !important; }
.ele-bt1s-black{ border-top: 1px solid black !important; }
.ele-w320{ width: 320px !important; }
.ele-w365{ width: 365px !important; }
.ele-w745{ width: 745px !important; }
.ele-w60{ width: 60px !important; }
.ele-w75{ width: 75px !important; }
.ele-mt50{ margin-top: 50px !important; }
.ele-mr65{ margin-right: 65px !important; }
.ele-mt5{ margin-top: 5px !important; }
.ele-p-3{ padding: 3px !important; }
.ele-pr5{ padding-right: 5px !important; }
.ele-color-inherit{ color: inherit !important; }
.ele-td-none{ text-decoration: none !important; }
.ele-max-w400{ max-width: 400px !important; }
.ele-italic{ font-style: italic !important; }
.ele-bb0{ border-bottom: 0 !important; }

/* Business-specific helpers for inline style replacements */
.bus-sales-funnel-bg{ background-image: url("../img/main/trechter-HIZGedP.png") !important; }
.ele-ml0{ margin-left: 0 !important; }
.ele-mlm20{ margin-left: -20px !important; }
.bus-sales-ml100-3{ margin-left: calc(100% - 3px) !important; }
.bus-sales-ml100-20{ margin-left: calc(100% - 20px) !important; }


/* percent width helpers */
.ele-w40p{ width: 40% !important; }

/* overflow helpers */
.ele-of-auto{ overflow: auto !important; }

/* tiny specific width helpers */
.ele-w15{ width: 15px !important; }
.ele-w97{ width: 97px !important; }
.ele-w418{ width: 418px !important; }

/* tiny padding helpers */
.ele-pt2{ padding-top: 2px !important; }
.ele-pt4{ padding-top: 4px !important; }
.ele-pt5{ padding-top: 5px !important; }

/* tiny padding-left helpers (for inline conversion) */
.ele-pl5{ padding-left: 5px !important; }
.ele-pl29{ padding-left: 29px !important; }

/* additional min-width helpers */
.ele-mw890{ min-width: 890px !important; }

/* Inline style conversion helpers (new) */
.ele-fw-normal{ font-weight: normal !important; }
.ele-h-auto{ height: auto !important; }
.ele-min-h20{ min-height: 20px !important; }
.ele-h24{ height: 24px !important; }
.ele-lh26{ line-height: 26px !important; }
.ele-w25{ width: 25px !important; }
.ele-h25{ height: 25px !important; }
.ele-bb1s-c{ border-bottom: 1px solid #CCCCCC !important; }
.ele-bt1s-white{ border-top: 1px solid #FFFFFF !important; }

/* Inline style conversion helpers (more) */
.ele-br1s-9e9e9f{ border-right: 1px solid #9E9E9F !important; }
.ele-bl1s-white{ border-left: 1px solid #FFFFFF !important; }
.ele-h66{ height: 66px !important; }
.ele-w228{ width: 228px !important; }
.ele-lh27{ line-height: 27px !important; }
.ele-lh28{ line-height: 28px !important; }
.ele-h32{ height: 32px !important; }
.ele-mlm15{ margin-left: -15px !important; }


/* additional specific left margins for legacy header spacing */
.ele-ml94{ margin-left: 94px !important; }
.ele-ml184{ margin-left: 184px !important; }
.ele-ml200{ margin-left: 200px !important; }


/* small min-width helper */
.ele-mw60{ min-width: 60px !important; }
.ele-mw200{ min-width: 200px !important; }
.ele-min-h340{ min-height: 340px !important; }
.ele-mr40{ margin-right: 40px !important; }
.ele-mt2{ margin-top: 2px !important; }
.ele-max-w20{ max-width: 20px !important; }
.ele-max-w447{ max-width: 447px !important; }
.ele-max-w460{ max-width: 460px !important; }
.ele-color-black{ color: #000 !important; }
.ele-p2-0{ padding: 2px 0 !important; }
.ele-mt3{ margin-top: 3px !important; }
.ele-zi-10{ z-index: 10 !important; }

.ele-div-input-w350 input{ width: 350px !important; }
.ele-div-input-w350 select{ width: 350px !important; }
.ele-div-input-w350 textarea{ width: 350px !important; }

.ele-div-input-w120 input{ width: 120px !important; }
.ele-div-input-w120 select{ width: 120px !important; }
.ele-div-input-w120 textarea{ width: 120px !important; }

.ele-div-mb15 div{ margin-bottom: 15px !important; }

.ele-canvas canvas{
    position: relative;
    margin: 1px 1px 1px 0;
    border: 1px solid #3a87ad;
    background: #FFF;
}

.ele-input-full-w input[type="text"], .ele-input-full-w .ele-input-full-w input[type="email"], .ele-input-full-w input[type="number"], .ele-input-full-w input[type="password"], .ele-input-full-w input[type="date"], .ele-input-full-w input[type="time"]{
    width: calc(100% - 200px);
}

.ele-w100p--200{
    width: calc(100% - 200px) !important;
}

.ele-mc-sticky{
    max-height: 55vh;
    overflow-y: auto;
}

.ele-rl-sticky thead th{
    position: sticky;
    top: -24px;
    background-color: #39414a !important;
    z-index: 10;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

/* Product templates inline-style replacements */
.ele-min-w100p{ min-width: 100% !important; }
.ele-mr15{ margin-right: 15px !important; }
.ele-mt4{ margin-top: 4px !important; }
.ele-w18{ width: 18px !important; }

/* Management templates inline-style replacements */
.ele-management-content{ background-color: #f9f9f9 !important; }
.ele-management-selected-badge{ font-size: 0.9rem !important; border-radius: 2px !important; padding: 5px 8px !important; background-color: #328ac4 !important; }

/* Management records list table helpers (migrated from inline <style>) */
.ele-management-records_list{ width: 100% !important; table-layout: fixed !important; margin: 0 !important; }
.ele-management-records_list th{ white-space: normal !important; overflow: visible !important; text-overflow: clip !important; word-wrap: break-word !important; word-break: break-word !important; }
.ele-management-th-width-5{ width: 5% !important; }
.ele-management-th-width-10{ width: 10% !important; }
.ele-management-th-width-15{ width: 15% !important; }
.ele-management-th-width-20{ width: 20% !important; }
.ele-management-th-width-30{ width: 30% !important; }
.ele-management-sortable:hover{ cursor: pointer !important; background-color: #5A6978 !important; }
.ele-management-records_list th{ position: relative !important; padding-right: 20px !important; }
.ele-management-sort-icon{ position: absolute !important; right: 5% !important; top: 50% !important; transform: translateY(-50%) !important; width: 16px !important; text-align: center !important; }
.ele-management-asc, .ele-management-desc{ color: #ffffff !important; }
.ele-management-asc::before{ content: "▲"; }
.ele-management-desc::before{ content: "▼"; }

/* Spinner (migrated from Management/Partial/loader-js.twig) */
.spinner-border{ display: inline-block; width: 1rem; height: 1rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; }
@keyframes spinner-border{ to{ transform: rotate(360deg); } }

/* Planning templates inline-style replacements */
/* day/week non-week mode sizes */
.ele-planning-field-header{ width: calc(100% - 200px) !important; }
.ele-planning-field{ width: calc(100% - 115px) !important; }
.ele-planning-field-active{ width: calc(100% - 16px) !important; }
.ele-planning-calenderKol-single{ width: calc(100% - 54px) !important; }

/* dayWeekLocation non-week mode sizes */
.ele-planning-loc-field-header{ width: calc(100% - 200px) !important; }
.ele-planning-loc-field{ width: calc(100% - 145px) !important; }
.ele-planning-loc-field-active{ width: calc(100% - 16px) !important; }

/* month-like planning fixed widths */
.ele-planning-header-w110{ width: 110px !important; }
.ele-planning-field-w124{ width: 124px !important; }


/* Select2 width fix: ensure selects marked ele-w100p render full width */
.ele-w100p + .select2-container { width: 100% !important; }
/* In rare cases, ensure inner selection also stretches */
.ele-w100p + .select2-container .select2-selection { width: 100% !important; }

/* Generic appearance reset to replace inline jQuery .css('appearance', ...) manipulations */
.ele-appearance-none{ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; }

/* Simple background helpers */
.ele-bg-transparent{ background-color: transparent !important; }