@font-face {
	font-family: 'Chicago';
	src: url('/lib/fonts/ChicagoFLF.ttf');
	font-weight: bold;
	font-style: normal;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: none;
	font-smooth: never;
}

html {
    background: #63639c url("/lib/img/bg-krol-olch.jpg") 0 0;
    padding: 8px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
body {
    background: #dcdcdc;
    color: #000;
    width: fit-content;
    max-width: 980px;
    padding: 0 4px 4px;
    border: 1px solid #333;
    margin-bottom: 19vh;

	font-family: Chicago,Fixedsys,FixedsysExcelsior301Regular,Helvetica,monospaced;
	font-weight: bold;
	filter: contrast(1);
	line-height: 18px;
	font-size: 12px;
}
h1 {
    display: block;
    text-align: center;
    font: inherit;
    margin: 0;
    padding: 5px 10px 7px;
}

table, tr, td {
    margin: 0;
    border-spacing: 0 1px;
    vertical-align: middle;
}
table {
    width: 100%;
    border: 1px solid #333;
    background: #f7f7f7;
}
td, th {
    border: 0;
    color: #000;
    padding: 1px 10px;
}
a {
    color: #000;
    text-decoration: none;
    display: block;
}
tr#parent a,
a:hover, a:focus {
    color: #6767c4;
    text-decoration: underline;
}
tr {
    background: #eeedee;
    transform: translate(0, -1px);
}
td:has(a:hover, a:focus) {
    background: #bababa;
}
td.colname {
    background: #dcdcdc;
    padding: 0;
}
td.colname a {
    padding: 1px 10px 1px 48px;
}
td.colsize {
    text-align: right;
    width: 60px;
}
td.coldate {
    text-align: center;
    width: 150px;
}
th {
    color: #878787;
    border: 1px solid #878787;
    background: #dcdcdc;
    text-align: center;
}
th.colname {
    background: #bababa;
    padding-left: 50px;
    text-align: left;
}

body tr.file td.colname {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5JREFUeNpiYBjsgBFd4F2VXACQ6gdiBSzqFwi1PUok2kCgYSBDzgOxAB49eA1lQuMrIBkWCMSOSPgCVDwBaPF8XAay4JIAumIDmutBhu4HYgOooQzYXMpEbGADNX8gxqVMpMQgDkMdyDYQzVCiIoUUQ6lnID4wauBIMBA9L39Ayrv3gdQDHPoUsOnBVR6C8mcCkQ7CKMoYsakCGgoqUQLwGARy1QGgYRfQJQACDACAZThahzahnQAAAABJRU5ErkJggg==") no-repeat scroll left center transparent;
}
body tr.subdir td.colname {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNpiYBjsgBFEvKuSUwBSCXjUbRBqe3SBGANZoPR8IHbAoy4fiAWJMZCJSJ8IEOtlFmIVAoMFnw8+wIKEhYTw3k/AwglAQwuZqBjBBqSEIdFg1MBRAykw8CAVzPoAL76gWQdUfClQYNgCYNb7MOgLbAaAAAMAPqkYNRZKJgwAAAAASUVORK5CYII=') no-repeat left top;
}