@charset "UTF-8";
/* Presentation only: retain jQuery UI / ExtJS widget markup and event handlers. */
.aton-theme-a #main_content:focus{outline:none}
.aton-theme-a #registration-form .validateTips{white-space:pre-line;line-height:1.5;margin:0 0 12px;padding:10px 12px;border-radius:6px;background:#fff6ea;color:#714e23}
.aton-theme-a #registration-form .validateTips:empty{display:none}
.aton-theme-a .aton-field-error{display:block;color:#a53626;font-size:12px;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
.aton-theme-a .aton-registration-note{font-size:13px;line-height:1.6;color:#61727b}
.aton-theme-a .aton-search-actions{margin:18px 0}
.aton-theme-a .aton-supplier-notice{padding:12px 16px;border:1px solid #edd8c2;border-radius:8px;color:#845221;background:#fff9f1}
.aton-theme-a .aton-cross-offers{margin-top:28px;padding-top:20px;border-top:1px solid #dce4e7}
.aton-theme-a .aton-cross-offers h2{font-size:22px;margin:0 0 12px}
.aton-theme-a .aton-cross-offers .aton-cross-hint{padding:0;margin:0 0 12px}
.aton-theme-a #cross-price-status{color:#63747c;font-size:13px}
.aton-theme-a #btn_search_all[hidden]{display:none}
.aton-theme-a #cross-price-results{overflow-x:auto}
.aton-theme-a .aton-price-scroll{max-width:100%;overflow-x:auto}
.aton-theme-a #cross_price_items{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5}
.aton-theme-a #cross_price_items td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.aton-theme-a #cross_price_items thead{background:#edf0f0;color:#536068;font-size:11px;font-weight:700}
.aton-theme-a #cross_price_items button{width:40px;height:40px;border:1px solid #efcabc;border-radius:8px;background:#fff3ed;color:#ab401b}
.aton-theme-a #cross_price_items button:hover{background:#ffe7da;border-color:#dca98f}
.aton-theme-a .aton-cross-references{margin-top:20px;border:1px solid #e0e6e8;border-radius:10px;background:#fff;overflow:hidden}
.aton-theme-a .aton-cross-references summary{padding:16px 18px;font-size:14px;font-weight:600;cursor:pointer;color:#34424b;background:#f6f8f8}
.aton-theme-a .aton-cross-references summary:hover{background:#edf2f3}
.aton-theme-a .aton-cross-count{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:5px;background:#e5ebed;color:#566870;font-size:12px}
.aton-theme-a .aton-cross-hint{margin:0;padding:14px 18px;color:#63747c;font:12px/1.6 Arial,Helvetica,sans-serif}
.aton-theme-a .aton-cross-scroll{overflow-x:auto}
.aton-theme-a #crosses{width:100%;min-width:480px;border-collapse:collapse;table-layout:fixed;font:12px/1.5 Arial,Helvetica,sans-serif;color:#34424b}
.aton-theme-a #crosses th,.aton-theme-a #crosses td{padding:10px 14px;border-bottom:1px solid #e7edef;text-align:left;vertical-align:middle;overflow-wrap:anywhere}
.aton-theme-a #crosses th{background:#edf1f2;color:#586970;font-size:11px;font-weight:600}
.aton-theme-a #crosses .aton-cross-number{width:25%;font-weight:600}
.aton-theme-a #crosses .aton-cross-brand{width:22%}
.aton-theme-a #crosses .aton-cross-name{width:auto}
.aton-theme-a #crosses .aton-cross-action{width:100px;text-align:center}
.aton-theme-a #crosses tbody tr:last-child td{border-bottom:0}
.aton-theme-a .aton-cross-missing{color:#8b979e}
.aton-theme-a .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:14px}
.aton-theme-a .ui-button{min-height:40px;border:1px solid #d5dcdf;border-radius:8px;background:#fff;color:#34424b;font-weight:600;text-shadow:none;box-shadow:0 1px 2px #202a3208;transition:background-color .15s,border-color .15s,box-shadow .15s}
.aton-theme-a .ui-button .ui-button-text{padding:9px 16px;line-height:20px}
.aton-theme-a .ui-button:hover,.aton-theme-a .ui-button.ui-state-hover{border-color:#a9b6bd;background:#f2f5f5;color:#202a32}
.aton-theme-a .ui-button:active,.aton-theme-a .ui-button.ui-state-active{background:#e8eded;box-shadow:inset 0 1px 2px #202a3210}
.aton-theme-a .ui-button:focus-visible,.aton-theme-a .ui-button.ui-state-focus{outline:2px solid #c04b21;outline-offset:3px}
.aton-theme-a #btn_search,.aton-theme-a #btn_logon,.aton-theme-a #place-an-order,.aton-theme-a .ui-dialog-buttonset .ui-button:first-child{background:#c84b20;border-color:#c84b20;color:#fff}
.aton-theme-a #btn_search:hover,.aton-theme-a #btn_logon:hover,.aton-theme-a #place-an-order:hover,.aton-theme-a .ui-dialog-buttonset .ui-button:first-child:hover{background:#ae3d17;border-color:#ae3d17;color:#fff}
.aton-theme-a #delete-from-basket{color:#b53b36;background:#fff;border-color:#e9ccca}
.aton-theme-a #delete-from-basket:hover{background:#fff1f0;border-color:#d6aaa7}
.aton-theme-a .aton-hero-search button{background:#c84b20}
.aton-theme-a .aton-hero-search button:hover{background:#ae3d17}
.aton-theme-a .ui-button.ui-state-disabled,.aton-theme-a .ui-button:disabled{opacity:1;background:#edf0f1!important;color:#889298!important;border-color:#e2e7e9!important;box-shadow:none;cursor:not-allowed}
.aton-theme-a #basket_toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}
.aton-theme-a #main_content input[type=submit]{min-height:40px;padding:10px 16px;border-radius:8px;background:#c84b20;color:#fff}
.aton-theme-a #main_content input[type=submit]:hover{background:#ae3d17}
.aton-theme-a .button-edit-basket{white-space:nowrap}
.aton-theme-a #price_items button,.aton-theme-a #crosses button{width:40px;height:40px;border:1px solid #efcabc;border-radius:8px;background:#fff3ed;color:#ab401b}
.aton-theme-a #price_items button:hover,.aton-theme-a #crosses button:hover{background:#ffe7da;border-color:#dca98f}
.aton-theme-a .ui-icon-cart{background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab401b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.5 11h11l2-8H6M9 19h.01M18 19h.01'/%3E%3Ccircle cx='9' cy='19' r='1'/%3E%3Ccircle cx='18' cy='19' r='1'/%3E%3C/svg%3E")}
.aton-theme-a .ui-icon-search{background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab401b' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")}
.aton-theme-a .ui-button-icon-only .ui-icon{width:20px;height:20px;margin:-10px 0 0 -10px}
.aton-theme-a input[type=checkbox],.aton-theme-a input[type=radio]{width:18px;height:18px;accent-color:#c84b20;vertical-align:middle;cursor:pointer}
.aton-theme-a input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=hidden]),.aton-theme-a textarea,.aton-theme-a select{border-radius:7px;color:#202a32;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.aton-theme-a input:focus-visible,.aton-theme-a textarea:focus-visible,.aton-theme-a select:focus-visible{border-color:#c84b20!important;outline:2px solid #f4c4af;outline-offset:1px;box-shadow:none}
.aton-theme-a .ui-spinner{border:1px solid #d5dcdf;border-radius:7px;background:#fff;overflow:hidden}
.aton-theme-a #main_content .ui-spinner-input{border:0;height:38px;margin:0 26px 0 0;padding:7px 8px;border-radius:0}
.aton-theme-a .ui-spinner-button{width:24px;min-height:0;border:0;border-left:1px solid #e4e9eb;border-radius:0;background:#f4f6f6;box-shadow:none}
.aton-theme-a .ui-spinner-button .ui-icon{background:none;text-indent:0;left:0;width:100%;height:16px;margin-top:-8px;color:#53636c;font:0/16px Arial}
.aton-theme-a .ui-spinner-button .ui-icon:before{font:14px/16px Arial}
.aton-theme-a .ui-spinner-up .ui-icon:before{content:'+'}
.aton-theme-a .ui-spinner-down .ui-icon:before{content:'\2212'}
.aton-theme-a .ui-widget-overlay{background:#18252e;opacity:.48}
.aton-theme-a .ui-dialog{padding:0;border:1px solid #dce2e5;border-radius:16px;background:#fff;box-shadow:0 24px 80px #11232e38,0 4px 16px #11232e18;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}
.aton-theme-a .ui-dialog.aton-dialog-open{display:flex!important;flex-direction:column}
.aton-theme-a .ui-dialog .ui-dialog-titlebar{flex-shrink:0;padding:22px 60px 20px 24px;border:0;border-bottom:1px solid #edf0f1;border-radius:0;background:#fff;color:#202a32;font-size:20px;line-height:1.3;font-weight:700}
.aton-theme-a .ui-dialog .ui-dialog-title{float:none;display:block;width:auto;margin:0;white-space:normal}
.aton-theme-a .ui-dialog .ui-dialog-titlebar-close{right:16px;top:50%;width:36px;height:36px;min-height:0;margin:-18px 0 0;padding:0;border:0;border-radius:8px;background:#f2f5f5;box-shadow:none}
.aton-theme-a .ui-dialog-titlebar-close .ui-icon,.aton-theme-a .ui-dialog-titlebar-close .ui-button-text{display:none}
.aton-theme-a .ui-dialog-titlebar-close:before,.aton-theme-a .ui-dialog-titlebar-close:after{content:'';position:absolute;left:10px;top:17px;width:16px;height:2px;background:#66757d;transform:rotate(45deg)}
.aton-theme-a .ui-dialog-titlebar-close:after{transform:rotate(-45deg)}
.aton-theme-a .ui-dialog .ui-dialog-content{min-height:0!important;flex:1 1 auto;max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px);padding:22px 24px;overflow:auto;background:#fff;color:#34424b;line-height:1.6}
.aton-theme-a .ui-dialog .ui-dialog-buttonpane{flex-shrink:0;margin:0;padding:16px 24px;border:0;border-top:1px solid #edf0f1;background:#f8fafa}
.aton-theme-a .ui-dialog .ui-dialog-buttonset{float:none;display:flex;justify-content:flex-end;gap:10px}
.aton-theme-a .ui-dialog-buttonset .ui-button{margin:0;min-width:104px}
.aton-theme-a .ui-dialog .tdu-fieldset{padding:0 0 20px;margin:0 0 20px;border:0;border-bottom:1px solid #edf0f1;border-radius:0;background:#fff}
.aton-theme-a .ui-dialog .tdu-fieldset:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.aton-theme-a .ui-dialog legend{padding:0 0 16px;font-size:14px;font-weight:700;color:#263740}
.aton-theme-a .ui-dialog [class^=tdu-editbox],.aton-theme-a .ui-dialog .tdu-select{min-width:0;margin:0 0 16px}
.aton-theme-a .ui-dialog [class^=tdu-editbox]>div,.aton-theme-a .ui-dialog .tdu-select>div{padding:0}
.aton-theme-a .ui-dialog label{float:none;display:block;width:auto;position:static;margin:0 0 7px;padding:0;font-size:12px;font-weight:600;color:#596970}
.aton-theme-a .ui-dialog input:not([type=hidden]),.aton-theme-a .ui-dialog select,.aton-theme-a .ui-dialog textarea{display:block;width:100%;height:42px;margin:0;padding:10px 12px;border:1px solid #ccd6db;border-radius:7px;background:#fff;font-size:14px}
.aton-theme-a .ui-dialog textarea{height:86px;resize:vertical}
.aton-theme-a .ui-dialog .tdu-clear{display:none}
.aton-theme-a #registration-form .tdu-fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.aton-theme-a #registration-form .tdu-fieldset>.tdu-select,.aton-theme-a #registration-form .tdu-editbox:has(textarea){grid-column:1/-1}
.aton-theme-a .ui-dialog .ui-state-error{border-color:#c34840!important;background:#fff7f6!important;color:#9f312d}
.aton-theme-a .ui-dialog .validateTips{margin:0 0 18px;color:#67777e;font-size:13px}
.aton-theme-a .ui-dialog .validateTips:empty{display:none}
.aton-theme-a .ui-dialog .validateTips.ui-state-highlight{padding:12px;border:1px solid #edccc7;border-radius:8px;background:#fff3f0;color:#983a29}
.aton-theme-a .ui-tooltip{max-width:300px;padding:10px 14px;border:1px solid #dce2e5;border-radius:8px;background:#fff;color:#34424b;box-shadow:0 6px 24px #14263220;font:12px/1.5 Arial}
@media(max-width:520px){
  .aton-theme-a .ui-dialog{border-radius:12px}
  .aton-theme-a .ui-dialog .ui-dialog-titlebar{padding:19px 58px 18px 18px;font-size:18px}
  .aton-theme-a .ui-dialog .ui-dialog-content{padding:18px}
  .aton-theme-a .ui-dialog .ui-dialog-buttonpane{padding:14px 18px}
  .aton-theme-a .ui-dialog-buttonset .ui-button{flex:1;min-width:0}
  .aton-theme-a #registration-form .tdu-fieldset{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.aton-theme-a .ui-button,.aton-theme-a input,.aton-theme-a select,.aton-theme-a textarea{transition:none}}

/* ExtJS has its own measured layouts: retain its sizing model and frame cells. */
body.aton-admin{background:#f4f6f6;color:#263740;font-family:Arial,Helvetica,sans-serif}
.aton-admin .x-panel-header,.aton-admin .x-window-header,.aton-admin .x-grid3,.aton-admin .x-form-item,.aton-admin .x-btn button{font-family:Arial,Helvetica,sans-serif}
.aton-admin .x-panel-header{background:#edf1f2;border-color:#d5dfe3;color:#34454e;text-shadow:none}
.aton-admin .x-panel-body,.aton-admin .x-panel-bbar .x-toolbar,.aton-admin .x-panel-tbar .x-toolbar{border-color:#d5dfe3}
.aton-admin .x-toolbar{background:#f7f9f9;border-color:#dce3e6}
.aton-admin .x-btn{border:1px solid #d2dce0;border-radius:6px;background:#fff}
.aton-admin .x-btn td{background-image:none}
.aton-admin .x-btn button{color:#34454e;font-size:12px;min-height:24px}
.aton-admin .x-btn-over{background:#edf2f3;border-color:#a4b4bd}
.aton-admin .x-btn-click,.aton-admin .x-btn-pressed{background:#e3eaed}
.aton-admin .x-btn-disabled{opacity:.5}
.aton-admin .x-btn:focus-within{outline:2px solid #c84b20;outline-offset:2px}
.aton-admin .x-window{border:1px solid #d8e1e5;border-radius:12px;background:#fff;box-shadow:0 20px 64px #152e3940;overflow:hidden}
.aton-admin .x-window-tl,.aton-admin .x-window-tr,.aton-admin .x-window-tc,.aton-admin .x-window-ml,.aton-admin .x-window-mr,.aton-admin .x-window-mc,.aton-admin .x-window-bl,.aton-admin .x-window-br,.aton-admin .x-window-bc{background:#fff}
.aton-admin .x-window-header{padding-top:14px;padding-bottom:12px;color:#263740;font-size:15px;line-height:20px}
.aton-admin .x-window-mc{border:0;font-family:Arial,Helvetica,sans-serif}
.aton-admin .x-window-body{color:#34454e}
.aton-admin .x-window-dlg .x-window-body{background:#fff;font:13px/1.5 Arial,Helvetica,sans-serif}
.aton-admin .x-window-header-text{font:600 15px/20px Arial,Helvetica,sans-serif}
.aton-admin .x-window-bbar .x-toolbar,.aton-admin .x-window-footer{background:#f7f9f9}
.aton-admin .x-window-footer{padding-top:10px;padding-bottom:10px}
.aton-admin .x-window-footer .x-btn button{min-height:28px;padding-left:12px;padding-right:12px}
.aton-admin .x-window .x-tool-close{background:none;position:relative;width:20px;height:20px;border-radius:4px}
.aton-admin .x-window .x-tool-close:before,.aton-admin .x-window .x-tool-close:after{content:'';position:absolute;left:3px;top:9px;width:14px;height:2px;background:#647780;transform:rotate(45deg)}
.aton-admin .x-window .x-tool-close:after{transform:rotate(-45deg)}
.aton-admin .x-window .x-tool-close:hover{background:#eaf0f2}
.aton-admin .ext-el-mask{background:#1d303a;opacity:.45}
.aton-admin .x-form-text,.aton-admin textarea.x-form-field{background:#fff;border:1px solid #c7d3da;border-radius:4px;color:#263740}
.aton-admin .x-form-focus{border-color:#c84b20!important;box-shadow:0 0 0 2px #f4c4af}
.aton-admin .x-grid3-hd-row td{background:#edf1f2;border-color:#dce4e7;color:#52656e}
.aton-admin .x-grid3-row-over{background:#f4f7f8;border-color:#e6edef}
.aton-admin .x-grid3-row-selected{background:#fff0e7!important;border-color:#efd2c2}
.aton-admin .x-tree-selected{background:#fff0e7}
.aton-admin .x-menu{border-color:#cdd9df;border-radius:6px;background:#fff;box-shadow:0 6px 20px #18333f20}
.aton-admin .x-menu-list{background:#fff}
.aton-admin .x-menu-item-active{border-color:#efcabc;border-radius:4px;background:#fff0e7}
.aton-admin .x-combo-list{border-color:#cdd9df;background:#fff;box-shadow:0 6px 20px #18333f20}
.aton-admin .x-combo-list .x-combo-selected{background:#fff0e7;border-color:#efcabc}
