html
{
cursor: url("img/arrow.cur"), default;
margin:0;
width: 100%;
height: 100%;
min-height: 100% !important;
min-width: 1100px !important;
}

body
{
margin:0;
width: 100%;
height: 100%;
min-height: 100% !important;
min-width: 1100px !important;
text-align:left;
font-family: Verdana,Arial,sans-serif;
font-size:12px;
color:#000;
background:#FFFFFF;
}

*{
margin:0;
padding:0;
box-sizing: border-box;
}

a{color:#FF5600;text-decoration:none;}
a:hover{color:red;}

#top, #srodek, #bottom
{
display: table;
}

#top_center
{
display: table-cell;
vertical-align: top;
background-color:#17426F;
width: 100%;
color:#fff;
padding:15px;
}

#logo
{
min-width:170px;
display: table-cell;
vertical-align: top;
background-color:#123960;
position:relative;
padding:5px;
color:#ff5600;
font-weight:bold;
}

#srodek_center
{
display: table-cell;
vertical-align: top;
background-color:#fff;
width: 100%;
color:#555;
padding:10px;
}

#menu
{
min-width:170px;
display: table-cell;
vertical-align: top;
background-color:#f7f7f8;
position:relative;
}

#menu a{
float:left;
width:100%;
padding:5px 0 5px 20px;
border-bottom: 1px solid #dbdee0;
text-decoration:none;
color:#333;
}

#menu a.nowa_sygestia
{
	background: gold;
}

#menu a.nowa_sygestia:after
{
	content: " Nowe!";
	background:red;
	position:absolute;
	top:auto;
	right:auto;
	margin:-15px 0 0 50px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
	line-height:12px;
	padding:10px;
	color:#fff;
}

#menu a:hover {
background:#444;
color:#fff;
}

#menu a.red{
  background: #d4799a;
}

#menu a.yellow {
  background: gold;
  float: right;
}

#logowanie {
  margin: auto;
  margin:50px 0 0 10%;
  width:300px;
}

#logowanie_bg {
  padding: 20px;
  float: left;
}

#logowanie span {
  float: left;
  width: 100%;
  line-height: 50px;
}

input[type='submit'] {
  width: 30%;
  height: 30px;
  background: #ff5600;
  border: none;
  border-radius: 5px;
  cursor:pointer;
  margin:10px;
}

input[type='text'], input[type='password']{
line-height:26px;
width:100%;
}

input[type='number']{
line-height:26px;
width:50%;
}

input[type='text'].mid{
line-height:26px;
width:50%;
}

select {
-webkit-appearance: none;
font: 16px Verdana;
padding:5px;
}

table {
width:100%;
border-collapse: collapse;
}

table th {
  background: #444;
  text-align:center;
  color:#fff;
}

table th, table td {
  border: 1px solid #dbdee0;
  padding:5px;
}

tr:nth-child(odd) {
  background: #f7f7f8;
}

.td_wazne {
background:#AA882B;
}

a.button{
line-height:26px;
font-weight:bold;
float:right;
padding:5px;
margin:5px;
border: 1px solid #dbdee0;
}

td.aktywny_nie {background:#ffaaaa;color:#000;text-align:center;}
td.aktywny_tak {background:#a9f185;color:#000;text-align:center;}

p.allert_ok {float:left;width:100%;padding:10px;background:#E4FFD7;margin-bottom:10px;color:#37B231;}
p.allert_error {float:left;width:100%;padding:10px;background:#FFD1D1;margin-bottom:10px;color:#FA5454;}

h1 {
float:left;
border: 1px solid #dbdee0;
width:100%;
padding:10px;
color:#428BCA;
background:#f7f7f8;
margin:10px 0;
}

#country_list_id
{
position: absolute;
top:auto;
left:auto;
background:#FFF;
box-shadow:0 0 5px #000;
width:500px;
list-style:none;
}

#komunikator
{
float:left;
width:100%;
height:900px;
}

#online 
{
float:left;
width:100%;
padding:5px;
font-size:10px;
margin-top:10px;
background:#17426F;
color:#fff;
}

#online b
{
font-size:12px;
float:left;
width:100%;
padding:5px;
background:#123960;
box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
margin-bottom:5px;
border-bottom:1px solid rgba(255,255,255,0.2);
}

div.pager_div
{
float:left;
width:100%;
padding:8px 0 8px 0;
box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}

a.pager
{
float:left;
margin:0 0 0 5px;
padding:5px;
border-radius:5px;
text-decoration:none;
box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}

a.pager:hover
{
background:#b5b2da;
}

#przeterminowane
{
float:left;
padding:15px 10px 15px 50px;
background:url("img/sign-warning-icon.png") no-repeat  #F3F55D;
background-position:10px center;
width:100%;
margin:0 0 20px 0;
font-weight:bold;
}

table.calendar {width:100%;background:#fff;}
table.calendar tr{background:#fff;}
table.calendar td.calendar-day {width:12%;height:150px;text-align:left;vertical-align:top;}
table.calendar td.calendar-day p {background:rgba(0,0,0,0.3);font-weight:bold;padding:0px;float:left;margin:0;width:100%;float:left;}
table.calendar td.calendar-day p.active {background:green;color:#fff;}
table.calendar td.calendar-day a div{display:none;}
table.calendar td.calendar-day a:hover div{
display:block;
top:auto;
left:auto;
margin:-5px 10px 0 150px;
padding:10px;
min-width:200px;
box-shadow:0 0 15px #000;
position:absolute;
background:#fff;
color:#666;
}
table.calendar td.calendar-day a{
font-size:10px;
width:100%;
float:left;
border-bottom:1px solid rgba(0,0,0,0.1);
margin-bottom:2px;
text-decoration:none;
background:rgba(0,0,0,0.05);
}
table.calendar td.calendar-day a:hover{background:rgba(0,0,0,0.2);}