body, html { font-family: Tahoma, sans-serif; font-size: 12pt; background: #f8f8f8; padding: 0; margin: 0; }
body a { text-decoration: none; color: black; }
body a:hover { color: #8000a0; }
body .leaflet-container a { text-decoration: none; color: black; }
body .leaflet-container a:hover { color: #8000a0; }

#table-op-menu {
    position: absolute;
    display: none;
    width: 10em;
    z-index: 999;
}

table.listing { border-collapse: collapse; width: 100%; clear: both; font-size: 10pt; }
table.narrow { width: auto; }
table.listing tr th { background: #e0e0e0; border-bottom: solid 1px black; text-align: left; }
table.listing tr.minor th { border-bottom: none; font-weight: normal; }
table.listing td { padding-left: 4pt; padding-right: 4pt; cursor: pointer; vertical-align: top; }
table.listing tr:nth-child(even) td { background: #f4f4f4; }
table.listing tr:nth-child(odd) td { background:  #f0f0f0; }
table tr.break td, table.listing tr.break td { background: inherit; padding-top: 10pt; border: none; }
table.listing tr:hover td { background: #ffc0ff; }
table.listing tr.bold td { font-weight: bold; }
th.c, td.c, table.listing tr th.c, input.c { text-align: center !important; }
th.r, td.r, table.listing tr th.r, input.r { text-align: right !important; }
td.mini { font-size: smaller; }
.b, .b * { font-weight: bold; }
td.l, th.l { text-align: left !important; }
th.minor { font-weight: normal; }

div.paging { font-size: smaller; display: inline-block; }
div.paging input { border: solid 1px #aaa; }
ul.table-buttons { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
ul.table-buttons li { display: inline-block; margin-right: 5pt; }


div.floating-form div.field-group { display: inline-block; }
div.floating-form div.field-group.force-break { display: block; }
div.floating-form div.field > label { display: block; font-size: smaller; color: #444; position: relative; }
div.floating-form div.field div.comment { display: block; font-size: smaller; color: #444; font-style: italic; }
div.floating-form div.field > span { display: block; }
div.floating-form div.static > span { }
div.floating-form div.field > span.thin { width: 20px; }
div.floating-form div.field > span.thin > span { display: inline-block; }

div.floating-form h2, h2 { margin-top: 20pt; margin-bottom: 2pt; font-size: 14pt;  }
div.floating-form h2:first-child, h2:first-child { margin-top: 2pt;  }
h2 + div.floating-form { margin-top: 0pt;  }
div.floating-form { margin-top: 20pt;  }
div.glued { margin-top: 5pt; }
div.floating-form div.field {
    vertical-align: top;
    display: inline-block;
    width: 16em;
    padding: 0.5em;
    background: #f4f4f4;
    margin-right: 0.5em;
    margin-left: 0pt;
    margin-top: 1pt;
    margin-bottom: 5pt;
}
div.floating-form div.ops {
    display: inline-block;
    vertical-align: top;
    margin-left: 0pt;
}

div.floating-form div.field.width_double {
    width: 33.8em;
}

div.floating-form div.field.width_quad {
    width: 69.5em;
    max-width: 100%;
}

div.floating-form div.field.width_half {
    width: 7.1em;
}


div.flowing-form > div {
    display: inline-block;
    margin-bottom: 1em;
}

div.flowing-form > div > div {
    display: inline-block;
}

div.flowing-form > div > div > label {
    display: block;
}




input.topright { position: absolute; right: 2pt; top: 2pt; }
a.topleft { position: absolute; left: 2pt; top: 2pt; }


.table-action-single a, .table-action-multiple a { display: block; }


div#top_menu {
    margin-bottom: 10pt;
    vertical-align: top;
    padding: 0.5em;
    background-color: #afb7bd;
    color: white;
    border-bottom: solid 5px #8c8263;
    z-index: 2000;
}

div#top_menu > div {
    position: static;
    display: inline-block;
    min-width: 8em;
    padding-right: 1em;
    vertical-align: top;
}
div#top_menu > div > h3 {
    font-size: inherit;
    margin: 0;
    display: block;
/*    text-decoration: underline;*/
    cursor: pointer;
}

div#top_menu > div > h3 > a {
    color: white;
}

div#top_menu > div > div {
    display: none;
}

div#top_menu > div:hover > div,
div#top_menu > div.open > div {
    display: block;
    position: absolute;
    z-index: 9999;
    background-color: #afb7bd;
    padding: 10pt;
    border-bottom: solid 5px #8c8263;
    border-left: solid 5px #8c8263;
    border-right: solid 5px #8c8263;
}

div#top_menu > div > div > a {
    display: block;
    color: white;
    padding-top: 3pt;
    padding-bottom: 3pt;
}

div#top_menu > div > div > a:hover {
    color: #8c8263;
}

div.simple-form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    max-width: 50em;
    border: solid 5px #afb7bd;
    border-radius: 10px;
    background: white;
    padding: 1em;

}

div.simple-form > div {
    display: inline-block;
    min-width: 20em;
    margin-bottom: 1em;

}
div.simple-form > div > label {
    display: block;

}


div.simple-form > p {
    text-align: justify;
}

div.simple-form label {
    font-style: italic;
}

div.simple-form input {
    border: solid 1px #888;
    border-radius: 3px;
    background: #f8f8f8;
}

div.simple-form h1 {
    color: #afb7bd;
}

div#content {
    padding: 0.5em;
}

div.error {
    color: #800;
    font-weight: bold;
}

input.right {
    float: right;
}

div.sunrise {
    margin-bottom: 1em;
    font-size: smaller;
}

div.cal div, th.cal div {
    display: inline-block;
    min-width: 2em;
    border: solid 1px #ccc;
    text-align: center;
    background: #eee;
    color: #333;
}

/*div.cal div.su { background: #fae; }
div.cal div.sa { background: #ddd; }
*/

.cal b.date { margin-right: 2em; }
.cal div span:first-child { display: block; }
.cal div span:last-child { display: block; }
.cal div.su span { display: block; color: #f00; }
.cal div.sa span { display: block; color: #888; }
.cal div.past { background-color: #ccc; }
.cal div.selected { border: solid 1px black; background-color: #fff; color: black; }
.cal div.k_0 { background: #fdd; }
.cal div.k_1 { background: #dfd; }

div.formerr {
    background: #ffc0ff !important;
}

table.bookings td.event_u div, table.bookings td.event_r div.draggable { cursor: pointer; }

div#search-form { display: none; }

div.hoverable:hover > div.field {
    background: #ccffaa;
}


div.floating-form div.field-group.right-hidden {
    display: none;
}

div.flag-choice > span {
    cursor: pointer;
}

div.message {
    background: #eeeeee;
    border: solid 2px #888;
    border-radius: 5px;
    padding: 0.5em;
    margin-bottom: 2em;
    clear: both;
}

div.message.bad {
    background: #ffdddd;
}

div.message.good {
    background: #ddffdd;
}



div.leftmessage {
    clear: none;
    width: 46%;
    float: left;
}

div.rightmessage {
    clear: none;
    width: 46%;
    float: right;
}

div.message pre, pre.notam, pre.wrap {
    word-wrap: break-word;
    white-space: pre-wrap;
}

div.notice {
    background: #ffe0ff;
    border: solid 2px #a00;
}

div.passwd-suggestions {
    cursor: pointer;
}

/*div.jq-tabs { display: none; }*/
div.pogoda font:hover { color: #ff0000; }

div.edit-form:not(:first-child) {
    border-top: dotted 1px black;
}


i.copy-field, i.trash-field {
    display: none;
    cursor: pointer;
}

div:hover > label > .copy-field { display: inline-block; }
div:hover > label > .trash-field { display: inline-block; position: absolute; right: 0;}


table.plan.rezplan td > div:hover {
    color: #f00;
}

table.plan tr th {
    text-align: center;
}

table.plan td > div > div {
    text-align: center;
}
table.plan td > div > div:first-child {
    font-size: smaller;
}

table.plan tbody td:not(:first-child) { border-left: #888 dotted 1px; }
table.plan td.sum { font-size: small; color: #888; text-align: center;}



table.bookings td.drophere, table.plan td.drophere, .drophere { background-color: #ffcc00; }

div.ms.new i { color: #08b09e;}
/* div.ms.green i { color: #007100;} */
div.ms.yellow i { color: rgb(128, 113, 12);}
div.ms.red { color: #841411;}
div.gps.red { color: #ff0000; }
table.pdt td > div > div:first-child {
    font-size: inherit;
}
div.gps.problem { color: #cb13f2; }
/*table.pdt td > div > div.rez,
table.pdt td > div > div.gps
{ font-size: small; }*/
table.pdt td > div { padding-top: 8pt; padding-bottom: 8pt; }
table.pdt td > div > div:hover { color: #f00; }

table tr.sum td { border-top: solid 1px black; }
table.listing tr td.przerwa { text-align: center; background-color: inherit; }
td.e input { margin: 0; padding:0 ;}
td.bl { border-left: dotted 1px black; }

table.float {
    display: inline-block;
    vertical-align:top;
    margin-right: 10pt;
}

table.listing tr td.highlight {  background: #ffee88; }
table.listing tr:hover td.highlight {  background: #ffaa88; }

table.listing tr td.alrm_0, .alrm_0 { background: #ff8362 !important; }
table.listing tr td.alrm_1, .alrm_1 { background: #ff8362 !important; }
table.listing tr td.alrm_2, .alrm_2, td.unpaid { background: #ffdc5c !important; }
table.listing tr td.alrm_3, .alrm_3 { background: #feff74 !important; }
table.listing tr td.alrm_4, .alrm_4 { background: #96ddff !important; }

table tr.marked:nth-child(even) td { background: #daf4e3; }
table tr.marked:nth-child(odd) td { background: #c0f0cb; }

/*
div.camo-uwagi { display: none; }
table.wo-form tr.to-do div.camo-uwagi { display: block; }
*/

div.camo-uwagi input { font-size: smaller; }
table.listing tr.camo-recommended td:nth-child(3) { text-decoration: underline; }

table.camo small div:hover { background: #b597ff; }

div#camo-schedule > div > div { margin-bottom: 10pt; background: #eee; clear: both;}
div#camo-schedule > div > div > div { display: inline-block; vertical-align: middle; }
div#camo-schedule > div > div > div.int { width: 8em; text-align: center; }
div#camo-schedule > div > div > div.hdg { display: block; font-weight: bold; background: #ddd; padding: 1pt; }
div.camo-sortable > div { cursor: pointer; }
a.camo-rf { float: right; }
.camo-template { display: none; }
.camo-template.camo-visible { display: inherit; }
div#camo-descr textarea { width: 100%; height: 240pt; }
div#camo-schedule ul { margin-top: 0; }
div.camo-horyzont span { cursor: pointer; }
.ui-tabs-nav a { font-size: 12pt; }
tr.camo-unselectable td { text-decoration: line-through; color: #888;}
span#camo-wo-summary div:hover { color: #a00; }
/*
span#camo-wo-summary div { display: inline-block; min-width: 40%; margin-right: 20pt; border-left: solid 1px black; }
*/
td.dbl { border-left: dotted 1px black; }
td.dbr { border-right: dotted 1px black;}


h4 { margin-bottom: 0; padding-bottom: 0; }

.ui-datepicker-trigger {
    border:none;
    background:none;
    display: inline;
    cursor: pointer;
}

div.camo-button-pane table td { display: table-cell; padding-top: 10pt; padding-bottom: 10pt; }
div.camo-button-pane table td button { width: 100%; }
div.camo-button-pane table td:nth-child(2) { padding-left: 10pt; }

div.camo-konfig-podzespol {
    background: #f0f0f0;
    border: solid 1px #aaa;
    margin-left: 16pt;
    margin-right: 2pt;
    margin-top: 1pt;
    margin-bottom: 1pt;
}

div.camo-konfig-podzespol div:nth-child(2n) {
    background: #e8e8e8;
}
div.camo-konfig-podzespol.ui-droppable-hover {
    background: #ffee88
}

.ui-draggable-dragging {
    z-index: 999;
}

div.camo-konfig-pane {
    width: 48%;
    display: inline-block;
    border: solid 1px black;
}

div.camo-konfig-lista {
    overflow: auto;
    height: 100%;
}

div.camo-konfig-podzespol > label > div {
    float: right;
    font-size: small;
    padding-right: 2pt;
}

table.camo-zgodnosc tr.camo-hidden { display: none; }
table.camo-show-all tr.camo-hidden { display: table-row; opacity: 0.5;}

div.camo-tab-nav {

}

span.col-bad { background: #ff8362; }
span.col-poor { background: #ffdc5c; }
span.col-fair { background: #feff74; }
span.col-good { background: #99ffbc; }

td.opis-sp { position: relative; }
.ms-icon { position: absolute; left: 0; top: auto; font-size: 16pt !important; }
.ms-bad { color: #cc6850; }
.ms-poor { color: #cca629; }
.ms-good { color: #52cc7a; }


table.saldo { border-collapse: collapse; }
table.saldo tr:last-child td { padding-bottom: 20pt; }
table.saldo tr td { border-top: solid 1px #888;}
table.saldo tr:first-child td { border-top: none;}
table.saldo tr:hover td { color: #a00;}
table.saldo tr td:nth-child(3), table.saldo tr td:nth-child(4) { text-align: right; }
table.saldo tr:last-child td:nth-child(3),table.saldo tr:last-child td:nth-child(4) { font-weight: bold; }
table.saldo td { padding: 0 10pt; }

.first-ten * { display: none; }
.first-ten *:nth-child(-n+10) { display: block; }

div#blocker {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    background-color: white;
    opacity: 0.9;
    z-index: 10000;
}
div#blocker > div {
    position: absolute;
    margin: auto;
    width: 200px;
    height: 50px;
    left: 0; top: 0; bottom: 0; right: 0;
}

div#blocker > div > div {
    text-align: center;
}

div#blocker a {
    position: absolute;
    display:block;
    right: 0;
    bottom: 0;
}

div#blocker > div#blocker-search {
    width: 600px;
    height: 200px;
}


.camo-tab-nav .camo-tab-nav-right { margin-left: 10pt; float: right; }

div#tiles-viewport {
    overflow: hidden;
    width: 100%;
}

div#tiles-container {
    position: relative;
    width: 25600px;
    background-color: #00dd00;
    height: 400px;
    cursor: ew-resize;
}

div#tiles-container img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}


.h32px { height: 32px; }

ol.exam li:hover { color: #888; cursor: pointer; }
ol.exam li.correct.clicked { color: #080; }
ol.exam li.incorrect.clicked { color: #800; }

a.onhover { visibility: hidden; font-size: smaller; }
th:hover a.onhover { visibility: visible; }

div.grupy-raportow > div {
    display: inline-block;
    width: 30em;
    margin-right: 20pt;
}

div.grupy-raportow > div > h3 {
    border-bottom: solid 1px black;
    padding-top: 10pt;
    padding-bottom: 0;
    margin-bottom: 5pt;
}

div.grupy-raportow > div > a {
    display: block;
}

div#home-menu i { font-size: 20pt; }
div#home-menu a { display: inline-block; margin-right: 20pt; }
div#home-menu div { text-align: center;  }


div#home-cal { margin-top: 20pt;}
div#home-cal > div { display: inline-block; width: 300pt; border-radius: 5px; background: white; margin: 5pt; padding: 3pt; min-height: 60pt; border: solid 1px #888; vertical-align: top; }
div#home-cal > div > h2 { border-bottom: solid 1px black;  }
div#home-cal > div.past { opacity: 0.6; }
div#home-cal div.past + div.future { background: #ffffc6;}
div#home-cal li a:hover { color: #a4009d !important; }
div#home-cal > div.saturday { background-color: #fafafa; }
div#home-cal > div.holiday { background-color: #fff7f2; }
div#home-cal > div.saturday > h2 { color: #666; border-bottom: solid 1px #666; }
div#home-cal > div.holiday > h2 { color: #800; border-bottom: solid 1px #800; }
div#home-cal h3 { margin: 0; font-size: 12pt; font-weight: normal; font-style: oblique; padding: 5pt; background: #33CCCC; font-weight: bold; }
div#home-cal ul { margin-top: 0; margin-bottom: 30pt; }
div#home-cal ul li { text-align: justify; }
div#home-cal small, div.stats small { color: #888; }
div#home-cal ul li small a { visibility: hidden; }
div#home-cal ul li:hover small a { visibility: visible; }


.tag-list > div {
    display: inline-block;
    border-radius: 3px;
    background: #eee;
    border: #ccc solid 1px;
    margin: 1px;
}

table.obiekty-clicks .tag-list > div { cursor: pointer; }
.tag-list > div.tag-marked { background: #8fe; }
.tag-list > div.recommended { opacity: 0.4; cursor: pointer; }

a.inactive { color: #aaa; cursor: default; }
div.stats h3 { border-bottom: solid 1px black; margin-bottom: 3pt;}
div.stats ol { margin-top: 0; }

.ui-widget { font-size: 10pt; }
.ui-tabs-nav a { font-size: 10pt; }

.aonhover a, div.dziej > .dziejinfo > a.dziejaction { visibility:  hidden; }
.aonhover:hover a, div.dziej:hover > .dziejinfo >  a.dziejaction { visibility: visible; }