html, body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
#content{
	margin:0 auto;
	max-width: 1200px;
	overflow: auto;
}
#logowanie{
	margin-top:20px;
	margin-left:390px;
}
#logo{
	background:url(../img/logo.jpg);
	height:112px;
	width:217px;
	margin-top:200px;
	margin-left:375px;
}
input{
	border:1px solid #dbd8d8;
	height:20px;
	width:170px;
	padding:5px;
}
.button{
	background:#a1cd44;
	height:40px;
	width:182px;
	color:#fff;
	border:0px;
	margin-left:2px;
	cursor: pointer;	
	    margin-bottom: 15px;
}
#menu{
	margin-left: 160px;
	margin-top: 10px;
}
td{
	text-align:center;
	height:30px;
	width:200px;
}
h1{
	text-align:center;
	margin-top:30px;
	font-weight:normal;
	color:#a1cd44;
}
h2{
	text-align:left;
	margin-top:30px;
	font-weight:normal;
	color:#a1cd44;
}
#zaloguj{
	margin-left:12px;
}

.logout{
	float: right;
	margin-top: 10px;
	text-decoration: none;
}

a{
	text-decoration: none;
	color: #394350;
}
img.example-image{
	border: 0px;    width: 120px;
}
#ilosc{    width: 50px;
    vertical-align: middle;
    display: -webkit-inline-box;}
#roll {background:#111; color: #fff;padding-top: 5px;}
.fixed {position: fixed; top:0;}
.static {position: static;}
#maintable{
	margin-top: 20px;
	display:table;
	    width: 100%;
}
#maintable div div{display:table-cell;    text-align: center;    vertical-align: middle;}

.lp{width: 50px;min-width: 50px;}
.zamowienie{    width: 85px;min-width: 85px;}
.nazwa{width: 180px;min-width: 180px;}
.ilosc{    width: 95px;min-width: 95px;}
.kolor{ width: 200px;min-width: 200px;}
.kontrahent{width: 200px;min-width: 200px;}
.zamawiajacy{width: 200px;min-width: 200px;}
.podwykonawca{width: 90px;min-width: 90px;}
.stan-zlecenia{    width: 140px;min-width: 140px;}
.termin-realizacji{width: 100px;min-width: 100px;}
.edytuj{    width: 60px;min-width: 60px;}
.spakowane{width: 70px;min-width: 70px;}
.nadrukarni{width: 70px;min-width: 70px;}
.nadrukowane{width: 70px;min-width: 70px;}
.obrazek{width:200px;min-width: 200px;}
.pms{width:50px;min-width:50px;}
.usun{width:50px;min-width:50px;}
.magazyn{width:200px;min-width: 200px;}

.small{
	font-size: 10px;
}

#main{
	margin-left: 200px;
	margin-top: 50px;
}

.sidebyside{
	background:#ececec;
}
#dodaj_usera{
	margin-top: 30px;
}

.buttonadduser{
	background:#878787;
	height:40px;
	width:150px;
	color:#fff;
	border:0px;
	margin-left:2px;
	cursor: pointer;	
}

input[type=checkbox]{
	clear: both;
	height: auto;
	width: auto;
}

.goleft{
	text-align: left;
}
#legenda{
	margin-left: 70px;
}
.dodatkowe_dane, .dodatkowe_kontaktowe{    display: table;
    width: 100%;
    border: 1px solid #3f5dfb;
    background-color: #fb3fa982;
    color: white;}
.dane_platnika{width: 50%;
    font-weight: bold;
    display: table-cell;
    text-align: center;}
.dane_platnika2, .dane_dostawy2, .dane_kontakt2, .dane_kontakt3{    display: block !important;
    margin-top: 6px;}
.dane_dostawy{
	width: 50%;
    font-weight: bold;
    display: table-cell;
    text-align: center;
}
.przycisk-zamawiajacy{       background-color: #a1cd44;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: -15px;
    text-align: center;
    color: white;    border: 1px solid #3f5dfbb3;}
.status-info{    max-width: 1200px;
    margin: auto;
    text-align: center;
    border: 2px solid #a1cd44;
    font-size: 20px;
    padding: 20px;
	margin-top: 15px;}
#wyszukiwarka h2{    text-align: left;
    margin-top: 30px;
    margin-left: 20px;
    font-weight: normal;
    color: #000000;
    font-size: 25px;margin-bottom: 5px;}
.form-group{    margin-bottom: 15px;    padding-left: 20px;}
.input-group{    position: relative;
    display: table !important;
    border-collapse: separate;width: 400px;}
.input-group-addon{    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;display: table-cell;    vertical-align: middle;}
#search_text{    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;    display: table-cell;    vertical-align: middle;    margin-left: -3px;}
@media only screen and (max-width:1910px){
	.sidebyside{width: 100%;}
	.lp {min-width:20px;}
	.zamowienie{min-width:65px;}
	.nazwa{       width: 140px;
    min-width: 140px;}
	.ilosc{    width: 65px;
    min-width: 65px;}
	.kolor{width: 150px;
    min-width: 150px;}
	.kontrahent{    width: 100px;
    min-width: 100px;}
	.podwykonawca{    width: 80px;
    min-width: 80px;}
	.stan-zlecenia{    width: 110px;
    min-width: 110px;}
	.termin-realizacji{    width: 80px;
    min-width: 80px;}
	.edytuj{    min-width: 40px;}
	.spakowane{    min-width: 50px;}
	.nadrukarni{    min-width: 50px;}
	.nadrukowane{    min-width: 50px;}
	.obrazek{min-width: 200px;}
	.pms{min-width: 50px;}
	.usun  {    min-width: 10px;}
	
}
@media only screen and (max-width:1532px){
	.lp {min-width:10px;}
	.zamowienie{min-width:70px;}
	.nazwa{       width: 100px;
    min-width: 100px;}
	.ilosc{    width: 100px;
    min-width: 100px;}
	.kolor{width: 100px;
    min-width: 100px;}
	.kontrahent{    width: 70px;
    min-width: 70px;}
	.podwykonawca{    width: 70px;
    min-width: 70px;}
	.stan-zlecenia{    width: 70px;
    min-width: 70px;}
	.termin-realizacji{    width: 60px;
    min-width: 63px;}
	.edytuj{    min-width: 10px;}
	.spakowane{    min-width: 48px;}
	.nadrukarni{    min-width: 48px;}
	.nadrukowane{    min-width: 48px;}
	.obrazek{min-width: 130px;}
	.pms{min-width: 70px;}
	.usun  {    min-width: 10px;}
	
}
@media only screen and (max-width:1254px){
	.obrazek img{width: 90px;}
	.obrazek {min-width: 100px;
    width: 100px;}
	
	.zamowienie,.nazwa,.ilosc,.kolor,.kontrahent,.podwykonawca,.stan-zlecenia,.termin-reazliacj{min-width: auto;}
}

.kolumna1{    display: table-cell; width: 50%; text-align: right; margin-bottom: 10px;
    font-size: 18px;}
.kolumna2{    display: table-cell; width: 50%; text-align: left;  font-size: 18px; font-weight: bold;}

.link-normal {
	color: white;
}
.link-active {
	color: #007bff;
}

.table-home td:nth-of-type(3),
.table-home td:nth-of-type(6) {
	min-width: 220px;
}
.table-home td:nth-of-type(9),
.table-home td:nth-of-type(10){
	min-width: 100px;
}