html {
    height: 100%;
}   

body{
    background-color:#F7EAB7;
    font-family: Verdana, tahoma, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

table{
    font-family:Verdana, tahoma, sans-serif;
}

a{
    text-decoration:none;
    color:#006e00;
}

a:hover{ text-decoration:underline; }

checkbox{
    vertical-align: middle;
}

/*Tekst wyglądający jak link*/
.pseudolink{
    cursor:pointer;
    text-decoration:none;
    color:#006e00;
}
.fa{ /*dodatek do font awesome*/
    cursor:pointer;
    text-decoration:none;
}



input, textarea, .linka, .tabelka, .tekst {
    border-left: 1px solid lightgrey; 
    border-top: 1px solid lightgrey; 
    border-right: 1px solid darkgrey;
    border-bottom: 1px solid darkgrey; 
}

#opis, .opisOkno, .content,  #wysylka, .graf_opis{
    background-color: #E5E5E5;
    padding:4px;
    border-left:1px solid silver;
    border-top:1px solid silver;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
}

#opis, .opisOkno, .content{
    background-color: #E5E5E5;
    padding:4px;
}

#content{
    min-height:80%;
}

h1{    
    display: inline-block;
    text-align:center; 
    vertical-align: middle;
    margin-bottom:0;

}

.div-ramka, .ramka-glowna, .menu{
    border-top: 1px solid navy;
    border-bottom: 1px solid navy;
}

.div-ramka{
    text-align: left;
    margin:auto;
    z-index:1;
    padding:8px;
    padding-top:20px;
    height: auto !important;
    height: 400px; /* IE */
    min-height:400px;
}

.ramka-glowna{
    margin:auto;
    text-align:left;
    z-index:1;
    height:100%;
    padding:8px;
    margin-top:22px;
}

.menu{ /*div z ramką*/
    /*margin-top:15px;*/
    margin-bottom:15px;
    padding:1px;
    background-color:#E2E2E2;
    text-align:center;
}

.podmenuDropDown{
    display:none;
    text-align: left;
    background:#FDFADD;
    color:black;
    border:2px solid #808080;
    position: absolute; padding:3px; 


}

.podmenu {
    z-index: 9999 !important;
}

.menu ul, .podmenu ul, .podmenuDropDown ul{ /* lista bez kropek i innych*/
    margin:0;
    padding:0;
    list-style: none;

}
/*menu nierozwijane*/
.duzemenu{ list-style: none; }
.duzemenu li{
    padding: 5px;
    margin-top:2px;
}
.linka{
    background-color:#E2E2E2;
    padding: 4px;
}

.menu li, .podmenu li{
    display:inline;
    position: relative;
    border-right: 1px solid black;
    padding-left: 0.2ex;
    padding-right:0.5ex;
    white-space: nowrap; 
}

.menulist li ul { /* podmenu rozwijane*/
    display: none;
    position: absolute;
    background-color:#E2E2E2;
    padding: 3px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    z-index:99;
}

.podmenuDropDown li, .podmenu li { /* ustawienia, których podmenu ma nie zbierać z rodzica */
    display:block !important;
    margin: auto !important;
    border: 0 !important;
}

.menulist li:hover > ul { /* wyświetlanie po najechaniu */
    left: 0px;
    top: 1.2em;
    text-align: left;
    display: block;
}

/*podmenu w obiektach*/
.podmenu{ background-color:white !important; }

.podmenu ul li{
    background-color:white !important;
    padding: 3px !important;
    z-index:98 !important;
}

#tytulStrony{
    padding-top:10px; 
    background-color:white;
    padding:4px;
    margin-left:5%;
    border: 1px solid navy;
    border-bottom:none;
    z-index:0;
    text-align:left;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

.tytul{
    display: inline ;
    position:absolute;
    background-color:white;
    margin-left:10%;
    margin-top: -35px;
    padding:4px;
    border: 1px solid navy;
    z-index:0;
}

.tytul h2{
    text-align:left;
    font-weight:bold;
    margin:0px;
}

#stopka{
    float:left; 
    padding-left:6px;
    margin-left:6px;
}

.content{
    text-align:center;
    padding:5px;
}

.notatka{
    padding:5px;
    text-align:left;
    font-style:italic;
}

#modyf{
    font-style:italic;
}

.srodek{text-align:center;}

.lista{
    list-style-type: none;
    margin:17px;
    font-weight:bold;
}

.listapozycje li{
    list-style-type: none;
    padding: 6px;
}

.tabelka{
    padding:0px;
    border-spacing:0;
    margin-bottom:7px;
    margin-right: 4px;
}

.tabelka td{ padding:2px; text-align: left; border: 1px dotted #cccccc;}

.przebieg { padding:0; text-align: center; border: none; font-size: 5px}

.tabelka th{ font-weight: bold; text-align: center; background-color: #cccccc;}

.tabelka tr:hover{
    background-color:#F7EAB7;
    border: 1px solid navy;
}

.prawy {
    text-align:right; 
    margin-right:4px;
}

.lewy {text-align:left;}

#szczegoly{
    float:left;
    margin-right:7px;
    position:relative;
}

.graf_opis{
    text-align:left;
    padding:6px;
    width:100%;
}

div.tekst{
    background-color:lightgray;
    padding: 4px;
    margin-bottom: 10px;
}

.help{ border-width:0px; }

.miniatura{
    /*width:50%;*/ 
    border: 1px solid navy;
    margin:4px;
    padding:4px;
}

.miniImg{
    max-width:150px; 
    height:100px;
    overflow: hidden; 
}


/* listy i ikonki przy grafice*/
ul.listy {list-style-type:none;}
.listy li{padding-top:16px;}

.ikona, .listy img{
    vertical-align:middle;
    width:16px; 
    height:16px;
    margin:1px;
}

/*ogłoszenia drobne*/
.ogloszenie{
    background-color:yellow;
    color:red;
    font-weight:bold;
    padding:3px;
    border:1px solid black;
}

/*legendy wszelkie*/
.legenda th{
    background-color:#F7EAB7;
}
/*aktualnosc danych*/
#aktualnosc{
    text-align:left; 
    width:50%;
    height:100px;
    overflow:auto;
    float:left;
}

/*pola obowiązkowe*/
.req{
    background-color:#C8FFFA;
}

/* tabele przebiegu*/
.przebiegKolor{
    padding: 0; 

}
.przebiegKolorTd{
    text-align: center;  
    padding:0; 
    margin:0; 
    line-height:10px;
    
}

.przebiegKolorSpan{
    cursor: pointer;
    padding:0;
    margin:0; 
}


.wyrozniony{
    color:red;
    font-weight:bold;
}

/*zmiany w mailach*/
.mailzm{
    font-weight:bold;
}

#cookiesAlert{
    text-align: right; z-index: 99; 
    position: fixed; border: 1px solid blue; 
    bottom:3px; 
    right: 3px;  
    width:60%;
    background-color: white; 
    padding:3px; 
    text-align: right; 
    opacity: 0.8;
}

.app, #app, #saveWindow, #mailWindow{
    display:none;
    z-index:1000;
    color: black;
    background:#F7EAB7;
    /*overflow:auto;*/
    position:fixed; 
    padding:3px;
    border: 2px solid navy;
}

.app, #app, #mailWindow{
    top:25%;
    left:25%;
    /*    width: 600px;
    height: 500px;*/
    max-width:800px;
    max-height: 700px;
    vertical-align:middle;
}

.appData, #appData, #mailData{
    position: relative;
    width:100%;
    height: 95%;
    max-height: 680px;
    overflow:auto;
}


#saveWindow{
    top:10px;
    right:10px;
    width:250px;
    vertical-align:middle;
}


.rollMenuHidden{
    display:none;
    position:absolute;
    padding:3px;
    background-color:#F7EAB7;
    border:1px solid lightgrey;
}

#basicMap {
    border: 2px solid #006e00;
    background-color: #FDFADD;
    width:100%;
    min-height:500px;
    margin:auto;
}


/*Okienko z podpowiedzią*/
.hint{
    display:none;
    text-align: left;
    background:#FDFADD;
    color:black;
    border:2px solid #808080;
    position: absolute; padding:3px; 
}

/*pola z ograniczeniem wyświetlania */
.ukryte, .hiddenFiles{
    display: none;
    font-style: italic;
    /*background-color: #808080;*/
}

.ukryte td{
    background-color: #808080;
    font-style: italic;
}

#zapisanoBox{
    background-color:yellow; 
    color:black; 
    position:fixed; 
    top:0; 
    left:30%; 
    padding:10px; 
    margin:auto;
    z-index:3; 
    width:40%; 
    text-align: center; 
    display:none;
}

.fancybox-nav {display:none;}

.wojBar{
    height:50px; 
    cursor: pointer;
}

.newsBox{
    text-align: center; 
    border: 1px solid navy; 
    background-color: lightgray; 
    padding:2px;
    float: left; 
    margin:2px; 
    width:150px;
    float: left;

}

.bar {
    height: 18px;
    background: green;
}

.komentarzeLista{
    vertical-align: middle;
}

.komentarzeLista li{
    margin-top:4px;
}
.komUser{
    font-weight: bold; font-style: italic;
}

.komTresc{
    padding:3px;
    margin-left:15px;
}


.tekstOkno, #appData textarea, .appData textarea{
    min-width:40em;
    width: 95%;
    min-height: 8em;
}


/*
.inputOkno, #appData input[type="text"]:not(.datownik), .appData input[type="text"]:not(.datownik){
min-width:40em;
width: 95%;
}

*/

#zapisProgres{
    display: none;
    position: fixed; 
    top:0; 
    left: 0; 
    width:100%; 
    height: 100%; 
    background-color:#DCD1A3; 
    opacity:.7; 
    text-align: center; 
    z-index: 1000;
}
.punktStan0, .punktStan0 a{ /* punkt z przyszłości  */
    color:#bebf93;
    font-style: italic;
}
.punktStan1, .punktStan1 a{ /* punkt czynny  */
    color:black;
}
.punktStan2, .punktStan2 a{ /* punkt nieczynny  */
    color:#444444;
    font-style: italic;
}
.punktStan3, .punktStan3 a{ /* punkt zlikwidowany */
    color:#444444;
    font-style: italic;
    text-decoration: line-through;

}

#dropDownMenu{
    background-color:#F7EAB7;
    border: 1px solid navy;
    padding: 3px;
    font-size:10px;
    postion: absolute;
    /* display:none*/
}

.fotkaPole{
    display:inline-block;
    border:1px solid #898989;
    padding:3px;
}
.fotkaAktywna{background-color: #ffff00; }
.fotkaStatus1{}
.fotkaStatus2{background-color: #b1b100; }
.fotkaStatus3, .fotkaStatus4{background-color: #90ee90; }
.fotkaStatus5{background-color: #808080; }
.fotkaStatus6, .fotkaStatus9{background-color: #995656; }
.fotkaStatus7{background-color: #ff0000; }
.fotkaStatus8{background-color: #c66262; }


.tagiChk, .podobiektyChk{
    border:1px solid grey; 
    padding:2px; 
    display: inline-block;
}

.tagDescr{
    cursor: help;
    border-bottom: 1px dashed #000000;
}

/*
.tagiChk :hover{
background-color: #60BDB5;
}*/

#ciemnyEkran{
    position: absolute; 
    left: 0; 
    top:0; 
    width: 100%; 
    height: 100%; 
    background-color: black; opacity: .5; 
    filter: alpha(opacity=50);
}

.kolumny2{
    column-count:2; 
    -moz-column-count:2;
}

.kolumny2 label{
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.glosNieoddanyPlus{
    color: green;
}
.glosOddanyPlus{
    color: #00ba00;
}
.glosNieoddanyMinus{
    color: Red;
}
.glosOddanyMinus{
    color: #ff8587;
}

.wykaz li{
    padding:0.2em;
}

.kom1{ /* nowy niewidoczny komentarz*/
    color: #3399ff;
}
.kom2{ /* nowy komentarz*/
    color: navy;
}
.kom6{ /* zgłoszony do moderacji*/
    color: red;
}

.kom4, .kom7{ /*usunięty bez moderacji*/
    color:gray;
    text-decoration: line-through;
}

.kom5, .kom8{ /*usunięty zmoderowany*/
    color:pink;
    text-decoration: line-through;
}

.kom8, .kom7 {
    font-style: italic;
}

.fotoEdycjaOkno{
    border: 1px dashed #00f; 
    display: none; 
    padding: 3px
}

.fotoGlowna{
    border: 3px dashed red !important;
}

.ui-autocomplete {
    z-index: 9999 !important;
}

.ui-dialog-content {
    background-color: #F7EAB7 !important;
 /*   border: 1px solid #90d93f;
    color: #222222;*/
}