/* font-declerations */
/* cyrillic-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_cyrillic_ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_cyrillic.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_greek_ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
/* greek */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_greek.woff2) format('woff2');unicode-range:U+0370-03FF}
/* vietnamese */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_latin_ext.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300_latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_cyrillic_ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_cyrillic.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_greek_ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
/* greek */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_greek.woff2) format('woff2');unicode-range:U+0370-03FF}
/* vietnamese */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_latin_ext.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400_latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_cyrillic_ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_cyrillic.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_greek_ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
/* greek */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_greek.woff2) format('woff2');unicode-range:U+0370-03FF}
/* vietnamese */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_latin_ext.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500_latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_cyrillic_ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_cyrillic.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_greek_ext.woff2) format('woff2');unicode-range:U+1F00-1FFF}
/* greek */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_greek.woff2) format('woff2');unicode-range:U+0370-03FF}
/* vietnamese */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_latin_ext.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700_latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* for ie */
@font-face {font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto_300.woff) format('woff')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto_400.woff) format('woff')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto_500.woff) format('woff')}
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto_700.woff) format('woff')}

/* Normal (not dark = bright) mode */
.search-results{border:1px solid black;background-color:white;min-width:400px;position:absolute;top:0px;padding:0 2px 0 2px;z-index:1}
.ui-menu .ui-menu-item .col2, #search-box #search-wrapper .pb *.col2, #web-search .search-results .pb *.col2, #item-sp-search .search-results .pb *.col2 {display:flex;justify-content:space-between;align-items:center}
.ui-menu .ui-menu-item .col2 img, #web-search .search-results *.col2 img, #item-sp-search .search-results *.col2 img{height:24px;max-width:32px;object-fit:contain}
#search-box #search-wrapper, #web-search .search-results, #item-sp-search .search-results {display:none}
#search-box:focus-within #search-wrapper, #web-search:focus-within .search-results, #item-sp-search:focus-within .search-results {display:block}
#web-search .search-results, #item-sp-search .search-results {padding:3px}
#search-box #search-wrapper .pb > *, #web-search .search-results .pb > *, #item-sp-search .search-results .pb > * {padding:2px 4px;display:block}
#search-box #search-wrapper *.col2 > *:last-child, #web-search .search-results *.col2 > *:last-child, #item-sp-search .search-results *.col2 > *:last-child {margin-left:5px}
/* for webshop its ok to display the img a bit bigger */
#search-box #search-wrapper *.col2 img{height:32px;max-width:48px;object-fit:contain}
#search-box #search-wrapper .pb:last-child, #web-search .search-results .pb:last-child, #item-sp-search .search-results .pb:last-child {padding:0}
/* IE 10+ does not supprt :focus-within */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #search-box #itemSearch ~ #search-wrapper, #search .search-results, #item-sp-search .search-results {display:block}
}
#search-box #itemSearch {font-size:14px;width:350px;padding:2px}
input[value="Download"]{background:none!important}
input[type=range][orient=vertical] {writing-mode: bt-lr;/* IE */ -webkit-appearance: slider-vertical;/* Chromium */}
.eventbtn{}
A,.aslink{color:#005ccc;text-decoration:none}
.mark, .aslink.mark{color:#fff;background-color:#005ccc;padding:2px 4px;border-radius:3px;margin-bottom:1px;display:inline-block}
.aslink.mark:hover{background-color:red}
.red.mark, aslink.red.mark{background-color:red;color:#fff!important}
.r1{background-color:rgba(252,252,252,0.7)}
.r2{background-color:rgba(226,226,226,0.7)}
.selected,.r1:focus-within,.r2:focus-within,.pivot tr:focus-within,.selected tr:focus-within{background-color:rgba(0,127,255,0.26)!important}
.r1:hover,.r2:hover,.pivot tr:hover,.selected tr:hover{background-color:rgba(0,127,255,0.17)}
.fv A{display:inline-block;white-space:nowrap;padding:3px}
.prevNext{position:absolute;right:40px;display:inline-block}
.prevNext input,.prevNextBtn input{background:transparent!important;background-color:transparent!important;border:none!important;border-radius:50%!important}
.prevNext input,.prevNext a img{height:36px;width:36px;bottom:-6px;position:relative}
.prevNextBtn input,.prevNextBtn a img{height:32px;width:32px;bottom:-6px;position:relative}
/* filter value */
.filter TD{background-color:#f1f1ff}
input.txt-filter {padding:3px 4px;border-radius:3px;background-image:url(img/searchfld.svg);background-repeat:no-repeat;background-position:right}
input.txt-filter:not(:placeholder-shown),select.filtered,
.filter input:not([type="button"], [type="submit"])[value] {background-color:mark;color:marktext}
input+img.rm-in {display:none}
input:not(:placeholder-shown)+img.rm-in {display:inline-block;cursor:pointer}

:root {--body-bg:#f7f7f7;--font-color:#000}
BODY{color:var(--font-color);background-color:#f7f7f7;font:10pt 'Roboto',Tahoma,Arial,Helvetica,sans-serif;margin:1px;padding:1px}
P,TEXTAREA,TD TEXTAREA{color:#000;font-size:inherit}
H1,H2,H3,H4{font-weight:bold}
H1{font-size:12pt;margin-top:12px;margin-bottom:6px}
H1.first{margin-top:0!important}
H2{font-size:11pt;margin-top:12px;margin-bottom:6px}
H3{font-size:11pt;margin-top:6px;margin-bottom:6px}
H4{font-size:10pt;PADDING-BOTTOM:0}
.top_bg{background-image:url(img/tab/line.gif)}
div.nb{background-image:url(img/tab/line.gif);background-position:bottom;background-repeat:repeat-x;margin:0;padding:1px 0 0 0;width:100%;height:21px;border-collapse:collapse}
div.nb table{border:0}
div.nb tr{background-position:bottom;background-repeat:repeat-x;padding:0;margin:0}
div.nb td{height:21px;padding:0;margin:0}
td.tb_0{background-image:url(img/tab/left_off.gif);width:21px;background-size:cover}
td.tb_1{background-image:url(img/tab/left_on.gif);width:21px;background-size:cover}
td.tb1_{background-image:url(img/tab/right_on.gif);width:10px}
td.tb0_{background-image:url(img/tab/right_off.gif);width:10px}
td.tb10{background-image:url(img/tab/mid_onoff.gif);width:15px}
td.tb01{background-image:url(img/tab/mid_offon.gif);width:21px}
td.tb00{background-image:url(img/tab/mid_offoff.gif);width:15px}
td.tb1,td.tb0{width:80px;text-align:center;vertical-align:middle;background-position:bottom;background-repeat:repeat-x;margin-top:-20px}
td.tb1x,td.tb0x{width:18px;text-align:right}
td.tb1,td.tb1x{background-image:url(img/tab/line_on.gif)}
td.tb0,td.tb0x{background-image:url(img/tab/line_off.gif)}
td.tb1 a,td.tb1 a:link,td.tb1 a:active,td.tb1 a:visited{color:#444;font-weight:500;WHITE-SPACE:nowrap;text-decoration:none;display:block;width:100%;font-size:13px}
td.tb0 a,td.tb0 a:link,td.tb0 a:active,td.tb0 a:visited{color:#fff;font-weight:500;WHITE-SPACE:nowrap;text-decoration:none;display:block;width:100%;font-size:13px}
td.tb1 a:hover{color:#444;TEXT-DECORATION:underline;font-weight:bold}
td.tb0 a:hover{color:#fff;TEXT-DECORATION:underline;font-weight:bold}
.tb1x a:hover,.tb0x a:hover{background-image:url(img/x_1.svg);text-decoration:none; background-position: center 8px}
.tb_add a{background-image:url(img/small-add.svg);background-position:center;background-repeat:no-repeat;padding:3px 8px 0px 0;text-decoration:none}
.tb_add a:hover{text-decoration:none}
.tabsline{background-image:url(img/tab/line.gif)}
.tabslineon{text-align:center;background-image:url(img/tab/line_on.gif);background-position:bottom;background-repeat:repeat-x}
.tabslineoff{text-align:center;background-image:url(img/tab/line_off.gif);background-position:bottom;background-repeat:repeat-x}
.tabslineon a,.tabslineon a:link,.tabslineon a:active,.tabslineon a:visited,.tabslineoff a,.tabslineoff a:link,.tabslineoff a:active,.tabslineoff a:visited{color:#fff;font-weight:bold}
.tabslineon a:hover{color:#444;font-weight:500;TEXT-DECORATION:underline}
.tabslineoff a:hover{color:#fff;font-weight:500;TEXT-DECORATION:underline}
.aslink{border:0;CURSOR:pointer;background-color:transparent}
.aslink:hover,.aslink:active{TEXT-DECORATION:underline;BORDER:0;CURSOR:pointer;background-color:transparent}
.aslinkdis{color:#EEE;TEXT-DECORATION:none;BORDER:0;CURSOR:pointer;background-color:transparent}
.aslinkdis:hover,.aslinkdis:active{color:#EEE;TEXT-DECORATION:underline;BORDER:none;CURSOR:pointer;background-color:transparent}
.tbl th,.pivot th{position:sticky;top:32px}
.wsspacer{position:sticky;top:0;z-index:99999}
div.ws{border-bottom:#f7f7f7 3px solid;margin:0px;padding:0px;height:35px;width:100%;overflow:hidden;display:block;WHITE-SPACE:nowrap;background:#dfdfdf;box-sizing:border-box;margin-left:0px}
.ws div{width:140px;padding:4px 2px 0px 10px;float:left;height:35px;font-size:15px;font-family:'Roboto',Tahoma,sans-serif;overflow:hidden;WHITE-SPACE:nowrap;
    background-repeat:no-repeat;margin-top:2px;margin-bottom:0px}
.ws span{float:left;width:13.5px;height:23px}

div.tb1,div.tb0{position:relative;max-width:200px;width:100px;height:32px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 4px;
    border-radius:10px 10px 0 0}
.tb1 a:not(.tbx),.tb1 a:link:not(.tbx),.tb1 a:active:not(.tbx),.tb1 a:visited:not(.tbx){color:#000;background-repeat:no-repeat;vertical-align:top;display:block;width:100%;padding-left:6px;padding-right:6px}
.tb0 a:not(.tbx),.tb0 a:link:not(.tbx),.tb0 a:active:not(.tbx),.tb0 a:visited:not(.tbx){color:#000;background-repeat:no-repeat;overflow:hidden;display:block;width:100%;padding-left:6px;padding-right:6px}
td.tb1 a:not(.tbx),td.tb1 a:link:not(.tbx),td.tb1 a:active:not(.tbx),td.tb1 a:visited:not(.tbx),
td.tb0 a:not(.tbx),td.tb0 a:link:not(.tbx),td.tb0 a:active:not(.tbx),td.tb0 a:visited:not(.tbx) {padding-left:0}
.tb1 a:hover,.tb0 a:hover{text-decoration:none}
div.tb0:hover{background-color:#C0C0C0;transition:0.3s}

div.tb1{background-color:#f7f7f7}
div.tb0{background-color:#dfdfdf;border:1px solid rgba(0,0,0,.10)!important;font-weight:lighter}
.tb1 a,.tb0 a{color:#000;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:hidden;margin-bottom:5px}
.tbx{width:14px!important;flex-shrink:0;height:auto;margin-top:4px;background-image:url(img/x_01.svg);background-size:12px;background-repeat:no-repeat;
    margin-left:4%;margin-right:2px;margin-bottom:5px;white-space:nowrap}

#ws-open{display:none;height:0;width:0}
.wsspacer label.nav_toggle{display:none}
@media screen and (max-width:600px){
    .wsspacer label.nav_toggle{display:block;position:absolute;right:12px;top:4px;background-image:url(img/menu2.svg);background-size:28px;background-repeat:no-repeat;
        z-index:42;width:26px;height:24px}
    div.tb0{display:none}
    div.tb1,div.tb0{width:98%!important;max-width:calc(98% - 48px)}
    #ws-open:checked ~ .ws {height:auto;overflow:auto}
    #ws-open:checked ~ .ws div{float:none}
    #ws-open:checked ~ .ws div.tb0 {display:flex;width:98%}
    .tb1 a,.tb0 a{margin-bottom:0}
}

@media (hover: hover) {.tbx:hover,.tbx:hover:active {background-image:url(img/x_1.svg);background-size:14px}}
@media not all and (hover: hover) {.tbx:active {background-image:url(img/x_1.svg);background-size:14px}}

/* emphasized text */
.pl{padding-left:20px!important}
.ml{margin-left:20px}
.pl2{padding-left:40px!important}
.pl3{padding-left:60px!important}
.pr{padding-right:20px!important}
.pr2{padding-right:40px!important}
.mr{margin-right:20px}
.pt,.ptb{padding-top:6px}
.pb,.ptb{padding-bottom:6px}
.mt{margin-top:6px}
.mb{margin-bottom:6px}
.vc{display:inline;vertical-align:middle}
TBODY{margin:0}
TABLE{border-collapse:collapse;padding:0;font-weight:inherit;font-size:inherit}
TABLE.group{width:100%}
TABLE.tbl{border-collapse:separate;width:100%;border-spacing:1pt}
.tbl{background-color:rgba(252,252,252,0.9)}

.b{font-weight:bold}
.lighter,.fwl{font-weight:lighter}
.fwn{font-weight:normal}
.i{font-style:italic}
.block{display:block}
.inline-block{display:inline-block}
.nowrap{WHITE-SPACE:nowrap}
.pre-wrap{WHITE-SPACE:pre-wrap}
.pre{white-space:pre}
.l,.tl{text-align:left}
.c,.tc{text-align:center}
.r,.tr{text-align:right}
.tl,.tc,.tr{vertical-align:top}
.c *,.l *,.r *{vertical-align:middle}
.e{font-size:12pt}
input.hidden,button.hidden{visibility:hidden;width:0;max-width:0;margin:0;padding:0;border:0;outline:none;height:0}

TABLE.light th{color:#000;font-weight:normal;background-color:transparent}
TH{text-align:left;font-weight:500}
IMG{border:0;padding:0}
A.tablesort{color:#FFF;TEXT-DECORATION:none}
A.tablesort:hover,A.tablesorted,A.tablesorted:hover{color:#FFF;TEXT-DECORATION:underline}
A:active,A:hover{TEXT-DECORATION:underline}
INPUT,TEXTAREA,SELECT{color:#000;FONT:inherit;padding:0;margin:0;border-width:1px}
INPUT[type="button"],INPUT[type="submit"]{-webkit-appearance:none /* for mobile safari */}
INPUT.button,button.button,#pos-btns button,.toolbar input,.toolbar button{border-radius:4px;border-width:1px}
#tiles a{border-radius:5px;border:0}
INPUT.button,button.button,#tiles a,#pos-btns button,.toolbar input,.toolbar button,#OnScreenKbd .btn{box-shadow:2px 2px 2px -2px rgb(0 0 0 / 50%);
padding:4px 4px;background:#e6e6e6;background-image:linear-gradient(357.5deg,rgba(0,0,0,0.01) 0%, rgba(255,255,255,0.6) 100%);
/*safari renders gradients with transparency differently then all other browser*/background-image:-ms-linear-gradient(top,#f4f4f4 0%,#dedede 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#f4f4f4',endcolorstr='#dedede',GradientType=0)}
button.img {border:none;background:transparent;padding:0}
#tiles a{transition:width 0.2s}
.toolbar input,.toolbar button{height:40px;width:40px;padding:0;vertical-align:bottom;box-sizing:border-box;border:1px solid #cecece}
INPUT.button:hover,button.button:hover,#tiles a:hover,.toolbar input:hover,.toolbar button:hover,#pos-btns button:hover{box-shadow:3px 3px 3px -1px rgb(0 0 0 / 30%);
background-image:linear-gradient(357.5deg,#0000000d 0%,#ffffffe6 100%)}
.action_btn{background-color:#f9a710;color:black;padding:4px 8px;border-radius:4px;background:-ms-linear-gradient(top,#eec377 0%,#ee9900 100%);
  background-image:linear-gradient(357.5deg,#ee9900,#eec377);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#eec377',endcolorstr='#ee9900',GradientType=0)}
.action_btn:hover{box-shadow:3px 3px 3px -1px rgb(0 0 0 / 30%);background-image:linear-gradient(357.5deg,#e69500 0%,#f2cf92 100%)}
INPUT.button:active,button.button:active,.action_btn:active,#tiles a:active,.toolbar input:active,.toolbar button:active,#pos-btns button:active{box-shadow:0 0 0 0 rgb(0 0 0 / 50%);
background-image:none}
INPUT:disabled,TEXTAREA:disabled,SELECT:disabled{background-color:#EBEBE4;color:#909090}
INPUT.filter{background-color:#FFF}
INPUT.invalid,TEXTAREA.invalid,SELECT.invalid{border:1px solid red;border-color:red!important}
INPUT.invalid:focus,TEXTAREA.invalid:focus,SELECT.invalid:focus{border:2px solid red!important}
INPUT.button[value='...']{padding:3px 4px}
/*list checkbox filters*/
label + label {margin-left:12px}
label:has(input:not(:checked, [style~="display:none"])) {color:#999999}
SPAN.invalid{color:red}
CODE,CODE PRE{color:black}
INS{background-color:#CFC}
DEL{background-color:#FCC}
LABEL{WHITE-SPACE:nowrap;cursor:pointer}
.navGroup,.navGroupA,.navGroup_active,.navGroupA_active{margin-top:0;margin-bottom:1px;padding:6px;display:block;font-weight:bold;color:#000;text-align:left;text-decoration:none}
.subNavGroup,.subNavGroup_active,.subNavGroupA{margin-top:0;margin-bottom:1px;padding:5px 1px 5px 14px;display:block;color:#000;text-align:left;text-decoration:none}
.navGroup{background-color:#E3E2DB}
.navGroupA{background-color:#ff9b00}
.subNavGroup,.subNavGroupA{background-color:#EFEFEB}
.navGroupA_active{background-color:#ff6000}
header{display:table;min-height:120px;width:100%;margin-bottom:6px}
#hdr-main{display:table-cell;margin:auto;text-align:left;vertical-align:middle}
#hdr-right{display:table-cell;margin:auto;text-align:right;vertical-align:middle;float:right}
#func-box,#login-box{padding:4px 6px 4px 6px}
#login-link{display:none}
.container{clear:both;position:relative;width:100%;display:flex}
nav{width:180px;min-width:180px;margin-right:10px}
div.container > section{margin-left:3px;width:-webkit-calc(100% - 200px);width:calc(100% - 200px)}
section >:first-child{margin-top:0;padding-top:0}
nav ul{list-style:none;margin:0;padding:0}
footer{margin-top:6px;clear:both}
.nav-icon{display:none;width:76px;height:36px;background:url(img/menu2.svg) center;background-repeat:no-repeat;color:inherit;background-position-x:7px;background-position-y:center}
#nav-open:checked + .nav-icon{background-color:#E5E5E2}
#nav-open{display:none}
@media screen and (max-width:800px){
 #login-box,#register-links{display:none}
 #login-link{display:inline-block}
}
@media screen and (max-width:640px){
 .nav-icon{display:block;cursor:pointer}
 nav {width:100%}
 div > section{position:relative;left:0;width:100%;margin-top:6px}
 #nav-open:checked ~ .nav{display:block}
 .toggle + a,.nav{display:none}
 #hdr-right{float:initial}
}
.pagetitle{font-weight:bold}
.page_edit{position:absolute;right:5px;font-weight:normal}
.grouptitle{font-weight:500}
.grp_green_title{font-weight:500;background-color:#00F000!important;color:#000!important}
.grp_purple_title{font-weight:500;background-color:#660E7A!important;color:#FFF!important}
.grp_red_title{font-weight:500;background-color:#CC0000!important;color:#FFF!important}
.grp_red_title a{color:#fff!important}
.grp_gray_title{font-weight:500;background-color:#DDD!important;color:#000!important}
.grouptitle A, .grouptitle A:hover, .pagetitle A, A.tablesort, A.tablesort:hover, A.tablesorted, A.tablesorted:hover,a.grp-collapse,a.grp-expand,th input.aslink {color:inherit}
.msgtitle{BORDER-BOTTOM:1px dotted;BORDER-color:#6F6F6F}
.msg_area{font-weight:500;background-color:#E9E9E9;margin-top:6px;margin-bottom:6px;white-space:pre-wrap;z-index:40}
.error_msg{color:#F00}
.warning_msg{color:#C00}
.info_msg{color:#527FAA}
.bg_red{background-color:rgba(255,0,0,0.2)}
.bg_blue{background-color:rgba(0,0,255,0.2)}
.bg_lightblue{background-color:rgba(0,0,255,0.12)}
.bg_green{background-color:rgba(0,255,0,0.2)}
.bg_purple{background-color:rgba(149,0,255,0.2)}
.bg_cyan{background-color:rgba(0,255,255,0.2)}
.bg_orange{background-color:rgba(255,170,0,0.37)}
.bg_gray{background-color:rgba(0,0,0,0.666)}
.bg_lightgray{background-color:rgba(0,0,0,0.12)}
.bg_green2{background-color:#6C6}
.bg_input{background-color:#fff}
#stats {background-color:#eee;padding:2px;border-width:thin;border-color:#a9a9a9;border-style:solid none none solid}
.black{color:#000}
.green{color:#0C3!important}
.blue{color:#0000ff!important}
.gray{color:#999999!important}
.purple{color:#660E7A!important}
.dk_green{color:#00A000!important}
.orange{color:#C70!important}
.red{color:#f00!important}
.white{color:#fff}
.yellow{color:#f7e21d}
.underline{border-bottom:thin solid}
.grp-expand,.grp-collapse{vertical-align:middle;padding-left:24px;color:inherit;background-position:left;background-repeat:no-repeat;height:21px;display:block}
a.grp-expand:hover,a.grp-collapse:hover{text-decoration:underline}
.grp-expand{background-image:url(img/grp_plus.svg);background-size:20px 20px}
.grp-collapse{background-image:url(img/grp_minus.svg);background-size:20px 20px}
.progress_done{background-color:#FFF;background-image:url(img/progress.gif);background-position:left;background-repeat:repeat-x}
.progress_open{background-color:#FFF}
.progressbar{BORDER:1px solid;BORDER-color:#6B93B2}
.box{border:1px solid;border-color:#222;background-color:#FFF}
.special_price{color:#900;FONT-WEIGHT:bold}
.old_price{text-decoration:line-through}
.price{FONT-WEIGHT:bold}
.shop_price{font-size:12pt;color:#900}
.deleted{text-decoration:line-through}
.thumb{padding-right:10px}
.mail_text{font-family:monospace}
.hint{color:#000;FONT-size:9pt}
.smallhint{color:#777;FONT-size:7pt;TEXT-DECORATION:none}

/*---------- bubble tooltip -----------*/
a.tt{position:relative;white-space:normal;z-index:24;color:#3CA3FF;font-weight:normal;text-decoration:none}
a.tt span.tooltip{display:none}
.tt-topLeft {top:auto; left:auto; right:0px; bottom:100%}
.tt-topRight {top:auto; left:0px; right:auto; bottom:100%}
.tt-lowerLeft {top:100%; left:auto; right:0px; bottom:auto}
.tt-lowerRight {top:100%; left:0px; right:auto; bottom:auto}
.tt-arrow {padding-right:48%}
.arrow-topLeft {transform:translateY(-3px) rotate(180deg)}
.arrow-topRight {transform:translateY(-3px) rotate(180deg) scaleX(-1)}
.arrow-lowerLeft {transform:translateY(3px) scaleX(-1)}
.arrow-lowerRight {transform:translateY(3px)}
a.tt:hover .tt-box {padding:8px;border-style:solid;border-color:gray;border-radius:10px;background-color:#edf0d5;border-width:1px}
a.tt:hover .tt-text {opacity:1}
a.tt:hover{z-index:25;color:#aaaaff;background:} /*background:;ie hack, something must be changed in a for ie to execute it*/
a.tt:hover span.tooltip{display:block;position:absolute;min-width:200px;color:#993300;text-align:center;filter:alpha(opacity:90);opacity:0.90}

.order_step_10,.order_step_00,.order_step_0,.order_step_11,.order_step_1{padding:6px 12px 6px 24px;height:40px;font-size:12pt;font-family:'Roboto',Tahoma,sans-serif;background-position:right;background-repeat:no-repeat;vertical-align:middle}
.order_step_10{background-image:url("img/order_step_10.gif")}
.order_step_00,.order_step_11{background-image:url("img/order_step_0.gif")}
.order_step_00,.order_step_0{background-color:#D0D0D0}
#prev-year{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgODAwJz48cG9seWdvbiBwb2ludHM9JzQwMCwwIDAsNDAwIDQwMCw4MDAnIHN0eWxlPSdmaWxsOiM0ODg2YjMnLz48cG9seWdvbiBwb2ludHM9JzkwMCwwIDUwMCw0MDAgOTAwLDgwMCcgc3R5bGU9J2ZpbGw6IzQ4ODZiMycvPjwvc3ZnPg==");background-repeat:no-repeat}
#prev-mon{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgODAwIj48cG9seWdvbiBwb2ludHM9IjQwMCwwIDAsNDAwIDQwMCw4MDAiIHN0eWxlPSJmaWxsOiM0ODg2YjMiLz48L3N2Zz4=");background-repeat:no-repeat}
#next-mon{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgODAwIj48cG9seWdvbiBwb2ludHM9IjAsMCA0MDAsNDAwIDAsODAwIiBzdHlsZT0iZmlsbDojNDg4NmIzIi8+PC9zdmc+");background-repeat:no-repeat}
#next-year{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgODAwIj48cG9seWdvbiBwb2ludHM9IjAsMCA0MDAsNDAwIDAsODAwIiBzdHlsZT0iZmlsbDojNDg4NmIzIi8+PHBvbHlnb24gcG9pbnRzPSI1MDAsMCA5MDAsNDAwIDUwMCw4MDAiIHN0eWxlPSJmaWxsOiM0ODg2YjMiLz48L3N2Zz4=");background-repeat:no-repeat}
.pageImg{max-width:100%;height:auto}
img.tcalIcon{cursor:pointer;margin-left:1px;vertical-align:middle}
div#tcal{position:absolute;visibility:hidden;z-index:100;width:256px;padding:2px 0 0}
div#tcal table{width:100%;border:1px solid silver;border-collapse:collapse;background:white}
div#tcal table.ctrl{border-bottom:0}
div#tcal table.ctrl td{width:30px;height:30px;background-size:100% 60%;background-position-y:center}
div#tcal table.ctrl th{color:black;border:0;background:white}
div#tcal table.qck{border-top:none;border-bottom:none}
div#tcal table.qck td{width:33.33%}
div#tcal th{border:1px solid silver;border-collapse:collapse;text-align:center;padding:3px 0;height:30px;color:white;background:gray;font-size:12px;font-weight:normal}
div#tcal td{border:0;border-collapse:collapse;text-align:center;padding:4px 0;width:22px;height:30px;cursor:pointer;font-size:12px}
div#tcal td.othermonth{color:silver}
div#tcal td.weekend{background:#ACD6F5}
div#tcal td.today{border:1px solid red}
div#tcal td.selected{background:#FFB3BE}
iframe#tcalIF{position:absolute;visibility:hidden;z-index:98;border:0}
div#tcalShade{position:absolute;visibility:hidden;z-index:99}
div#tcalShade table{border:0;border-collapse:collapse;width:100%}
div#tcalShade table td{border:0;border-collapse:collapse;padding:0}
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(img/empty.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(img/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(img/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px;background-color:#fff;margin:0 auto;line-height:1.4em}
#imageData{padding:0 10px}
#imageData #imageDetails{width:70%;float:left;text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px;float:left;padding-bottom:0.7em}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html>body .clearfix{display:inline-block;width:100%}
* html .clearfix{height:1%}
.cart{background-image:url(img/cart.gif);background-position:right;background-repeat:no-repeat}
.list_nav{clear:both}
[draggable]{cursor:move}
.over{background-color:white}
.accordion {transition:height 0.25s ease-in-out;overflow:hidden;background-color:rgba(0,0,0,0.05);height:0}
.notransition {-o-transition:none !important;transition:none !important}
table.pivot{background-color:#FFF}
table.pivot th{font-weight:normal;border:1px solid #777;padding:0 2px 0 2px}
table.pivot td{border:1px dotted;BORDER-COLOR:#6F6F6F}
table.pivot input{text-align:right;margin:0}
table.pivot thead{overflow:visible}
table.pivot tbody{overflow:auto}
.pivot-wrapper {position:relative;display:inline-block}
.select-all-cells {position:absolute;right:-40px;top:-40px;padding:10px;visibility:hidden;opacity:0;transition:visibility 0s ease 0.2s, opacity 0.2s ease 0s}
.select-all-cells-left {right:-10px}
.select-all-cells img{height:24px;width:24px;border:1px solid #666;border-radius:5px;background-color:rgb(238,238,238);padding:2px}
.select-all-cells img:hover {background-color:hsl(0, 0%, 88.3%)}
.select-all-cells img:active {background-color:hsl(0, 0%, 78.3%)}
.pivot-wrapper:hover .select-all-cells {visibility:visible;opacity:1;transition:visibility 0s ease 0s, opacity 0.2s ease 0s}
.pc1,.pc0{display:inline-block;min-width:16px;min-height:18px;padding-left:16px;color:#000}
.pc1{background:url(img/plus.gif) no-repeat}
.pc0{background:url(img/minus.gif) no-repeat}
.ph1,.pr1,.ph2,.pr2,.ph3,.pr3{font-weight:bold}
.ph1{background-color:rgba(0, 48, 106, 0.565)!important;color:#fff}
.ph1 a.pc1,.ph1 a.pc0,th a.pc1,th a.pc0{color:#fff}
.pr1{background-color:rgba(0, 0, 0, 0.427)!important;color:#fff}
.ph2{background-color:rgba(0, 70, 155, 0.4)!important}
.ph23{background-color:rgba(0, 60, 129, 0.318)!important}
.pr2{background-color:rgba(0, 0, 0, 0.157)!important}
.ph3{background-color:rgba(0, 73, 153, 0.137)!important}
.ph34{background-color:rgba(0, 55, 128, 0.11)!important}
.pr3{background-color:rgba(0, 0, 0, 0.055)!important}
.dnd {border-style:dashed;border-width:thin;border-color:#888;padding:0px 2px 2px 2px;margin-right:2px;margin-top:2px}
.dnd label {display:inline-block;background-color:rgba(127,127,127,0.4);color:inherit!important;margin-top:2px;padding:3px;border-radius:2px;box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2)}
.dnd input[type='checkbox'] {vertical-align:middle}
.dnd label+label {margin-left:6px}

.cb1{padding-left:20px;background:url(img/checked.gif) no-repeat}
.cb0{padding-left:20px;background:url(img/unchecked.gif) no-repeat}
div.filtered,th.filtered{padding-right:20px;background-image:url(img/filtered.png);background-repeat:no-repeat;background-position:right}
.menu-icon{display:inline-block;width:18px;height:16px;background:url(img/srcshow.gif) center;background-repeat:no-repeat;color:transparent}
.menu-cb:checked + .menu-icon{background-color:#E5E5E2;background:url(img/srchide.gif) center;background-repeat:no-repeat}
.menu-cb:checked ~ .menu{display:block;position:absolute;background-color:#FFF;color:#000;min-width:200px;border:1px solid}
.menu-cb,.menu{display:none}
.menu a,.menu a:hover{color:#00e}
.menu ul{list-style-type:none;margin:0;padding:0}
.menu li{list-style-type:none;width:100%;min-height:24px;padding:0 2px}
.menu li a.mi{color:#000;display:block;width:100%;min-height:24px;position:relative}
.menu li a.mi:hover{color:#000;background-color:#dbdfeb;text-decoration:none}
.menu li a span{position:absolute;top:50%;transform:translate(0,-50%)}
@media screen{
 tr.filtered td:first-of-type{padding-right:20px;color:purple;background:url(img/filtered.png) no-repeat 96% 0%;background-position:calc(100% - 3px) 0%}
 .print_only{display:none}
}
@media print{
 div.ws,.menu-icon,.menu,.online_only,.unfiltered,div.nb{display:none}
 .pivot th{border:1px solid black;padding:0 2px 0 2px}

 /* could use box-shadow:inset 0 0 0 1000px #5a6a7b; to make browsers that don't want to print backgrounds to print it anyway, but browsers also change font color */
 .pivot td{padding:0 2px 0 2px}
 a.pc1,a.pc0{padding-left:0;background:transparent}
 body{background-color:transparent;-webkit-print-color-adjust:exact}
 .r1{background-color:transparent}
 .r2{background-color:#f3f5fb}
}
.catalogHeaderImg{max-width:100%;padding-top:6px;padding-bottom:6px;display:block;margin:auto}
.slider{position:relative;margin:auto;overflow:hidden}
.slider div:first-child{white-space:nowrap;position:relative;left:0px;-webkit-transition:left 2s ease-in-out;transition:left 2s ease-in-out}
.slider .c{position:absolute;left:50%;bottom:1em;-ms-transform:translate(-50%,0%);transform:translate(-50%,0%)}
.slide img{width:100%}
.sliderBtn{border:0;color:#000;background-color:rgba(240,240,240,0.5);padding:6px 14px;position:absolute;top:50%;font-size:16pt;-ms-transform:translate(0%,-50%);transform:translate(0%,-50%)}
.sliderBtn:hover{background-color:#ccc}
.slider .c span,.slider .c div{border:1px solid #ccc;border-radius:50%;display:inline-block;padding:0;text-align:center;height:13px;width:13px;cursor:hand;margin:0 2px;background-color:#bfbfbfbf}
.slider .c .bg_white{background-color:#fff!important}
.docLineItem {display:flex;width:100%;align-items:flex-start}
.docLineText {min-width:140px;flex-grow:1}
.dark_mode {display:none}
.light_invert {filter:invert(100%)}

/*--------- responsive grid layout classes --------*/
/* for formated and commented version look in sandbox css-grid-style-sandbox */
.grid-fifths{display:block}.grid-fifths>.cell{display:block;min-width:0;width:100%;margin-bottom:20px}
.grid-fifths>.cell:last-child{margin-bottom:0}
@media screen and (min-width:768px){.grid-fifths{display:flex;flex-wrap:wrap}
.grid-fifths:after{content:'';display:block;width:calc(49% - 20px);flex:1 1 auto}
.grid-fifths>.cell{min-width:0;flex:1 1 auto;width:calc(49% - 20px);margin-right:20px;margin-bottom:20px}
.grid-fifths>.cell:nth-of-type(2n){margin-right:0}.grid-fifths>.cell:nth-of-type(2n-1):nth-last-of-type(2){margin-bottom:0}}
@media screen and (min-width:1280px){.grid-fifths:after{content:'';display:block;width:calc(19% - 20px);flex:1 1 auto}
.grid-fifths>.cell{width:calc(19% - 20px)}
.grid-fifths>.cell:nth-of-type(2n){margin-right:20px}
.grid-fifths>.cell:nth-of-type(5n){margin-right:0}.grid-fifths>.cell:nth-of-type(5n-1):nth-last-of-type(2){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-2):nth-last-of-type(3){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-3):nth-last-of-type(4){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-4):nth-last-of-type(5){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-2):nth-last-of-type(2){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-3):nth-last-of-type(3){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-4):nth-last-of-type(4){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-3):nth-last-of-type(2){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-4):nth-last-of-type(3){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-2):nth-last-of-type(1){margin-right:calc(20% + 20px)}
.grid-fifths>.cell:nth-of-type(5n-4):nth-last-of-type(2){margin-bottom:0}
.grid-fifths>.cell:nth-of-type(5n-3):nth-last-of-type(1){margin-right:calc(40% + 40px)}
.grid-fifths>.cell:nth-of-type(5n-4):nth-last-of-type(1){margin-right:calc(60% + 40px)}}
.grid-fourths{display:block}.grid-fourths>.cell{display:block;min-width:0;width:100%;margin-bottom:20px}
.grid-fourths>.cell:last-child{margin-bottom:0}@media screen and (min-width:768px){.grid-fourths{display:flex;flex-wrap:wrap}
.grid-fourths:after{content:'';display:block;width:calc(49% - 20px);flex:1 1 auto}
.grid-fourths>.cell{min-width:0;flex:1 1 auto;width:calc(49% - 20px);margin-right:20px;margin-bottom:20px}
.grid-fourths>.cell:nth-of-type(2n){margin-right:0}.grid-fourths>.cell:nth-of-type(2n-1):nth-last-of-type(2){margin-bottom:0}}
@media screen and (min-width:1280px){.grid-fourths:after{content:'';display:block;width:calc(24% - 20px);flex:1 1 auto}
.grid-fourths>.cell{width:calc(24% - 20px)}.grid-fourths>.cell:nth-of-type(2n){margin-right:20px}
.grid-fourths>.cell:nth-of-type(4n){margin-right:0}
.grid-fourths>.cell:nth-of-type(4n-1):nth-last-of-type(2){margin-bottom:0}
.grid-fourths>.cell:nth-of-type(4n-2):nth-last-of-type(3){margin-bottom:0}
.grid-fourths>.cell:nth-of-type(4n-3):nth-last-of-type(4){margin-bottom:0}
.grid-fourths>.cell:nth-of-type(4n-2):nth-last-of-type(2){margin-bottom:0}
.grid-fourths>.cell:nth-of-type(4n-3):nth-last-of-type(3){margin-bottom:0}
.grid-fourths>.cell:nth-of-type(4n-3):nth-last-of-type(2){margin-bottom:0}
.grid-fourths>.cell:nth-of-type(4n-2):nth-last-of-type(1){margin-right:calc(24% + 20px)}
.grid-fourths>.cell:nth-of-type(4n-3):nth-last-of-type(1){margin-right:calc(49% + 40px)}}
.grid-thirds{display:block}.grid-thirds>.cell{display:block;min-width:0;width:100%;margin-bottom:20px}
.grid-thirds>.cell:last-child{margin-bottom:0}
@media screen and (min-width:768px){.grid-thirds{display:flex;flex-wrap:wrap}
.grid-thirds:after{content:'';display:block;width:calc(49% - 20px);flex:1 1 auto}
.grid-thirds>.cell{min-width:0;flex:1 1 auto;width:calc(49% - 20px);margin-right:20px;margin-bottom:20px}
.grid-thirds>.cell:nth-of-type(2n){margin-right:0}.grid-thirds>.cell:nth-of-type(2n-1):nth-last-of-type(2){margin-bottom:0}
.grid-thirds>.cell:nth-last-of-type(1){margin-bottom:0}}
@media screen and (min-width:1280px){.grid-thirds:after{content:'';display:block;width:calc(32.333% - 20px);flex:1 1 auto}
.grid-thirds>.cell{width:calc(32.333% - 20px)}.grid-thirds>.cell:nth-of-type(2n){margin-right:20px}
.grid-thirds>.cell:nth-of-type(2n-1):nth-last-of-type(2){margin-bottom:20px}
.grid-thirds>.cell:nth-of-type(3n){margin-right:0}
.grid-thirds>.cell:nth-of-type(3n-1):nth-last-of-type(2){margin-bottom:0}
.grid-thirds>.cell:nth-of-type(3n-2):nth-last-of-type(3){margin-bottom:0}
.grid-thirds>.cell:nth-of-type(3n-2):nth-last-of-type(2){margin-bottom:0}
.grid-thirds>.cell:nth-of-type(3n-2):nth-last-of-type(1){margin-right:calc(32.333% + 20px)}}
.grid-halves{display:block}.grid-halves>.cell{display:block;min-width:0;width:100%;margin-bottom:20px}
.grid-halves>.cell:last-child{margin-bottom:0}
@media screen and (min-width:1280px){.grid-halves{display:flex;flex-wrap:wrap}
.grid-halves:after{content:'';display:block;width:calc(49% - 20px);flex:1 1 auto}
.grid-halves>.cell{min-width:0;flex:1 1 auto;width:calc(49% - 20px);margin-right:20px;margin-bottom:20px}
.grid-halves>.cell:nth-of-type(2n){margin-right:0}
.grid-halves>.cell:nth-of-type(2n-1):nth-last-of-type(2){margin-bottom:0}
.grid-halves>.cell:nth-last-of-type(1){margin-bottom:0}}.grid-whole{display:block}
.grid-whole>.cell{min-width:0;width:100%;margin-bottom:20px}.grid-whole>.cell:last-child{margin-bottom:0}
.grid-two-thirds-one-third{display:block}.grid-two-thirds-one-third>.cell{min-width:0;width:100%;margin-bottom:20px}
.grid-two-third-one-third>.cell:nth-last-of-type(1){margin-bottom:0}
@media screen and (min-width:768px){.grid-two-thirds-one-third{display:flex}
.grid-two-thirds-one-third>.cell{flex:1 1 auto}
.grid-two-thirds-one-third>.cell:nth-of-type(2n-1){width:calc(65.666% - 10px);margin-right:20px}
.grid-two-thirds-one-third>.cell:nth-of-type(2n){width:calc(32.333% - 10px)}
.grid-two-thirds-one-third>.cell:nth-last-of-type(2):nth-of-type(2n-1){margin-bottom:0}}
.grid-one-third-two-thirds{display:block}
.grid-one-third-two-thirds>.cell{min-width:0;width:100%;margin-bottom:20px}
.grid-one-third-two-thirds>.cell:nth-last-of-type(1){margin-bottom:0}
@media screen and (min-width:768px){.grid-one-third-two-thirds{display:flex}
.grid-one-third-two-thirds>.cell{flex:1 1 auto}
.grid-one-third-two-thirds>.cell:nth-of-type(2n-1){width:calc(32.333% - 10px);margin-right:20px}
.grid-one-third-two-thirds>.cell:nth-of-type(2n){width:calc(65.666% - 10px)}
.grid-one-third-two-thirds>.cell:nth-last-of-type(2):nth-of-type(2n-1){margin-bottom:0}}
/*ckeditor5 required rules*/
:root{--ck-color-mention-background:hsla(341, 100%, 30%, 0.1);--ck-color-mention-text:hsl(341, 100%, 30%);
--ck-highlight-marker-blue:hsl(201, 97%, 72%);--ck-highlight-marker-green:hsl(120, 93%, 68%);
--ck-highlight-marker-pink:hsl(345, 96%, 73%);--ck-highlight-marker-yellow:hsl(60, 97%, 73%);
--ck-highlight-pen-green:hsl(112, 100%, 27%);--ck-highlight-pen-red:hsl(0, 85%, 49%);--ck-image-style-spacing:1.5em;
--ck-todo-list-checkmark-size:16px}.ck-content .marker-yellow{background-color:var(--ck-highlight-marker-yellow)}
.ck-content .marker-green{background-color:var(--ck-highlight-marker-green)}
.ck-content .marker-pink{background-color:var(--ck-highlight-marker-pink)}
.ck-content .marker-blue{background-color:var(--ck-highlight-marker-blue)}
.ck-content .pen-red{color:var(--ck-highlight-pen-red);background-color:transparent}
.ck-content .pen-green{color:var(--ck-highlight-pen-green);background-color:transparent}
.ck-content .image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}
.ck-content .image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}
.ck-content .image-style-align-center{margin-left:auto;margin-right:auto}
.ck-content .image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}
.ck-content blockquote{overflow:hidden;padding-right:1.5em;padding-left:1.5em;margin-left:0;margin-right:0;font-style:italic;border-left:solid 5px #ccc}
.ck-content[dir=rtl] blockquote{border-left:0;border-right:solid 5px #ccc}
.ck-content hr{margin:15px 0;height:4px;background:#ddd;border:0}
.ck-content .image{display:table;clear:both;text-align:center;margin:1em auto}
.ck-content .image img{display:block;margin:0 auto;max-width:100%;min-width:50px}
.ck-content .image.image_resized{max-width:100%;display:block;box-sizing:border-box}
.ck-content .image.image_resized img{width:100%}
.ck-content .image.image_resized>figcaption{display:block}
.ck-content .image>figcaption{display:table-caption;caption-side:bottom;word-break:break-word;color:#333;background-color:#f7f7f7;padding:.6em;
    font-size:.75em;outline-offset:-1px}
.ck-content code{background-color:hsla(0,0%,78%,.3);padding:.15em;border-radius:2px}
.ck-content .text-tiny{font-size:.7em}
.ck-content .text-small{font-size:.85em}
.ck-content .text-big{font-size:1.4em}
.ck-content .text-huge{font-size:1.8em}
.ck-content .table{margin:1em auto;display:table}
.ck-content .table table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;border:1px double #b2b2b2}
.ck-content .table table td,.ck-content .table table th{min-width:2em;padding:.4em;border:1px solid #bfbfbf}
.ck-content .table table th{font-weight:700;background:hsla(0,0%,0%,5%)}
.ck-content[dir=rtl] .table th{text-align:right}
.ck-content[dir=ltr] .table th{text-align:left}
.ck-content .page-break{position:relative;clear:both;padding:5px 0;display:flex;align-items:center;justify-content:center}
.ck-content .page-break::after{content:'';position:absolute;border-bottom:2px dashed #c4c4c4;width:100%}
.ck-content .page-break__label{position:relative;z-index:1;padding:.3em .6em;display:block;text-transform:uppercase;border:1px solid #c4c4c4;border-radius:2px;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;color:#333;background:#fff9;box-shadow:2px 2px 1px hsla(0,0%,0%,.15);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ck-content .media{clear:both;margin:1em 0;display:block;min-width:15em}.ck-content .todo-list{list-style:none}.ck-content .todo-list li{margin-bottom:5px}.ck-content .todo-list li .todo-list{margin-top:5px}.ck-content .todo-list .todo-list__label>input{-webkit-appearance:none;display:inline-block;position:relative;width:var(--ck-todo-list-checkmark-size);height:var(--ck-todo-list-checkmark-size);vertical-align:middle;border:0;left:-25px;margin-right:-15px;right:0;margin-left:0}.ck-content .todo-list .todo-list__label>input::before{display:block;position:absolute;box-sizing:border-box;content:'';width:100%;height:100%;border:1px solid #333;border-radius:2px;transition:250ms ease-in-out box-shadow,250ms ease-in-out background,250ms ease-in-out border}.ck-content .todo-list .todo-list__label>input::after{display:block;position:absolute;box-sizing:content-box;pointer-events:none;content:'';left:calc(var(--ck-todo-list-checkmark-size)/ 3);top:calc(var(--ck-todo-list-checkmark-size)/ 5.3);width:calc(var(--ck-todo-list-checkmark-size)/ 5.3);height:calc(var(--ck-todo-list-checkmark-size)/ 2.6);border-style:solid;border-color:transparent;border-width:0 calc(var(--ck-todo-list-checkmark-size)/ 8) calc(var(--ck-todo-list-checkmark-size)/ 8) 0;transform:rotate(45deg)}.ck-content .todo-list .todo-list__label>input[checked]::before{background:#25ab33;border-color:#25ab33}.ck-content .todo-list .todo-list__label>input[checked]::after{border-color:#fff}.ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}.ck-content pre{padding:1em;color:hsl(0,0%,20.8%);background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;text-align:left;direction:ltr;tab-size:4;white-space:pre-wrap;font-style:normal;min-width:200px}.ck-content pre code{background:unset;padding:0;border-radius:0}.ck-content .mention{background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}
@media print{.ck-content .page-break{padding:0}.ck-content .page-break::after{display:none}}

/*wip*/

/*ckeditor5 required propriatary rules and rule overrides*/
.slider-wrapper {padding:20px 10px;margin:10px auto;background-color:rgba(0,0,0,0.1);border:1px solid #ddd}
.slider-wrapper.ck-widget .slider div:first-child{transition:left 0.25s ease-in-out} /* could remove this if its confusing for users but with the normal transiton its a pita to use imho*/
.slide.ck-widget{display:inline-block;width:100%}

.grid-whole.ck-widget,.grid-ones.ck-widget,.grid-halves.ck-widget,.grid-thirds.ck-widget,.grid-fourths.ck-widget,.grid-fifths.ck-widget,.grid-two-thirds-one-third.ck-widget,.grid-one-third-two-thirds.ck-widget,.layout-mail-wrapper.ck-widget,.layout-mail-ones.ck-widget,.layout-mail-halves.ck-widget,.layout-mail-thirds.ck-widget {padding:20px 10px;margin:10px auto;background-color:rgba(0,0,0,0.1);border:1px solid #ddd}
.grid-whole.ck-widget .cell,.grid-ones.ck-widget .cell,.grid-halves.ck-widget .cell,.grid-thirds.ck-widget .cell,.grid-fourths.ck-widget .cell,.grid-fifths.ck-widget .cell,.grid-two-thirds-one-third.ck-widget .cell,.grid-one-third-two-thirds.ck-widget .cell,.layout-mail-wrapper.ck-widget .mail-cell,.layout-mail-ones.ck-widget .mail-cell,.layout-mail-halves.ck-widget .mail-cell,.layout-mail-thirds.ck-widget .mail-cell {border:1px solid #cccccc;padding:0 5px;background:#fff9;min-height:5em;margin-bottom:0px !important; /* this important is only ok cause we wont have multiple grid lines in ckeditor5*/}
.ck-body-wrapper a.tt span.tooltip{position:absolute;right:0%;bottom:125%;padding:5px;background-color:rgb(255,255,255);box-shadow:var(--ck-drop-shadow),0 0;filter:alpha(opacity:100);KHTMLOpacity:1;MozOpacity:1;opacity:1}
.ck-body-wrapper a.tt:hover span.tooltip{width:auto;height:100px}
.ck-body-wrapper .ui-menu-item b{font-weight:900}
.ck-body-wrapper .tt{position:relative}
.ed-spacer.ck-widget{padding:5px;margin:10px auto;background-color:rgba(0,0,0,0.1);border:1px solid #ddd}

.cursor {cursor:pointer;-webkit-user-select:none;user-select:none}

/*item gallery*/
ul.gallery-thumbs li{float:left;margin-right:5px;list-style-type:none}
ul.gallery-thumbs li,.img-box{display:flex;justify-content:center;align-items:center}
.img-box {width:100%;height:100%}
ul.gallery-thumbs li img,.img-box img{max-width:100%;max-height:100%;object-fit:contain}
ul.gallery-thumbs li img {cursor:pointer}
#img-view {display:none;position:fixed;z-index:30;padding-top:30px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000090}
#img-view > div {position:relative;background-color:#fefefe;margin:auto;padding:0;width:90%;height:90%}
.close {color:#FFF;position:absolute;top:16px;right:25px;font-size:36px;font-weight:bold}
@media screen and (max-width:800px){
 .close {color:#000!important;z-index:2}/* when the screen gets to small the z index should display the close above the pic*/
}
.close:hover,.close:focus {color:#999;text-decoration:none;cursor:pointer}
#img-view-img {max-width:100%;max-height:80%}
#img-view .prev,#img-view .next {cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#000;background-color:#FFFFFFA0;font-weight:bold;font-size:36px;
    transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none}
#img-view .next {right:0;border-radius:3px 0 0 3px}
#img-view .prev:hover,#img-view .next:hover {background-color:#B2B2B2A0;text-decoration:none}
#img-view-idx {color:#000;background-color:#FFFFFFA0;font-size:16px;padding:8px 12px;position:absolute;top:0}
#img-view li.active, #img-view li:hover {opacity:1}
#img-view li {opacity:.6}

.tnav {font-weight:lighter}
.tnav td a {padding:0 6px}
.sparkline-fill {fill:rgba(255,0,0,.3)}
.sparkline-line {stroke:red}

.blink {animation: blinker 1.3s ease-in-out infinite}
@keyframes blinker {50% {opacity:0}}

#OnScreenKbd {position:fixed;bottom:48px;right:4px;z-index:1000}
#OnScreenKbd .btn {width:68px;height:68px;font-weight:bold;font-size:20pt;vertical-align:top;border-radius:5px;display:inline-flex;margin:2px;
    justify-content:center;align-items:center;cursor:pointer;user-select:none}
#OnScreenKbd .spc {width:382px}
@media screen and (max-width:946px) {
    #OnScreenKbd .btn {width:60px;height:60px}
    #OnScreenKbd .spc {width:326px}
}
@media screen and (max-width:946px) {
    #OnScreenKbd .btn {width:54px;height:56px}
    #OnScreenKbd .spc {width:284px}
}
@media screen and (max-width:780px) {
  #OnScreenKbd, #kbdToggle {display:none!important}
}