#timeline-ajax{padding-top: 102px; height:651px;}
.cl_1{left:5%}
.cl_2{left:14%}
.cl_3{left:38%}
.cl_4{left:47%}
.cl_5{left:66%}
.cl_6{left:75%}

    

/* Footnotes dla CKEditora */
section.footnotes { clear: both; }



/* Listy linków pod contentem */
aside#lists table tr td a.list-link { text-decoration: none; color: #505f7e; }
aside#lists table tbody.list-hidden { display: none; }

/* Zdjęcia dla CKEditora */
/*figure.image[style*="float:right"] { max-width: 200px; width: 30%; margin-bottom: 1em; margin-left: 1.5em; }
figure.image[style*="float:right"] img { width: 100%; height: auto; }
figure.image[style*="float:left"] { max-width: 200px; width: 30%;  margin-bottom: 1em; margin-right: 1.5em; }
figure.image[style*="float:left"] img { width: 100%; height: auto; }*/

/* Usuniecie podkreslen po stronie frontu z edytora */
.edit .refer { text-decoration: none; }

/* Modul wyszukiwania */
#search-waypoint #search-loading { position: fixed; bottom: 10px; right: 100px; display: none; }

/* Pracownia */
#addtodesk { display: none; }
#addtodesk .addtodesk-background { background-color: #fff; z-index: 998; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; }
#addtodesk .addtodesk-container { z-index: 999; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; position: fixed; background-color: #fff; }
#addtodesk .addtodesk-container form { margin-bottom: 0; }
#addtodesk .addtodesk-container .loader { text-align: center; margin-top: 10%; }
#addtodesk .addtodesk-container h2 { font-family: "Roboto", sans-serif; font-size: 1.25rem; line-height: 2rem; margin-bottom: 0.5rem; color: #505f7e; font-weight: 400; }
#addtodesk .addtodesk-container textarea { font-family: "Roboto", sans-serif; font-size: 0.813rem; line-height: 1.125rem; width: 100%; color: #505f7e; height: 5rem; resize: none; box-sizing: border-box; padding: 0.25rem 2.25rem 0.25rem 0.5rem; border: 1px solid rgba(80, 95, 126, 0.18); border-radius: 4px; }
#addtodesk .close { font-family: "Roboto", sans-serif; font-size: 0.813rem; line-height: 1.188rem; margin: 0; float: right; padding: 6px 12px; border: 0; border-radius: 4px; background-color: red; color: white; cursor: pointer; }

.workshop { display: none; }
.workshop .desk-loading { display: none; position: absolute; z-index: 999; left: 50%; margin-left: -166px; margin-top: 5%; }
.workshop .navigation a.inactive { opacity: 0.1; }
.workshop .navigation a.inactive:hover { background-color: grey; }
@media only screen and (min-width: 1025px) { .desktop { background: url("/encyklopedia/tmp-img/tmp-desk2.jpg") no-repeat center center; background-size: contain; } }
#workshop-dynamic-content { background: url("/encyklopedia/tmp-img/tmp-desk2.jpg") no-repeat center center; background-size: cover; }
#workshop-dynamic-content iframe { background-color: rgba(255, 255, 255, 1); }
#workshop-dynamic-content div.col-l-8 { background-color: rgba(255, 255, 255, 1); }
#workshop-dynamic-content div.col-l-3 { background-color: #fff; }

/* Popup form */
.popup-form { display: none; }
.popup-form .background { background-color: #fff; z-index: 998; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; }
.popup-form .container { z-index: 999; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; position: fixed; background-color: #fff; }
.popup-form .container form { margin-bottom: 0; }
.popup-form .container .loader { text-align: center; margin-top: 10%; }
.popup-form .container h2 { font-family: "Roboto", sans-serif; font-size: 1.25rem; line-height: 2rem; margin-bottom: 0.5rem; color: #505f7e; font-weight: 400; }
.popup-form .container textarea { font-family: "Roboto", sans-serif; font-size: 0.813rem; line-height: 1.125rem; width: 100%; color: #505f7e; height: 5rem; resize: none; box-sizing: border-box; padding: 0.25rem 2.25rem 0.25rem 0.5rem; border: 1px solid rgba(80, 95, 126, 0.18); border-radius: 4px; }
.popup-form .close { font-family: "Roboto", sans-serif; font-size: 0.813rem; line-height: 1.188rem; margin: 0; float: right; padding: 6px 12px; border: 0; border-radius: 4px; background-color: red; color: white; cursor: pointer; }
.popup-form .message { clear: both; padding-bottom: 14px; }

.login-form { height: 244px; }
.register-form { height: 344px; }

/* Komunikaty */
.system-message { margin: 0 auto; max-width: 400px; padding: 25px 35px 30px 35px; background-color: #fff; box-shadow: 0 0 18px rgba(91, 91, 91, 0.5); margin-top: 40px; }
.system-message .title { font-family: "Roboto", sans-serif; font-size: 2rem; line-height: 2.5rem; margin-bottom: 0.25rem; color: #505f7e; font-weight: 700; }
.system-message .description { font-family: "Roboto", sans-serif; font-size: 1rem; line-height: 1.4em; color: #505f7e; margin-top: 12px; }
.system-message .links { margin-top: 12px; }
.system-message .links .item {  }
.system-message .links .item .link { font-family: "Roboto", sans-serif; font-size: 1em; line-height: 1.4em; color: #4a90e2; text-decoration: none; }
.system-message .links .item .link:hover { color: #1b56ab; }

/* Colorbox */
#colorbox { overflow: visible; }
#colorbox #cboxContent { margin-top: -30px; }
#colorbox #cboxTitle { clear: both; float: none !important; top: auto; left: 0px; opacity: 1; padding: 6px 4% 8px 4%; width: 92%; font-family: "Roboto", sans-serif; font-size: 0.83rem; line-height: 1rem; color: #ffc562; background-color: #000; text-align: center; /* font-weight: 700; */ border-bottom: 5px solid #000; }
#colorbox #cboxCurrent { font-family: "Roboto", sans-serif; font-size: 0.78rem; line-height: 1rem; color: #ccc; position: absolute; top: -19px; right: 0px; background-color: #000; padding: 3px 12px 3px 12px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
#colorbox #cboxWrapper { overflow: visible; }
#colorbox #cboxNext { right: -25px; }
#colorbox #cboxPrevious { left: -25px; }


/* Usuwam globalnie niebieskie chromowe bordery */
button:focus, input:focus, a:focus { outline:0; }

/* Spis treści */
aside.index { background-color: #fff; }

/* Teatry i zespoły */
#content.theatre-page .edit em { font-weight: bold; font-style: normal; margin-top: 6px; }
#content.theatre-page .edit em:first-child { margin-top: 0px; }
#content.theatre-page .performance-list .performance-description p { margin-top: 6px; }
#content.theatre-page .performance-list .performance-description .performance-link { font-weight: bold; color: #505f7e; }
#content.theatre-page .performance-list .performance-description .authors { font-weight: bold; color: #505f7e; }
#content.theatre-page #lists tr.current { background-color: #ffc562; }
#content.theatre-page .season-picker a:hover { color: #fff !important; text-decoration: none !important; }
#content.theatre-page .performance-list .performance-description .title { display: inline !important; }
#content.theatre-page .performance-list .performance-description .petformance-header { display: block; margin-bottom: 0.6rem; font-weight: bold; color: #505f7e; font-size: 0.95rem; }
#content.theatre-page .performance-list .performance-description em { font-weight: bold; font-style: normal; }
#content.theatre-page div.staf { font-family: "Roboto Slab", serif; font-size: 0.813rem; line-height: 1.313rem; color: #5b5b5b; font-weight: 300;font-style: normal; }
#content.theatre-page div.cast { font-family: "Roboto Slab", serif; font-size: 0.813rem; line-height: 1.313rem; color: #5b5b5b; font-weight: 300;font-style: normal; }
#content.theatre-page .edit em { font-weight: normal; font-style: italic; }
#content.theatre-page .edit .staff { }
#content.theatre-page .edit .staff em { font-weight: bold; font-style: normal; }

/* Komunikaty */
.communicate h1 { color: #fbab00; margin-bottom: 26px; font-size: 28px; }
.communicate p { line-height: 26px; }
.communicate p a { color: #fbab00; }

/* Tiles */
#tiles-layer { display: none; z-index: 9999; }
#tiles-layer .loading, .workshop .loading { margin: 0 auto; text-align: center; width: 50%; opacity: 0.2; margin-top: 5%; display: none; }
#tiles-layer .loading img, .workshop .loading img { width: 60%; }
.workshop .loading { position: absolute; margin-left: 25%; margin-top: 10%; }

.tiles-container .tiles-layer { z-index: 9999; }
.tiles-container .workshop-content { display: none; }

/* Prezentacje */
.presentation-iframe { width: 100%; }
.fullwidth-iframe { width: 100%; }

/* Filtry */
.search-filters textarea { outline: none; font-family: "Roboto", sans-serif; font-size: 0.813rem; line-height: 1.125rem; padding: 4px 6px; width: 100%; height: 8rem; color: #505f7e; box-sizing: border-box; border-radius: 4px; border: 1px solid rgba(80, 95, 126, 0.18); }
.search-filters .checkbox-item label { margin-left: 3px; display: inline; color: #909090; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 0.83rem; line-height: 1.5rem; }
.search-filters .checkbox-item input { float: left; margin-top: 6px; }
.search-filters .message { font-family: "Roboto", sans-serif; font-size: 0.83rem; line-height: 1.5rem; display: block; color: #4a90e2; font-weight: 400; }


/* Iframe */
body.iframe { padding-top: 0; }
body.iframe header { display: none; }
body.iframe footer { display: none; }
body.iframe .row { margin: 0; }

/* Notepad */
.notepad-bg { position: absolute; width: 100%; height: 100%; background-color: #f1f1f1; opacity: 0.9; }
.notepad { width: 90%; margin: 0 auto; }
.notepad .modeSwitch { display: none !important; }
.notepad .wysibb { height: 80%; margin-top: 4%; }
.notepad .wysibb-text { height: 100%; }
.notepad .wysibb-body { height: 88%; padding: 10px 15px; }
.notepad .buttons { position: absolute; margin-top: -35px; z-index: 9999; font-family: "Roboto", sans-serif; font-size: 0.875rem; line-height: 2.2rem; right: 0; margin-right: 5%; font-weight: 700; text-align: center; }
.notepad .buttons a { color: #4a4069; }
#wbbmodal { z-index: 10001 !important; }

/* Indeks listy */
ul.index li .desc .author:before { content: ', '; }
ul.index li .desc .author:first-child:before { content: ''; }

/* Autorzy sztuki na liście przedstawień */
#results .info { margin-bottom: 10px; }
#results .info .authors a:before { content: ', '; }
#results .info .authors a:first-child:before { content: ''; }

.book-head .authors a:before { content: ', '; }
.book-head .authors a:first-child:before { content: ''; }

.dl-group a .author:before { content: ', '; }
.dl-group a .author:first-child:before { content: ''; }

#lists table .main .title a:not([href]):hover {
    color: #505f7e;
}

/* Listy wyników */
ul.list li a .connection { font-weight: normal; color: #bbb; }

/* Zasugeruj zmianę */
#suggest-change { display: none; }
#suggest-change .message { font-family: "Roboto", sans-serif; font-size: 0.8rem; line-height: 1.4em; font-weight: 400; color: white; margin-bottom: 0.6rem; }

/* Subtytuły na listach obsady (nazwy przedstawień) */
.dl-group dl.title { font-family: "Roboto", sans-serif; font-size: 0.813rem; line-height: 1rem; text-decoration: none; font-weight: 700; color: #505f7e; margin-top: 15px; margin-bottom: 3px; }

/* Autocomplete loader */
.autocomplete-loader { position: absolute; right: 70px; margin-top: 4px; opacity: 0.5; display: none; }
.autocomplete-loader img { width: 40px; }

/* Okruszki */
#breadcrumbs br { display: none; }

/* Galeria */
#gallery .gallery-list li.hidden { display: none; }

/* Kwerendy */
.order-desc { color: #909090; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 0.73rem; line-height: 0.9rem; margin-bottom: 1.5rem; }

/* Strona kategorii książek */
.books-categories .title { text-align: center; }

#content.theatre-page .edit a, .theatre-page .performance-list a { text-decoration: none; cursor: pointer; }
#content.theatre-page .edit a:hover, .theatre-page .performance-list a:hover { text-decoration: underline; color: #4a90e2; }
#content.theatre-page .season-picker a { color: #fff; }

.season-show { display: none; }

/* Indeks */
#results .index .title .connection { font-weight: normal; color: #bbb; }
#lists .title .title-author a:before { content: ', '; }
#lists .title .title-author a:first-child:before { content: ''; }
#lists .description .authors .author:before { content: ', '; }
#lists .description .authors .author:first-child:before { content: ''; }

/* Multimedia - video */
.multimedia-video { margin-top: 2rem; }

/* Pomoc */
#page-help { position: fixed; left: 0; right: 0; top: 125px; margin-left: auto; margin-right: auto; width: 70%; height: 65%; display: none; background-color: #fff; padding: 30px 20px; padding-top: 40px; -webkit-box-shadow: 0px 3px 21px 0px rgba(50, 50, 50, 0.64); -moz-box-shadow: 0px 3px 21px 0px rgba(50, 50, 50, 0.64); box-shadow: 0px 3px 21px 0px rgba(50, 50, 50, 0.64); }
#page-help .iframe-container { height: 100%; }
#page-help .iframe-container iframe { width: 100%; height: 100%; }

@media only screen and (max-width: 1024px) {
  #title .visible-desktop { display: block !important; }
  #title .visible-desktop input[type=submit] { display: none; }
  #title .title-bar { height: auto; }
  #title form { margin-top:0 !important; }
  #title .autocomplete-loader { display: none !important; }
  #title h1 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  
  #sidebar { float: none !important; clear: both !important; width: 100% !important; padding-left: 0 !important; display: block !important; }
  #sidebar.visible-desktop .search-filters { display: none; }
  #sidebar aside.index { display: none !important; }
  #sidebar .suggest-change-btn { display: none !important; }
  #sidebar.visible-desktop .social-media { display: none !important; }
  #sidebar.hidden-desktop .social-media { display: block !important; }
  #sidebar #order-query { display: none; }
  #sidebar #order-play-data { display: none; }
  #sidebar.visible-desktop .poster { display: none; }
  #sidebar.visible-desktop .metric { display: none !important; }
  #sidebar.visible-desktop .movietheatrical-rightinfo { display: none !important; }
  #sidebar.hidden-desktop .movietheatrical-rightinfo { text-align: center; }
  #sidebar.visible-desktop .photo-rightdesc { display: none; }
  #content .content-poster img { width: 16rem !important; }
  
  .performance-show .dl-group dt { float: left; padding-right: 2%; width: 37%; text-align: right; clear: both; }
  .performance-show .dl-group dd { float: right; width: 60%; }
  
  .digital-archives .grid li.digital-archive { width: 50% !important; }
  
  #sidebar.visible-desktop .featured-artist { display: none; }
  #sidebar.visible-desktop .featured-prosperobook { display: none; }
  #sidebar.visible-desktop .timeline-link { display: none; }
  #sidebar.visible-desktop .mainjournal-cover { display: none; }
  #sidebar.visible-desktop .mainjournal-showissues { display: none; }
  #sidebar.visible-desktop .mainjournal-data { display: none; }
}

.workshop-window button.submit {
  font-family: "Roboto", sans-serif;
  font-size: 0.813rem;
  line-height: 1.2rem;
  margin: 0;
  padding: 0.25rem 0.75rem;
  border: 0;
  border-radius: 4px;
  background-color: #ffc562;
  color: #4a4069;
  cursor: pointer;
  font-weight: 700;
}
.workshop-window button.submit:hover {
  background-color: #ffc548;
}

.authorswithcomma .author:after {
    content: ', ';
}

.authorswithcomma .author:last-child:after {
    content: '';
}

.pagination {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 0.813rem;
  line-height: 1em;
  margin-top: 20px;
}
.pagination > * {
  display: inline-block;
  text-decoration: none;
  padding: 0.5rem .75rem;
  margin: 0 2px;
  border: 1px solid rgba(144, 144, 144, 0.18);
}
.pagination > *:hover {
  background-color: #ffc562;
  border-color: #ffc562;
}
.pagination .next {
  color: #4a4069;
  font-weight: 700;
}
.pagination .prev {
  color: #4a4069;
  font-weight: 700;
}
.pagination .page {
  color: #4a4069;
}
.pagination .page.current {
  background-color: #4a4069;
  border-color: #4a4069;
  font-weight: 700;
  color: white;
}

.search-results strong { font-weight: bold; background-color: #ffc562; }
.search-results .image { max-width: 100px; display: block; float: left; margin-right: 16px; box-shadow: 0 0 0 6px #ffc562; margin-top: 4px; }
.search-results .image img { width: 100%; }

.multimedia-rights .link { line-height: 14px !important; background: none !important; padding-left: 0.563rem !important; }
.multimedia-rights .rights-icon { margin-right: 5px; float: left; display: inline-block; background-position: center center; background-repeat: no-repeat; width: 24px; height: 25px; }
.multimedia-rights .rights-icon-1 { background-image: url(/encyklopedia/img/rights/icon4.png); }
.multimedia-rights .rights-icon-2 { background-image: url(/encyklopedia/img/rights/icon3.png); }
.multimedia-rights .rights-icon-3 { background-image: url(/encyklopedia/img/rights/icon1.png); }
.multimedia-rights .rights-icon-4 { background-image: url(/encyklopedia/img/rights/icon2.png); }

.multimedia-rights .rights-icon.rights-icon-big { margin-right: 5px; float: left; display: inline-block; background-position: center center; background-repeat: no-repeat; width: 48px; height: 48px; }
.multimedia-rights .rights-icon-1.rights-icon-big { background-image: url(/encyklopedia/img/rights/icon4@2x.png); }
.multimedia-rights .rights-icon-2.rights-icon-big { background-image: url(/encyklopedia/img/rights/icon3@2x.png); }
.multimedia-rights .rights-icon-3.rights-icon-big { background-image: url(/encyklopedia/img/rights/icon1@2x.png); }
.multimedia-rights .rights-icon-4.rights-icon-big { background-image: url(/encyklopedia/img/rights/icon2@2x.png); }

.multimedia-rights .rights-text { width: 100%; display: inline-block; font-weight: normal; color: #999; font-size: 12px; line-height: 14px; padding-top: 3px; }
.multimedia-rights .rights-title { max-width: 265px; float: left; font-weight: bold; margin-top: 3px; }
.multimedia-rights .rights-image { box-shadow: 0 0 0 6px #ffc562; margin-left: 2%; margin-bottom: 1%; width: 96%; margin-top: 15px; }

.multimedia-rights-big { padding: 0.75rem;
    border: 1px solid rgba(80, 80, 80, 0.18);
    margin-bottom: 1rem;
    border-radius: 0.25rem; }
.multimedia-rights-big .rights-title { font-family: "Roboto", sans-serif;
    font-size: 0.813rem;
    line-height: 1rem; color: #505f7e; max-width: 225px;     font-size: 14px;
    line-height: 16px; }
.multimedia-rights-big .rights-text { padding-top: 6px; padding-bottom: 15px; }
.multimedia-rights-big .rights-text a { color: #4a4069; }

/* Dialog */
#results.dialog .list .user-icon { display: inline-block; width: 16px; height: 16px; background: url(/images/encyklopedia/icon/user.png) no-repeat center center; margin-top: 1px; margin-left: 6px; opacity: 0.8; position: absolute; }
#results.dialog .list .inline-block { display: inline-block; }
#results.dialog .list .numer-icon { display: inline-block; width: 16px; height: 16px; background: url(/images/encyklopedia/icon/magazine.png) no-repeat center center; margin-top: 1px; margin-left: 6px; opacity: 0.8; position: absolute; }
#results.dialog .list .dialog-number { text-decoration: underline; }

@media only screen and (min-width: 1025px) {
    #nav-desktop > ul > li:hover .dropdown { max-height: 450px; }
}

@media screen and (min-width: 64rem) {
    .nav .first-level>li:hover .second-level { max-height: 450px; }
}