/* DEBUG */
/*.cbx-container.good:before { content: '\204E'; position:absolute; left:-.4em; top:0; width:1em; height:1em; color:rgba(100,200,100,1); }*/

/* /DEBUG */
.content .wrapper { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; width:100%; height:100%; }
.content .wrapper-video { justify-content:start; margin-top:5em; background:/*white;*/#eef4fc; }
.content .wrapper-video.loading { background-image:url(../../image/loader.gif); background-repeat:no-repeat; background-position:center center; background-size:10%; }
.content .wrapper .title { font-weight:700; font-size:1.5em; color:rgb( 54, 165, 214 ); width:100%; } 
.info,
.wywiad,
.badania1 { font-size:1.1em; color:rgb( 0, 32, 64 ); text-align:left; max-width:80%; hyphens:manual; }

.info li { margin-bottom:.2em; break-inside:avoid; hyphens:manual; }
.info.text { margin-top:.5em; }
.info.ogólne { width:80%; column-count:1; column-width:17em; column-gap:2em; }
.info.list { margin-left:1em; line-height:1.1em; margin-top:.5em; margin-bottom:0; }

.info.kontrola { margin-top:1.5em; }
.info .red,
.badania-info-ctnr .red { color:rgb( 235, 18, 95 ); }
.badania-info-ctnr .black { color:black; }

.btn { font-family:'Roboto Condensed', sans-serif; font-weight:400; }
.video { position:relative; margin-top:.5em; width:100%; text-align:center; background:#C3D1DE; }
.video video { width:100%; background:#C3D1DE; }
.dialog-ctnr { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba( 128, 128, 128, .8 ); }
.dialog-ctnr .dialog { position:absolute; top:20%; left:20%; width:60%; height:60%; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:#0e1f54; color:white; font-weight:700; border-radius:1.2em; font-size:1.6em; }
.dialog-ctnr .dialog .dialog-message { padding:1em; text-align:center; }
.dialog-ctnr .dialog .dialog-btn-OK { position:relative; padding:.5em 2em .5em 2em; margin-top:1em; border:.1em solid white; border-radius: 20% / 50%; font-weight:700; font-size:.6em; background-color:transparent; color:white; cursor:pointer; }
.dialog-ctnr .dialog .dialog-btn-OK:hover { background-color:transparent; }
.dialog-ctnr .dialog .dialog-btn-OK:before { content:'OK' }
/* some media queries */
@media ( orientation: portrait ) { 
	/* UGLY! */
	.content .wrapper-video { justify-content:center; margin-top:-12%; } 
	.select-list-ctnr .tests { padding-left:0; }
	.select-list-ctnr .tests li .cbx-text { display:inline-block; padding-top:.25em; }
	.info.wyniki { margin-left:5% !important; }
} 
@media ( min-aspect-ratio: 40/33 ) {
	/* UGLY! */
	.steps-ctnr { position:absolute; top:-2em; }
	.content .wrapper-video .video { width:auto; height:90%; }
	.content .wrapper-video .video video, .content .wrapper-video .video .plyr { width:auto; height:100%; }
}
/* DIFFERENCING OF SLIDES */

._01-start.content { color:white; background-color:#000c28; background-image:url(../image/01-start-bg.jpg); background-size:auto 100%; background-position:right top; background-repeat:no-repeat; }
._01-start.content .ctnr { position:absolute; top:0; left:0; width:100%; height:100%; text-align:left; }
._01-start .leading-title { position:relative; font-size:3.0em; font-weight:700; width:90%; text-align:left; color:rgb( 235, 18, 95 ); margin-top:1em; margin-left:5%; line-height:1em; }
._01-start .leading-subtile { position:relative; font-size:2.2em; font-weight:700; width:60%; margin-top:.6em; padding-bottom:.7em; margin-left:5%; line-height:1em; }
._01-start .leading-subsubtile { position:relative; font-size:1.5em; width:43%; border-top:.1em solid white; padding-top:.9em; margin-left:5%; }
._01-start .authoritatives-ctnr { position:absolute; display:flex; bottom:0; height:11%; width:100%; background-color:rgb( 5, 33, 57 ); font-size:.8em; }
/*._01-start .authoritatives-ctnr .authoritatives { margin-left:5%; margin-top:1.5%; text-align:left; }*/
._01-start .authoritatives { margin-left:5%;  margin-top:3%; font-size: 1.1em; }

._03 .title { margin-top:1em; }
._03 .info.wywiad { margin-bottom:0; }
._04 .title { margin-top:1em; }
._04 .info li { margin-bottom: .4em; }
._05 .wrapper .title { font-size: 1.2em; line-height: 1.2em; width:94%; }
.badania-info-ctnr { color:rgb( 0, 32, 64 ); padding:.2em 5em; margin-top:1em; }
.select-list-ctnr { width:90%; margin-top:.5em; }
.select-list-ctnr .tests { position:relative; column-count:2; column-width:12em; width:90%; margin-left:10%; }
.select-list-ctnr .tests li { list-style:none; break-inside:avoid; min-height:1.5em; }
.select-list-ctnr .tests .cbx-container .checkmark { outline:.10em solid rgb( 0, 32, 96 ); margin-left:.15em; margin-top:.15em; }
/* HINT */ /*.select-list-ctnr .tests .cbx-container.good:after { content:''; position:relative; display:inline-block; margin-left:0.5em; border-radius:50%; width:0.8em; height:0.8em;  background-color:rgb( 68, 114, 196 ); }*/
.select-list-ctnr .tests .cbx-container { display:block; position:relative; padding-left:2em; cursor:pointer; user-select:none; color:rgb( 0, 32, 96 ); text-align:left; }
.select-list-ctnr .tests .cbx-container input { position:absolute; opacity:0; height:0; width:0; } /* hide default checkbox */
.select-list-ctnr .tests .cbx-container .checkmark { position:absolute; left:0; height:1.2em; width:1.2em; font-weight:bold; color:rgb( 0, 32, 96 ); text-align:center; background-color:#eee; }
.select-list-ctnr .tests .cbx-container:hover input ~ .checkmark { background-color:#ccc; }
.select-list-ctnr .tests .cbx-container .checkmark:after { content:'\d7'; display:none; }
.select-list-ctnr .tests .cbx-container input:checked ~ .checkmark:after { display:block; }
.select-list-ctnr .tests { position:relative; column-count:2; column-width:16em; width:94%; margin:0 0 0 6%; }
@media ( min-aspect-ratio: 3/4 ) and ( max-aspect-ratio: 1/1 ) { /* UGLY! 4 iPAD*/
	.select-list-ctnr li { margin-left:5em; }
	.select-list-ctnr li { font-size: calc( .7vw + 1.4vh ); }
}
@media ( min-aspect-ratio: 16/9 ) { /* UGLY! 4 low&wide */
	.select-list-ctnr .tests { column-count:3; width:90%; margin-left:5%; }
}
@media ( max-aspect-ratio: 10/16 ) {
	._01-start .leading-title,
	._01-start .leading-subtile,
	._01-start .leading-subsubtile,
	._01-start .authoritatives { text-align:center; width:90%; }
	._01-start .authoritatives { margin-top:10%; }
	._01-start.content { background-image:url(../image/ALGORYTM-PION-tlo.jpg); background-position:top center; background-size:100%; }
}


.confirm-btn-ctnr { position:absolute; width:100%; bottom:3%; width:90%; }
.confirm-btn-ctnr .btn-confirm { height:2.3em; border-radius:8% / 50%; background-color:rgb( 235, 18, 95 ); width:15em; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:1em; color:white; padding:0.5em 2em; margin:0; border:.15em solid rgb( 235, 18, 95 ); cursor:pointer; line-height:1em; }
.confirm-btn-ctnr .btn-confirm:after { content:'\27EB'; position:relative; margin-left:.2em; top:-.1em; font-size:1.1em; font-weight:bold; color:rgb( 192, 0, 0 ); }
.confirm-btn-ctnr .btn-confirm.disabled:after { opacity:.5; }
.confirm-btn-ctnr .btn-confirm.disabled:hover {  }
.confirm-btn-ctnr .btn-confirm:hover { background-color:white; color:black; }
.confirm-btn-ctnr .btn-confirm.disabled { opacity:.5; color:white; background-color:rgb( 235, 18, 95 ); /*border-color:gray;*/ cursor:default; }
.confirm-btn-ctnr .btn-confirm .red { position:relative; padding-left:0.25em; display:inline-block; color:rgb( 192, 0, 0 ); font-size:2em; line-height:0.0em; top:0.15em; }
.confirm-btn-ctnr .btn-confirm.disabled .red { opacity:0.3; }

.info.wyniki { width:80%; column-count:2; column-width:18em; margin-left:10%; font-size:0.9em; }
.info.wyniki li { margin-bottom:.2em; }
.info.wyniki div li span:first-child { display:inline-block; width:13em; font-weight:400; }
.info.wyniki div li:nth-child( 9 ) { padding-bottom:1em; }
.info.wyniki div li:last-child { padding-bottom:1em; }
.info.wyniki .mocz { margin-left:-1em; padding-top:.25em; padding-bottom:1.2em; }
.info.wyniki .ekg  { margin-left:-1em; padding-top:.25em; }
.info.ryzyko { margin-top:1.5em; }

._09 .btn-ctnr { width:80%; margin-top:3.5em; }
.btn-ctnr .btn { position:relative; display:inline-block; padding:0.2em 1em; color:white; border:.1em solid rgb( 0, 112, 192 ); border-radius: 9% / 50%; cursor:pointer; font-size:1em; line-height:1.5em; margin:0.5em 0.25em; background-color:rgb( 0, 112, 192 ); }
.btn-ctnr .btn.branch:after { content:'\27EB'; position:relative; color:white;  font-weight:bold; font-size:1.2em; top:-.01em; margin-left:.5em; }
.btn-ctnr .btn:hover { background-color:white; color:black; }
.btn-ctnr .btn:hover.branch:after { color:black; }

.btn-ctnr .btn-niskie { padding-left:1.2em; border-radius: 7.5% / 50%; }
.btn-ctnr .btn-wysokie { min-width:15%; border-radius: 13% / 50%; }
.content._13 { background-image:none; background-color:white; }

/*._13 .button-next, ._13 .button-prev { background-color:white; }
._13 .button-next:hover, ._13 .button-prev:hover { background-color:rgba( 128, 128, 128, .1 ); }*/

.skala { position:relative; display:inline-block; }
.skala .img-ctnr { transition:all .4s ease-out; position:relative; display:inline-block; width:40vmin; min-width:17em; }
.skala .img-ctnr img { width:100%; }
.zaznaczenie { position:absolute; bottom:44.4%; left:72.28%; width:3%; padding-bottom:3%; border:0.15em solid rgb( 128, 0, 0 ); border-radius:50%; }
.zaznaczenie { box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); transform: scale(1); animation: pulse 2s infinite; } /* 4 pulsate' */
@keyframes pulse {
	0%   { transform: scale(0.95); box-shadow: 0 0 0 0    rgba(0, 0, 0, 0.7); }
	70%  { transform: scale(1);    box-shadow: 0 0 0 .5em rgba(0, 0, 0, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0    rgba(0, 0, 0, 0); }
}
.zoom { position:absolute; bottom:-.15em; right:-.15em; color:gray; width:1em; height:1em; line-height:1em; font-size:3em; border-radius:50%; border:.1em solid gray; background-color:rgba( 255,255,255,.8 ); cursor:pointer;/* z-index:1;*/ font-family:Courier, monospace; font-weight:bold; transform:scale( .75 ); text-decoration:none;  }
.zoom:before { content:'+'; }
.zoom:after  { content:'|'; position:absolute; display:block; font-size:.8em; top:.65em; left:1.1em; transform:rotate( -49deg ); }
.unzoom { position:relative; color:gray; width:1em; height:1em; line-height:1em; font-size:3em; border-radius:50%; border:.1em solid gray; background-color:rgba( 255,255,255,.8 ); cursor:pointer; /*z-index:1;*/ font-family:Courier, monospace; font-weight:bold; transform:scale( .75 ); text-decoration:none;  }
.unzoom:before { content:'-'; }
.unzoom:after  { content:'|'; position:absolute; display:block; font-size:.8em; top:.65em; left:1.1em; transform:rotate( -49deg ); }
.zoomed-ctnr { position:absolute; display:flex; align-items:center; flex-direction:column; width:100%; height:90%; padding-top:10%; background-color:rgba( 255,255,255,1 ); }
.zoomed-ctnr .img-wrapper { position:relative; display:inline-block; }
.zoomed-ctnr .img-wrapper img { width:96%; max-width:600px; }
/*.get-pdf { position:absolute; left:10%; bottom:-2em; color:blue; }*/
@media ( orientation: landscape ) { 
	.zoomed-ctnr img { width:auto !important; height:75vmin; max-width:none !important; max-height:600px; }
	.confirm-btn-ctnr { margin-top:0.5em; }
}
._14-cele .btn-ctnr { margin-top:2.5em; }
._14-cele .btn-ctnr .btn { width:15em; padding:1em .5em; border-radius:.8em; font-size:1em; line-height:1.2em; margin:0.5em 0.25em; font-weight:700; /*background-color:transparent;*/ }

._18-decyzja .info.decyzja { margin-top:1.5em; }
._18-decyzja .btn-ctnr { margin-top:2.5em; width:90%; display:flex; flex-wrap:wrap; justify-content:center; }
._18-decyzja .btn-ctnr .btn { width:12em; padding:1em .5em; border-radius:.8em; font-size:1em; font-weight:700; line-height:1.2em; margin:0.5em 0.25em; background-color:rgb( 0, 112, 192 ); }
._18-decyzja .btn-ctnr .btn { display:flex; justify-content:center; align-items:center; margin:0 0.4em 0.3em 0; }
._18-decyzja .btn-ctnr .btn:hover { background-color:white; color:black; }

._19-wizyta1 .info.wizyta { margin-top:1.5em; }
._19-wizyta1 .btn-ctnr { margin-top:1em; width:90%; display:flex; flex-wrap:wrap; justify-content:center; }
._19-wizyta1 .btn-ctnr .btn { width:11em; padding:1em .5em; border-radius:.8em; font-size:1em; font-weight:700; line-height:1.2em; margin:0.5em 0.25em; background-color:rgb( 0, 112, 192 ); }
._19-wizyta1 .btn-ctnr .btn { display:flex; justify-content:center; align-items:center; margin:0 0.4em 0.4em 0; height:6em; }
._19-wizyta1 .btn-ctnr .btn:hover { background-color:white; color:black; }

@media ( orientation: landscape ) { 
._19-wizyta1 .title { margin-top:1.5em; }
._19-wizyta1 .info.wizyta { margin-top:1em; }
}
@media ( orientation: portrait ) { 
._19-wizyta1 .title { margin-top:1.5em; }
._19-wizyta1 .info.wizyta { margin-top:1.5em; max-width:84%; }
}
._24-wizyta2 .info.wizyta { margin-top:1em; max-width:84%; }
._24-wizyta2 .btn-ctnr { margin-top:1em; width:90%; display:flex; flex-wrap:wrap; justify-content:center; }
._24-wizyta2 .btn-ctnr .btn { width:14em; padding:1em .5em; border-radius:.8em; font-size:1em; font-weight:700; line-height:1.2em; margin:0.5em 0.25em; background-color:rgb( 0, 112, 192 ); }
._24-wizyta2 .btn-ctnr .btn { display:flex; justify-content:center; align-items:center; margin:0 0.4em 0.4em 0; height:6em; }
._24-wizyta2 .btn-ctnr .btn:hover { background-color:white; color:black; }

@media ( orientation: landscape ) { ._24-wizyta2 .title { margin-top:2em; } }
._27-wizyta3 .info.wizyta { margin-top:1.5em; max-width:80%; }
._27-wizyta3 .btn-ctnr { margin-top:1em; width:90%; display:flex; flex-wrap:wrap; justify-content:center; }
._27-wizyta3 .btn-ctnr .btn { width:11em; padding:1em .5em; border-radius:.8em; font-size:1em; font-weight:700; line-height:1.2em; margin:0.5em 0.25em; background-color:rgb( 0, 112, 192 ); }
._27-wizyta3 .btn-ctnr .btn { display:flex; justify-content:center; align-items:center; margin:0 0.4em 0.4em 0; height:4.5em; }
._27-wizyta3 .btn-ctnr .btn:hover { background-color:white; color:black; }
@media ( orientation: landscape ) { 
._27-wizyta3 .title { margin-top:1.5em; }
._27-wizyta3 .info.wizyta { margin-top:1em; }
}
@media ( orientation: portrait ) { 
._27-wizyta3 .title { margin-top:1.5em; }
._27-wizyta3 .info.wizyta { margin-top:1.5em; max-width:90%; }
}
@media ( pointer: coarse ) { }

/* diagram loupe */
._36 .picture-ctnr { position:relative; height:auto; width:90%; aspect-ratio:1.424; background-color:white; font-size:calc( 1vh + 1vw ); padding:1em; border-bottom-right-radius:1.5em; margin-top: 0.8em; }
._36 .picture-ctnr .picture-scroll { position:absolute; top:0; left:0; width:100%; height:100%; overflow:scroll; }
._36 .picture-ctnr .picture-scroll .picture { position:relative; height:auto; width:97%; padding:1em 0 0 1em; }
._36 .picture-ctnr .picture-scroll .picture.scale200 { height:200%; width:auto; }
._36 .loupe, .loupe- { position:absolute; bottom:-.15em; right:-.15em; color:gray; width:1em; height:1em; line-height:1em; font-size:3em; border-radius:50%; border:.1em solid gray; background-color: rgba( 255,255,255,.8 ); cursor:pointer; z-index:1; font-family:Courier, monospace; font-weight:bold; transform:scale( .75 ); text-decoration:none; }
._36 .loupe:before { content:'+'; position:absolute; left:0.2em; }
._36 .loupe-:before { content: '-'; position:absolute; left:0.2em; }
._36 .loupe:after, .loupe-:after { content:'|'; position:absolute; display:block; font-size:.8em; top:.65em; left:1.1em; transform:rotate( -49deg ); }

._37 .picture-ctnr { position:relative; height:auto; width:90%; aspect-ratio:1.424; background-color:white; font-size:calc( 1vh + 1vw ); padding:1em; border-bottom-right-radius:1.5em; margin-top:0.8em; }
._37 .picture-ctnr .picture-scroll { position:absolute; top:0; left:0; width:100%; height:100%; overflow:scroll; }
._37 .picture-ctnr .picture-scroll .picture { position:relative; height:auto; width:97%; padding:1em 0 0 1em; }
._37 .picture-ctnr .picture-scroll .picture.scale200 { height:200%; width:auto; }
._37 .loupe, .loupe- { position:absolute; bottom:-.15em; right:-.15em; color:gray; width:1em; height:1em; line-height:1em; font-size:3em; border-radius:50%; border:.1em solid gray; background-color: rgba( 255,255,255,.8 ); cursor:pointer; z-index:1; font-family:Courier, monospace; font-weight:bold; transform:scale( .75 ); text-decoration:none; }
._37 .loupe:before { content:'+'; position:absolute; left:0.2em; }
._37 .loupe-:before { content: '-'; position:absolute; left:0.2em; }
._37 .loupe:after, .loupe-:after { content:'|'; position:absolute; display:block; font-size:.8em; top:.65em; left:1.1em; transform:rotate( -49deg ); }

@media ( min-aspect-ratio: 1.424 ) { 
._36 .picture-ctnr,     ._37 .picture-ctnr { font-size:2.2vh; /*height:80%;*/ width:auto; }
._36 .picture.scale200, ._37 .picture.scale200 { height:auto; width:200%; }  
}
@media ( min-aspect-ratio: 1.1 ) { 
._36 .picture-ctnr,     ._37 .picture-ctnr { font-size:2.2vh; height:63%; width:auto; }
._36 .picture.scale200, ._37 .picture.scale200 { height:auto; width:200%; }  
}