@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 200; src: url('Fonts/assistant-v19-hebrew_latin-200.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 300; src: url('Fonts/assistant-v19-hebrew_latin-300.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 400; src: url('Fonts/assistant-v19-hebrew_latin-regular.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 500; src: url('Fonts/assistant-v19-hebrew_latin-500.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 600; src: url('Fonts/assistant-v19-hebrew_latin-600.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 700; src: url('Fonts/assistant-v19-hebrew_latin-700.woff2') format('woff2'); }
@font-face { font-display: swap; font-family: 'Assistant'; font-style: normal; font-weight: 800; src: url('Fonts/assistant-v19-hebrew_latin-800.woff2') format('woff2'); }
:root { --maincolor: #0070c0; --fontcolor: #323232; --fontsize: 18px; --fonttitle: 26px; --fontbold: 600; --white: #fff; --black: #000; --grey: #bfbfbf; --greylight: #eee; --greydark: #666; --blackopacity: rgba(0, 0, 0, 0.8); --blackopacity2: rgba(0, 0, 0, 0.2); --whiteopacity: rgba(255, 255, 255, 0.8); --shadow: 0px 1px 5px rgba(0,0,0,0.3); --radius: 5px; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre { color: var(--fontcolor); font: normal var(--fontsize) Assistant, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; border: none; line-height: normal; background: none; }
body { -webkit-animation: bugfix infinite 1s; overflow-x: hidden; }
html, body { height: 100% }
input, textarea, select { background: none; border: 1px solid var(--grey); width: 100%; padding: 10px 20px; border-radius: var(--radius); font-size: 24px }
div, p, li { line-height: 120%; }
img { max-width: 100% }
pre { white-space: initial; }
h1, h2, h3, h4, h5 { line-height: 120%; margin: 0 0 20px 0; }
h1 { font-size: 45px; }
h2, h2 div { font-size: 40px; }
h3, h3 div { font-size: 26px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
a { text-decoration: none; }
p a { text-decoration: underline; }
p a:hover, p a:focus { text-shadow: 0 1px .5px var(--blackopacity2) }
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu { display: none }

#main { max-width: 1920px; margin: auto; height: 100%; position: relative; }
.page, .shortpage { width: 100%; max-width: 1440px; margin: auto; position: relative }
.shortpage { max-width: 1000px }

header { position: fixed; left: 0; top: 0; width: 100%; z-index: 6; padding: 5px 0; background: var(--maincolor); box-shadow: var(--shadow); }
header .page { display: flex; align-items: center; justify-content: space-between; }

.logo { float: right; display: flex; align-items: center; flex: auto; justify-content: center; }

a.btn, span.btn, input[type="submit"].btn, button.btn { position: relative; display: inline-block; padding: 11px 20px; border-radius: var(--radius); background: var(--maincolor); color: var(--white); margin: 0px auto; text-align: center; border: none; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }
a.btn:hover, span.btn:hover, input[type="submit"]:hover, button.btn:hover, a.btn:focus, span.btn:focus, input[type="submit"]:focus,
button.btn:focus { background: var(--black); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)); color: var(--white); }

button.this { background: var(--black); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.8)); color: var(--white); }

.columns { padding: 100px 0 0px 0; height: 100vh; }
.columns .page { padding-bottom: 50px }

.credits { text-align: center; background: var(--white); padding: 10px; border-top: 1px solid var(--grey); position: fixed; bottom: 0; left: 0; width: 100% }
.credits a:hover, .credits a:focus { color: var(--maincolor); }
.credits p, .credits a { margin: 0; color: var(--greydark); font-size: 16px; }

.indexmenu { display: flex; align-items: center; justify-content: center; padding: 0;margin-bottom:10px; }
.indexmenu a { margin: 10px; padding: 15px 20px; border-radius: var(--radius); background: var(--maincolor); color: var(--white); font-weight: var(--fontbold); filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); text-align: center }
.indexmenu a:hover { background: var(--black); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6)); }

.accountplace { position: absolute; left: 4%; top: 12.5px }
.welcomeplace { display: flex; color: var(--white); align-items: center; }
.welcomeplace span { padding: 0 5px; white-space: nowrap; }
.welcomeplace input[type="submit"].btn { /*background:var(--white);color:var(--black);*/ width: 35px; height: 35px; filter: none; padding: 5px 10px; background: url(../images/exit.png) center center no-repeat; overflow: hidden; text-indent: -1000px; }
.welcomeplace input[type="submit"].btn:hover { filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.5)); }

.btnplace { display: flex; flex-wrap: wrap; justify-content: center; }
.btnplace .btn, button.lonely { font-size: 16px; padding: 5px 10px; margin: 2.5px; }

.modal .btnplace { justify-content: center; align-items: center; justify-content: center; }
.modal .btnplace button { border: 1px solid var(--grey); border-radius: var(--radius); margin: 5px; padding: 5px 15px; background: var(--white); color: var(--black) }
.modal .btnplace button:hover { background: var(--greydark); color: var(--white) }

.maintitleplace { display: flex; margin: 0 0 2% 0 }
.maintitleplace h1 { flex: auto; }

.innerbtnplace button { background: var(--grey); margin: 0 10px 10px 0; color: var(--fontcolor); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2)); }
.innerbtnplace button.this, .innerbtnplace button:hover { background: var(--greydark); color: var(--white); }

.tablestyle > div { display: flex; border-bottom: 1px solid var(--grey); border-right: 1px solid var(--grey) }
.tablestyle > div:first-of-type > div { background: var(--greydark); color: var(--white); border-left: 1px solid var(--white); font-weight: 600; display: flex; align-items: center; }
.tablestyle > div > div { width: 13%; padding: 5px; border-left: 1px solid var(--grey);  flex: auto }
.tablestyle > div > div:first-of-type, .tablestyle > div:first-of-type > div:first-of-type { width: 3%; text-align: center; justify-content: center; flex: none }
.tablestyle > div > div:last-of-type { width: 20%; flex: auto; }
.tablestyle > div .title { display: none; }
.tablestyle input[type="number"] { width: 100px;padding: 5px;font-size: 18px; }
.tablestyle .open, .tablestyle .error { background: #e5cccc }
.tablestyle .open, .tablestyle .green { background: #d3f5d4 }
.tablestyle .open, .tablestyle .orange { background: #fffde1 }

.tablestyle2 { }
.tablestyle2 > div { padding: 5px; border-bottom: 1px solid var(--grey); font-size: 16px; display: flex }
.tablestyle2 > div > span { padding: 5px; display: inline-block }
.tablestyle2 > div > span:first-of-type { font-weight: 700 }

.allocations > div > div:nth-of-type(3) { width: 30%; }
.allocations > div > div:last-of-type { width: 10%; text-align: center }

.lastshort > div > div:last-of-type { width: 3%; text-align: center }
.lastshort > div > div:nth-of-type(3) { flex: auto }

.uploadfile, .deliverysearch { display: flex; align-items: center; margin: 0 0 20px 0; overflow: hidden; width: 100%; float: left }
.uploadfile label, .deliverysearch label { display: flex; margin: 0 0 0 10px; align-items: center; }
.uploadfile label input, .deliverysearch label input { margin: 0 0 0 10px; }
.deliverysearch .or { margin: 0 0 0 10px; }
.uploadfile label input { width: 300px; margin: 0 10px; }
.uploadfile button, .deliverysearch button { margin: 0; }
.deliverysearch label > span { white-space: nowrap; margin: 0 0 0 10px; }
.deliverysearch select { max-width: 300px; }

.modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; max-width: 90%; background: white; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Adds a shadow */ border-radius: 8px; /* Smooth corners */ overflow: hidden; /* Prevents content overflow */ display: none; /* Keeps the modal hidden by default */ z-index: 1000; /* Ensures it appears above other elements */ }
.modal.show { display: block; }
.modal .title { background-color: #007bff; color: white; padding: 15px; font-size: 24px; text-align: center; }
.modal.error .title { background-color: #ff0000; color: #000; }
.modal .message { padding: 20px; font-size: 16px; color: #333; text-align: center; }
.modal .actions { padding: 10px; border-top: 1px solid rgba(0,0,0,.5); }
.modal .close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: url(../images/close.png) center center no-repeat; border-radius: 100%; cursor: pointer; background-size: 20px; filter: brightness(0) invert(1) }
.modal .close:hover { }
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.modal-overlay.show { display: block; }
.modalbig { width: 80%; max-height: 90vh; z-index: 999; }

.allresults { margin: 0 0 10px 0; font-weight: var(--fontbold) }

.login { width: 300px; margin: auto }
.login .rememberme { margin: 10px 0 0 0; display: flex; align-items: center; line-height: 100%; }
.openforgotpass { text-align: center; padding: 20px 0; margin: 20px 0; border-top: 1px solid var(--grey); width: 100%; }
.openforgotpass:hover { text-decoration: underline }

.tmplogin h1 { text-align: center }

.contactform label { position: relative; display: block; float: left; width: 100%; margin: 0 0 20px 0; }
.contactform label input, .contactform label textarea, .contactform select { background: var(--whiteopacity) }
.contactform textarea { height: 105px; float: left; width: 100%; }
.contactform select { padding: 10px; }
.contactform .errorplace { display: none; color: #ff0000; position: absolute; left: 0; bottom: -15px; font-size: 11px; }
.contactform .mandatorycontact span:after { content: "*"; display: inline-block; color: #ff0000; }
.contactform label span { display: block; font-style: italic }
.contactform input[type="checkbox"], .contactform input[type="radio"] { box-sizing: border-box; padding: 0; margin: 0 5px; width: 15px; height: 15px; }

.loginplace .forgotpass { display: none }
.loginplace .forgotpass .enteremail { margin: 0 0 15px 0 }

.home { width: 35px; height: 35px; position: relative; position: absolute; right: 4%; top: 12.5px; }
.home div { position: relative }
.home span, .home div:after, .home div:before { border-radius: 2px; display: block; height: 4px; background: var(--white); width: 100%; position: absolute }
.home div:after { content: ''; bottom: 11px; display: block }
.home div:before { content: ''; top: 15px; display: block }
.home:hover { filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.5)); }
.home.opened div:before { transform: translateY(10px) rotate(135deg); top: -15px }
.home.opened div:after { transform: translateY(-10px) rotate(-135deg); bottom: -9px; }
.home.opened span { transform: scale(0); }


.dropmenuplace { position: absolute; top: 100%; left: 0%; z-index: 1; width: 100%; display: none; background: var(--white); box-shadow: var(--shadow); padding: 4% }
.dropmenuplace.menuopen { display: flex }

.popupplace { background: var(--blackopacity); position: fixed; left: 0; top: 0; width: 100%; z-index: 0; opacity: 0 }
.popupplace.opened { z-index: 5; opacity: 1; height: 100%; }

.remarkpopupbuttons { display: flex;justify-content: space-between;margin-top: 10px;}
.remarkpopupbuttons button { min-width: 80px;}

.viewdetailes { background: var(--greylight); display: flex; border-top: 1px solid var(--grey); border-right: 1px solid var(--grey); margin: 10px 0 20px 0; }
.viewdetailes > div { display: flex; border-bottom: 1px solid var(--grey); border-left: 1px solid var(--grey); flex: auto; padding: 5px; }
.viewdetailes > div span { display: block; padding: 5px; }
.viewdetailes > div span:first-of-type { font-weight: bold; }
.viewdetailes > div label { display: flex; align-items: center; }
.viewdetailes > div label input[type='number'] { background: var(--white) }

#divSelectLine button { margin: 5px; }

div .select2-container .select2-selection--single { height: 45px }
div .select2-container--default .select2-selection--single .select2-selection__arrow { top: 9px }
div .select2-container { width: 200px }

.charts-container { display: flex; flex-wrap: wrap; justify-content: center;}
.chart-box { width:300px; height: 300px;  display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; padding: 10px; background: #f9f9f9;margin-bottom:20px;margin-left: 10px; }
.chart-box canvas { width: 100% !important; height: 100% !important;}
.chart-box span.title { display: inline-block;  margin-left: 10px;}

.hide, .deliverysearch.hide, .deliverysearch label.hide, #divDeliveriesActions.hide, #divWharehouse.hide, #divSelectLine.hide,
#divSelectColumn.hide, #divSelectLevel.hide, button.btn.hide,.viewdetailes > div.hide, .desktophide,.tablestyle > div:first-of-type .desktophide { display: none; }

.tablestyle .mobilerow input[type='checkbox']{height:15px;width:15px;margin:5px;}

html:lang(he) body { text-align: right; direction: rtl; }

@media (-webkit-device-pixel-ratio: 1.25) {
    #main { zoom: 0.8; }
}

@media (-webkit-device-pixel-ratio: 1.5) {
    #main { zoom: 0.67; }
}

@media screen and (min-width: 1921px) and (max-width: 6000px) {
    header { width: 1920px; left: 50%; margin: 0 0 0 -960px }
}

@media screen and (min-width: 1021px) and (max-width: 1460px) {
    .page, .shortpage, .mainabstract { padding: 0 4% }
}

@media screen and (min-width: 320px) and (max-width: 1020px) {
    @-webkit-keyframes bugfix {
        from { padding: 0; }
        to { padding: 0; }
    }

    :root { --fontsize: 16px; --fonttitle: 20px; --radius: 3px; }

    .moremenu, .welcomeplace span, .tablestyle .headertable, .tablestyle .numof { display: none }
    body, p, li, div { font-size: 4vmin; }
    h1, .bigtitle, .sliderhome .title { font-size: 30px; }
    h2, .docsplace .title, .linksplace .title, .mailinglist .title { font-size: 25px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }

    .page, .shortpage { width: 100%; max-width: 100%; padding: 0 4% }

    header { padding: 5px; }
    header .page { padding: 0 }

    .logo img, html:lang(he) .logo img { float: left; position: static; height: 30px; margin: 5px; }

    .accountplace { top: 0; }

    a.btn, span.btn, input[type="submit"].btn, button.btn { padding: 5px 10px; font-size: 16px; }

    .indexmenu { flex-direction: column; top: 45px; }

    .uploadfile, .deliverysearch, .maintitleplace, .viewdetailes { flex-wrap: wrap; }

    .flex, .uploadfile label, .deliverysearch label { width: 100%; margin: 0 auto 5% auto; border: none }

    .viewdetailes { border-left: 1px solid var(--grey); }
    .viewdetailes > div { width: 100%; margin: 0; border: none; border-bottom: 1px solid var(--grey); }

    .tablestyle > div { flex-wrap: wrap; border-bottom: none; border-top: 1px solid var(--grey); margin: 0 0 20px 0; }
    .tablestyle > div > div:first-of-type, .tablestyle > div:first-of-type > div:first-of-type, .tablestyle > div > div,
    .lastshort > div > div:last-of-type { width: 100%; border-bottom: 1px solid var(--grey); font-size: 20px; font-weight: 700; }
    .tablestyle > div .title { display: block; color: var(--greydark); font-size: 15px; font-weight: normal; }

    .deliverysearch > label span { width: 40%; }
    .uploadfile label input, .deliverysearch label input, .deliverysearch select { width: 58%; margin: 0 2% 0 0; padding: 5px 10px;font-size: 15px;}


    .columns { height: auto; padding: 60px 0 0px 0; }
    .credits { position: static; padding: 5px; }
    .credits p, .credits a { font-size: 11px }

    .maintitleplace { flex-direction: column; margin: 0 0 15px 0; }
    .maintitleplace h1 { margin: 0 0 5px 0; }

    .innerbtnplace button { padding: 5px 10px; margin: 0 0 5px 5px; font-size: 16px; }

    #divSelectLine { flex-wrap: wrap; }
    #divSelectLine button { width: 23%; margin: 1% }

    .indexmenu a { width: 100%; padding: 10px 20px; margin: 5px 10px; }

    .home { top: 0; }
    .home.opened { top: 5px; }
    .home div:before { top: 13px; }
    .home div:after { bottom: 9px; }

    div .select2-container--default .select2-selection--single { width: 100% }

    .desktophide { display: block; }
    .mobilehide { display: none; }

    .tablestyle .mobilerow {margin:0 0 3px 0}
    .tablestyle .mobilerow > div {width: 15%;flex: auto;font-size: 16px;word-break: break-word;}
    .tablestyle .mobilerow input {font-size: 16px;padding: 5px;}
    .tablestyle .mobilerow input[type="number"] {padding: 5px;font-size: 14px;    width: auto;margin: 0 5px;}
    .tablestyle .mobilerow .btnplace { justify-content: flex-start;        width: 100%;}
    .tablestyle .mobilerow .btnplace .btn {    margin: 0 2.5px;}
}

body .sl-overlay { background: var(--black) }
body .sl-navigation button, body .sl-close { filter: brightness(0) invert(1) }
body .sl-wrapper .sl-counter { }
.sl-wrapper .sl-image img { box-shadow: var(--shadow); }

.invertsite img { filter: grayscale(100%); }
.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select,
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer { background-color: var(--black) !important; color: var(--white) !important; }
.invertsite .lightblueplace { background: var(--black); }
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea, .invertsite .saveforlatermenu { border: 1px solid var(--white); }
.invertsite .saveforlatermenu span, .invertsite .accountplace .openaccount span,
.invertsite .accountplace .openaccount span:after, .invertsite .accountplace .openaccount span:before { border: 2px solid var(--white); }
.invertsite .opencart span, .invertsite .saveforlatermenu span:before, .invertsite .saveforlatermenu span:after,
.invertsite .accessibility span:before, .invertsite .removefromcart, .invertsite .removefromcart { background-color: var(--white) !important; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div:after { content: ""; display: table; clear: both; }

nav ul, .footerlinksbox ul, .productslistselects ul, .leftmenu li { margin: 0; list-style-type: none; list-style: none; }
div a, button, input[type="submit"], .btn, .grid-item img, .flex img, a.btn span, .feature img, .feature div, .infobox img,
.btn:after, .flex div, .slider-nav img, .projectscol img { -webkit-transition: all 0.20s ease-in-out; }
.menuopen, .menuplace { -webkit-transition: all 0.50s ease-in-out; }

::-moz-selection { background: var(--maincolor); color: var(--white) }
::-webkit-selection { background: var(--maincolor); color: var(--white) }
::selection { background: var(--maincolor); color: var(--white) }

::-webkit-input-placeholder { color: var(--grey) }
::-moz-placeholder { color: var(--grey) }
:-ms-input-placeholder { color: var(--grey) }
:-moz-placeholder { color: var(--grey) }

header ::-webkit-input-placeholder { color: var(--white) }
header ::-moz-placeholder { color: var(--white) }
header :-ms-input-placeholder { color: var(--white) }
header :-moz-placeholder { color: var(--white) }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--greylight); }
::-webkit-scrollbar-thumb { background: var(--blackopacity2); }
::-webkit-scrollbar-thumb:hover { background: var(--black); }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

@media print {
    @page { size: A4 Portrait; }
    * { -webkit-print-color-adjust: exact; }
    h1, h2, h3, h4, h5, h6, h7, p, a, li { line-height: 120%; color: var(--black); }
    h1 { font-size: 30px; margin: 20px 0; }
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    p { line-height: 120%; font-size: 16px; }
    .logo { width: 100%; height: auto; margin: auto; display: block; float: none; text-align: center; }
    .logo img { margin: auto; max-height: 100px; }
    body, div, header, footer, a, #maintitleplace, .mainabstract p, .mainabstract a, .mainabstract li { color: var(--black); background: none; }
    .page, .content, .imgside, .bodytext, .wrap, .pagetitle, footer { width: 100%; margin: auto; max-width: 100%; float: none; display: block; margin: 0; padding: 0; background: none; }
    .leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, #strip, .opensearch, .shoppingcart, .footerlinksplace,
    .docsplace, div .slick-dots, .accessibility, #contactfooter, .accountplace, .saveforlatermenu, div:after, div:before,
    .sliderbtn, .sliderhome, .linksplace { display: none !important; }
    .flexplace, .infoboxesplace, .credits, header, .maincontent, .columns { width: 100%; background: none; float: left; }
    header, header.sticky { position: static; padding: 0; box-shadow: none }
    .credits { text-align: center; padding: 5px; font-size: 14px; margin: 0; background: none; }
    .content { page-break-after: always; }
    .flex .imgplace { max-height: 200px; }
    #maintitleplace { margin: 0; padding: 0; }
    .scrollflow { filter: none !important }
}

#spanSortDateInAgentOrder {margin-right: auto;font-weight:bold;font-size: larger;cursor:pointer;}
#spanDiscountPercentagesInAgentOrder {margin-right: 10px;}