body
{
background-color:  rgb(209,213,159);
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);
}


.color_niebieski
{
color: rgb(0,112,192);
}

.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;
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: 14px;
}


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(179,199,157);
cursor: pointer;
}

tr.even
{
background-color: rgb(201,215,185);
cursor: pointer;
}


tr.odd:hover
{
background-color: rgb(224,233,216);
cursor: pointer;
}

tr.even:hover
{
background-color: rgb(224,233,216);
}




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;
}


button.normal
{
border: 1px solid rgb(179, 199, 157);
background-color: rgb(182,148,180);
color:  rgb(50,50,50);
height: 24px;
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;
}


button.normal:hover
{
background-color: rgb(182,148,180);
color:  rgb(220,220,220);
}


div.button
{
border: 1px solid rgb(179, 199, 157);
background-color: rgb(182,148,180);
color:  rgb(50,50,50);
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(220,220,220);
}




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: rgb(179, 199, 157);
    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(116,86,105);
font-size: 16px;
padding: 14px;
padding-top: 8px;
padding-bottom: 8px;
cursor: pointer;
color: rgb(240,240,240);
font-weight: bold;
}


td.menu:hover
{
opacity: 0.8;
}


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


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 */

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


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;
}