body
{
background-color:  rgb(245,245,245);
font-family: Arial;
font-size: 14px;
color: black;
}

@keyframes blinkingText{
    0%{     color: rgb(237,28,36);    }
    49%{    color: rgb(237,28,36); }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: rgb(237,28,36);    }
}



ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

ol
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

pre {
    white-space: pre-wrap;
}

.clear
{
clear: both;
}

.right
{
text-align: right;
}


.left
{
text-align: left;
}

.center
{
text-align: center;
}


.bialy
{
color: white;
}



.red
{
color: red;
}


.bered
{
color: rgb(180, 27, 96);
}


.green
{
color: rgb(0,128,0);
}


.begreen
{
color: rgb(13, 130, 83);
}

.zielony
{
color: rgb(0,128,128);
}

.nieb
{
background-color: #E2E0EE;
}

.tur_jasny
{
background-color: rgb(104,148,143);
}

.tur_sredni
{
background-color: rgb(66,91,93);
}

.tur_ciemny
{
background-color: rgb(52,67,73);
}


.bezowy_ciemny
{
background-color: rgb(111,105,116);
}


.szary_jas
{
background-color: rgb(245,236,225);
}

.orange_jas
{
background-color: rgb(234,187,145);
}

.orange_cie
{
background-color: rgb(228,169,116);
}


.rank0
{
background-color: rgb(252,218,220);
}

.rank1
{
background-color: rgb(254,240,216);
}

.rank2
{
background-color: rgb(255,255,187);
}

.rank3
{
background-color: rgb(232,249,193);
}

.rank4
{
background-color: rgb(194,248,216);
}

.rank5
{
background-color: rgb(196,230,247);
}

.font12
{
font-size: 12px;
}

.font14
{
font-size: 14px;
}


.font16
{
font-size: 16px;
}

.font18
{
font-size: 18px;
}

.font24
{
font-size: 24px;
}


.hide
{
display: none;
}


img.madryt
{
cursor: pointer;
float: left;
width: 120px;
margin-right: 12px;
margin-bottom: 12px;
}


.zaznacz
{
border-color: red;
}


.fr
{
float: right;
}


.fl
{
float: left;
}


.bold
{
font-weight: bold;
}

.blinking{
    animation:blinkingText 1.2s infinite;
}




.pointer
{
cursor: pointer;
}

.uptodate
{
border-width: 2px;
background-color: rgb(250,250,250);
}


.padtab
{
padding: 2px;
padding-bottom: 12px;
font-weight: bold;
font-size: 14x;
}


:disabled
{
color: rgb(5,44,85);
}

fieldset
{
border: 1px groove black;
}

legend
{
font-size: 16px;
font-weight: bold;
}




div.submenu
{
border-top-left-radius:6px;
border-top-right-radius:6px;
border: 2px solid rgb(52,67,73);
background-color: rgb(52,67,73);
font-size: 16px;
padding: 14px;
padding-top: 8px;
padding-bottom: 8px;
cursor: pointer;
color: rgb(220,220,220);
font-weight: bold;
float: left;
width: 140px;
text-align: center;
}




div.submenuA
{
border-top-left-radius:6px;
border-top-right-radius:6px;
border-top: 2px solid rgb(52,67,73);
border-right: 2px solid rgb(52,67,73);
border-left: 2px solid rgb(52,67,73);
border-bottom: 2px solid rgb(245,245,245);
background-color: rgb(245,245,245);
font-size: 16px;
cursor: auto;
padding: 14px;
padding-top: 8px;
padding-bottom: 8px;
color: rgb(50,50,50);
font-weight: bold;
float: left;
width: 140px;
text-align: center;
}


div.subrange
{
border: 2px solid rgb(52,67,73);
padding: 20px;
margin-top: -2px;
width: 90%;
}



fieldset.rekrut
{
border: 1px ridge black;
width: 90%;
padding: 22;
border-radius:22px;
margin-bottom: 26px;
}


li
{
text-indent: 0px;
}

li.instrukcja
{
margin-bottom: 12px;
}




div.ramka
{
padding: 12px;
margin-bottom: 12px;
margin-right: 12px;
border: 1px groove black;
}


table
{
border-spacing: 0px;
}


td
{
vertical-align: top;
padding:2px;
font-size: 12px;
}


th
{
background-color: rgb(84,77,87);
padding:2px;
padding-left:6px;
padding-right:6px;
color: white;
cursor: pointer;
border: 1px groove rgb(245,245,245);
}

.veral_m
{
vertical-align: middle;
}


tr.odd
{
background-color: rgb(234,187,145);
cursor: pointer;
}

tr.even
{
background-color: rgb(245,236,225);
cursor: pointer;
}


tr.odd:hover
{
background-color: rgb(245,236,225);
cursor: pointer;
}

tr.even:hover
{
background-color: rgb(245,236,225);
}




tr.odd1
{
background-color: rgb(196,233,242);
cursor: pointer;
}

tr.even1
{
background-color: rgb(199,250,220);
cursor: pointer;
}


tr.odd1:hover
{
background-color: rgb(156,219,235);
cursor: pointer;
}

tr.even1:hover
{
background-color: rgb(145,245,188);
}



tr.historie
{
background-color: rgb(66,91,93);
padding-left: 12px;
padding-right: 12px;
}




td.kongo
{
padding-left: 4px;
padding-right: 4px;
font-weight: bold;
}



input.normal
{

}

textarea.normal
{
font-size: 14px;
}


select.normal
{

font-size: 14px;
}



div.button
{
border: 0px solid rgb(111,105,116);
background-color: rgb(66,91,93);
color:  rgb(220,220,220);
height: 16px;
font-size: 12px;
padding: 4px;
font-weight: bold;
width: 120px;
float: left;
margin-top: 6px;
margin-right: 20px;
border-radius:6px;
text-align: center;
cursor: pointer;
}


div.button:hover
{
background-color: rgb(111,105,116);
color:  rgb(50,50,50);
}




div.addbutton
{
margin-left: auto;
margin-right: auto;
margin-top: 4px;
border: 0px solid rgb(111,105,116);
background-color: rgb(66,91,93);
color:  rgb(220,220,220);
font-size: 12px;
padding: 4px;
font-weight: bold;
border-radius:6px;
text-align: center;
cursor: pointer;
}


div.addbutton:hover
{
background-color: rgb(111,105,116);
color:  rgb(50,50,50);
}



div.but_dwp
{
background-image: url("add/ERTdetailsBNWW.png");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 26px;
width: 26px;
}




div.menu {
background-color: #E2E0EE;
    color: rgb(137,138,142);
    margin: 0px;
    padding: 6px;
    position: fixed;
    width: 99%;
    left: 0;
    top: 0;
    font-weight: bold;
    box-shadow: 0 5px 5px #888888;
    z-index: 1;
}




td.menu
{
border-radius:6px;
border: 0px solid #B5C3C8;
background-color: rgb(52,67,73);
font-size: 16px;
padding: 14px;
padding-top: 8px;
padding-bottom: 8px;
cursor: pointer;
color: rgb(220,220,220);
font-weight: bold;
}


td.menu:hover
{
opacity: 0.8;
}


td.menuA
{
border-radius:6px;
border: 1px solid rgb(68,80,107);
background-color: rgb(104,148,143);
font-size: 16px;
padding: 14px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: bold;
color: rgb(220,220,220);
}


table.trdate
{
margin-bottom: 20px;
width: 800px;
}


tr.trdate
{
background-color: rgb(111,105,116);
color: white;
}


td.trdate
{
padding: 12px;
font-weight: bold;
font-size: 16px;
}

td.tdberlin
{
width: 400px;
white-space: nowrap;
}


td.tdrzym
{
padding: 4px;
white-space: nowrap;
font-weight: bold;
}



td.trdatesub
{
padding-top: 4px;
font-weight: bold;
font-size: 14px;
}


td.haiti
{
padding: 2px;
font-weight: bold;
border: 1px solid black;
}



div.statement
{
border-width: 2px;
border-color: black;
border-radius: 20px;
padding: 20px;
}


div.fileds
{
margin-left: auto;
margin-right: auto;
width: 800px;
border-radius:20px;
padding: 20px;
color: rgb(50,50,50);
}




#resp_up
{
margin-top:22px;
padding: 20px
}

li.gut
{
color: rgb(13,166,44);
font-weight: bold;
}

li.bad
{
color: rgb(214,5,73);
font-weight: bold;
}


/* ############ sortowanie ##############*/


li.sortgraf
{
cursor: pointer;
font-size: 16px;
padding:6px;
border-bottom: 1px groove black;
margin-top: 2px;
}

li.reksort
{
 display:inline;
}


/* ############ stale ##############*/



div.blindall
{
width: 100%;
height: 100%;
position:absolute;
left:0px;
top:0px;
z-index: 10;
background-color: rgb(50, 50, 50);
display: none;
opacity:0;
}

div.detail
{
background-color: #e1e6e8;
border-style: solid;
border-color: 756269 ;
border-width: 3px ;
width:auto;
position:absolute;
left:100px;
top:100px;
z-index: 20;
padding: 20px;
border-radius:10px;
display: none;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}


#dialog-confirm
{
display: none
}


div.constview
{
margin-left: auto;
margin-right: auto;
}



  div.scrollableContainer { 
position: relative;
width: 2000px; /* szerokosc scrolowania*/
padding-top: 3.9em; /*odleglosc miedzy naglowek i body*/
    }


  div.scrollingArea { 
height: 640px;     /* wysokosc scrolowania*/
overflow: auto;
    }


  table.scrollable thead tr {
    left: -1px; top: 0;
    position: absolute;
vertical-align: middle;
    }

th.scrolling
{
background-color: rgb(84,77,87);
color: white;
cursor: pointer;
padding: 0px;
padding-top: 4px;
padding-bottom: 2px;
}



table.cruises td 
{
overflow: hidden; 
vertical-align: middle; 
}

table.cruises .size01     div { width: 80px; }  /* numer*/
table.cruises .size02     div { width: 100px; }  /* data wpr*/
table.cruises .size03     div { width: 130px; }  /* Nazwisko i Imię*/
table.cruises .size04     div { width: 150px; }  /* adres*/
table.cruises .size05     div { width: 140px; } /* Miejscowość*/
table.cruises .size06     div { width: 140px; }  /* email */
table.cruises .size07     div { width: 130px; }  /* telefonu */
table.cruises .size08     div { width: 100px; }  /* Kod urządzenia */
table.cruises .size09     div { width: 200px; }  /* nr konta */
table.cruises .size10     div { width: 120px; }  /* status */
table.cruises .size11     div { width: 100px; }  /* nr przesylki */
table.cruises .size12     div { width: 80px; }  /* kurier */
table.cruises .size13     div { width: 80px; }  /* stat kur */
table.cruises .size14     div { width: 40px; }  /* ilosc */
table.cruises .size15     div { width: 80px; }  /*  */
table.cruises .size16     div { width: 80px; }  /*  */




table.cruises .size91     div { width: 140px; }  /* zdarzenie */
table.cruises .size92     div { width: 120px; }  /* użytkownik */
table.cruises .size93     div { width: 100px; }  /* ip  */
table.cruises .size94     div { width: 350px; }  /* szczegoly */
table.cruises .size95     div { width: 350px; }  /* zmiana */
table.cruises .size96     div { width: 80px; }  /* data */
table.cruises .size97     div { width: 120px; }  /* Nr Zamówienia */
table.cruises .size98     div { width: 250px; }  /* e-mail */
table.cruises .size99     div { width: 60px; }  /* Aktywny */

/*###########################*/


/*************************
 * GRID SCHEDULE LAYOUT
 *************************/
@media screen and (min-width:200px) {
    .schedule {
        display: grid;
        grid-gap: 0.5em;
        grid-template-rows:
[tracks] auto
[time-0800] 12px
[time-0815] 12px
[time-0830] 12px
[time-0845] 12px
[time-0900] 12px
[time-0915] 12px
[time-0930] 12px
[time-0945] 12px
[time-1000] 12px
[time-1015] 12px
[time-1030] 12px
[time-1045] 12px
[time-1100] 12px
[time-1115] 12px
[time-1130] 12px
[time-1145] 12px
[time-1200] 12px
[time-1215] 12px
[time-1230] 12px
[time-1245] 12px
[time-1300] 12px
[time-1315] 12px
[time-1330] 12px
[time-1345] 12px
[time-1400] 12px
[time-1415] 12px
[time-1430] 12px
[time-1445] 12px
[time-1500] 12px
[time-1515] 12px
[time-1530] 12px
[time-1545] 12px
[time-1600] 12px
[time-1615] 12px
[time-1630] 12px
[time-1645] 12px
[time-1700] 12px
[time-1715] 12px
[time-1730] 12px
[time-1745] 12px
[time-1800] 12px
[time-1815] 12px
[time-1830] 12px
[time-1845] 12px
[time-1900] 12px
[time-1915] 12px
[time-1930] 12px
[time-1945] 12px
[time-2000] 12px
[time-2015] 12px
[time-2030] 12px
[time-2045] 12px
[time-2100] 12px
[time-2115] 12px
[time-2130] 12px
[time-2145] 12px
[time-2200] 12px
[time-2215] 12px
[time-2230] 12px
[time-2245] 12px
[time-2300] 12px
[time-2315] 12px
[time-2330] 12px
[time-2345] 12px
[time-0000] 12px
[time-0015] 12px
[time-0030] 12px
[time-0045] 12px
[time-0100] 12px
[time-0115] 12px
[time-0130] 12px
[time-0145] 12px
[time-0200] 12px
[time-0215] 12px
[time-0230] 12px
[time-0245] 12px

;
        
grid-template-columns:
            [times] 4em
            [track-1-start] 1fr
            [track-1-end track-2-start] 1fr
            [track-2-end track-3-start] 1fr
            [track-3-end track-4-start] 1fr
            [track-4-end track-5-start] 1fr
            [track-5-end track-6-start] 1fr
            [track-6-end];
    }
}

.time-slot {
    grid-column: times;
}

.track-slot {
    display: none; /* hidden on small screens and browsers without grid support */
}

@supports( display:grid ) {
    @media screen and (min-width:200px) {
        .track-slot {
            display: block;
            padding: 10px 5px 5px;
            position: sticky;
            top: 0;
            z-index: 1;
            background-color: rgba(255,255,255,.9);
        }
    }
}

/* Small-screen & fallback styles */
.session {
    margin-bottom:  1em;

}

@supports( display:grid ) {
    @media screen and (min-width: 700px) {
        .session {
            margin: 0;
        }   
    }
}

/*************************
 * VISUAL STYLES
 * Design-y stuff ot particularly important to the demo
 *************************/

.session {
max-width: 200px;
padding: .5em;
border-radius: 8px;
font-size: 14px;
box-shadow:
rgba(255,255,255,.6) 1px 1px 0,
rgba(0,0,0,.3) 4px 4px 0;
cursor: pointer;
}

.session-title,
.session-time,
.session-track,
.session-presenter {
    display: block;
}

.session-title,
.time-slot {
    margin: 0;
    font-size: 1em; /*wielkość h2 w boksie*/
}

.session-title a {

    text-decoration-style: dotted;
    
    &:hover {
        font-style: italic;
    }
    
    &:focus {
        outline: 2px dotted rgba(255,255,255,.8);
    }
}

.track-slot,
.time-slot {
font-weight: bold;
font-size:1em; /*wielkość liter godzin i nagłówka*/
max-width: 200px;
}



.track-1 {
    background-color: #1259B2;
    color: #fff;
}

.track-2 {
    background-color: #687f00;
    color: #fff;
}

.track-3 {
    background-color: #544D69;
    color: #fff;
}

.track-4 {
    background-color: #c35500;
    color: #fff;
}

.track-all {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ccc;
    color: #000;
    box-shadow: none;

}

.text {
    max-width: 750px;
    font-size: 18px;
    margin: 0 auto 50px;
}

.meta {
    color: #555;
    font-style: italic;
}

.meta a {
    color: #555;
}


h2.time-slot
{
line-height: 0px; 
}


span.track-slot
{
background-color: #544D69;
color: #fff;
text-align: center;

}


span.session-data
{
display: none;
}


span.session-presenter
{
display: none;
}


.mobile
{
font-size: 60px;
margin-bottom: 60px;
}





ul.regulamin
{
list-style-type: disc;
margin: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
}


ol.regulamin
{
list-style-type: decimal;
margin: 20px;
padding: 0px;
}

ol.literki
{
list-style-type: lower-latin;
margin: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
}