:root {
    --sysmex-white: #fff;
    --text-color: #333;
    --border-color: rgba(51,51,51,.2);
    --border-radius: 3px;
    --sysmex-blue: #005bac;
    --sysmex-cyan: #00b8ee;

    --space-default: 1em;
    --space-thin: .25em;
}

/* starou verzi normalize.css postupně odstranit, aktuální je ve vendor.min.css  */
blockquote/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio, canvas, video { display: inline-block;}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {display: none; height: 0;}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {display: none;}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling user zoom.
 */

html {background: #fff; /* 1 */
    color: #000; /* 2 */
    font-family: sans-serif; /* 3 */
    -ms-text-size-adjust: 100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
}/*zakaz kopirovani obsahu*/

/**
 * Remove default margin.
 */

body {margin: 0;}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {outline: thin dotted;}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active, a:hover {outline: 0;}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 { font-size: 2em; margin: 0.67em 0;}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {border-bottom: 1px dotted;}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b, strong {font-weight: bold;}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {font-style: italic;}

/**
 * Address differences between Firefox and other browsers.
 */

hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}

/**
 * Address styling not present in IE 8/9.
 */

mark {background: #ff0; color: #000;}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {white-space: pre-wrap;}

/**
 * Set consistent quote types.
 */

q {quotes: "\201C" "\201D" "\2018" "\2019";}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {font-size: 80%;}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {border: 0;}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {overflow: hidden;}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {margin: 0;}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {border: 1px solid #d9dde2; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {border: 0; /* 1 */  padding: 0; /* 2 */}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button, input, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button, input { line-height: normal;}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button, select {text-transform: none;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled], html input[disabled] {cursor: default;}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).
 */

input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */  box-sizing: content-box;}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {border-collapse: collapse; border-spacing: 0;}

:root {
    --color-hint: #2fadeb;
    --color-hint-background: #eef7fb;
}

/* basic typography -------------------------------------------------------------- */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */
body { font-size: 16px; color: #54585e; font-family: 'Source Sans Pro', Arial, sans-serif; background: #f5f8fc;}

/* Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #332d23;}
h1 { font-size: 20px; line-height: 20px; margin:10px 0; padding: 10px 0;}
h2 { font-size: 20px; line-height: 20px; margin:10px 0; padding: 10px 0; }
h3 { font-size: 20px; line-height: 20px; margin:10px 0; padding: 10px 0; }
h4 { font-size: 18px; line-height: 18px; margin:0 0 10px; padding: 10px 0;}
h5 { font-size: 1em; font-weight: bold; margin:0 0 10px; padding: 10px 0;}
h6 { font-size: 1em; font-weight: bold; }

/* Text elements -------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 0 8px 8px 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/*a:visited { color: #30334A; } */
a { color: #01509f; text-decoration: none; }
a:focus, a:hover { color: #00b8ee; }

hr { color: #e7edef; background-color: #e7edef; border:none; height: 1px; margin: 6px 0 6px 0; clear:both;}

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 1.22; font-size: xx-small;}
sup {vertical-align: top;}
suB {vertical-align: bottom;}

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; color:#d0a600; }

/* Lists -------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em;}
ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

/* Tables -------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #acaeb9;}
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; color:#000; }

/* Misc classes -------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }

.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

.nowrap {
    white-space: nowrap;
}

/* Pre-seting Web site -------------------------------------------------------------- */

.hidden {display: none; }

@media screen, projection {

h1, h2 {font-size:28px; line-height:38px; font-family: 'Source Sans Pro', Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: 100; border-bottom:#005bac solid 2px; text-align:center; position:relative;}

h4, h5 {font-weight:normal; text-align:center; position:relative;}
p { margin:0; padding:6px 0; line-height:1.2; font-weight:normal;}
select, input, textarea {background: #fbfbfb; border:1px solid #d2d2d2; color:#303840; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.cleaner { clear:both; }

/* web  -------------------------------------------------------------- */

.gdpr { font-size:11px; color:#999;}

::-moz-selection { background:#d9dde2; color:#000;}
::-webkit-selection { background:#d9dde2; color:#000;}

.wrapper { width:1200px; /*min-height:600px;*/ margin: 0 auto; padding:0; position:relative;}

.obsahHolder { width:1200px; margin:20px auto; padding-top:1px; background:#f5f8fc;}

#header {  margin:0 auto; width:100%; background:#fff;}
#headerWrapper {min-height: 141px; width:1200px; margin:0 auto; position:relative;}

    a#logo {
        display: block;
        width: 386px;
        height: 83px;
        text-decoration: none;
        position: absolute;
        top: 25px;
        left: 10px;
        background: url(../images/logo-sysmex-2.png) no-repeat;
    }
a#logo strong { visibility:hidden;}

#boxCart {position:absolute; top: 70px; right: 20px; margin:0; padding:0;}
#boxCart a { display:block; text-decoration:none; font-size:18px; color:#000;line-height:46px;}
#boxCart a strong { display:block; float:right; background:#005bac; -moz-border-radius:0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color:#FFF; text-align:center; width:48px; height:48px; line-height:48px; font-size:22px;}
#boxCart a span { display:block; float:left; font-weight:bold; padding:0 0 0 20px; border:#cecece solid 1px; background:#e5e5e5; -moz-border-radius:3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; width:280px; height:46px;}

.zakaznik { display:inline-block; color:#000; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 8px 0 16px; }
.zakprihlas {display:inline-block; line-height:32px; padding:0 45px 0 0; color:#3cbfe9; font-weight:bold; background:url(../images/ikony-sys-03.gif) no-repeat right top;}
.zaknepr {display:inline-block; line-height:32px; padding:0 45px 0 0; color:#3cbfe9; font-weight:bold; background:url(../images/ikony-sys-03.gif) no-repeat right top;}
.btnPrihlasit {display:inline-block; color:#000; border:none; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 45px 0 16px; background:url(../images/ikony-sys-02.gif) no-repeat right top;}
.btnRegistr {display:inline-block; color:#000; border:none; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 45px 0 16px; background:url(../images/ikony-sys-01.gif) no-repeat right top;}
.btnOrders {display:inline-block; color:#000; border:none; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 45px 0 16px; background:url(../images/ikony-sys-11.gif) no-repeat right top; text-decoration:none;}
.btnSeting {display:inline-block; color:#000; border:none; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 45px 0 16px; background:url(../images/ikony-sys-01.gif) no-repeat right top; text-decoration:none;}
.btnLogout {display:inline-block; color:#000; border:none; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 45px 0 16px; background:url(../images/ikony-sys-10.gif) no-repeat right top;}
.btnForgot {display:inline-block; color:#000; border:none; border-left: #e6e6e6 solid 1px; line-height:32px; padding:0 45px 0 16px; background:url(../images/ikony-sys-12.gif) no-repeat right top;}
#boxUserInfo p {border-right: #e6e6e6 solid 1px; padding:0px; margin:6px 0; font-weight: 400; font-size: 14px;}

.btnPrihlasit:hover, .btnRegistr:hover, .btnLogout:hover {color: #00b8ee;}

.breadcrumbs a { color:#000; text-decoration: none;}
.breadcrumbs a:hover { color:#00b8ee;}
.breadcrumbs { color:#005bac;}
.breadcrumbs span { color:#000; padding:0 3px;}

#menu wrapper { width:1200px;}
#menu { min-height:44px; font-size:22px; font-weight: 600; text-align:left; border-top:#e5e5e5 solid 1px; border-bottom:#d6d6d6 solid 1px ; padding:8px 0; background:#fff; min-width:1200px;}
#menu ul { margin:0; padding:0;}
#menu li { display:inline-block; list-style-type:none;border-left:#d6d6d6 solid 1px;}
#menu a {text-decoration:none; color:#332f2b; display:block; height:44px; line-height:44px; padding:0px 24px; margin: 0;}
#menu li:last-child {border-right:#d6d6d6 solid 1px;}
#menu li a {display:inline-block; white-space:nowrap;}
#menu a:hover {color:#00b8ee;}
#menu ul li.selected a {color:#00b8ee;}

.subHeader { width:1200px; margin:0 auto; text-align:center; background:url(../images/underheader-motiv.png) no-repeat top center; min-height:300px;}

#printHead {display:none;}
#contactInfo { position:absolute; top:10px; right:10px; width:600px;}

.helpme { background:#2fadeb; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; margin:3px; padding:5px; color:#fff; font-size:12px;}
.helperReg { background:#18181c; -moz-border-radius:6px 6px 0 6px; -webkit-border-radius: 6px 6px 0 6px; border-radius:6px 6px 0 6px; padding:5px; color:#fff; font-size:12px; width:180px; position:absolute; top:-65px; left:22px;}

#kategorie { float:left; width:350px; margin:22px 0; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
#kategorie ul {list-style:none; margin:0; padding:0; font-size:16px; font-weight:300;}
#kategorie li {}
#kategorie ul li a {text-decoration:none;  color:#fff; display:block; padding:0 0 0 12px; line-height:34px; background: #005bac;}
#kategorie ul li a:hover{ background:#00b8ee; color:#fff; }
#kategorie ul li.selected a { background:#000; color:#fff;}

#kategorie ul li ul li a, #kategorie ul li.selected ul li a {padding:0 0 0 25px; color:#00b8ee; line-height:23px; background:#FFF; border-bottom:#e5e5e5 solid 1px;}
#kategorie ul li ul li.selected a { background:#000; color:#fff;}
/*#kategorie ul li ul li a:hover, #kategorie ul li ul li a:hover.first {background-position:0 -86px; color:#fff;}*/
/*#kategorie ul li ul li a.first {background-position:0 -34px;}*/

#kategorie ul li ul li ul li a, #kategorie ul li.selected ul li ul li a, #kategorie ul li ul li.selected ul li a {padding:0 0 0 50px; color:#454547; line-height:23px; background:#FFF;}
#kategorie ul li ul li ul li.selected a { background:#000; color:#fff;}
/*#kategorie ul li ul li ul li a:hover {background-position:0 -86px; color:#fff;}*/
/*#kategorie ul li ul li ul li a.first {background-position:0 -137px;}
#kategorie ul li ul li ul li.selected a.first {background-position:0 -86px; color:#fff;}*/

.mojesouhlasy, .mojeudaje {border: 1px solid #fff; padding:10px; margin: 0 0 10px 0;}
.mojeudaje label { width:250px; display:inline-block;}

.mojesouhlasy label { width:30em; display:inline-block;}

.form-new-password {
    position: relative;
    border: 1px solid red;
}
.form-new-password p {
    display: grid;
    grid-template-columns: 7em 6.5em 8em auto;
    gap:.3em;
    align-items: center;
}
    .form-new-password .password-meter {
        display: inline-block;
    }
    .form-new-password .obsahBtn {
        justify-self: start;
        margin: 0;
    }

    .form-new-password .helpInfo {
        display: block;

    }
    .form-new-password__overlay {
        position: absolute;
        left:0; top: 0;
        width: 100%; height: 100%;
        border-radius:6px;
        background: rgba(255, 255, 255, 0.8); /* opacity*/
        background-image: repeating-linear-gradient(-60deg, transparent, transparent 10px, var(--color-hint) 10px, var(--color-hint-background) 20px);
        background-size: 200% 100%;
    }
    .form-new-password__overlay:not([hidden]) {
        animation: loading-stripes 5s linear infinite;
    }

    @keyframes loading-stripes {
        from {
            background-position: right;
        }
        to {
            background-position: left;
        }
    }

fieldset.mojeudaje legend { color:#2fadeb; font-size:14px; background:#FFF; padding:2px;}

#underHeader {width:1040px; height:228px;margin: 0 auto;}
#underHeader h3 { color:#0056A5; font-size:30px; padding:62px 0 16px 0; text-align:right; font-weight:bold;letter-spacing: -1px;}
#underHeader p { color:#000; font-size:11px; text-align:right; border-top:#D2D4D8 solid 1px; border-bottom:#D2D4D8 solid 1px; padding:12px 0; margin:0 0 0 690px;}

#strikeColored {width:1040px; height:18px; background:url(../images/strikeColored.jpg) no-repeat;}

/* warning na home */
.popinfo {
    border-radius: var(--border-radius);
    border: #12bdef solid 1px;
    padding: var(--space-default);
    margin: 0 0 var(--space-default);
    background: #f4f9fa;
}
.popinfo strong {
    color: #000;
}
/* /warning na home */

#obsah { position:relative; float:right; width:800px; margin:22px 0; border:#fff solid 1px; background:#FFF; padding:14px 14px 35px 14px; 
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
#obsah h1, #obsah h2 { padding-bottom:10px;}
/*#obsah p { font-size:11px;}*/
#obsah form { margin:0; padding:0; border:none;}

.colmn1 { float:left; width:48%; border-right:#bbbabb 1px dotted; padding-right:10px; margin-bottom:10px; }
.colmn2 { float:right; width:48%;}

#filtr { margin:22px 0; border:#e5e5e5 solid 1px; position: relative;}
#filtr form { border:none; margin:0; padding:5px; }
#filtr form h6 { position:absolute; right:5px; top: 5px; font-size:16px; font-weight:normal;}
#filtr form p { padding:0;}
#filtr form select { margin-right:16px;}
#filtr form label, #filtr form input[type=submit] { cursor: pointer;}
#filtr span { border-left:#e5e5e5 solid 1px; margin-left:10px; padding-left:8px;}

.strankovani{ background:#fafafa; padding:5px; text-align:center; border-top:#e5e5e5 solid 1px;}
.strankovani a { text-decoration:none; margin:0 2px 0 0; background:#FFF; border:#e5e5e5 solid 1px; padding:0 3px; color:#000; font-style:normal; min-width:16px; display:inline-block;
-moz-border-radius:6px; -webkit-border-radius: 6px; border-radius:6px;}
.strankovani a:hover { color: #fff; background:#000; border:#000 solid 1px;}
.strankovani a.selected {background: #00b8ee; border:#00b8ee solid 1px; color: #FFF; }
.strankovani a.move { background: none; color:black; margin:0; border:none;}
.strankovani a:hover.move { color:#45bfe2;}

.category-pagination {
    display: grid;
    grid-template-columns: 13em auto;
    grid-template-areas: "order pagination";
    place-items: center;
    border-top: #e5e5e5 solid 1px;
}
.category-pagination label {
    grid-area: order;
    justify-self: center;
}
.category-pagination .strankovani {
    grid-area: pagination;
    justify-self: stretch;
    border:0;
}

.seznamPolozka { width:250px; height:325px;border:#e5e5e5 solid 1px; padding:0px; position:relative; float:left; margin:8px 7px;}
.seznamPolozka h4 { width:240px; height:44px; position:absolute; top:190px; left:5px; color:#0058af; font-size:18px; font-weight:300; text-align:center; overflow:hidden; padding:0; margin:0; line-height:18px;}
.seznamPolozka h4 a { text-decoration:none;}
.seznamPolozka img {position:absolute; left:0px; top:0px; z-index:20; width:250px; height:187px;}
.seznamPolozka a:hover img {z-index:18;}
.seznamPolozka a {z-index:21;}
.seznamPolozka p { width:240px; height:47px; position:absolute; top:245px; left:5px; font-size:14px; overflow:hidden; padding:0; margin:0; line-height:15px;}
.seznamPolozka p.order-number { top:230px; height:14px;}
.seznDetaily { width:250px; height:187px; background: rgba(0, 0, 0, 0.7); position:absolute; left:0px; top:0px; z-index:19; color:#FFFFFF; text-align:center;}
.seznDetaily h6 { color:#FFFFFF; text-align:center; margin-top:20px;}

.seznamPolozka .frmAddCart { position:absolute; left:5px; bottom:5px; width:240px;}
.frmAddCart input[type=text] { float:left; width:30px; margin-right:10px; text-align:center;}
#detailPolozka .frmAddCart input[type=text] { float:right; width:30px; height:26px; line-height:26px; font-size:16px; margin:0 30px 0 0; text-align:center;}
.frmAddCart button { float:right;}

#detailPolozka { width:790px; padding:5px 5px 35px 5px; position:relative; margin: 14px 13px 14px 0;}
#detailPolozka h1 { color:#2fadeb; float:right; width:335px; margin-top: 0; padding-top: 0; line-height: 26px;}
#detailPolozka .detaiTxt {float:right; width:335px;}
#detailPolozka a#bigPic {float:left;}
#detailPolozka h3 {float:left; width:441px; color:#222427; margin:10px 0; padding-bottom:5px; border-bottom:#aae210 solid 1px;}
#detailPolozka button, a.obsahBtn, .obsahBtn { margin:0 auto; width:212px; height:31px; background: #00b8ee; border:#00b8ee solid 1px; text-align:center;
color:#fff; text-decoration:none; font-size:18px; font-weight:normal; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px;}
a.obsahBtn { height:27px;}
#detailPolozka button:hover, a.obsahBtn:hover, .obsahBtn:hover, a.Sbutton:hover, button.Sbutton:hover, input.Sbutton:hover { background:#000; color:#FFF; border:#000 solid 1px;}
 
.midle { text-align:center;}

.pListPolozka { width:790px; border:#E4E5E8 solid 1px; position:relative; margin: 14px 13px 14px 0;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); height:99px;}
.pListPolozka img {position:absolute; left:10px; top:10px; z-index:20;}
.pListPolozka a:hover img {z-index:18;}
.pListPolozka a {z-index:21;}
.pListDetaily { width:102px; height:76px; background: rgba(0, 0, 0, 0.7); position:absolute; left:10px; top:10px; z-index:19; color:#FFFFFF; text-align:center; font-size:11px;}
.pListPolozka h6 {position:absolute; left:122px; top:10px; color:#2fadeb; font-size:18px; font-weight:normal; padding:0; margin:0;}
.pListPolozka p { position:absolute; left:122px; top:30px; width:436px;}
.pListPolozka p.obCislo { position:absolute; left:568px; top:28px; text-align:center; width:100px; font-size:14px;}
.pListPolozka form { position:absolute; left:694px; top:40px;}
.pListPolozka form input {width:50px; text-align:right;}
.pListPolozka a.odebratBtn { background:url(../images/odebrat_button.png) no-repeat; background-position:0 0; width:16px; height:16px; display:block; position:absolute; top:-5px; right:-5px; text-decoration:none;}
.pListPolozka a:hover {background-position:0 -16px;}
.pListPolozka a.odebratBtn strong { visibility:hidden;}

a.Sbutton, button.Sbutton, input.Sbutton {color:#fff; text-decoration:none; font-size:13px; font-weight:normal; padding:2px 8px; white-space:nowrap;
background: #00b8ee; border:#00b8ee solid 1px; cursor:pointer;-moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px;}

button.Sbutton, input.Sbutton { padding:4px 12px;}

.ajaxIndicator{ display:none; background:#b00000; font-size:11px; color:#fff; padding:2px 10px; border:solid #eb0000 2px; text-align:center;}

#partMain fieldset, .overlay-confirm fieldset { margin-top:20px;}

.ico-sys-01, .ico-sys-02, .ico-sys-03, .ico-sys-04, .ico-sys-05, .ico-sys-06, .ico-sys-07, .ico-sys-08, .ico-sys-09, .ico-sys-10, .ico-sys-11 { display:inline-block; width:40px; height:32px; line-height:32px; }
.ico-sys-01 {background:url(../images/ikony-sys-01.gif) no-repeat left top;}
.ico-sys-02 {background:url(../images/ikony-sys-02.gif) no-repeat left top;}
.ico-sys-03 {background:url(../images/ikony-sys-03.gif) no-repeat left top;}
.ico-sys-04 {background:url(../images/ikony-sys-04.gif) no-repeat left top;}
.ico-sys-05 {background:url(../images/ikony-sys-05.gif) no-repeat left top;}
.ico-sys-06 {background:url(../images/ikony-sys-06.gif) no-repeat left top;}
.ico-sys-07 {background:url(../images/ikony-sys-07.gif) no-repeat left top;}
.ico-sys-08 {background:url(../images/ikony-sys-08.gif) no-repeat left top;}
.ico-sys-09 {background:url(../images/ikony-sys-09.gif) no-repeat left top;}
.ico-sys-10 {background:url(../images/ikony-sys-10.gif) no-repeat left top;}
.ico-sys-11 {background:url(../images/ikony-sys-11.gif) no-repeat left top;}

.obazek { width:100%; height:auto;}

p.listBox { padding:6px 0 0; }
.listBox a { font-size:14px; padding: 10px 10px 10px 35px; text-decoration:none; display:block; background:#d8e5f3; color:#333333; cursor:pointer; border-bottom:#c2ceda solid 1px; border-top:#c2ceda solid 1px;}
.listBox a:hover { color:#00b8ee;}
.listBox a.selected {color:#005bac;}
.listBoxSubitem { border-bottom: #e5e5e5 solid 1px; background:#f0f5fa; padding:10px; color:#333333; display:none;}

#footer { width:100%; margin:20px 0 0; clear:both; position:relative; font-size:14px; background:#fff; }
#footer .wrapper {min-height:200px; padding:40px 0; text-align:center; color:#242424; background:#fff; width:1200px; margin: 0 auto;}
#footer a { color:#333; text-decoration:none;}
#footer a:hover { color:#00b8ee;}
#footer strong { color:#000;}
#footer p { padding: 10px 0;}
#footer .col3 p { text-align: left; padding:0 24px 0 0; line-height:35px; float: left; display:flex;}
#footer .col3 ul { margin:0; padding:0; text-align:left;}
#footer .col3 ul li { list-style:none; font-size:16px; padding:7px 0; font-weight:bold;}
#footer .col3 a { text-decoration:none;}
.col3 { width:33%; text-align:center; min-height:110px; float:left;}
.col3 h4 { color:#242424; font-weight: normal; font-size:22px; margin:0 0 20px; padding:0; text-transform: uppercase; font-weight: 600; text-align:left;}
.footerbig { color:#decaaf; font-size:20px; font-family: Helvetica Neue, Arial, Helvetica; line-height:35px; font-style: normal; font-variant: normal; font-weight: 200;}
#footer .footerbig strong {color:#decaaf;}
#footer hr { color: #d1d1d1; background-color: #d1d1d1; border:none; height: 1px; margin: 6px 0 6px 0; clear:both;}
#footer .footerbig a {color:#decaaf; text-decoration:none;} 
#footer ul.footblock {border-top:#d2d2d2 solid 1px; padding:10px; text-align:center; margin:0;justify-content: center; display: flex;}
#footer ul.footblock li { display:inline-block; display: flex; list-style-type:none; border-left:1px solid #d2d2d2; line-height:32px; padding-left:24px; margin-right:24px;}
#footer ul.footblock li:last-child {border-right:1px solid #d2d2d2; padding-right:24px;}
#footer ul.footblock a {text-decoration:none; display: inline-block; margin: 0; align-items: center;}
#footer ul.footblock li a { display: flex; white-space:nowrap;}
#footer ul.footblock a:hover {}
.footdown { background:#fbfbfb; margin: 0 auto; padding:20px; text-align:left;font-size:14px;}



/*input[type=submit] {width:266px; height:47px; font-size:18px; background: url(../images/button.png) no-repeat; background-position: 0 0; color:#000; border:none; cursor:pointer;}*/
.mapa {width:430px; height:330px; position:absolute; top:60px; left:360px; border:solid #dcdcdc 1px;}

/* tabulky  -------------------------------------------------------------- */

table.clr {
/*border:#d2d4d8 solid 1px; padding:5px; 
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);*/
margin: 10px auto; border-collapse: inherit;background:#fff;
}
table.clr td {
background:#fafafa; padding: 0.3em; color:#101518;
border-bottom: #e3e3e3 1px solid; vertical-align:middle;
}
table.clr th {
background:#2fadeb; text-align:left; border-collapse: collapse;
color:#fff; font-weight:normal; vertical-align:middle;
/*border-top: #2394cc 1px solid; border-bottom: #2394cc 1px solid;*/
}
table.clr p {
background-color: #fff; color:#101518;
padding:5px 10px; border-bottom: #d2d4d8 1px solid;
}

table.clr td.orderDet { border: #000 2px solid;}

table.clr td.orderDet table { margin-bottom:2px;}

/* ostatni -------------------------------------------------------------- */

#map_website { margin:0 auto; width:50em; height:20em; border:solid #dcdcdc 1px; display:block}

/* Sample obsahu -------------------------------------------------------------- */
blocquote, q { font-style:italic; }
p.cite { text-align:right; font-style:italic;}

pre code {
border:1px dashed #CCCCCC;
background-color: rgba(255,255,255,0.2);
display:block;
max-height:15em;
overflow:auto;
padding:0.5em;
}

span.imgBox {
display:block;
width:250px;
float:right;
margin:0.5em 0 0.5em 0.5em;
border:1px solid #CCCCCC;
background:#333333;
}
span.imgBox span { padding: 0.5em; display:block;}

th, td {
/*border:1px solid gray;*/
padding:3px 0.5em;
}

form { padding:5px;}

p.error {
background: none repeat scroll 0 0 #910000;
color: #FFDDE2;
font-weight: bold;
padding: 5px; margin:5px;
text-align: center;
}

p.error:empty {background: none repeat scroll 0 0 transparent; border: medium none; padding:0; margin:0;}

p.important {
padding:0.5em;
text-align:center;
background-color:#ceae01;
border:1px solid #fffc27;
}

p.warning, p.msieWarning {
padding:0.5em;
background-color:#910000;
border: 1px solid #ff0000;
color:#FFFFFF; font-size:11px;
text-align:center;
margin:0;
/*z-index:100; position:absolute; width: 700px;top: 240px;*/
}
/*p.warning {top: 120px;}*/
p.msieWarning a { color:#FF0000; }
p.msieWarning a:hover { color:#5CFF1D; }
p#errMsg {background:#CC0000; font-weight:bold; font-size:14px; color:#FFFFFF; text-align:center; margin:14px 0 0 0; padding:0;}

p.msg.error {
    color:red;
    font-weight:bold;
}

a.hover:hover { font-style:italic; }
a.active:active { font-weight:bold }

a.pdf, a[href$=".pdf"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -64px;
margin-left:3px; padding-left:20px; line-height:16px;
}

/*a.image, a[href$=".jpg"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -16px;
margin-left:3px; padding-left:20px;
}*/
a.word, a[href$=".doc"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -112px;
margin-left:3px; padding-left:20px; line-height:16px;
}
a.excel, a[href$=".xls"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -48px;
margin-left:3px; padding-left:20px; line-height:16px;
}
a.compress, a[href$=".zip"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px 0px;
margin-left:3px; padding-left:20px; line-height:16px;
}
a.text, a[href$=".txt"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -96px;
margin-left:3px; padding-left:20px; line-height:16px;
}
/*a.email, a[href^="mailto:"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -34px;
margin-left:3px; padding-left:20px; line-height:16px;
}*/
a.ppt, a[href$=".ppt"] {
background:transparent url(../images/ikony.png) no-repeat; background-position: 0px -80px;
margin-left:3px; padding-left:20px; line-height:16px;
}

table.pagination {
background: none repeat scroll 0 0 #efefef;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
color: #000;
empty-cells: hide;
margin: 10px 0;
text-align: center;
width: 100%;
}
table.pagination td strong {color: #000;}

ul.gallery, ul.gallery2 { width:445px; overflow:auto; list-style-type:none; margin:0; padding:0;}
ul.gallery li { text-align:center; width:104px;height:92px;}
ul.gallery li, ul.gallery2 li {float:left; margin:0 7px 12px 0; background:url(../images/bg_galery_item.png) no-repeat center top;}
ul.gallery li a img, ul.gallery2 li a img {padding:1px;}
ul.gallery2 li img {border: 1px solid #fff;}

/*-----------------------------------------------------------------------------*/

/* upravy pro V5 */

#detailPolozka #butShowOrderForm {
    position: relative;
    float: right;
}

#orderFormHolder {
    position: relative;
    width: 98%;
	padding:1%;
    background: #FFF;
	border:#E4E5E8 solid 1px; color:#303840;
}
#orderFormHolder:empty { border:#fff solid 1px; padding:0;}

#orderFormHolder label {
    display:inline-block;
    width:15em;
}
.order__overlay {
    position: absolute;
    top:0; left:0;
    width: 98%;
    height: 98%;
	padding:1%;
    background: #fff;
	-moz-border-radius:6px; -webkit-border-radius: 6px; border-radius:6px;
}

    .order__overlay__sending {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        display: none;
        place-items: center;
        background: rgba(255, 255, 255, 0.8); /* opacity*/
        background-image: repeating-linear-gradient(-60deg, transparent, transparent 10px, black 10px, white 20px);
        background-size: 200% 100%;
        /*animation: loading-stripes 5s linear infinite;*/
    }
    #orderFormHolder .disabled .order__overlay__sending {
        display: grid;
        animation: loading-stripes 5s linear infinite;
    }
    .order__overlay__sending p {
        background: #FFF;
        padding: 1em;
        font-size: 2em;
    }

    @keyframes loading-stripes {
        from {
            background-position: right;
        }
        to {
            background-position: left;
        }
    }


.helpInfo { background:#eef7fb; border:#acddf5 solid 1px; color:#2fadeb; padding:5px 10px; font-style:italic; font-size:12px; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius:4px;}

#header {
    height: 160px;
}
#boxUserInfo {min-height:31px; position: absolute; padding:0 10px; min-width:600px; top: 6px; right: 0px; text-align:right;
}
#boxUserInfoForm:empty {position:relative; display:none;}
#boxUserInfoForm {background:url(../images/transp_IE-80procentWhite.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; text-align:center;}

    #boxUserInfoBox {
        background: #FFF;
        max-width: 600px;
        min-height: 300px;
        margin: 100px auto;
        border: #b9b9b9 solid 1px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        position: relative;
        -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
        padding: 50px
    }
#boxUserInfo #boxUserInfoBox p { border:none;}

#boxUserInfoForm input.regButton, .regButton { background:#0057b0; border:#0057b0 solid 1px; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; color:#FFF; text-align:center; font-size:18px; width: 282px; height:43px; line-height:39px;}
#boxUserInfoForm input.regButton:hover, .regButton:hover { background:#000; border:#000 solid 1px;}

#boxUserInfo #boxUserInfoBox p.kamDal { border-top: #e2e2e2 solid 1px; padding:16px 0 0 0;}
.lastItem {border-right: #e6e6e6 solid 1px;}

#boxUserInfo button.Sbutton, #boxUserInfo a.Sbutton{ margin: 0 5px;}
#boxUserInfoForm:empty{ border:none; padding:0px;}
#boxUserInfoForm form {padding:0px;}
#boxUserInfoForm label { display:none;}
#boxUserInfoForm input {-moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; width: 280px; height:40px; line-height:40px; border:#b9b9b9 solid 1px; color:#7d7d7d; margin:16px auto; display:block; text-align:center; font-size:18px;}
#boxUserInfoForm input[type=text], #boxUserInfoForm input[type=password] { }
#boxUserInfoForm input[type=email] { }

.zavritBtn { background:url(../images/zavrit_button.png) no-repeat; background-position:0 0; width:27px; height:27px; display:block; position:absolute; top:-10px; right:-10px; text-decoration:none; border:none; cursor:pointer;}
button.zavritBtn span { display:none;}

.odebratBtn { background:url(../images/odebrat_button.png) no-repeat; background-position:0 0; width:16px; height:16px; display:block; position:absolute; top:-5px; right:-5px; text-decoration:none; border:none; cursor:pointer;}
button.odebratBtn span { display:none;}

#frmOrder {position: relative;}
#frmOrder .odebratBtn{ top:-20px; right:-20px;}

#frmOrder label { width: 104px; display:inline-block;}
#frmOrder legend { width: 300px; color:#2fadeb; font-size:18px;}
#frmOrder #partMain input[type=text], #frmOrder #partMain input[type=email], #frmOrder #partMain input[type=tel] { width: 500px;}
#frmOrder #partMain textarea { width: 500px; height:200px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}


.cart-animated {background: #FFF url(../images/box_closing.gif) center center no-repeat;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius:5px; border:1px solid #c7c9d3;}

/* stylovani sweetalert2 */
.swal2-icon.swal2-warning {
	border-color:#8d0000;
	color:#8d0000;
}
.swal2-icon.swal2-info {
	border-color:#0057b0;
	color:#0057b0;
}
.swal2-icon.swal2-question {
	border-color:#0057b0;
	color:#0057b0;
}
.swal2-icon.swal2-success {
	border-color:#4fab17;
	color:#4fab17;
}
.swal2-styled.swal2-confirm {
	background-color:#0057b0;
}
.swal2-progress-steps .swal2-progress-step {
	background:#0057b0;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
	background:#0057b0
}
.swal2-progress-steps .swal2-progress-step-line {
	background:#0057b0
}
.swal2-title {padding: 0 0.5em 9px; 	color: #332d23;}

} /* end media screen */

@media (max-width: 720px) {

} /* end media max-width: 720px */

@media (max-width: 768px) {

} /* end media max-width: 768px */

@media (min-width: 768px) and (max-width: 980px) {

} /* end media min-width: 768px and max-width: 980px */

@media (max-width: 980px) {

} /* end media max-width: 980px */

@media (min-width: 980px) {
} /* end media min-width: 980px */

@media (min-width: 1200px) {
} /* end media min-width: 1200px */

@media (min-width: 1550px) {

} /* end media min-width: 1550px */


@media print {
body { background:white; color: #505157; font-size:10pt;}
/*a:after {content:" (" attr(href) ") "; font-size:70%; color:#000; font-style:italic;}*/
a img { border:0; }
#obsah h1, #obsah h2 {text-shadow: none;}
#header, #underHeader, #kategorie, #filtr, .boxFooterL, .seznDetaily, .pListDetaily, .boxFooterR h3, .frmAddCart, iframe, button, .ajaxIndicator, a.obsahBtn, .noPrint {display:none;}
.boxFooterR {border-top: 2px solid #B0B1BD; font-size:80%;}
#wrapper, #obsah { width:100%;}
#printHead { display:inherit;}
#printHead img.log { width:171px; height:56px; margin:20px;}
#printHead img.srk { width:100%; height:10px; margin:20px 0px;}
table.pagination a:after { content:""; }

#detailPolozka { border:#E4E5E8 solid 1px; padding:5px 5px 35px 5px; position:relative; margin: 0 13px 0 0 ;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
#detailPolozka h1 { color:#2fadeb; float:right; width:210px;}
#detailPolozka p {float:right; width:210px;}
#detailPolozka a#bigPic {float:left;}
#detailPolozka h3 {float:left; width:441px; color:#222427; margin:10px 0; padding-bottom:5px; border-bottom:#aae210 solid 1px;}

.seznamPolozka { width:250px; height:255px;border:#E4E5E8 solid 1px; padding:5px; position:relative; float:left; margin: 0 13px 14px 0;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.seznamPolozka h4 { width:250px; height:44px; position:absolute; top:155px; left:5px; color:#2fadeb; font-size:18px; text-align:center; overflow:hidden; padding:0; margin:0; line-height:20px;}
.seznamPolozka img {position:absolute; left:5px; top:5px; z-index:20;}
.seznamPolozka p { width:250px; height:60px; position:absolute; top:220px; left:5px; font-size:11px; overflow:hidden; padding:0; margin:0;}
.seznamPolozka p.order-number { top:200px;}

.pListPolozka { border:#E4E5E8 solid 1px; position:relative; margin: 14px 13px 14px 0;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); height:99px;}
.pListPolozka img {position:absolute; left:10px; top:10px; z-index:20;}
.pListPolozka h6 { position:absolute; left:122px; top:10px; color:#2fadeb; font-size:18px; font-weight:normal;}
.pListPolozka p { position:absolute; left:122px; top:30px; width:315px;}
.pListPolozka p.obCislo { position:absolute; left:452px; top:30px; text-align:center; width:100px;}
.pListPolozka form { position:absolute; left:562px; top:40px;}
.pListPolozka form input {width:50px; text-align:right;}
.pListPolozka .odebratBtn { display:none;}
.pListPolozka .odebratBtn strong { visibility:hidden;}

.strankovani, #filtr { display:none;}

#footer { width:100%; margin:0; clear:both;}

}  /* end media print */

/* warning about old internet explorer */
.old-msie { display:none }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .old-msie { display:block }
}

/* password strength */
input.strong {
    border-color: green
}
span.strong {
    color: green
}

input.medium {
    border-color: yellow;
}
span.medium {
    color: yellow;
}

input.weak {
    border-color: red;
}
span.weak {
    color: red
}
.password-meter span {
    display: none;
}
.password-meter.weak .weak {
    display: inline;
}
.password-meter.medium .medium {
    display: inline;
    color: orange;
}
.password-meter.strong .strong {
    display: inline;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}

.tooltip .tooltiptext {
    display: none;
    position: absolute;
    z-index: 1;
    width: 20em;
    background: black;
    color: #fff;
    padding: .5em;

}
.tooltip:hover .tooltiptext {
    display: inline-block;
}

.helper {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #FFF;
    color: #12bdef;
    border: #12bdef solid 1px;
    border-radius: 30px;
}


.cookie-bar {
    position: fixed;
    right: var(--space-default);
    bottom: var(--space-default);
    margin-left: var(--space-default);
    width: auto;
    height: auto;
    z-index: 100;
    background-color: var(--sysmex-cyan);
    color: var(--sysmex-white);
    padding: var(--space-default);
    border-radius: var(--border-radius);
    accent-color: var(--sysmex-blue);
}
@media (min-width: 800px) {
    .cookie-bar {
        width: 50vw;
    }
}

.cookie-bar label {
    cursor: pointer;
    font-weight: bold;
}
.cookie-bar button {
    border: 0;
    border-radius: var(--border-radius);
    background: var(--sysmex-blue);
    line-height: 2em;
    color: var(--sysmex-white);
    text-align: center;
    cursor: pointer;
}

.expert-disclaimer
{
    display: grid;
    place-items: center;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: calc(100vw - (100vw - 100%));
    height: 100%;
    overflow: auto;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.8);
}

.expert-disclaimer__dialog {
    background: #FFF;
    max-width: 600px;
    min-height: 200px;
    border: #b9b9b9 solid 1px;
    border-radius: 6px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    padding: 50px;
}