/* module TRAININGS */

@font-face {
	font-family: 'trainings';
	src:url('/img/kursy/webfonts/trainings.eot');
	src:url('/img/kursy/webfonts/trainings.eot?#iefix') format('embedded-opentype'),
		url('/img/kursy/webfonts/trainings.woff2') format('woff2'),
		url('/img/kursy/webfonts/trainings.woff') format('woff'),
		url('/img/kursy/webfonts/trainings.ttf') format('truetype'),
		url('/img/kursy/webfonts/trainings.svg?#trainings') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
 --font-training-icon: "trainings";
 
 --color-data: #ca4b72;
 --color-hours: #4bb4ca; 
 --color-location: #28914f;
 --color-type: #2945d4;
 --color-status: #d42929;
 --color-price: #4b78ca;
 
}


/* lista zagniezdzona */
.trainings .listing-nest { clear:both; margin:0 0 2em 0; padding:0; overflow:visible; }
.trainings .listing-nest ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
.trainings .listing-nest ul li { position:relative; float:none; padding:0 0 0 50px; margin:0; overflow:visible !important; list-style:none; border:0; width:auto; width:100%; box-sizing:border-box; }
.trainings .listing-nest ul li:before { font-family:var(--font-training-icon); font-size:1.6em; line-height:40px; width:40px; height:40px; text-align:center; position:absolute; top:1em; left:5px; display:block; background:var(--color-light-grey); padding:0; border-radius:50%; }
.trainings .listing-nest ul li.noRecords { padding:2em; text-align:center;}
.trainings .listing-nest ul li.options { overflow:visible; padding:1em; border-top:2px solid var(--color-main); border-bottom:2px solid var(--color-main); text-align:left; }
.trainings .listing-nest ul li.folder:before { content:"\e909"; }
.trainings .listing-nest ul li.category:before { content:"\e915"; color:var(--color-white); background:var(--color-main); }
.trainings .listing-nest > ul > li.category > .level { background:var(--color-light-grey); }
.trainings .listing-nest ul li.timetable:before { content:"\e906"; color:var(--color-white); background:var(--color-main); }
.trainings .listing-nest ul li.document:before { content:"\e904"; color:var(--color-white); background:var(--color-main); }
.trainings .listing-nest ul li.users:before { content:"\e901"; }
.trainings .listing-nest ul li.user:before { content:"\e902"; }
.trainings .listing-nest ul li.add:before { content:"\e90f"; }
.trainings .listing-nest ul li.clock:before { content:"\e918"; }
.trainings .listing-nest ul li.locked:before { color:var(--color-white); background:var(--color-red); } 
/*1 level */
.trainings .listing-nest ul li .level { background-color:var(--color-white); padding:2em 1em; border:0; margin:0; border-bottom:1px solid var(--color-grey); }
.trainings .listing-nest ul li .level:hover { background-color:var(--color-light-grey); }
/*2 level */
.trainings .listing-nest ul > ul > li { margin-left:0; }
.trainings .listing-nest ul > li > ul > li >.level { background-color:var(--color-white);}
.trainings .listing-nest ul > li > ul > li:last-child > .level { border-bottom:0; }

/* listing rekordow  */
.trainings .listing { position:relative; display:table; width:100%; overflow:visible; border:0; margin:0; padding:0;}
.trainings .listing br { clear:both; }
.trainings .listing img { border:0; vertical-align:middle;  }
.trainings .listing a:link,.trainings .listing a:visited { font-size:1em; text-decoration:none; padding:0; }
.trainings .listing a:hover,.trainings .listing a:focus { text-decoration:none; }
.trainings .listing.line  { border-top:1px var(--color-light-grey) solid; padding:1em 0; margin:1em 0 0 0;}
.trainings .listing h2,.trainings .listing strong.h2 { font-size:1.7em; line-height:1.3em; font-weight:normal; text-decoration:none; padding:0; margin:0; overflow:hidden; }
.trainings .listing h3 { font-size:1.8em; line-height:1.3em; font-weight:normal; text-decoration:none; text-align:left; padding:0 0 0.5em 0; margin:0; overflow:hidden; display:block; }
.trainings .listing h4 { font-size:1.2em; line-height:1em; font-weight:normal; text-decoration:none; padding:0; margin:0; overflow:hidden; }
.trainings .listing h3 em { font-size:1em; font-weight:normal; text-decoration:none; padding:0; margin:0; overflow:hidden; }
.trainings .listing h3 span { position:relative; display:block; padding:0; margin:0; overflow:hidden; font-size:0.8em; line-height:1em; font-weight:normal; }

.trainings .listing.locked { padding:20px 0.5em 0.5em; margin:40px 0 0 0; box-sizing:border-box; border:2px solid var(--color-red); }
.trainings .listing.locked:before { font-family:var(--font-training-icon); font-size:1rem; line-height:1em; position:absolute; width:40px; height:40px; top:-20px; left:50%; transform:var(--vcenter);-webkit-transform:var(--vcenter);-ms-transform:var(--vcenter); display:block; margin:0; padding:0; color:var(--color-white); background:var(--color-red); font-size:2em; line-height:40px; content:"\e90e"; border-radius:100%; text-align:center; }

/* lista  */
.trainings .listing ul { padding:0; margin:0; text-align:left; display:block; list-style-type:none; list-style-image:none; width:100%; }
.trainings .listing ul li { position:relative; display:block; padding:1em; margin:0; overflow:hidden; overflow:visible; list-style:none; border-bottom:2px solid var(--color-light-grey); }
.trainings .listing ul li.post { display:table; width:100%; }
.trainings .listing ul li.options { display:block; overflow:visible; text-align:right; border-top:2px solid var(--color-main); border-bottom:2px solid var(--color-main); }
.trainings .listing > ul > li:nth-child(even) { background:var(--color-white); }

/* name  */
.trainings .listing .name { display:table-cell; vertical-align:middle; margin:0; padding:0 1em 0 0; width:45%; box-sizing:border-box; overflow:hidden; }
.trainings .listing .name.short { width:25%; }
.trainings .listing .name span { display:block; }
.trainings .listing .name a:link,.trainings .listing .name a:visited { display:table; font-size:1em; line-height:1em; text-decoration:none; padding:0.1em 0; }
.trainings .listing .name a:hover,.trainings .listing .name a:focus { text-decoration:underline; color:var(--color-dark-grey); }
.trainings .listing-nest > ul > li.category > .level > .listing .name { width:100%; }

.trainings .listing .info { display:table-cell; vertical-align:middle; margin:0; padding:0; width:25%; text-align:center; }
.trainings .listing .info ul { margin:0; padding:0;list-style-type:none;list-style-image:none; }
.trainings .listing .info li { height:1%; width:auto; display:block; margin:0; padding:0 0 0.4em 0; border:0  !important; background:transparent; position:relative; text-align:right; font-weight:normal; text-decoration:none; font-size:1em;line-height:1.1em; }
.trainings .listing .info li span { display:block; margin:0; padding:0 0 0.2em 0; position:relative; text-align:left; font-weight:normal; color:var(--color-dark-grey); font-size:0.8em; line-height:1em; }
.trainings .listing .info a:link,.trainings .listing .dane a:visited { display:inline-block; font-size:1em; line-height:1em; text-decoration:none; }
.trainings .listing .info a:hover,.trainings .listing .dane a:active,.trainings .listing .dane li a:focus { }

.trainings .listing .dane  { display:table-cell; vertical-align:middle; margin:0; padding:0; }
.trainings .listing .dane.users { width:55%; }
.trainings .listing .dane.users ul { text-align:right;}
.trainings .listing .dane ul { display:flex; justify-content:space-between; align-items:center; margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:center; }
.trainings .listing .dane ul.align_left { text-align:left; }
.trainings .listing .dane li { height:auto; width:auto; display:inline-block; vertical-align:top; overflow:visible; margin:0 0.7em 0; padding:0; border:0 !important; background:transparent; position:relative; text-align:center; font-weight:normal; text-decoration:none; font-size:1em;line-height:1em; }
.trainings .listing .dane.users li { font-size:0.7em; }
.trainings .listing .dane li.date { text-align:left; font-size:1.2em}
.trainings .listing .dane strong { display:block; font-size:1em; font-weight:normal; }
.trainings .listing .dane div { margin-top:5px }
.trainings .listing .dane .data strong { border-bottom:2px solid var(--color-data); padding:0.5em 0.6em;} 
.trainings .listing .dane .price strong { border-bottom:2px solid var(--color-price); padding:0.5em 0.6em; white-space:nowrap;} 
.trainings .listing .dane .categories strong { border-bottom:2px solid var(--color-red); padding:0.5em 0.6em;} 
.trainings .listing .dane .hours strong { border-bottom:2px solid var(--color-hours); padding:0.5em 0.6em;} 
.trainings .listing .dane .location strong { border-bottom:2px solid var(--color-location); padding:0.5em 0.6em; ;} 
.trainings .listing .dane .type strong { border-bottom:2px solid var(--color-type); padding:0.5em 0.6em;} 
.trainings .listing .dane .status strong { border:1px solid var(--color-status); padding:0.5em 0.6em;} 
.trainings .listing .dane li span { display:block; margin:0.3em 0 0 0; padding:0 0 0.4em 0; position:relative; text-align:center; font-weight:normal; color:var(--color-dark-grey); font-size:1em; line-height:1em; }
.trainings .listing .dane a:link,.trainings .listing .dane a:visited { display:block; text-decoration:none; }

/* lista tabelka */
.trainings .listing .items { display:table; vertical-align:middle; margin:0 0 2em 0; padding:0; width:100%; box-sizing:border-box; }
.trainings .listing .items ul { position:relative; display:table-row; margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:center; }
.trainings .listing .items ul.error:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid var(--color-red); background-color:rgba(255,0,0,0.1) }
.trainings .listing .items ul.header:after { height:2px; }
.trainings .listing .items ul.header li { font-weight:bold; }
.trainings .listing .items ul:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:var(--color-light-grey); }
.trainings .listing .items li ul:after { content:""; height:0; }
.trainings .listing .items ul li { position:relative; display:table-cell; height:auto; width:auto; min-width:50px; overflow:visible; margin:0 0.5em 0; padding:1.5em 1em; box-sizing:border-box; vertical-align:middle; text-align:left; background:transparent; font-size:1em;line-height:1em; }
.trainings .listing .items ul li.alignRight { text-align:right;}
.trainings .listing .items ul li.line div { border-bottom:1px solid var(--color-status); padding:0.5em 0; }
.trainings .listing .items strong { display:block; font-size:1em; font-weight:normal; }
.trainings .listing .items .name { text-align:left;} 
.trainings .listing .items .desc { width:30%; text-align:left;} 
.trainings .listing .items .agree { width:100px; text-align:center;}
.trainings .listing .items .files { width:150px; text-align:right;} 
.trainings .listing .items .important { background-color:var(--color-green); color:var(--color-white); }
.trainings .listing .items .error { outline:2px solid var(--color-red); outline-offset:-4px; color:var(--color-black) !important; }
.trainings .listing .items .uploaded { display:grid; width:100%; padding:1em; margin:0; text-align:left;}
.trainings .listing .items .data strong { border-bottom:2px solid var(--color-data); padding:0.5em 0.6em;} 
.trainings .listing .items .hours strong { border-bottom:2px solid var(--color-hours); padding:0.5em 0.6em;} 
.trainings .listing .items .location strong { border-bottom:2px solid var(--color-location); padding:0.5em 0.6em; margin-bottom:5px;} 
.trainings .listing .items .type strong { border-bottom:2px solid var(--color-type); padding:0.5em 0.6em;} 
.trainings .listing .items .status strong { border:1px solid var(--color-status); padding:0.5em 0.6em;} 

.trainings .listing .items a:link,.work .listing .items a:visited { text-decoration:none; }
.trainings .listing a.download:after { position:relative; display:inline-block; margin-left:5px; font-size:0.9em; line-height:1em; font-family:var(--font-training-icon); content:"\e90f"; color:var(--color-red); }
.trainings .listing a.download { margin:5px 0; display:flex; }

.trainings .terms { position:relative; display:block; margin:0.5em 0; }
.trainings .terms > ul { margin:0; padding:0; text-align:left; list-style-type:none; list-style-image:none; width:100%; }
.trainings .terms > ul > li { position:relative; display:block; padding:0; margin:0 0 2em 0; overflow:visible; list-style:none; }
.trainings .terms .a { height:100%; }
.trainings .terms .box { position:relative; display:block; padding:2em; margin:0; text-align:left; overflow:visible; height:100%; box-sizing:border-box; border:1px solid var(--color-light-grey); }
.trainings .terms h3 { display:block; font-size:1.3em; font-weight:bold; }
.trainings .terms h4 { display:block; font-size:1.1em;}
.trainings .terms .apply { position:relative; margin:1em; display:block; }
.trainings .terms .error { position:relative; display:block; padding:0.7em 1em; background-color:var(--color-red); color:var(--color-white); font-size:1em; border-radius:var(--border-radius); }

/* apply */
.trainings label .box { position:relative; display:block; padding:2em; margin:0 0.5em 1em 0; text-align:left; overflow:visible; height:auto; border:1px solid var(--color-light-grey); transition-duration:1s;  }
.trainings label .box:hover { border:1px solid var(--color-grey); }
.trainings label .box h3 { display:block; font-size:1.3em; line-height:1.4em; font-weight:bold; }
.trainings label .box div { position:relative; display:inline-block; margin:0 1rem 1rem 0  !important; text-align:left;  }
.trainings .checkbox { width:100%;}
.trainings .checkbox input[type="radio"]:checked + label .box { border:1px solid var(--color-grey); background-color:var(--color-light-grey); }
.trainings .addon { position:relative; display:block; width:30%; padding:1.5em; box-sizing:border-box; margin:1em 0; text-align:left; overflow:visible; height:auto; border:1px solid var(--color-green); transition-duration: 1s; }
.trainings .addon.deactive { border:1px solid var(--color-light-grey); }
.trainings .addon._100w { width:100%; }
.trainings .addon h4 { display:block; margin:0 0 0.5em; font-size:1.1em; line-height:1.2em; font-weight:bold; }
.trainings .addon.deactive > strong { opacity:0; transition-duration:1s; }
.trainings .addon > strong { position:absolute; top:-1.2em; left:var(--vcenter); background-color:var(--color-white); padding:0.5em; opacity:1; font-size:1.2em; line-height:1.2em; font-weight:normal; transition-duration:1s; }

/* person */
.trainings .person { padding:0; margin:0 0 2em 0; text-align:left; overflow:visible; border:0; position:relative; display:flex; align-items:center; height:auto; }
.trainings .person.inLine { margin:2em 2em 0 0; display:inline-flex; }
.trainings .person .content { position:relative; display:inline-block; padding:0; margin:0; overflow:hidden; }
.trainings .person h3,.trainings .person strong { margin:0 0 1em 0; padding:0; border:0; font-size:1.6em; line-height:1.1em; font-weight:normal; }
.trainings .person strong { margin:0; font-size:1.4em; }
.trainings .person p { margin:0; padding:0 0 0.3em; font-size:1.2em; }
.trainings .person .imgwraper { position:relative; width:160px; height:160px; padding:0; overflow:hidden; flex-shrink:0; display:inline-block; margin:0 20px 0 0; background-color:var(--color-white); background-position:center top; background-size:auto 100%; background-repeat:no-repeat; transition-duration:0.6s; }
.trainings .person .imgwraper.radius { border-radius:100%; border:1px solid var(--color-light-grey); }
.trainings .person .imgwraper.small { width:60px; height:60px; }
.trainings .person a img { width:auto; height:100%; margin:0 0 0.5em 0;}

/* osrodek  */
.trainings .department { font-size:1em; line-height:1.25em; margin:0; padding:0; }
.trainings .department h4 { display:block; margin:0; font-weight:normal; color:var(--color-text); font-size:1.2em; line-height:1.2em; }
.trainings .department strong { display:block; font-weight:normal; color:var(--color-text); font-size:1.1em; line-height:1.2em;}
.trainings .department .imgwraper { position:relative; margin-bottom:1em; text-align:center;}
.trainings .department .imgwraper img { border:0; width:30%; }
.trainings .department .ico { position:relative; padding:1em 0 1em 15%; margin:0 0 1em 0; overflow:hidden; border-bottom:1px solid var(--color-light-grey);}
.trainings .department .ico:last-child { border-bottom:0; margin:0;}
.trainings .department span { position:absolute; top:10px; left:5%; font-size:2em; color:var(--color-dark-grey);}
.trainings .department p { margin:0.2em 0 0.2em 0;}

/* buttony */
.trainings .actions { display:table-cell; vertical-align:middle;margin:0; padding:0; }
.trainings .actions ul { display:block; margin:0; padding:0;list-style-type:none; list-style-image:none; width:auto; text-align:right; }
.trainings .actions ul li { height:auto; width:auto; display:inline-block; overflow:visible; margin:0 0 0 0.5em !important; padding:0; border:0  !important; background:transparent; position:relative; text-align:left; font-weight:normal; text-decoration:none; font-size:0.9em; }
.trainings .actions ul li:hover {background:transparent;}
.trainings .actions li a span {display:block; overflow:hidden; text-indent:-666em; white-space:nowrap;}
.trainings .actions li a.alert:before { color:var(--color-red) }
.trainings .actions a strong { position:relative; bottom:-1px; display:block; font-weight:normal; text-transform:none; font-size:0.9em; white-space:nowrap; }
.trainings .actions a:link,.trainings .actions a:visited { position:relative; display:inline-block; font-size:1.1em; line-height:1em; text-decoration:none; text-transform:uppercase; padding:0.6em 0.8em 0.6em 2.3em; margin:0.1em; border:1px solid var(--color-main); background-color:var(--color-main); color:var(--color-white); border-radius:var(--border-radius-button); white-space:nowrap; transition-duration:0.5s; }
.trainings .actions a:hover,.trainings .actions a:focus,.trainings .actions a.active { border:1px solid var(--color-dark-grey); background-color:var(--color-dark-grey);} 
.trainings .actions a.disable { opacity:0.5;}
.trainings .actions a:before { font-family:var(--font-training-icon); font-size:1.4em; line-height:1em; position:absolute; top:50%; left:5px; transform:var(--hcenter); }
.trainings .actions a:hover:before { font-size:1.2rem; transition-duration:0.5s; }
.trainings .actions ul li .error { position:relative; display:block; padding:0.7em 1em; background-color:var(--color-red); color:var(--color-white); font-size:1em; }

/* buttony inne */
.trainings .menu { position:relative; margin:0; padding:0; }
.trainings .menu ul { margin:0; padding:0; list-style-type:none; list-style-image:none; }
.trainings .menu li { position:relative; height:auto; width:auto; display:inline-block; float:left; overflow:visible; margin:0.2em 0; padding:0; border:0; border-right:1px solid var(--color-grey); background:transparent; text-align:left;}
.trainings .menu li:last-child  { border-right:0; }
.trainings .menu a:link,.trainings .menu a:visited { position:relative; display:inline-block; font-size:1em; line-height:1em; color:var(--color-text); border:1px solid var(--color-main); border-radius:var(--border-radius-button); text-decoration:none; padding:0.5em; margin:0; transition-duration:0.5s; }
.trainings .menu a:hover, .trainings .menu a:focus { background-color:var(--color-main); color:var(--color-white);}
.trainings .menu a:before { margin-right:0.3em;}

.trainings .embed { position:relative; background-color:var(--color-main); padding:0; text-align:center;}
.trainings .embed iframe { width:100%; height:800px;}

.trainings .counter { display:block; margin:0 0 2em; padding:0; font-weight:normal; text-decoration:none; font-size:1em; line-height:1em; }
.trainings .counter span { display:inline-block; font-weight:700; color:var(--color-red); font-size:1.5em; line-height:1.5em; clear:both;}

/* buttony duze */
.trainings a.button:link,.trainings a.button:visited { display:inline-block; position:relative; padding:0.7em 1em; margin:0.1em; font-size:1.2em; line-height:1em; color:var(--color-white); text-shadow:none; font-weight:normal; text-align:center; text-decoration:none; white-space:nowrap; background:var(--color-main); border-radius:var(--border-radius-button); border:0; cursor:pointer; }
.trainings a.button:after { font-family:var(--font-training-icon); content:"\e90d"; color:var(--color-white); font-size:0.8em; line-height:0.5em; display:inline-block; padding:0 0 0 0.5em; margin-top:-0.1em; vertical-align:middle; text-align:center; transition-duration:1s; text-decoration:none; }
.trainings a.button:active,.trainings a.button:hover,.trainings a.button:focus { background:var(--color-green); color:var(--color-white); text-decoration:underline; transition-duration:0.7s; }

/* menu - float */
.menu-float { position:relative; display:inline-block; padding:0; margin:0; z-index:5; }
.menu-float ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:100%; }
.menu-float ul li { z-index:100; margin:0 !important; border:0 !important; padding:0 !important; float:none; display:inline-block !important; list-style:none; overflow:visible !important;}
.menu-float ul li:hover { text-align:left; cursor:pointer; position:relative; }
.menu-float ul ul { position:absolute; top:0; right:60px; display:none !important; margin:0; border:0 none; padding:0; width:170px !important; list-style:none; z-index:2;}
.menu-float ul ul:after /* IE 7 */{ clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }
.menu-float ul ul li { width:100%; display:block !important; float:none !important;  margin:0 0 0.5em 0 !important; z-index:3; }
.menu-float ul li:hover ul { display:block !important; background:var(--color-light-grey); padding:2em !important; margin:0 !important;  box-shadow:var(--box-shadow); }
.menu-float ul ul li a {display:block; border:0 !important; padding:1em 0; font-size:1em !important; }
.menu-float ul li.line { border-bottom:1px solid var(--color-white) !important; padding-bottom:1.5em !important; margin-bottom:1.5em !important; }

.trainings .noEntry { cursor:not-allowed; }

/* inne*/
.trainings .listing .name .checkbox { float:left; } 
.trainings .listing .post .checkbox { float:right; margin:0 0 0.5em 0;}

/* ikonki listing i form */
.trainings .listing div[class^="trainings-icon-"],.trainings .listing div[class*=" trainings-icon-"]{ position:relative; display:inline-flex; align-items:center; margin:0; padding:0.5em 0.5em 0 0; }
.trainings .listing div[class^="trainings-icon-"]:before ,.trainings .listing div[class*=" trainings-icon-"]:before { position:relative; display:block; width:30px; height:30px; margin:0 0.3em 0 0; padding:0; font-family:var(--font-training-icon); font-size:1rem; line-height:30px; color:var(--color-black); background:var(--color-light-grey); border-radius:100%; vertical-align:middle; text-align:center; }
.trainings .listing div[class^="trainings-icon-"] span,.trainings .listing div[class*="trainings-icon-"] span { position:absolute; top:-100em !important; left:-100em !important; width:1px; height:1px; text-indent:-1000em; }

/* ikonki h3 */
.trainings h3[class^="trainings-icon-"],.trainings h3[class*=" trainings-icon-"]{ position:relative; display:inline-block; margin:0; padding:0.3em 0 0.3em 40px; }
.trainings h3[class^="trainings-icon-"]:before ,.trainings h3[class*=" trainings-icon-"]:before { position:absolute; top:0; left:0; display:block; margin:0; padding:0; color:var(--color-white); background-color:var(--color-green); border-radius:100%; vertical-align:middle; text-align:center; font-family:var(--font-training-icon); font-size:1rem; line-height:30px; }

/* ikonki apply */
.trainings .terms div[class^="trainings-icon-"],.trainings .terms div[class*=" trainings-icon-"] { position:relative; display:inline-flex; align-items:center; margin:0; padding:0.5em 0.5em 0 0; text-align:left; }
.trainings .terms div[class^="trainings-icon-"]:before ,.trainings .terms div[class*=" trainings-icon-"]:before { position:relative; display:block; width:30px; height:30px; margin:0 0.3em 0 0; padding:0; color:var(--color-black); background:var(--color-light-grey); border-radius:100%; vertical-align:middle; text-align:center; font-family:var(--font-training-icon); font-size:1rem; line-height:30px; }
.trainings .terms div[class^="trainings-icon-"] div,.trainings .terms div[class*=" trainings-icon-"] div { font-size:0.9rem; line-height:1rem; margin:5px 0; }

.timetable .trainings { display:none; opacity:0; transition-duration:0.3s; overflow:hidden;}
.timetable ul.event li.is_hover .trainings { display:block; opacity:1; transition-duration:0.8s;}
.timetable .trainings .terms { position:relative; display:block; margin:0.5em 0; padding:0 0.5em; }
.timetable .trainings .terms div[class^="trainings-icon-"],.timetable .trainings .terms div[class*=" trainings-icon-"] { display:flex;}

/* wyszukiwarka duza*/
.searcher { margin:0 0 2em; padding:1em; background:var(--color-light-grey); border:0; }
.searcher ins.reset > label { position:absolute; top:-100em; left:-100em; width:1px; height:1px; text-indent:-1000em; }
.select[class^="trainings-icon-"] select,.select[class*=" trainings-icon-"] select { padding-left:35px; }
.select[class^="trainings-icon-"]:before, .select[class*=" trainings-icon-"]:before { content:''; font-size:1.6em; font-family:var(--font-training-icon); color:var(--color-black); background:var(--color-white); position:absolute; top:-3px; left:6px; padding:0 4px; z-index:3;}
.select.trainings-icon-category:before {content:'\e904';}
.select.trainings-icon-type:before {content:'\e90b';}
.select.trainings-icon-area:before {content:'\e901';}
.select.trainings-icon-price:before {content:'\e916';}
.select.trainings-icon-year:before {content:'\e906';}
.select.trainings-icon-year:before {content:'\e906';}

.trainings .box-sort { position:relative; overflow:hidden; background:var(--color-light-grey); border:0; padding:0.5em 1em; text-align:left; }

.trainings .expand { position:relative; display:block; text-align:left; padding:1em; clear:both; } 
.trainings .expand a:link,.trainings .expand a:visited { position:relative; display:block; width:auto; text-decoration:none; }
.trainings .expand a span { display:inline-block; text-align:left; font-size:1.3em; line-height:1em; text-transform:none; color:var(--color-black); }
.trainings .expand a:after { position:relative; display:inline-block; width:30px; height:30px; margin-top:-0.4em; font-family:var(--font-training-icon); content:"\e90f"; font-size:1.1em; line-height:1.8em; color:var(--color-black); text-align:center; text-indent:0; }
.trainings .expand a.active:after {content:"\e90e" }

.trainings #search-advanced { height:auto; display:block;}

.trainings a:link, .trainings a:visited { text-decoration:none; }

/* oznaczenia */
[class^="promo-"], [class*=" promo"] { font-size:1em; line-height:1em; font-weight:normal; color:var(--color-text); display:inline-block; padding:0.20em 0.8em; margin:0.3em 0.1em 0.3em; background-color:var(--color-light-grey); }
[class^="promo-"] a, [class*=" promo"] a { font-size:1em !important; line-height:1em !important; text-decoration:none !important; color:var(--color-black) !important; font-weight:300; }
.promo-important {background-color:var(--color-red) !important; color:var(--color-white) !important; }
.promo-approved {background-color:var(--color-green) !important; color:var(--color-white) !important; }

/* pliki upload uczestnika */
.trainings .listing ul[id^="upload_list_"] { display:none; }
.trainings .listing ul[id^="upload_list_"].show { display:block;}
.trainings .listing input[type=file] { display:none; }
.file { position:relative; display:block; border:1px solid var(--color-light-grey); padding:1.5em 0.5em; box-sizing:border-box; margin:0 0 1em 0;}
.file h4 { display:block; padding:0; margin:0; border:0; overflow:hidden; font-size:1.1em; line-height:1.1em; font-weight:normal; text-decoration:none; text-align:left; }
.file .progress { display:inline-block; padding:0; margin:5px 0; border:1px solid var(--color-light-grey); overflow:hidden; width:80%; height:20px;}
.file .progress span { display:block; background-color:var(--color-green); padding:0; margin:0; border:0; overflow:hidden; width:0px; height:30px;}
.file .usun { float:right; z-index:2; }

/* warn */
.trainings-warn { position:relative; background:var(--color-yellow); border-radius:var(--border-radius); padding:2em 3em 2em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); }
.trainings-warn *,.trainings-warn a:link,.trainings-warn a:visited { color:var(--color-black); }
.trainings-warn:before{ font-family:var(--font-training-icon); content:"\e911"; font-size:3rem; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.trainings-warn:after {content:""; position:absolute; top:50%; transform:var(--center); left:70px; width:1px; height:90%; margin:0; background:var(--color-black); text-align:center; z-index:2; }

/* info */
.trainings-info { position:relative; background:var(--color-grey); border-radius:var(--border-radius); padding:2em 3em 2em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); }
.trainings-info *,.trainings-info a:link,.trainings-info a:visited { color:var(--color-black); }
.trainings-info:before{ font-family:var(--font-training-icon); content:"\e920"; font-size:3rem; line-height:1em; color:var(--color-black); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.trainings-info:after { content:""; position:absolute; top:50%; transform:var(--center); left:70px; width:1px; height:90%; margin:0; background:var(--color-black); text-align:center; z-index:2; }

/* agree */
.trainings-agree { position:relative; background:var(--color-green); border-radius:var(--border-radius); padding:2em 3em 2em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-white); }
.trainings-agree *,.trainings-agree a:link,.trainings-agree a:visited,.trainings-agree .forms legend { color:var(--color-white); }
.trainings-agree:before{ font-family:var(--font-training-icon); content:"\e90f"; font-size:3rem; line-height:1em; color:var(--color-white); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.trainings-agree:after { content:""; position:absolute; top:50%; transform:var(--center); left:70px; width:1px; height:90%; margin:0; background:var(--color-white); text-align:center; z-index:2; }

/* ok */
.trainings-ok { position:relative; background:var(--color-white); border:2px solid var(--color-green); border-radius:var(--border-radius); padding:1em 2em 1em 90px; margin:1em 0; text-align:left; font-size:1.2em; line-height:1.2em; color:var(--color-black); }
.trainings-ok *,.trainings-ok a:link,.trainings-ok a:visited { color:var(--color-black); }
.trainings-ok:before{ font-family:var(--font-training-icon); content:"\e912"; font-size:3rem; line-height:1em; color:var(--color-green); position:absolute; top:50%; left:15px; transform:var(--hcenter); text-align:left;}
.trainings-ok:after { content:""; position:absolute; top:50%; transform:var(--center); left:70px; width:1px; height:90%; margin:0; background:var(--color-green); text-align:center; z-index:2; }


 [class^="trainings-icon-"]:before, [class*=" trainings-icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: var(--font-training-icon) !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.trainings-icon-attachments:before {
  content: "\e919";
}
.trainings-icon-mail:before {
  content: "\e91a";
}
.trainings-icon-settings2:before {
  content: "\e91b";
}
.trainings-icon-setting:before {
  content: "\e91c";
}
.trainings-icon-wallet:before {
  content: "\e91d";
}
.trainings-icon-wallet2:before {
  content: "\e91e";
}
.trainings-icon-info2:before {
  content: "\e91f";
}
.trainings-icon-info:before {
  content: "\e920";
}
.trainings-icon-phone:before {
  content: "\e921";
}
.trainings-icon-teacher:before {
  content: "\e900";
}
.trainings-icon-students:before {
  content: "\e901";
}
.trainings-icon-student:before {
  content: "\e902";
}
.trainings-icon-training:before {
  content: "\e903";
}
.trainings-icon-lesson:before {
  content: "\e904";
}
.trainings-icon-lesson2:before {
  content: "\e905";
}
.trainings-icon-timetable:before {
  content: "\e906";
}
.trainings-icon-user:before {
  content: "\e907";
}
.trainings-icon-diploma:before {
  content: "\e908";
}
.trainings-icon-education:before {
  content: "\e909";
}
.trainings-icon-application:before {
  content: "\e90a";
}
.trainings-icon-checklist:before {
  content: "\e90b";
}
.trainings-icon-payment:before {
  content: "\e916";
}
.trainings-icon-marker:before {
  content: "\e917";
}
.trainings-icon-clock:before {
  content: "\e918";
}
.trainings-icon-delete:before {
  content: "\e90c";
}
.trainings-icon-add:before {
  content: "\e90d";
}
.trainings-icon-delete2:before {
  content: "\e90e";
}
.trainings-icon-add2:before {
  content: "\e90f";
}
.trainings-icon-change:before {
  content: "\e910";
}
.trainings-icon-error:before {
  content: "\e911";
}
.trainings-icon-correct:before {
  content: "\e912";
}
.trainings-icon-library:before {
  content: "\e913";
}
.trainings-icon-school:before {
  content: "\e914";
}
.trainings-icon-training-center:before {
  content: "\e915";
}
.trainings-icon-like:before {
  content: "\e922";
}

/*============================================================================================*/
/* RESPONSYWNOSC */

@media only screen and (max-width:768px) {

  .trainings .listing .name { display:block; margin:0; padding:0.4em 0; width:auto; float:none; }
  .trainings .listing .info { display:block; margin:0.5em 0; padding:0; width:auto; float:none; text-align:center;  }
  .trainings .listing .dane, .trainings .listing .dane.users { display:block; margin:0.5em 0; padding:0; width:auto; float:none; }
  .trainings .listing .actions { display:block; margin:0; padding:0; width:auto; float:none; } 
  .trainings .listing .user { display:block; margin:0; padding:1em 0; width:auto; }
  .trainings .listing .dane ul { display:inline-block; }
  .trainings .listing .dane li { margin: 0.7em; }
  .trainings .listing-nest ul li::before { font-size:1.4em; left:0; top:15px; }
  .trainings .listing-nest ul li { padding: 0 0 0 35px;}
  .trainings .forms ins, .trainings .forms .ins { display:block; }
  .trainings .forms .addon { width:auto; margin:0 0.5em 0 40px; }  
  .trainings .embed iframe { width:100%; height:400px;}

}