body {background: #282828; color: #8b8b8b;} 
.main {
	width:100%;
	}
.tabela{
	position:absolute;
	width:70%;
	margin:10px 10px 0xp 0px;
	background-color: #282828;
	z-index: 0;
	
}
.panel_prawy {
	float:right;
	width:25%;

	}
.info {
	float:left;
	width:100%;
	
}
hr{
	border-color: #282828;
}
.form_dodaj{float:left;
	background-color:#121212;
	text-align: center;
	width: 100%;}
	  
	  @media (max-width: 725px) { /* adjust to your needs */
		.panel_prawy {
		  position: relative;
		  bottom: 0;
		  top: 0;
		  width: 100%;
		  clear: both;
		  /*width: ?;*/
		}
		
		.tabela{
			width: 100%;
			position: relative;
			clear: both;
		}
		
		.serwer, .koszt, .oplata {
			display: none;
		}
		
		/* Top toolbar: search + buttons */
		.tabela form,
		.tabela a {
			display: inline-block;
			align-items: center;
			flex-wrap: nowrap;
			white-space: nowrap;
			margin: 2px 4px 2px 0;
		}
		
		.tabela input[name="wyszukiwacz"] {
			width: 100px;
			max-width: 30vw;
			padding: 5px;
			margin-right: 4px;
		}
		
		.tabela input[type=submit],
		.tabela button,
		.tabela .btn {
			padding: 6px 10px;
			font-size: 12px;
			white-space: nowrap;
		}
		
		.ile_domen, .ile_domen_akt, .ile_domen_nieakt {
			padding: 3px;
			font-size: 12px;
		}
	  }
pre{
	margin: 0;
	padding: 0;
}
.licznik{color:#8b8b8b; font-family:Tahoma;
		}
#predycja{
	color: #282828;
	background-color: #282828;
}
#formedycja{
	color: #282828;
	background-color: #282828;
}
.ile_domen{
	position:relative;
	display: inline-block;
	color:#fff;
	font-family:Tahoma;
	padding:6px;
	line-height:25px;
	background:#003366;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	}
.ile_domen_akt{
		position:relative;
	display: inline-block;
	color:#fff;
	font-family:Tahoma;
	padding:6px;
	line-height:25px;
	background:green;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	}
.ile_domen_nieakt {
		position:relative;
	display: inline-block;
	color:#fff;
	font-family:Tahoma;
	padding:6px;
	line-height:25px;
	background:#f00;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	}
a:hover{color:#717171;}
img{margin-top:6px;}
h3 {font-family: Verdana;
	text-indent:10px;
	margin:10px;
	color:#8b8b8b;}
h4 {font-family: Verdana;
	text-indent:10px;
	margin: 0;
	color:#8b8b8b;
background-color: #121212;}
	

td {font-size:16px;
	font-family:Verdana;
	font-weight:normal;
	line-height: 25px;
	width: 150px;
	text-align:center;
	background:#121212;
	color:#8b8b8b;
}
td>.zaplacone{

}
.tabela td:hover {background:#282828;
		color:#8b8b8b;
		}
.tabela th:hover {background:#282828;
			color:#8b8b8b;
			}
.tabela tr:hover{
}
.zaplacone{
	width: 40px;
}
.id {width:80px;
	text-align:center;}
.domena{width:200px;}
th.domena{
	background-color: #191919;
}
.serwer{width:200px;}
th.serwer{
	background-color: #191919;
}
.dni{width:50px;
}
th.dni{
	background-color: #191919;
}
td.dni{
	color: white;
}
.oplata{width:70px;}
th.oplata{
	background-color: #191919;
}
.koszt{width:70px;}
th.koszt{
	background-color: #191919;
}
.plus {width:50px;
		height:50px;
		float:right;
		margin-right: 50px;
		}
		th.komentarz{
			background-color: #191919;
		}
		th.data_wyg{
			background-color: #191919;
		}
.edit_del{border-left: 1px solid #333;
			width:70px;}
input, textarea, date {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
  border-radius:4px;
  padding: 0;
  margin: 4px 0px;
  background-clip: content-box;
  background-color: #282828;
  color: #8b8b8b;
  line-height:20px;

}
::placeholder {
			color:#8b8b8b;
			font-size:14px;
			
}
input[type=submit] {
    padding:5px 15px; 
    background: #282828; 
	color: #8b8b8b;
    border: 3px solid #121212;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
button[type=submit] {
    padding:5px 15px; 
    background: #282828; 
	color: #8b8b8b;
    border: 3px solid #121212;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
input#file-upload-button {
    padding:5px 15px; 
    background: #121212; 
	color: #8b8b8b;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
label{color:#8b8b8b;
font-family:Verdana;}

.kasa {float:left;
		width:100%;
		margin:10px 0px 0 0px;
		background-color: #121212;
		}
.kasa td {width: 200px;
		margin-top:10px;
		background:	#121212;
		color: #8b8b8b;
		}
.th_tabeli td{
	color:#8b8b8b;
	text-align:center;
	background:#121212;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	}
a{
	color: #8b8b8b;
}

.sortu{
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 0;
}