/* Quick.Cms.Ext v6.x default stylesheet */

@import url("style-sliders.css");
@import url("style-widgets.css");
/* Above files contains CSS for sites modules such as forms or page details.
We recommend merging all .css files into one file at the end of the site development process. */

/* Layout variables 
:root {
  --color-text: #333;
  --color-primary: #aaa;
  --color-dark: #00679a;
  --color-secondary: #cc1426;
  --color-white: #fff;
  --color-grey: #f6f6f6;
  --color-divider: #e8eaee;
   --color-bg: #fff;
}*/
:root {
--color-text: #9f9f9f;
--color-primary: #fff;
--color-dark: #73a4bb;
--color-darker: rgba(0, 0, 0, 0.25);
--color-secondary: #948a67;
--color-white: #dfdfdf;
--color-grey: #575757;
--color-child: #373737;
--color-divider: #e8eaee;
--color-bg: rgba(31, 30, 30, 0.97);
--color-bg2: rgba(31, 30, 30, 0.4);
--color-yel:rgb(214, 173, 0);
}
/* GLOBAL STYLES */
body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,table{color:var(--color-text);font-size:1em;font-family:Arial, sans-serif;}

body{padding:0;background:var(--color-bg);}

a{color:var(--color-text);text-decoration:none;}
a:hover{color:var(--color-dark);text-decoration:none;opacity:.9;}


.vimeo-review-button{padding:1em;background:var(--color-yel);border-radius:10px;border:1px solid var(--color-yel);color:var(--color-bg);}
.vimeo-review-button:hover{background:var(--color-bg);border-radius:10px;border:1px solid var(--color-yel);color:var(--color-yel);}

.warning {background:var(--color-yel);padding:.2em;color:var(--color-bg);}
.titleNotConfirmed{font-weight:300 !important;color:var(--color-child) !important;}
.titleNotConfirmed a{font-weight:300 !important;color:var(--color-grey) !important;}
.msg{clear:both;overflow:hidden;padding:20px 0;text-align:center;margin:0 auto;}
.msg.done, .msg.error{margin:10px 0;background:transparent url('img/sprite.svg#info') no-repeat 1rem center;background-size:2rem;color:var(--color-white);font-size:1rem;width: 29%;margin: 2em auto;}
.msg.done a, .msg.error a{color:var(--color-white);}
.msg.done a:hover, .msg.error a:hover{background:none;color:var(--color-white);}
.msg p{margin:.7em 4rem;line-height:2.25rem;}
.msg p:first-child{font-size:2rem;}
.msg a.action{display:inline-block;margin:7px 7px;padding:3px 8px;border:1px solid var(--color-white);text-decoration:none;font-size:0.813rem;}
.msg a.action:hover{background:var(--color-bg);}
.msg.panel a.action{margin-top:13px;padding:1em;font-size:1em;}
.msg.error{}
body.is-msg-error404 .msg.error{margin-top:3rem;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}

.icon{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;fill:var(--color-white);}
.icon--labeled{margin-left:.75em;width:1.5em;height:1.5em;}

.mailuser input[type="checkbox"]{border:1px solid #fff;margin: 0 6px;border-radius:2px;color: #fff;}
.mailuser{margin:2px 6px 0 0;font-weight:normal;display:inline-block;}
.mailuser input[type="checkbox"]:checked {border-color: #fff;color: #fff;background: #fff;}
.mailuser input[type="checkbox"]{display:none;}
.mailuser span:hover{opacity:.8;}
.mailuser.selected span{background:var(--color-white);color:var(--color-bg) !important;}
.userInRow{white-space: nowrap;color:var(--color-bg);border-radius: 20px;padding: 7px 10px;}

#header{height:64%;}
#container{position:relative;width:100%;margin:0 auto;background:var(--color-bg);}
#container:after{content:"";display:table;clear:both;}
@media screen and (min-width:1280px){
  #container{width:100%x;}
}
#body, #foot{margin:0 auto;padding:0;}

.searchDescription{padding:1em;font-size:.8em;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0;left:0;}
#skiplinks a{position:absolute;top:-500px;left:0;z-index:10;min-width:200px;padding:10px;color:var(--color-white);}
#skiplinks a:focus{top:0;background:var(--color-text);color:var(--color-white);}

#status-form{width:100%;}
#status-form, #status-form dl{margin-right:1px}
#status-form legend{font-size: .7em;padding: .5em 1em .5em;}
.form-full .save{display:inline-block}
.update{display:flex;width:100%;flex-wrap: wrap;margin-top:1em;}
.update dl{padding:0;}
/* LOGO, SLOGAN, MENU */
.header__navigation{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;position:relative;}

#logo{padding:1rem 2rem;order:-4;}
#logo #title a{color:var(--color-text);font:bold 1.75em 'Arial';line-height:1em;text-decoration:none;}
#logo #title a span{color:var(--color-secondary);}
#logo #title a strong{color:var(--color-primary);}
#logo #title a em{color:var(--color-secondary);font-style:normal;}
#logo #slogan{padding:4px 0 0 4px;color:var(--color-text);}
#logo a{text-decoration:none;color:var(--color-text);}
sup{font-size:.5em;}
@media screen and (min-width:1280px){
  #logo #title a{font-size:2rem;}
}

/* MENU TOP
   to style mobile and desktop menu use: .menu-top ...
   to style only desktop menu use: .header__menu ...
   to style only mobile menu use: .mm-ocd ...
*/
.header__menu .level-0-menu{display:flex;flex-flow:row wrap;list-style:none;}
.header__menu .menu__link{display:block;padding:.6em 1em;color:var(--color-text);text-decoration:none;transition:all 0.5s ease;}
.menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color:var(--color-primary);}

@media screen and (min-width:960px){
  .header__menu{display:flex;justify-content:flex-end;padding-right:.8rem;}
}
@media screen and (min-width:641px){
  .header__menu{flex-basis:100%;}
  .header__menu li{position:relative;font-size:1.25rem;}
  /* Bottom underline */
  .header__menu .level-0-el:after{content:'';display:block;position:absolute;bottom:0;width:10%;height:5px;transition:all 0.5s ease;}
  .header__menu .level-0-el:hover:after, .header__menu .level-0-el.selected:after, .header__menu .level-0-el.selected-parent:after{width:99%;background:var(--color-primary);}

  /* Hamburger only on small screen */
  button.hamburger{display:none}
}

/* SLIDER */
/* You will find slider styles in style-slider.css file */

/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;border-top:1px solid var(--color-grey);min-height: -webkit-fill-available;}
#body:after{content:"";display:table;clear:both;}

/* PAGE */
#page{position:relative;margin:0 5% 30px;text-align:left;}
#page:after{content:"";display:table;clear:both;}
#page h1, .heading-1{color:var(--color-white);font-size:1.5rem;font-weight:normal;width:auto;margin-right:3em;margin-top:2em;}
.is-episodes #page h1, .heading-1{margin-top:0em;color:var(--color-white);padding: 0;}
#page .msg.error h1, #page .msg.error .heading-1{margin-top:.4em;color:var(--color-white);font-size:.8em;}
#page .msg.error.panel h1{margin:0;font-size:1rem;}

/* PAGE - BREADCRUMB (navigation path) */
.breadcrumb{margin-bottom:1.25rem;}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:first-child)::before{content:"\203A";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:bold;}

/* PAGE CONTENT */
#page div.content, #page div.contentShort{line-height:1.5em;margin-top: 3em;margin-bottom: 3em;}
#page div.content > ul, #page div.content > ol{padding:0 0 0 2em;}
/* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */
#page div.content > ul li, #page div.content > ol li{margin:.5em 0;padding:0;}
#page div.content > h2, #page div.content > h3{font-size:1.5rem;line-height:2em;font-weight:normal;background: var(--color-bg);margin: 1em 0;padding: 0 1em;}

#page div.content > h3{font-size:1.25rem;}
#page div.content > p{padding-bottom:1em;}

#page p strong{background: var(--color-text);color: var(--color-bg);padding: .5em;margin: .2em .5em;line-height: 2em;}

#page > time{color:var(--color-text);opacity:.7;}
@media screen and (min-width:960px){
  #page > time{position:absolute;top:2.5rem;right:0;}
}

/* IMAGES STYLES */
/* global */
#content li img:hover{opacity:0.8;}
ul[class*='images-']{list-style:none;}
ul[class*='images-'] li{margin:0 0 1rem 0;text-align:center;}
ul[class*='images-'] p{max-width:250px;margin:0 auto;color:var(--color-primary);font-size:0.875em;}
ul[class*="images-"] img{max-width:100%;}
ul[class*="images-"] img:hover{opacity:0.8;}
div.content .images-gallery{padding:0;}
/* list custom */
.images-1{clear:left;float:left;margin:.5rem 1.5rem 0 0;}
.images-2{clear:right;float:right;margin:.5rem 0 0 1rem;}
.images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;}
.images-gallery li{flex:1 0 100%;padding:.3rem 2rem;}
.images-episode, .images-episode2 {display:flex;margin-right:2em;justify-content:center;align-items:left;}
.images-episode .image{width:auto;}
.images-episode2 .image{width:auto;}
.images-episode img{border:1px solid var(--color-bg);border-radius: 10px;}
.images-episode2 img{border:1px solid var(--color-bg);border-radius: 10px;}
.images-episode .description, .images-episode2 .description{font-size:.6em;}
.images-episode .description a, .images-episode2 .description a{text-decoration:none;color:var(--color-text);}
div.content .images-gallery{clear:none;}
.gallery-episodes5{width:100%;margin:0 ;margin-bottom:2em;}
.gallery-episodes6, .gallery-episodes4, .gallery-episodes3{clear:both;width:100%;margin:0 ;margin-bottom:2em;}
.gallery-episodes5 h3, .gallery-episodes6 h3, .gallery-episodes4 h3, .gallery-episodes3 h3{font-weight:300;padding-bottom:1em;font-size:1em;color:var(--color-secondary);}


@media screen and (min-width:960px){ .images-gallery li{flex:0 0 calc( 100% / 3 );} }

/* FILES LIST STYLES */
.files-list{width:100%;margin:0rem 0 .5rem;list-style:none;}
.files-list__link{display:flex;}
.files-list__link a{text-decoration:none !important;}
.files-list__description{margin:0;color:#777;font-size:0.938em;}
/* Simple download list */
.files-list--simple{padding-left:1rem}
.files-list--simple .files-list__link{margin-top:1rem;}

/* Detailed download list */
.headDownloadList{font-size: 1.5rem;line-height: 2em;font-weight: normal;background: var(--color-child);margin: 1em 0;padding: 0 1em;}
.files-list--detailed div{padding:7px 12px;vertical-align:middle;}
.files-list--detailed a{text-decoration:none; word-wrap: break-word;}
.files-list--detailed div{text-align:center;}
.files-list--detailed div a{font-weight:bold;text-decoration:none;}
.files-list__info{width:20%;max-width:170px;text-align:center;font-size:0.938em;margin-right:2em;}
.files-list__info--size{text-align:right;width:20%;}
.files-list__info--size abbr{font-style:italic;color:#777;}
.files-list--detailed tr:nth-child(even){;border-top:0px solid var(--color-divider);background:var(--color-bg);}
.files.columns{display:flex;justify-content:space-around;font-size: .7em;opacity: .5;}

.file-extension, .file-thumb, .file-gallery, .file-details, .file-name, .file-date, .file-size, .file-download {width:10%;font-size:.9em;}
.file-details{width:50px;}
.file-gallery,.file-thumb {width:100px;}
.file-date{font-size:.6em;}
.file-name{width:100px;}

@media screen and (max-width:960px){
    .file-extension, .file-size, .file-name{display:none;}
    
}

@media screen and (max-width:600px){ /* Responsive table for mobile */

  .files-list--detailed td{display:inline-block;border:0;}
  .files-list--detailed tbody td.name{display:block;}
  .files-list__info{min-width:50%;}
  .files-list__info--date{text-align:left;}
}
/* File type icon */
.zip .files-list__link:before{background-position:0 0;}
.xml .files-list__link:before{background-position:0 -20px;}
.xls .files-list__link:before{background-position:0 -40px;}
.web .files-list__link:before{background-position:0 -60px;}
.vcf .files-list__link:before{background-position:0 -80px;}
.txt .files-list__link:before{background-position:0 -100px;}
.sys .files-list__link:before{background-position:0 -120px;}
.swf .files-list__link:before{background-position:0 -140px;}
.psd .files-list__link:before{background-position:0 -160px;}
.pps .files-list__link:before{background-position:0 -180px;}
.png .files-list__link:before{background-position:0 -200px;}
.pic .files-list__link:before{background-position:0 -220px;}
.pdf .files-list__link:before{background-position:0 -240px;}
.nn .files-list__link:before{background-position:0 -260px;}
.msg .files-list__link:before{background-position:0 -280px;}
.media .files-list__link:before{background-position:0 -300px;}
.fla .files-list__link:before{background-position:0 -320px;}
.exe .files-list__link:before{background-position:0 -340px;}
.chm .files-list__link:before{background-position:0 -360px;}
.cdr .files-list__link:before{background-position:0 -380px;}

.gallery-name{font-size:.7em;line-height:1em;display:flex;justify-content:center;align-items:center;text-align: center;padding: .3em;margin:0 1em;border-radius:5px;}
.gallery-name.alert{background:red;color:var(--color-white);}

/* SUBPAGES LIST STYLES */
/* global */
.title{padding:0.5em 0;font-size:1.25rem;color:var(--color-text);}
.title a{color:inherit;font-weight:normal;background:none;text-decoration:none;}
.title a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
time.date{display:block;padding:0 0 0.3em;color:var(--color-text);opacity:.7;}
ul.time{display:flex;flex-direction:column;margin:1em 0;align-items: baseline;}
[class|="pages"]{clear:both;margin:.5rem 0;list-style:none;}
[class|="pages"] .page:after{content:"";display:table;clear:both;}
[class|="pages"] .more{display:block;margin:0.3em 0 0;}
[class|="pages"] p{padding:.3em 0;}
[class|="pages"] .image{line-height:1px;}
[class|="pages"] .image img{max-width:100%;}
.description ul, .description ol{margin:.5em 2em;list-style:disc;}
.description li{padding:0;border:0;background:none;}
.description ol{list-style:decimal;}

/* standard list */
.pages-list .page{margin:15px 0;padding:1.5rem 2.5%;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);}
.pages-list .page .image{float:left;margin:0 2.5% 5px 0;}

.archive-pages-list .page{display:flex;border:1px solid var(--color-grey);padding:.5em;align-items:Center;margin:1em auto;}
.archive-pages-list h2{font-size:1.5em;}

/* subpages gallery/boxes/products etc */
.pages-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;}
.pages-gallery .page{flex:0 0 100%;margin:15px 0;padding:20px;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);text-align:center;}
.pages-gallery .title{font-size:1rem;}
.pages-gallery .page .image{margin:0 0 5px;}
.pages-gallery div.description{padding:0.3em 0;font-size:0.875rem;text-align:justify;}
@media screen and (min-width:600px){
  .pages-gallery{
    --cols: calc((100%/ 3 ) - 1rem);
  }
  .pages-gallery .page{flex:0 0 var(--cols);}
  .pages-gallery:before, .pages-gallery:after{content:"";flex:0 1 var(--cols);}
  .pages-gallery:before{order:99;}
}

.pagination{text-align:right;}
.pagination ul, .pagination li{display:inline;}
.pagination li{padding:0 2px;}
.pagination a, .pagination strong{padding:0 3px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{background:var(--color-bg);color:var(--color-text);font-size:1.083em;}
#foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;}
#foot .container > *{padding:1.5rem 2rem;display: flex;justify-content: center;align-items: center;}
#foot a{color:var(--color-white);text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .options ul{display:flex;list-style:none;}
#foot .options li:not(:last-child){margin-right:2rem;}
#foot .options a{display:block;font-size:1%;color:transparent;}
#foot .options .icon{width:1rem;}
#foot .options a:hover .icon{fill:var(--color-text);}
.back{list-style:none;padding:0 1em;}
.back a{font-size:0px;}
#powered{clear:both;width:100%;margin-bottom:60px;text-align:center;font-size:0.7em;padding-top:2em}
#powered a{display:inline-block;width:192px;height:26px;font-size:0.9em;text-decoration:none;}
#powered .container{display:flex;flex-direction:column;justify-content:center;align-items:center;}

@media print{
  /* PRINT STYLES */
  * {color:var(--color-text) !important;background:var(--color-bg) !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:.5cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}

  #body{clear:none;border-top:0;}
  #page{clear:both;position:static;float:none;}
  #body #page h1{margin:.5cm 0 0;font-size:1.25rem;}

  #body, #head1, #foot{float:none;}
  #menu-main, #search-form, #foot .options{display:none;}
  .msg p:first-child{font-size:1rem;}
}

/* PLUGINS */

/* search form */
#search{display:flex;justify-content:center;width:100%;margin:0;padding:1rem 2rem;}
#search form{display:flex;justify-content:center;}
#search fieldset{min-width:300px;width:50%;}
#search .main{display:flex;border:1px solid var(--color-primary);border-radius:2px;}
#search .control{display:flex;flex:1;}
#search .input{width:100%;padding:5px;border:0;}
#search .btn{border:0;border-radius:0;line-height:0.8em;}
#search .btn:hover, #search .btn:focus{background-color:var(--color-dark);}
#search .search-ico{display:flex;align-items:center;justify-content:center;min-width:60px;color:transparent;font-size:1%;}
@media screen and (min-width:1024px){
  #search{justify-content:flex-end;max-width:400px;margin-left:auto;padding:2rem 2rem 0 0;background:none;}
}
@media screen and (min-width:641px){
  #search{order:-2;}
}

/* RELATED PAGES */
#pages-related{clear:both;}
#pages-related > h2{padding-top:1em;color:var(--color-secondary);font-size:1.25em;}

/* PAGE MODIFICATION DATE AND AUTHOR */ 
.modify-info{clear:both;padding-top:10px;list-style:none;font-size:0.875em;}
.modify-info li{padding:5px 0;}
.modify-info .value{font-weight:bold;}


.extra{width:140px;}
/* PAGES FEATURES */
.features{width:100%;margin:1rem 0;font-size:1em;display:flex;justify-content:end;gap:1em;}
.features caption{display:none;}
#episodesList .features span{display:none;}
#episodesList .features span:first-child {display:block;}
.features span {padding:.5em;font-weight:300;text-align:left;border:none;display:flex;flex-direction:row;background:var(--color-yel);color:var(--color-bg);border-radius:10px;text-align:center;}
.features span strong{margin:0 1em;font-weight:600;}
/* NOTICES ACCEPTS */
.notices{list-style:none;}
.notices .option, .option.notice{margin:4px 0 10px;font-size:0.875em;}
.notices .option label, .option.notice label{margin-left:4px;font-weight:normal;}

/* Custom CHECKBOX fields */
.checkbox{position:absolute;opacity:0;}
.checkbox + label{position:relative;cursor:pointer;padding:0;}
.checkbox + label:before{content:"";margin-right:.7em;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:var(--color-bg);border-radius:2px;border:1px solid var(--color-primary);}
.checkbox:focus + label:before, .checkbox:hover + label:before{border-color:var(--color-primary);box-shadow:0 0 3px rgba(0,103,154,0.6);}
.checkbox:checked + label:before{background:var(--color-primary);}
.checkbox:disabled + label{color:#b8b8b8;cursor:auto;}
.checkbox:disabled + label:before{box-shadow:none;background:#ddd;}
.checkbox:checked + label:after{position:absolute;display:block;content:'';top:0.15rem;left:0.45rem;width:0.4rem;height:0.75em;transform:rotate(45deg);border-right:2px solid var(--color-bg);border-bottom:2px solid var(--color-bg);}
.checkbox.warning-required:not(:checked) + label:before{background:#fbefef;border-color:#bb4c2e;} /* required */

/* YOUTUBE LINKS */
.youtube{width:550px;height:413px;padding:1px;box-shadow:0 0 4px rgba(100,100,100,0.4);}
@media screen and (max-width:460px){
  .youtube{max-width:100%;height:240px;}
}

/* TAGS */
ul.tags{clear:both;display:flex;flex-wrap:wrap;align-items:center;padding:1rem 0;list-style:none;}
.tags li{display:inline-block;}
.tags a{display:inline-flex;margin:2px 5px;padding:2px 8px;border:1px solid var(--color-divider);}
.tags a:hover{color:var(--color-secondary);}
.tags .tags__head a{margin:0;padding-left:0;border:0;}
.tags .icon{width:.875rem;fill:var(--color-secondary);margin-right:.75em;}
[class|="pages"] .tags{padding:0;}

/* DOWNLOAD LIST */
#download-list{width:100%;margin:0 0 2em;padding-bottom:1em}
div.details{width:100%;display:flex;justify-content:space-between;align-items:center;}
div.file-item{display:flex;padding:1em 2em;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-bg);word-wrap: break-word;}
div.file-item .name{padding:0 1em;width:20%;}
.file-item a{word-wrap:anywhere;}
div.file-item.jpg :before{background: url('img/files/jpg.svg') no-repeat 0 -260px;width: 33px;background-position: 0 0;background-size: cover;height: 46px;opacity:.7}
.document{background: url('img/files/docx.svg') no-repeat 0 -260px;width: 33px;background-position: 0 0;background-size: cover;height: 46px;opacity:.7;text-align:center;}
.picture{background: url('img/files/jpg.svg') no-repeat 0 -260px;width: 33px;background-position: 0 0;background-size: cover;height: 46px;opacity:.7;text-align:center;}

/* COMMENTS */
#comments{padding:2rem 0;clear:both;border-top: 0px solid var(--color-grey);margin-top: em;}
#commentsFromUser{padding:0rem 0;clear:both;border-top: 0px solid var(--color-grey);margin-top: 0em;}
#comments h2, #commentsFromUser h2{padding-bottom:1rem;color:var(--color-secondary);font-size:1rem;font-weight:normal;border-bottom:1px dotted var(--color-grey);margin-bottom:2em}
#commentsFromUser h3{padding-bottom:1rem;color:var(--color-secondary);font-size:2rem;font-weight:normal;margin-bottom:2em}
#comments article{width:100%;padding:1rem 0;border-bottom:0px dotted var(--color-grey);display: flex;}
#commentsFromUser article{width:100%;padding:1rem 0;border-bottom:0px dotted var(--color-grey);display: flex;}
#comments header, #commentsFromUser header{margin-bottom:.5rem;flex-direction: column;display: flex;margin: 0 1em;}
#comments h3{display:inline-block;font-size:1rem;color:var(--color-grey);font-weight:300;}
#commentsFromUser h3{display:inline-block;font-size:2rem;color:var(--color-grey);font-weight:300;}
#comments h3 a#commentsFromUser h3 a{text-decoration:none;padding:3px}
#comments h3 a:hover, #commentsFromUser h3 a:hover{text-decoration:none;background:var(--color-grey);color:var(--color-bg) !important;}
#comments time, #commentsFromUser time{float:right;color:#888;font-size:0.6rem;}
#comments p, #commentsFromUser p{font-size:0.875rem;line-height:1.5em;word-wrap: break-word;}
#comments .msg, #commentsFromUser .msg{margin:2rem 0 3rem;}
#comments fieldset, #commentsFromUser fieldset{display: flex;flex-direction:column;justify-content: flex-start;align-items: end;padding:.5em 1em;background:var(--color-bg);background:none;}
#comment-content-reply{background:var(--color-grey);border-radius:10px;margin-left:1em;}
.reply{font-size:0.7em;font-style:italic;display:flex;flex-direction:column;}
.reply b{margin:0 0 -1em;}
#full-comment-content{margin:1em;padding:1em;border-radius:1em;color:var(--color-bg);}
@media screen and (max-width:1023px){
  #comments .msg{background-image:none;}
}
#comments-form legend{padding-bottom:1.5rem;font-size:1.25rem;color:var(--color-secondary);display:none;}
#comments-form textarea{border-radius: 10px;}
.comments-count{display:flex;padding:0.3em ;color:var(--color-white);text-align: center;justify-content: center;width: 50px;margin: 0;order:4;}
.newComments{ color: var(--color-white);    animation: blinkAnimation 3s infinite;}
@keyframes blinkAnimation {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}



.usersList{font-size:0.7em;}
a.initial-link{display:block;border-radius:5px;font-size:1.2em;padding:.2em .5em;background:var(--color-grey);color:var(--color-bg);margin:0 .2em;}
a.project-link{font-size:.7em;}
a.user-link{display:block;padding:0 1em;}
.day{color:var(--color-white);margin:0 1em;}

/* OTHER (less popular styles) */

table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;border:0px solid var(--color-child);font-size:100%;font:inherit;vertical-align:baseline;}
input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="email"]:hover, form select:hover, form textarea:hover{background:var(--color-white) !important;}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="email"]:focus, form select:focus, form textarea:focus{background:var(--color-white) !important;color:var(--color-bg) !important;}
/* FORMS */
input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{font-family:Arial, sans-serif;font-size:1rem;border-radius:0px;background-color:var(--color-bg);}
input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="email"]:hover, form select:hover, form textarea{background:var(--color-white);color:var(--color-bg);;}
#profile input[type="text"], #profile input[type="password"], #profile input[type="file"], #profile input[type="email"], #profile form select, #profile form textarea{font-family:Arial, sans-serif;font-size:1rem;border-radius:0px;background-color:var(--color-child);}
#user-panel input[type="text"], #user-panel input[type="password"], #user-panel input[type="file"], #user-panel input[type="email"], #user-panel form select, #user-panel form textarea{font-family:Arial, sans-serif;font-size:1rem;border-radius:0px;background-color:var(--color-grey);margin-bottom:1em;width:300px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{border-color:var(--color-text);box-shadow:0 0 3px rgba(0,0,0,0.2);}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;border-color:#bb4c2e;}
input[type="submit"], button[type="submit"]{padding:0.4em 0.9em;border-width:0px;border-style:solid;background:var(--color-bg);color:var(--color-white);transition:all 0.3s ease;font-family:Arial, sans-serif;font-size:1rem;border-radius:.5em;background-color:var(--color-bg);border:1px solid var(--color-white);margin-top:1em;padding:1em;}
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{background:var(--color-dark);cursor:pointer;}
#profile.form-full input[type="text"]#userColor{background:var(--color-bg);}
label{font-weight:bold;}
label span{padding-left:10px;color:var(--color-white);font-weight:normal;font-size:.875em;line-height:3em;}
/* forms common classes */
.form-full{clear:both;margin:25px auto 0;width:100%;}
.form-full dt{padding:1em 0 ;}
.form-full dd{margin-bottom:0;display:flex;justify-content: flex-start;align-items: center;}
#profile.form-full dd{margin-bottom:1em;}
.form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"]{width:50%;padding:7px;font-size:.7em;}
.form-full textarea{width:100%;padding:7px;font-size:1em;padding: 7px;font-size: 1em;height: 200px;background:var(--color-white);}
.form-full .save{text-align:center;display: flex;align-items: center;margin-top:1em;}
.form-full .save input{padding:.8em 1em;text-transform:uppercase;letter-spacing:1px;border-radius:.5em;border:1px solid var(--color-grey);margin: 0 .5em;}
#status-form .form-full .save input{margin-top:.5em;}
.captcha input[type="text"]{min-width:60px;width:6%;}
.captcha strong{font-weight:bold;}
.captcha em{font-style:normal;font-weight:bold;}
.captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}

.form-full fieldset{padding-left:0em}

input, select{font-size:1.3em;padding:.3em;-webkit-appearance: none;	-moz-appearance: none;	appearance: none;color:var(--color-text);}
#globalGallerySelect{background:var(--color-grey) !important;padding:.5em;}

/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;width:100%;padding:.5em 0;text-align:center;font-size:1rem;color:var(--color-white);line-height:normal;background:rgba( 0, 0, 0, 0.2 );}
#quick-box .navigation__sep{padding:0 3px;}
#quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('../admin/img/fullscreen.png') no-repeat;}
#quick-box .description{margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}
#quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;font-family:Verdana;z-index:100;opacity:0.5;text-decoration:none;}
#quick-box .arrow:before, #quick-box .arrow:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);}
#quick-box .arrow:before{width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;z-index:1;}
#quick-box .arrow:after{width:52px;height:52px;background:rgba( 0, 0, 0, 0.2 );z-index:-1;}
#quick-box .arrow.prev:before{background-position:0 -32px;}
#quick-box .arrow.next:before{right:0;}
#quick-box .arrow.next:after{right:0;}
#quick-box .arrow:hover{opacity:0.9;}
#quick-box .prev{left:0px;}
#quick-box .next{right:0px;}
#quick-box .close{position:absolute;top:0;right:0;padding:0.15em 0.4em 0.2em;opacity:0.5;background:var(--color-text);color:var(--color-white);font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid var(--color-white);border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .arrow{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}
@media /* High px density (mostly mobile) - so you can magnify something */
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
  #quick-box .close{font-size:1.5rem;}
  #quick-box .prev, #quick-box .next{opacity:0.5;text-decoration:none;}
}

/* ADMIN OPTIONS */
#page ul.options{position:absolute;right:0;top:15px;min-width:auto;list-style:none;text-align:right;}
#page ul.options li{display:inline-block;margin-left:1rem;}
.panel-link{display:inline-block;width:21px;height:21px;background:rgba(255,255,255,0.6) url('../admin/img/options.png') no-repeat 0px 0px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;opacity:.25;}
.panel-link:hover{opacity:1;}
.panel-link.edit:hover{background-position:0 -21px;}
.panel-link.delete{background-position:-21px 0;}
.panel-link.delete:hover{background-position:-21px -21px;}
.panel-link.list{background-position:-121px 0;}
.panel-link.list:hover{background-position:-121px -21px;}
.subpage-edit{position:relative;display:block;order:9;}
.subpage-edit .panel-link{position:absolute;right:-10px;top:-10px;}
.sub:hover .subpage-edit .panel-link:not(:hover){opacity:0.5;}
.comment-edit{font-size:.6em;margin:0 1em;}

.dev{padding:5px;text-align:center;color:#f00;font-weight:bold;}


.episodesList, #episodesList{text-align:center;margin-top:2em;}
.episodesList .sub, #episodesList .sub{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-items:center !important;border-bottom:1px solid var(--color-darker);flex-wrap:nowrap;font-size:.7em !important;text-align: center;color:var(--color-bg);}
.episodesList .sub:hover, #episodesList .sub:hover{opacity:.8;}
.episodesList .sub:before, #episodesList .sub:before{ content: "";height:2px;width:100%;position:absolute;top: 0;left: 0;right: 0; bottom: 0;}
.episodesList .sub:nth-child(even), #episodesList .sub:nth-child(even){}
.episodesList .sub.stat_100:nth-child(even){background:rgba(32, 31, 31, 0.97) !important;}
.episodesList .position{width:60px;margin-left:0em;order:-3;justify-content:center;align-items:center;}
.episodesList .description{width:140px;margin:0 1em;}
.episodesList .scheduled{width:100px !important;order:-1;}
.episodesList .date{width:150px;order:7;}
.episodesList .comments{width:30px;display:flex;justify-content:center;align-items:center;order:6;}
.episodesList .title{width:180px;color: var(--color-text);font-weight: 300 !important;font-size:inherit;position: relative;text-align: center;order:-2;}
.episodesList .frames, .episodesList .frames2, .episodesList .frames3{width:80px;}
.episodesList .comments{width:30px;}
.episodesList .episodeStatus{width:150px;}
.episodesList .actions{min-width:600px;}
.episodesList .scheduled{width:100px;order:-1;}
.episodesList .week{min-width:34px;max-width:34px; order:-4;}
#headLine .scheduled{font-size:1.5em;}

.episodesList .sub a{text-decoration:none;color:var(--color-white);}

.episodeStatus{ position: relative;}
.episodeStatus a::before { content: "";position:absolute;top: 0;left: 0;right: 0; bottom: 0;}
.episodeStatus a {display: block;text-decoration: none;}


.progress-container{position:relative}
.progress-bar::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
.progress-label a{text-decoration:none;color:inherit;display:block}
.progress-container:hover .progress-bar::before{pointer-events:auto}
.progress-container .progress-bar::before{pointer-events:none}

.frames{order:3;}
.frames2{order:3;}
.frames3{order:3;}

.episodesList .sub .episodeStatus{padding:1em 0;margin:0;display:block;height: 4vh;border-right:1px solid var(--color-bg);display:flex;align-items:center;justify-content:center;}
.episodesList .sub h2.episodeStatus{display:flex;justify-content:center;align-items:center;width:180px;order:-2;padding:0;font-size:1.2em;display:block;border-right:1px solid var(--color-bg);text-align: left;display: flex;}
.episodesList .sub h2.episodeStatus a{color:var(--color-white);text-align:center;display:block;}
.episodesList .sub .position.episodeStatus{width:70px;order:-3;display:block;color:var(--color-white);}
.episodesList .sub .week{min-width:20px;max-width:20px; order:-4;display:block;color:var(--color-white);background:var(--color-child);height:3vh;display:flex;align-items:center;justify-content:center;}
.episodesList .sub .week.even{color:var(--color-grey);background:var(--color-bg);}
.episodesList .sub .week.gp{background:var(--color-yel);color:var(--color-bg);}
.episodesList .sub .week.gp.even{color:var(--color-grey);opacity:.8;}
.episodesList .sub .page.fromSchedule{width:30px;order:0;display:block;color:var(--color-white);}
.episodesList .sub .page.fromSchedule .epi{background: var(--color-white);color:var(--color-bg);border-radius: 50%;width: 25px;height: 25px;text-align: center;padding: 23% 12%;margin-right:1em;opacity:.8;}
.episodesList .sub .page.fromSchedule .epi.empty{background:none;}
.episodesList .sub .title{font-size:1.2em;text-align:left;width:180px;}
.episodesList .sub .date{text-align:left;}
.episodesList .sub .description{text-align:left;width:140px;margin:0 1em;}
.episodesList .sub .frames{display:flex;justify-content:center;}
.episodesList .sub .scheduled{width:60px;order:-1;}


.episodesList .sub.stat_20, .episodesList .sub.stat_5,.episodesList .sub.stat_60{}
.episodesList .sub.stat_10{/*background:rgba(231, 175, 9, 0.42);*/}
.episodeStatus.column-10.stat_60{background:rgb(255, 106, 0);color:var(--color-bg);}
.episodeStatus.column-10.stat_5{background:rgba(64, 121, 175, 1);color:var(--color-white);}
.episodeStatus.column-10.stat_5 a{color:var(--color-white) !important;}
.episodeStatus.column-5.stat_64, .stat_64{background:rgb(145, 20, 118);color:var(--color-white);}
.episodeStatus.stat_2,  dl.stat_2{background-color: rgba(255, 0, 63, 1);  animation: migotanie 3s ease infinite;color:#fff !important; }
.episodeStatus.stat_2 a,  dl.stat_2 a{color:#fff;}
.episodeStatus.column-1{display:none;}
@keyframes migotanie {
  0% { background-color: rgba(255, 0, 63, 1);   }
  50% { background-color: rgba(167, 0, 41, 1); }
  100% {background-color: rgba(255, 0, 63, 1);   }
}

.up-date{order:999;width:170px;}
.episodeStatus.column-8.stat_3{background:red;}
.episodesList .sub.stat_62, .episodesList .sub.stat_63{background:rgba(0, 196, 0, 0.3)}
.episodesList .sub.stat_62:nth-child(even), .episodesList .sub.stat_63:nth-child(even){background:rgba(0, 196, 0, 0.4)}
.episodesList .sub.stat_100, .progressList .sub .position.episodeStatus, #episodesList .sub.stat_100{background:rgba(45, 55, 52, 0.97);opacity:1;display:flex;color:var(--color-white);}
.progressList .sub.stat_100{background:none;color:var(--color-white);}
#episodesList .sub.stat_100 .sub a{color:var(--color-white) !important;}
.episodesList .sub.stat_100 h2.episodeStatus a{color:var(--color-white) !important;}
.episodesList .sub.stat_100 a{color:var(--color-white) !important;}
.progress .sub.stat_1, .progress .sub.stat_20, .progress .sub.stat_3, .progress .sub.stat_60, .progress .sub.stat_62, .progress .sub.stat_63, .progress .sub:nth-child(even){background:none !important;}
.episodeStatus.stat_0, .episodeStatus.stat_0 a, .title a, .episodesList .sub .frames, .episodesList .sub .frames2, .episodesList .sub .frames3{color:var(--color-grey) }
.episodesList .sub .scheduled{color:var(--color-white) }
.title a{color:var(--color-white) !important;}
#status-form dl{border-radius:5px;}
.episodeStatus.stat_3, dl.stat_3{background:rgba(49, 53, 56, .1);color:var(--color-white);}
.episodeStatus.stat_16, dl.stat_16{background:red;color:var(--color-white);}
dl.stat_3{border-bottom:1px solid rgb(49, 53, 56);}
.episodeStatus.stat_0, dl.stat_0{background:rgba(49, 53, 56, .1);color:var(--color-white);}
 dl.stat_0{border-bottom:1px solid rgb(49, 53, 56);}
 dl.stat_1, dl.stat_11{border-bottom:1px solid var(--color-yel);}
 .episodeStatus.stat_1,dl.stat_1{/*animation: migotanie2 3s ease infinite;*/}
  .episodesList .sub .stat_1 a, .episodesList .sub .stat_1 .captions, dl.stat_11{color:#444;font-weight:600;}
  .episodesList .sub .stat_11 a, .episodesList .sub .stat_11 .captions, .episodeStatus.column-16.stat_11{color:var(--color-bg);}
  .episodeStatus.column-5.stat_11 a, .episodeStatus.column-5.stat_11 .captions,   .episodeStatus.column-4.stat_11 a, .episodeStatus.column-4.stat_11 .captions{color:#5d9443;}
.episodeStatus.column-5.stat_11, .episodeStatus.column-4.stat_11, dl.stat_11{background:rgba(33, 38, 37, 1);color:#5d9443;border:1px solid #5d9443}
 @keyframes migotanie2 {
  0% {background:var(--color-yel); }
  50% { background:rgb(251, 164, 0);  }
  100% {background:var(--color-yel);   }
}
.episodeStatus.stat_1, dl.stat_1{background:var(--color-yel);color:var(--color-white);}
.episodeStatus.stat_11{background:rgba(33, 38, 37, 1);color:#5d9443 !important;border:1px solid #5d9443}
.episodesList .sub .stat_11 a{color:#5d9443 !important;}
.episodeStatus.stat_20, dl.stat_20{background:rgba(0, 195, 0, 0.47);color:var(--color-white);}
dl.stat_20{border-bottom:1px solid rgba(0, 195, 0, 0.47);}
.episodeStatus.stat_4, dl.stat_4 {background:rgba(227, 23, 118, 1);color:var(--color-bg);}
 dl.stat_4 {border-bottom:1px solid rgba(227, 23, 118, 1);}
.episodeStatus.stat_5, dl.stat_5{background:black;color:var(--color-white);opacity:1;}
 dl#task-10.stat_5{background:rgba(64, 121, 175, 1);color:var(--color-white);opacity:1;}

dl.stat_5{border-bottom:1px solid black;}
.episodeStatus.stat_60, dl.stat_60{background:rgba(0, 196, 0, 0.5);color:var(--color-white);}
.episodeStatus.stat_69, dl.stat_69{background:rgba(0, 196, 0, 0.5);color:var(--color-white);}
 dl#task-10.stat_60,  dl#task-13.stat_8, .episodeStatus.column-13.stat_8{background:rgb(255, 106, 0);color:var(--color-bg);}
 dl.stat_60{border-bottom:1px solid rgba(0, 196, 0, 0.21);}
.episodeStatus.stat_50, dl.stat_50{background:rgba(0, 196, 0, 0.21);color:var(--color-white);}
.episodeStatus.stat_57, dl.stat_57{background:rgb(255, 106, 0) ;color:var(--color-bg);}
.szpital .episodeStatus.stat_57, .is-parent-page-296 dl.stat_57, .is-parent-page-433 dl.stat_57, .szpital .episodeStatus.column-2.stat_57{color: var(--color-white) !important;background: rgb(21,111,0);}

.episodeStatus.stat_59, dl.stat_59{background:rgb(129, 158, 0) !important;color:var(--color-bg);}
.episodeStatus.stat_58, dl.stat_58{background:rgba(0, 196, 0, 0.21);color:var(--color-white);}
 dl.stat_50{border-bottom:1px solid rgba(0, 196, 0, 0.21);}
.episodeStatus.stat_51, dl.stat_51{background:rgb(109, 60, 116);color:var(--color-white);background: rgb(160,95,179);background: linear-gradient(146deg, rgba(160,95,179,1) 0%, rgba(109,60,116,1) 100%);}
 dl.stat_51{border-bottom:1px solid rgb(109, 60, 116);}
.episodeStatus.stat_53, dl.stat_53{background:rgba(92, 139, 20, 0.7);color:var(--color-white);}
dl.stat_53{border-bottom:1px solid rgba(92, 139, 20, 0.7);}
.episodeStatus.stat_61, dl.stat_61{background:rgba(0, 196, 0, 0.21);color:var(--color-white);background: rgb(0,77,34);background: linear-gradient(127deg, rgba(0,77,34,1) 0%, rgba(0,115,51,1) 45%, rgba(0,32,30,1) 100%);}
.episodeStatus.stat_62, dl.stat_62, .episodeStatus.stat_66, dl.stat_66{background:rgba(0, 125, 0, 0.7);color:var(--color-white);background: rgb(21,111,0);/*background: linear-gradient(127deg, rgba(21,111,0,1) 0%, rgba(15,124,26,1) 49%, rgba(0,59,38,1) 100%);*/}
.episodeStatus.stat_65, dl.stat_65{color:var(--color-white);background: rgb(5, 147, 78)}
.episodeStatus.stat_63, dl.stat_63{background:rgba(0, 176, 0, 0.7);color:var(--color-white);}
dl.stat_62, dl.stat_66{border-bottom:1px solid rgba(0, 196, 0, 0.21);}
.column-1.stat_62, .position.stat_62{background:rgba(28, 124, 0, 0.7) !important}
.episodeStatus.stat_55, dl.stat_55{background:rgba(28, 124, 0, 0.7) !important}

/*@keyframes blink66{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}*/
.episodeStatus.stat_66{/*animation:blink66 1.5s infinite;*/background:rgb(62, 149, 0);}
.episodeStatus.stat_66:before{ content: '';position: absolute; bottom: 10px;left: 10px;width: 10px;height: 10px;background-color:var(--color-yel);border-radius:50%;}

.episodeStatus.stat_7, dl.stat_7{background-color: rgba(255, 0, 63, 1);color:var(--color-white);}
 dl.stat_7{border-bottom:1px solid red;}
.episodeStatus.stat_8, dl.stat_8{background:rgba(0, 180, 255, 0.55);color:var(--color-white);}
 dl.stat_8{border-bottom:1px solid rgba(0, 180, 255, 0.55);}
.episodeStatus.stat_9, dl.stat_9{background:rgb(0, 87, 119);color:var(--color-white);}
dl.stat_9{border-bottom:1px solid rgb(0, 87, 119);}
.episodeStatus.stat_10, dl.stat_10{background:rgba(127, 77, 159, 0.97);}
dl.stat_10{border-bottom:1px solid rgba(127, 77, 159, 0.97);}
.episodeStatus.stat_100, dl.stat_100{}
 dl.stat_100{border-bottom:1px solid rgba(28, 74, 62, 0.97);background:rgba(0, 125, 0, 0.7);}
  dl.stat_52, .episodeStatus.stat_52, dl.stat_52{background:rgba(110, 156, 55, 1) !important;color:var(--color-white);}
  .page.sub.stat_52 .progress-bar{background:rgba(110, 156, 55, 1) !important;}
  .episodeStatus.stat_100 span{color:rgb(254, 205, 0);}
.episodeStatus.column-4.stat_5{background:rgba(255, 0, 63, 1);color:var(--color-white);}
#task-5.stat_63, .episodeStatus.column-5.stat_63{background:rgb(189, 71, 215);}
.stat_63, .episodeStatus.stat_63, dl.stat_63{background:rgb(189, 71, 215);}
.episodeStatus.stat_70, .stat_70{background:rgba(0, 125, 0, 0.7);}
dl.stat_5{background-color:rgba(255, 0, 63, 1);color:var(--color-white);opacity:1;}
.titleNotConfirmed a{color:var(--color-white) !important;}
.episodeStatus.column-1.stat_11 a, .episodeStatus.column-1.stat_11 {color:var(--color-white) !important;opacity:1;}

#frames-gallery{display:flex;flex-direction:row;}
#frames-gallery img{border-radius:10px;}
.episodeStatus span{margin:0 2em;}
.episodesPage h1{display:none;padding-top:2em;}
.position.episodeStatus.stat_100{color:var(--color-white);}


#task-1{order:1;}
#task-2{order:2;}
#task-3{order:3;}
#task-4{order:4;}
#task-5{order:20;}
#task-6{order:6;}
#task-7{order:7;}
#task-8{order:8;}
#task-9{order:9;}
#task-10{order:10;}
#task-11{order:11;}
#task-12{order:12;}
#task-13{order:21;}
#task-14{order:14;}
#task-15{order:15;}
#task-16{order:5;}
#task-17{order:5;}
#task-18{order:18;}
#task-19{order:19;}
#task-20{order:20;}



.lastLogin{display:flex;padding:0;margin:0;align-items:center;font-size: .7em;}
.counting{order:4;color:white;display:flex;flex-direction:column;width:150px;width: 130px;margin: 0 1em;}
.counting.end{color:var(--color-white);}
.code{display:flex;justify-content:end;align-items:center;margin:1em;}
.loglinks{width:100%;display:flex;align-items:center;align-items: center;padding: 1em 3em;}
.episodesList .sub.counted {background:rgb(27, 106, 112) !important;}
.episodesList.progress .sub.counted {background:none !important;}
.menus{display:flex;align-items:center;}
.sidr-class-menus{width: 64%;margin: 0 auto;justify-content: center;align-items: flex-start;text-align: center;font-size: .9em;line-height: 1.5em;}
#profile.form-full fieldset{padding-left:4em;display:flex;margin:1em auto;width:60%;}
#profile.form-full input[type="text"], #profile.form-full input[type="email"], .form-full input[type="password"]{width:80%;}
#profile.form-full fieldset dl{width:50%;}
div.img{width:30px;height:30px;background:url('img/checkWhite.svg') no-repeat 0px 0px;margin:0 auto;padding-top: 3px;padding-right: 4px;opacity:.6;}
div.img.alert{width:30px;height:30px;background:url('img/checkRed.svg') no-repeat 0px 0px;margin:0 auto;padding-top: 3px;padding-right: 4px;opacity:.6;}
div.img.check{width:30px;height:30px;background:url('img/checkYellow.svg') no-repeat 0px 0px;margin:0 auto;padding-top: 3px;padding-right: 4px;opacity:.6;}
div .no-img{width:30px;height:30px;margin:0 auto;padding-top: 3px;padding-right: 4px;opacity:.6;}
.sidr-class-icon {width: 20px;height: 20px;margin: 0 .3em;}
.sidr-class-icon{fill: var(--color-white);}
.accesPreview{margin:2em auto;width:100%;}
.accesList{display: flex;flex-wrap: wrap;}
.accesList li{padding:1em;border-bottom:1px solid var(--color-grey);}
p.alert{display: flex;justify-content: center;align-items: center;}
/* OTHER */
h4{margin-top:5em;}
.list.logs .logId{font-size:0.8em;}
.list.logs{font-size:0.8em;width:100%;margin-top:2em;}
.list.logs .head{display: inline;width: 100%;list-style:none;}
.list.logs .head div{width:auto;}
.list.logs .log b{margin:0 .1em;font-size:0.8em;}
.list.logs ul{display:flex;width:100%;display:flex;list-style:none;}
.list.logs .log{width:100%;display:flex;font-size:12px !important;}
.log:nth-child(odd){}
.log .logContent{width:auto;font-size:0.8em;}
.list.logs .logDate{width:auto;font-size:0.8em;display:inline;font-size:0.8em;}
.list.logs i{font-weight:bold;font-style: unset;padding-left: .5em;padding-right: 1em;color:#5a757c;font-size:0.8em;}
.forms.files td, .forms.files th{border:1px solid var(--color-grey) !important;background-color: var(--color-bg) !important;}
.forms.files input[type="text"]:not(:focus), .forms.files select:not(:focus){border:none !important;background:var(--color-grey) !important;}
.qq-upload-drop-area{background:var(--color-bg) !important;border:1px solid var(--color-grey) !important;}
#show-upload-button{background:var(--color-bg) ;color:var(--color-white);font-size:1em;padding:1em;margin-top: 0;border: 1px solid var(--color-grey);border-radius: .5em;}
#show-upload-button:hover{background: var(--color-dark);}
.main-form-upload{background:var(--color-bg);position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height: 100%;margin: 0;z-index: 500;}
.restricted{background:var(--color-yel);color:var(--color-bg);padding:1em;margin: 2em 0;}
.location select{background:var(--color-yel);color:var(--color-bg);padding:1em;}
.forms.files select:not(:focus){background:rgb(214, 173, 0) !important;color:var(--color-bg) ;padding:.2em;}
#close-upload-button{position: fixed;z-index: 500;font-size: 2em;color: #fff;top: 1em;right: 1em;background:none;}
.status-panel.form.form-full{margin:0 ;}
.logLast{position:fixed;top:0;width:100%;text-align:center;padding:1em;}
.logInProgress{width:100%;text-align:center;padding:1em;display:flex;align-items:center;background:var(--color-yel);color:var(--color-bg);}
.logInProgress div{margin:0 1em;}
.sidr-class-widget-edit, #hamburger-menu{display:none;}
#hamburger-menu{position: absolute;top: 0;right: 1em;}
.userInfoLoggedToday{padding:1em;}
.userInfo{padding:0em;color: var(--color-grey);display: flex;justify-content: flex-start;align-items: center;padding: 0;}
.userInfo strong{}
.headline{width:100%;display: flex;justify-content: space-between;align-items: center;margin-top:0em;padding: 1em 0;}
.headline div{display:flex;flex-direction:row;}
.headline.fixed{height:50px;}

.sidr{background:var(--color-bg) !important;}
.sidr p a{color:var(--color-secondary) !important;}
span.sidr-class-code{display:flex;flex-direction:column;}
.sidr-class-user-link{line-height:2em;}
.menus{display:flex;}

  .popup {    display: none;    position: fixed;    top: 30%;    left: 50%;    transform: translate(-50%, -50%); padding: 20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); z-index: 1000; background:rgb(254, 205, 0);color:var(--color-bg)  }  /* Styl przycisku zamknij */ 
  .close-btn {    cursor: pointer;    float: right;  margin:1em;}

h3.user_1, #comments h3.user_1{color:rgb(96, 118, 162);}
h3.user_2, #comments h3.user_2{color:rgb(101, 154, 62);}
h3.user_3, #comments h3.user_3{color:yellow;}
h3.user_4, #comments h3.user_4{color:white;}
h3.user_5, #comments h3.user_5{color:pink;}
h3.user_6, #comments h3.user_6{color:green;}

#comments p.comment{padding:1em 1.5em;border-radius:10px 10px 10px 10px;color:var(--color-bg);border:1px solid rgba(255,255,255,0.2);word-wrap: break-word;min-width: 230px;}
.comic{clip-path: polygon(100% 0, 0 0, 100% 100%);width:20px;height:10px;top:10px;position:relative;display:none;}

#comments p.comment.user_1{background-color:rgb(96, 118, 162);}
#comments p.comment.user_2{background-color:rgb(101, 154, 62);}
#comments p.comment.user_3{background-color:yellow;}
#comments p.comment.user_4{background-color:white;}
#comments p.comment.user_5{background-color:pink;}
#comments p.comment.user_6{background-color:green;}
#comments time{margin:1em;}

.progressList .progress-container { width: 50%;height: 20px;  position: relative; background:var(--color-bg); }
.progress-bar {height: 100%; background-color: var(--color-grey);     transition: width 0.5s;}    
.stat_100 div.progress-bar{background:rgba(45, 55, 52, 0.97) !important;}
.progress-label {position: absolute; top: 0;left: 50%;transform: translateX(-50%); color: white;width:100%;}
.progressList .sub{border:none;width:100%;}
.progressList, .progressList .sub .episodeStatus{height:auto;width:100%;}
.progressList.type-5{overflow: -webkit-paged-x;}
.lastComment{width:100%;color:var(--color-white);display:flex;justify-content:left;align-items:center;padding: 0 4em;order:4;}
.lastComment div{padding:0 1em;}
.lastComment a{display: flex;justify-content: center;align-items: center;}
.commentContent{font-size:1em;}
.progressList .sub:nth-child(odd){border-bottom: 1px solid var(--color-child);border-top: 1px solid var(--color-child);}
.progressList .counting{width:500px;}

#toggleButton, #toggleButtonProgress{width:100%;padding:.5em;background: rgba(45, 55, 52, 0.97);}
#toggleButton:hover, #toggleButtonProgress:hover{color:var(--color-white);}
#toggleButton.no-list:before, #toggleButtonProgress.no-list:before{content:"\2261";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:bold;}
#toggleButton.is-list:before, #toggleButtonProgress.is-list:before{content:"\2014";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:bold;}
.userInfo {color:var(--color-grey);}
.userInfo strong {color:var(--color-white);margin:0 1em;}
#profile.form-full input[type="text"]#userColor{width:200px;margin-right: 4em;}
#profile input#colorPicker{width:100px;height:100px;background:var(--color-bg);}
#profile input#colorPicker div div{border-radius:50%;}

.tooltip{position:relative;display:inline-block;color:blue;}
.tooltip.tooltiptext,.sidr-class-tooltip{z-index:500;display:flex;justify-content:center;align-items:center;Flex-direction:column;width:auto;height:auto;background-color:var(--color-bg);color: var(--color-white);   text-align: center; border-radius: 4px;padding: 3em 1em;   position: fixed;  top:0; transform: translateX(-50%);   transition: opacity 0.3s;}
.tooltip:hover .tooltiptext {   }

.highlight { background-color: yellow;}

#commentsFromUser{margin-top:0em;}
#commentsFromUser h2{margin:1em 0;font-size: 1rem;}
#commentsFromUser .header{margin:0; display:flex;display: flex;justify-content: space-between;align-items: center;padding: 0 0 2em;}
.header .displaySettings{margin:0 ;padding:0;}
.header h4{margin:0 ;padding:0;width:50%;display:flex;align-items:center;justify-content:flex-start;}
#commentsFromUser .episodeTitle a{font-size:.7em;color:var(--color-grey);text-decoration:none;}
#commentsFromUser .episodeTitle a:hover {color:var(--color-white);}
.commentFromUser .episodeTitle p a{text-decoration:none;}
.commentFromUser .episodeTitle a{text-decoration:none;color:var(--color-grey);}
.commentFromUser .episodeTitle a:hover{text-decoration:none;color:var(--color-white);}
.commentFromUser p{width:auto;padding:1em;color:#000;order:2;border-radius:10px;margin:.5em 1em;border:1px solid rgba(255,255,255,.2);font-size:0.875rem;text-decoration:none;}

div.commentFromUser.gotToday:before{content:"dzisiaj";margin-right:2em;display:inline-block;vertical-align:center;min-width: 60px;height:15px;background:var(--color-white);color:var(--color-bg);opacity:1;font-size:.7em;text-align:center;animation: blink 1s infinite alternate;}
@keyframes blink {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}
div.commentFromUser.gotYesterday:before{content:"wczoraj";margin-right:2em;display:inline-block;vertical-align:center;min-width: 60px;height:15px;background:var(--color-white);color:var(--color-bg);opacity:.8;font-size:.7em;text-align:center}
div.commentFromUser.gotBeforeYesterday:before{content:"przedwczoraj";margin-right:2em;display:inline-block;vertical-align:center;min-width: 80px;height:15px;background:var(--color-white);color:var(--color-bg);opacity:.4;font-size:.7em;text-align:center}
div.commentFromUser.gotLastWeek:before{content:"tamten tydzień";margin-right:2em;display:inline-block;vertical-align:center;min-width: 80px;height:15px;background:var(--color-white);color:var(--color-bg);opacity:.3;font-size:.7em;text-align:center}
div.commentFromUser.gotThisWeek:before{content:"ten tydzień";margin-right:2em;display:inline-block;vertical-align:center;min-width: 80px;height:15px;background:var(--color-white);color:var(--color-bg);opacity:.3;font-size:.7em;text-align:center}
div.commentFromUser:before{margin:1em;}
.commentFromUser{display: flex;align-items: center;padding:0 1em;}
.commentFromUser time {order:3;font-size: .7em;}


    #page div.content{}

.emotki { display:flex; gap:.5rem; align-items:center; margin-top:.25rem; }
.emotki .emo { display:inline-flex; align-items:center; gap:.25rem; cursor:default; }
.emotki .emo-count { font-weight:600; font-size:.85em; }
  
  .comment-panel.form.form-full{border-top: 1px solid var(--color-child);padding-top: 1em;}

  .usersInGroupList{display:flex;font-size:.8em;color: var(--color-bg);}
  .qq-upload-button{font-size:2em !important;width:700px;margin:0 auto;}
  .qq-uploader{width:700px;margin:0 auto;display:flex;flex-direction:column;}
  #fileUploader div{display:flex;flex-direction:column;}
  .search{display:flex;flex-direction:row;}
.search .head {padding:0 2em;}
#content .search .head{font-size:1em;padding:1em;}
.search{display:flex;}
#advanced-fields{display:flex;flex-direction:row;}
#advanced-fields .input, #advanced-fields .select{min-width:300px;max-width:95%;font-size:1.5em;background:none;border:1px solid var(--color-white);padding:.5em 1em;height:auto;border-radius:10px;}
#advanced-fields .select{}
#advanced-fields:after{content:'';clear:left;display:table;}
#advanced-fields input[type="submit"], #advanced-fields button[type="submit"]{margin:0 1em;border:1px solid var(--color-white);background:none;border-radius:10px;width:100px;margin:0 1em;background:var(--color-darker);padding:0;}
#advanced-fields input[type="submit"]:hover, #advanced-fields button[type="submit"]:hover{background:var(--color-white);color:var(--color-bg);}

#advanced-fields > li{padding-bottom:0;}
#advanced-fields label{display:block;}
#advanced-fields ul .head{font-weight:bold;padding-bottom:5px;display:none;}
#advanced-fields ul label{font-weight:normal;}


#search-form-advanced {   width: 0;    overflow: hidden;    transition: width 0.1s; height:100vh; position:fixed;top:0; }
#search-form-advanced fieldset{width:100vw;height:100vh;background:rgba(0,0,0,0);backdrop-filter: blur(100px);-webkit-backdrop-filter: blur(100px);display:flex;flex-direction:column;justify-content:center;align-items:center;}
#showSearch {    cursor: pointer;   height:auto;  width:50px;  border-radius:5px;text-align: center; padding:0 1em;display:flex;justify-content:center;align-items:center;position:absolute;left:10px;z-index:400 ;top:0;}
#showSearch:hover {  opacity:1; }  
#showSearch img{height:30px;opacity:.5;margin:1em;}
.input, .select {    width: 100%; height:auto;  }
.search input[type="submit"] {    background-color: #3498db;    color: white; height:auto;    border: none;    cursor: pointer;  }
.search input[type="submit"]:hover {      }
label.input{display:none !important;}



.lastName{display:none;}
.count{width:30px;height:30px;background:red;color:#fff;display:flex;justify-content:center;align-items:center;font-size: 12px;border-radius: 50%;margin: 0 0 0 .5em;}
.count.white {background:var(--color-bg);color:var(--color-grey);font-size:20px;}
#timeContainer{font-size:.8em;display:flex;}
#polishTimeDescription,#mexicanTimeDescription{margin:0 .2em;background:var(--color-text);color:var(--color-bg);padding:2px 3px;}
#comments-limit-select{font-size:.9em;background:var(--color-grey);}
#comments-limit-select:hover{background:var(--color-white);}
.countingDetails{display:none;}
.widget.projects p {display:flex;justify-content:flex-start;align-items:center;margin:1em 0;}
.widget.projects{flex: 0 0 85%;display:flex;}
.projectLink{margin-top: 1em;width: 100px;text-align: center;}
.projectLink a:hover{color:var(--color-white);}
.projectLink .initial-link:hover, .projectLink.selected .initial-link{background:var(--color-white);color:var(--color-bg);}

.widget.messagesMobile{width:auto;flex: 0 0 10%;display: flex;justify-content: center;align-items: center;display:none;}
/* FILES */ 
.forms.files table{margin:15px 0;width:100%;} 
.forms.files thead, .display-files-all{font-size:0.75em;background:#ededec;} 
.forms.files thead em.adv{display:block;margin-top:.3rem;color:#888;} 
.forms.files th{text-align:left;} .forms.files td:first-child, .forms.files th:first-child{text-align:center;}
.forms.files td, .forms.files th{padding:5px 10px;border:1px solid #c3c2c0;}
.forms.files #files-list tr td:first-child{opacity:0.7;} .forms.files #files-list tr td:first-child:hover{opacity:1;} 
.forms.files td .description{width:98%;} 
@media screen and (min-width:1024px){ .forms.files td .description{min-width:15vw;} } 
.forms.files td.description .alt input{margin-top:.3rem;}
.forms.files tbody td{vertical-align:middle;} 
.forms.files tbody a{text-decoration:none;} .forms.files tbody a:hover{text-decoration:underline;}
.forms.files tr:hover td.name a{color:#000;} .forms.files tr:hover td.name .image{opacity:.8;} 
.forms.files td.name{position:relative;max-width:240px;padding:6px 0;text-align:left;word-wrap:break-word;} 
.forms.files td.name a{display:block;max-width:398px;margin-left:5px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;font-size:0.875em;}
.forms.files .image-thumb .image{max-width:150px;max-height:80px;} .forms.files .thumb-preview{position:absolute;left:100px;top:10px;z-index:10;} 
.forms.files .thumb-preview .thumb-preview__image{max-width:400px;border:1px solid #c3c2c0;box-shadow:2px 3px 4px rgba(0,0,0,0.3);} 
.forms.files .thumb-preview .more-info{position:absolute;bottom:.25rem;right:0;max-width:100%;padding:.5rem 1rem;background:rgba(0,0,0,.5);color:#fff;font-size:0.875rem;}
.forms.files input[type="text"]:not(:focus), .forms.files select:not(:focus){background:#f8f8f8;border-color:#cccccd;}
.forms.files input[type="text"]:hover:not(:focus), .forms.files select:hover:not(:focus){background:#fff;border-color:#9e9fa0;;}
.forms.files .fixed-files{top:0;position:fixed;z-index:2;display:none;width:calc(100% - 30px);}

/* FILES THUMBS settings */ .forms.files .thumbs{list-style:none;display:flex;justify-content:space-between;flex-flow:row wrap;}
@media screen and (min-width:1366px){ .forms.files .thumbs{min-width:420px;} } 
.forms.files .thumbs .thumb{flex-basis:24%;margin-top:.75rem;} .forms.files .thumbs .thumb--details{flex-basis:28%;} 
.forms.files .thumbs .options{margin-top:3px;} .forms.files .thumbs .icon{display:inline-block;width:1.25rem;height:1.25rem;margin-right:.3rem;fill:#888;}
.forms.files .thumbs input:checked ~ .icon{fill:#6e9c37;} .forms.files .thumbs .icon-details{fill:#333;}
.forms.files .thumb input + .icon{margin-left:7px;} .forms.files .clear-default{display:block;}
.forms.files .clear-default:hover{opacity:0.6;} 
/* Image magnification control */ 
.forms.files .thumb .big{display:inline-block;width:26px;height:26px;margin-left:4px;padding:5px 0 0;vertical-align:middle;text-align:center;background:url('templates/default/img/zoom.png') no-repeat 0 0;opacity:0.6;}
.forms.files .thumb .big.hide{display:none;} 
.forms.files .thumb .big:hover{opacity:1;} 
.forms.files .thumb .big input, .forms.files .thumb .big:hover input{opacity:0;} .forms.files .big.custom label{width:20px;} 
.forms.files#tab-files div.custom{margin-top:3px;} .forms.files#tab-files div.custom > label{width:20px;opacity:0.4;} 
.forms.files#tab-files div.custom > label:hover{opacity:1;} .custom > input{position:absolute;left:0;float:left;width:16px;height:16px;margin:0;padding:0;opacity:0;} 
.custom > label{display:inline-block;padding:0;line-height:16px;white-space:nowrap;} 
.custom:not(.custom--labeled) > label{width:40px;text-indent:100%;overflow:hidden;font-size:1px;}
.custom--labeled > label{padding-left:1.5em;} .custom:not(.d) > input + label{height:16px;background:url('templates/admin/img/checkbox-custom.png') 0 -1px no-repeat;} 
.custom:not(.d) > input:hover + label, .custom:not(.d) > input:focus + label, .custom:not(.d) > input + label:hover, .custom:not(.d) > input:focus + label{text-decoration:underline;} .custom:not(.d) > input[type=checkbox]:checked + label{background-position:0 -41px;}
/* checked */ .custom:not(.d) > input[type=checkbox]:hover:checked + label, .custom:not(.d) > input[type=checkbox]:focus:checked + label, .custom:not(.d) > input[type=checkbox]:checked + label:hover, .custom:not(.d) > input[type=checkbox]:focus:checked + label {background-position:0 -61px;} 
/* checked */ .custom:not(.d) > input[type=checkbox]:hover + label, .custom:not(.d) > input[type=checkbox]:focus + label, .custom:not(.d) > input[type=checkbox] + label:hover {background-position:0 -21px;} /* hover */ .custom:not(.d) > input[type=checkbox]:disabled + label{background-position:0 -81px;}
/* disabled */ .custom:not(.d) > input[type=checkbox]:checked:disabled + label{background-position:0 -101px;} 
/* disabled checked */ td.custom > label{width:20px;}.main-form-upload{float:left;width:100%}.main-form-upload.form-full .save{width:auto;   }.forms.files tr:hover td.name a{color:#fff}
.main-form-upload.form-full .save{position:fixed;right:1em;bottom:1em;}

.firstName, .lastName{display:none;}
.firstName.short, .lastName.short{display:block;}
.info {
    background-color: #f0f0f0; /* Kolor tła informacji */
    color: #333; /* Kolor tekstu informacji */
    padding: 5px; /* Wewnętrzny odstęp informacji */
    border: 1px solid #ccc; /* Obramowanie informacji */
    border-radius: 3px; /* Zaokrąglenie narożników informacji */
    position: absolute; /* Pozycja absolutna, aby wyświetlić nad emotikoną */
    top: -25px; /* Odległość górna od emotikony */
    left: 0; /* Odległość od lewej strony emotikony */
    z-index: 1; /* Z-index, aby wyświetlić nad innymi elementami */
}
.profiles strong{display:flex;justify-content:center;align-items:center;}
.tab {padding: 10px 15px; cursor: pointer;}  
.tab.active { background-color: #0093dd ;color: white;}  
.timeTabs {margin-top: 20px;display: flex;justify-content:center;border-bottom: none;margin-bottom:0;}  
.tab-content {padding: 20px;}

.recipientDiv{width:10px;height:10px;border-radius:50%;max-width:10px;max-height:10px;}
.recipientDivsList, .lastMessages{display:flex;width:100%;padding:.5em;}
.menuMessages{display:flex;width:100%;background:var(--color-bg);}
.menu{display:flex;}
.menu .page h2.title a{font-size:.8em;margin:0;background:var(--color-grey);color:var(--color-bg) !important;padding:.5em;text-decoration:none;border-radius: 10px 10px 0 0;}
.menu .page h2.title a:hover{background:var(--color-white);color:var(--color-bg) !important;text-decoration:none;}
.is-user-from #page-64 h2.title a, .is-user-to .menu #page-54 h2.title a{background:var(--color-white);}

#epi_comment_form_button{width:100%;color:#fff;position:fixed;font-size:1.5em;bottom:0;left:0;z-index:200;display:block;border:1px solid var(--color-white);padding:.5em;background:var(--color-bg);border-radius:10px;text-align: center !important;}
#epi_comment_form_button:hover{background:var(--color-white);color:var(--color-bg);}
#epi_comment_form_{width:100%;height:100%;}
#epi_comment_form_ h2{font-size:2em;}
#comments-form.comment-panel.form.form-full{background:var(--color-bg);background:rgba(0,0,0,0);border:none;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}
  #epi_comment_form_ {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(31, 30, 30, 0.9); /* Przezroczyste tło */
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        display: none;
        z-index: 9999; /* Znacznie wyższy niż inne elementy na stronie */
    }

    #epi_comment_form_ > .close_comment_form {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        color: white;
        z-index:300;
    }

    /* Dodatkowy styl dla samego formularza */
    #comments-form {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 20px;
    }

.widgets-list.widgets-12 ul{display:flex;flex-flow:row nowrap !important;}

.emoticonDialog{width:auto;display:flex;height:30px;background:var(--color-grey);border-radius: 30px;height: 50px;display: flex;align-items: center;padding: 0 .4em;}
.emoticonDialog div, .emoticonSelected div{margin:0 .5em;background-repeat:no-repeat;width:30px;height:30px;background-size:cover}
.emoticonSelected{width:auto;display:flex;height:30px;display:none;}
.emoticonSelected div.none{display:none;}
.emoticonDialogOff div.none{display:none;}

.emotka .none{display:none;}
.emoticonDialogOn .emotka div:hover{width:50px;height:50px;}
.emoticonDialogOn p.comment:hover{background:#fff !important;color:rgba(255,255,255, 0) !important;}
.emoticonDialogOn p.comment:hover::before{content:"kliknij by dodać ikonkę";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:bold;position:absolute;text-align:center;}
.emotki .none{display:none;}
.emotki{padding:.5em;opacity:.5;}
.emoticonDialogOff div, .emoticonDialogOn div{margin-left:5px;}
.none { background-image: url('img/none.svg');opacity:.2;width: 30px;height: 30px;background-size: cover;}
.like { background-image: url('img/like.svg');width: 30px;height: 30px;background-size: cover;}
.love { background-image: url('img/love.svg');width: 30px;height: 30px;background-size: cover;}
.wow {  background-image: url('img/wow.svg');  width: 30px;height: 30px;background-size: cover;}
.haha { background-image: url('img/haha.svg');width: 30px;height: 30px;background-size: cover;}
.angry {background-image: url('img/angry.svg');width: 30px;height: 30px;background-size: cover;}
.care { background-image: url('img/care.svg');width: 30px;height: 30px;background-size: cover;}
.sad {  background-image: url('img/sad.svg');width: 30px;height: 30px;background-size: cover;}
.copy-button{background:none;font-size:.5em;margin:0 1em;color:var(--color-grey)}
.reply-button{background:none;font-size:.5em;margin:0 1em;color:var(--color-white)}
.comment-text i{opacity:.5;}
.episodesCount{padding:0 1em;}


.archives .pages-1 h2 a{font-size:1.5em;text-align:center;padding:.1em;margin:0;}
.archives .title{margin:0;padding:0;width:100%;}
.archives .pages-1 h2 a:hover{text-decoration:none;background:var(--color-grey);}
.archives .pages-1 .sub:first-child{border-top:1px solid var(--color-grey);}
.archives .pages-1 .sub{border:1px solid var(--color-grey);padding:0;border-top:none;position:relative;display:flex;flex-direction:row;width:100%;}
.archives .pages-1 .sub a{display:block;width:95%;}
.archives .pages-1 span.comments-count{width:5%;}

.button-download a{border:1px solid var(--color-text);border-radius:5px;padding:.3em;word-wrap: initial;}
.button-download a:hover{background:var(--color-yel);border:1px solid var(--color-yel);color:var(--color-bg);}
#toggleLogs{background:var(--color-bg);padding:1em;border-radius:1em;border:1px solid var(--color-text);color:var(--color-text);} 
#toggleLogs:hover{background:var(--color-text);color:var(--color-bg);}

.tabContent, .tabDownloadList, .tabContentExtended{background:var(--color-child);border:0 solid var(--color-grey);margin:0 .1em 0 0;padding:.5em 1em;border-radius:5px;position:relative;z-index:300;clear:both;}
.tabContent:hover, .tabDownloadList:hover, .tabContentExtended:hover{background:var(--color-white);color:var(--color-bg);}
.tabDownloadList.active, .tabDownloadList.active, .tabContentExtended.active{background:var(--color-white);color:var(--color-bg);border:0px solid var(--color-darker);border-radius:5px 5px 0 0;}
.tabContent.active:hover, .tabDownloadList.active:hover, .tabContentExtended.active:hover{opacity:0.7;}
.contentExtended table{clear:both;margin-top:4em;display:block; border-collapse: separate;-webkit-user-select: none;user-select: none;}
.contentExtended td:nth-child(2) {-webkit-user-select: text;user-select: text;}

.contentExtended tr{width:100%;}
.contentExtended td{width:30%;}
.contentExtended td:first-child{text-align:right;color:var(--color-white);border-right:1px solid var(--color-child); }
.contentExtended tr:first-child{color:var(--color-white);padding-bottom:4em;font-size:.7em;height:50px;}
.contentExtended, .download-list, #page #tabs div.content {background:var(--color-darker);border-radius:0 10px 10px 10px;padding:1em 0;margin-top: 0;margin-bottom: 0;}
#page #tabs div.content p{margin:0 2em;}
#upload-container{display: flex;justify-content: end;}
.captions{position:absolute;right:-1em;}

.user-link.profiles span{border-radius:5px;padding:5px 1em;}
.menus .user-link.profiles span{padding:5px 0em !important;}
.page.sub.destinated:last-child{margin-bottom:2em !important;}
.users-top-links{display:flex;}
@keyframes wipeFromLeft { 0% {background: linear-gradient(to left, transparent 0%, transparent 100%); background-size: 100% 100%;}100% {background: linear-gradient(to left, transparent 0%, transparent 0%); background-size: 100% 100%; }}

.hidden-button {display: none;}
#restoreOpacity{font-size:1em;border:1px solid #eee;border-radius:10px;color:#fff;background:var(--color-bg);position:relative;bottom:0;padding:1em;margin-top:2em;}
#restoreOpacity:hover{background:var(--color-white);color:var(--color-bg);}

.episodeStatus, #status-form dl{border-radius:2px;backdrop-filter: blur(14.1px);-webkit-backdrop-filter: blur(14.1px);}
.fixed {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 999; background:var(--color-child);padding: .1em 7em 0;}
#tabs{margin-top:1em;}
#tabsContainer.fixed, #tabsContainer.fixed div{background:var(--color-bg);}
#tabsContainer.fixed div:hover{background:var(--color-grey) !important;}
#tabsContainer.fixed{border-bottom: 1px solid #333;}
#tabsContainer.fixed .tabDownloadList.active, #tabsContainer.fixed .tabDownloadList.active, #tabsContainer.fixed .tabContentExtended.active{background:var(--color-white);color:var(--color-bg);}
.progress-container {  animation: wipeFromLeft 1s ease-in-out;  background: linear-gradient(to left, transparent 0%, transparent 0%);  background-size: 100% 100%;}
.column-16{order:4;}
.column-17{order:4;}
div.save{order:30}
#profilePicture{padding:1em;width:100%;}
.filterEpisode {padding:1em;width: 100%; display: flex; gap: 20px; justify-content: center; align-items: center;}
.filterEpisode .noEpisode{padding:1em;width: 100%; display: flex; gap: 20px; justify-content: center; align-items: center;flex-direction:column;}
.filterEpisode form{width: 100%; display: flex; gap: 20px; justify-content: center; align-items: center;flex-direction:row;}
.filterEpisode input[type="text"]{border:1px solid #555;width:50px;}
.filterEpisode input[type="button"], .filterEpisode input[type="submit"]{background:var(--color-bg);color:var(--color-grey);border:1px solid var(--color-grey);border-radius:10px;padding: .5em 1em;font-size: 1rem; margin-top: 0;margin-left: 2em; }
#filterForm label{font-weight:200;font-size:.7em;}
.filter-1, .filter-2{display: flex;gap: 1em;justify-content: center;align-items: center;}
.episodeStatus.stat_1 a,dl.stat_1 a{z-index:5;}
.episodeStatus.column-4.stat_1, .episodeStatus.column-10.stat_1, .episodeStatus.column-11.stat_1,  .episodeStatus.column-5.stat_1,  .episodeStatus.column-13.stat_1, .episodeStatus.column-2.stat_1 {background-color: var(--color-bg);position: relative;overflow: hidden;}
.episodeStatus.column-4.stat_1:before, .episodeStatus.column-10.stat_1:before, .episodeStatus.column-11.stat_1:before,  .episodeStatus.column-5.stat_1:before,  .episodeStatus.column-13.stat_1:before, .episodeStatus.column-2.stat_1:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color-yel);transform: scaleX(0); transform-origin: left;animation: wipe 20s infinite ; }
@keyframes wipe {to {transform: scaleX(1);} }

.status-edit{display:flex;align-items:center;padding:5px;margin-bottom:10px;}
.status-checkbox{width:20px;height:20px;cursor:pointer;margin-right:8px;accent-color:#007bff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ccc;border-radius:3px;position:relative;}
.status-checkbox:checked{border-color:#007bff;background-color:#007bff;color:white;}
.status-checkbox:checked::before{content:"✓";position:absolute;top:0;left:2px;color:white;font-size:14px;}
.status-edit:hover .status-checkbox{border-color:#0056b3;}
.page.selected {    background-color: rgba(52, 82, 94, 0.66);}
.status-controls{display:flex;flex-direction:row;margin:1em auto;justify-content:center;gap:10px}
.status-controls label{font-size:.7em;font-weight:300;}
.status-controls select{border:1px solid var(--color-child);}
.select-edit{display:flex;flex-direction:column;margin:0 10px;}
.episodesList .subpage-edit {position:absolute;right:-20px;}
.episodesList .headEpisodes, .episodesList .headEpisodes a {display:flex;padding:0 !important;justify-content:left !important;font-size:10px !important;align-items: center;}
.episodesList .headEpisodes .scheduled, .episodesList .headEpisodes .title {display:flex;justify-content:center;align-items:center;}
.headEpisodes, .headEpisodes a, .headEpisodes span{font-size:10px !important;}
.select-edit.column-2{order:2;}
.select-edit.column-3{order:3;}
.select-edit.column-4{order:4;}
.select-edit.column-5{order:50;}
.select-edit.column-6{order:6;}
.select-edit.column-7{order:7;}
.select-edit.column-8{order:8;}
.select-edit.column-9{order:9;}
.select-edit.column-10{order:10;}
.select-edit.column-11{order:11;}
.select-edit.column-12{order:12;}
.select-edit.column-13{order:130;}
.status-controls input[type="submit"]{order:900;}
.sidr-class-users-top-links{margin:0 auto;text-align: center;}
#statusPrompt{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#333;color:#fff;font-size:15px;text-align:center;padding:12px 8px;cursor:pointer;display:none;box-shadow:0 -2px 6px rgba(0,0,0,.4)}
#statusPrompt .arrow{font-size:18px;margin-left:6px;vertical-align:middle}