/* Internet Explorer------------*/
article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section 
{
	display:block;
}

audio, canvas, embed, keygen, meter, progress, video 
{
	display:inline-block;
}

[hidden] 
{
	display:none;
}
/* Internet Explorer------------*/

body
{
	margin:auto;
	padding:0;
	background-image:url(obrazki/bodykarbon1.jpg);
	font-family:Arial, sans-serif;
	font-size:18px;
	background-color: black;
}

div.header_bg
{
	width:100%;
	height:170px;
}

div.header_bg header.head_main
{
	width:95%;
	height:170px;
	margin:auto;
	background-image:url(obrazki/lm.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	border-left: 2px solid #AFAFAF;
	border-top: 2px solid #AFAFAF;
	border-right: 2px solid #AFAFAF;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	background-color: #004000;
}

header.head_main h1.page_title
{
	color: #008080;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	width: 50%;
	margin-top:40px;
	margin-left:30%;
	background-color:#004000;
	border-radius:7px;
}

/* ===== NAV (STABILNA WERSJA) ===== */
nav
{
	width:95%;
	height:5%x;
	margin:auto;
	background-color:#BFBFBF;
	border-left: 2px solid #AFAFAF;
	border-right: 2px solid #AFAFAF;
}		

a
{
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size:14px;
	line-height: 30px;
	margin-left: 3px;
	padding:3px;
	background-color:#2b4e96;
	border-radius:3px;
}

a:hover
{
	color:#FF0000;
	background-color:#5a7aba;
}


/* ===== MAIN ===== */

div.main
{
	width:95%;
	margin:auto;
	background-color:#6F6F6F;
	border-left: 2px solid #AFAFAF;
	border-right: 2px solid #AFAFAF;
}

div.main main
{
	position:relative;
	width:98%;
	margin:auto;
	top:5px;
}

main article.article_1
{
	width:100%;
	background-color:white;
}

div.art_div1
{
	width:100%;
	padding-left:3px;
	padding-right:3px;
	overflow:auto;
	margin:auto;
	white-space:pre-line;
}

div.art_div2
{
	width:100%;
	padding-left:3px;
	padding-right:3px;
	overflow-wrap:break-word;
}

/* ===== TABLE ===== */

table 
{
	border:1px solid;
	border-collapse:separate;
	border-spacing:0;
	border-radius:3px;
}

table th,
table td 
{
	border:1px solid #888;
	white-space:nowrap;
}

table th 
{
	background-color:#888;
	color:#fff;
}

table thead th 
{
	position:sticky;
	top:0;
	z-index:10;
}

/* ===== FOOTER ===== */

div.footer_bg
{
	width:100%;
	height:30px;
}

div.footer_bg footer.footer_main
{
	width:95%;
	height:30px;
	margin:auto;
	color:#FFFF00;
	text-align:center;
	font-size:12px;
	line-height:30px;
	background-color:#6F6F6F;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-left:2px solid #AFAFAF;
	border-right:2px solid #AFAFAF;
}

/* ===== TABLE WRAP ===== */

.table-wrap {
    width: 100%;
    overflow-x: auto;
}

/* ===== TIMER ===== */

.timer {
    font-size: 32px;
    font-weight: bold;
}

.timer.ok { color: green; }
.timer.expired { color: red; }

/* ===== 2FA CENTER ===== */

.select {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.select form {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.select input,
.select button {
    margin:8px auto;
}

/* ===== DEVICE TABLE ===== */

.devices-table {
    width:100%;
    min-width:600px;
    border-collapse:collapse;
}

@media (max-width:768px){
.devices-table{font-size:12px;min-width:500px;}
}

@media (max-width:480px){
.devices-table{font-size:11px;min-width:450px;}
}