.logowanie
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2dc64+0,b0d633+51,d2dc64+100 */
background: #d2dc64; /* Old browsers */
background: -moz-linear-gradient(top,  #d2dc64 0%, #b0d633 51%, #d2dc64 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d2dc64 0%,#b0d633 51%,#d2dc64 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d2dc64 0%,#b0d633 51%,#d2dc64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dc64', endColorstr='#d2dc64',GradientType=0 ); /* IE6-9 */

}
.logowanie_okienko_img
{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.logowanie_okienko_img img
{
	width: 200px;
}

.logowanie_okienko_input
{
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	text-align: center;
}

.logowanie_okienko_input input[type=submit]
{
	font-size: 20px;
}

.logowanie_okienko
{
	background: #DCDCDC;
	width: 300px;
	min-height: 180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 250px;
	margin-bottom: auto;
	border: 1px solid black;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 0 150px #969696;
	text-align: center;
}

.input_logowanie
{
	border: 1px solid black;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-left: 5px;
}
.header
{
	background-color: #ffffff;
	width: 1200px;
	min-height: 140px;
	margin-left: auto;
	margin-right: auto;
}
.logo
{
	background: white;
	width: 350px;
	float:left;
}

.info
{
	background: white;
	width: 240px;
	margin-left:600px;
	float:left;
	padding-left:10px;
	font-size:20px;
}
.godzina
{
		font-size:30px;
}

.date
{
	
	
}
.menu
{
	text-align: center;
	background: #636363;
	margin: 0px;
	width: 1200px;
	height: 30px;
}

.clicked
{
	background-color: #DF7979;
	color:black;
}

.awiersz{
	display: block;
	
}

ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: black;
	font-size: 17px;
	text-align: center;
	display: inline-block; 
	height: 27px;
}
ol a
{
	display: block;
	color: white;
	text-decoration: none;

}

ol > li 
{
	background:#939393;
	float:left;
	width: 110px;
	height: 27px;
	border-right: 1px solid #ffffff;
	padding-top:3px

}
ol > li:first-child
{
	border-left: 1px solid #ffffff;
}
ol > li:hover
{
	background-color: #CF6969;
}

ol > li:hover a
{
	color: black;
	
}
ol > li > ul >li >a
{
	padding: 0;
	padding-top: 6px;
	margin: 0;
	color: white;
	text-decoration: none;
	font-size: 15px;
}

ol > li > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 27px;
	display: none;
}

ol > li:hover > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 27px;
	display: block;
}

ol > li > ul > li
{
	list-style-type: none;
	border-top: 1px solid #ffffff;
	padding: 0;
	margin: 0;
	height: 27px;
	background:#939393;
	position: relative;
}
ol > li > ul > li:hover a
{
	list-style-type: none;
	
	color:black;
	padding: 0;
	font-size:16px;
	padding-top: 5px;
	margin: 0;
	height: 25px;
	background-color: #CF6969;
	position: relative;
}

.center
{
	background-color: #ffffff;
	text-align: center;
	color: black;
	font-size: 15px;
	margin-top: 10px;
	min-height: 300px;
	padding-bottom: 10px;
}

.footer
{
	text-align: center;
	color: white;
	font-size: 50px;
}


.search_bar{
	background: #CF6969;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	height: 28px;
	padding-left: 20px;
	padding-top: 6px;
	margin-top:20px;
	margin-bottom:10px;
}
.tabela_zlecenia
{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.tabela_zlecenia th:first-child
{
	width: 120px;
}

.tabela_zlecenia th:nth-child(5)
{
	width: 200px;
}
.tabela_zlecenia th:nth-child(6)
{
	width: 100px;
}

.search_bar_orders{
	background: #CF6969;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	height: 67px;
	padding-left: 20px;
	padding-top: 6px;
	margin-top:15px;
	margin-bottom:10px;

}

.center table
{
	color: #1E1F23;
	border: 1px solid black;
	background-color: #FEFBF7;
	border-collapse: collapse;
		
}

.center table td
{

	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 8px;
	padding-right: 8px;

}

.center table th
{

	border-left: 1px solid black;
	border-bottom: 1px solid black;

}
.a_pages{
		text-decoration: none;
}

.dodzle{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 400px;
	color: black;
	background: white;
	border: 5px solid black;
	border-radius: 10px;
	text-align: left;
}
.client_szort{
	border: black;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 600px;
	color: black;
	background: white;
	border: 2px solid #FFCC00  ;
	border-radius: 10px;
	text-align: left;
	background: #FFFFCC ;
	padding: 10px;
}

.napis_dodzle{
	color: white;
	background: white;
	
	border-radius: 10px;
	text-align: left;
	background-color: #DF7979;
	padding: 10px;
	text-align: center;
	font-size: 30px;
}
/*	widokklienta klient po kliknieciu*/
.klient
{
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(135deg,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin: 20px;
	color: white;
	font-size: 22px;
	text-shadow: 2px 2px #000000;
	text-align:left;
	padding: 5px;
	border: 3px solid black;
	line-height: 30px;
}
/***********************************************************************************************************************************/
/**************************************** widok klienta: URZADZENIE kontener********************************************************/
.urzadzenia_kontener
{
	background: #F1F1FA;
	margin: 20px;
	color: white;
	font-size: 20px;
	text-align:left;
	padding: 2px;
	border: 3px solid black;
	line-height: 40px;
	border-radius: 5px;
}

/**************************************** widok klienta: URZADZENIE kontener: naglowek*/
.urzadzenia_kontener_naglowek
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7c5de+0,6d88b7+100 */
background: #b7c5de; /* Old browsers */
background: -moz-linear-gradient(top,  #b7c5de 0%, #6d88b7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b7c5de 0%,#6d88b7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b7c5de 0%,#6d88b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c5de', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */

	color: black;
	font-size: 25px;
	padding-left: 15px;
	font-weight: bold;
}
/**************************************** widok klienta: URZADZENIE kontener: naglowek*/

.urzadzenia_kontener_urzadzenie
{
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	margin-bottom: 15px;
	margin-top: 15px;
}

.urzadzenia_kontener_urzadzenie th, td, tr
{
	border: 2px solid #F1F1FA;
}


.urzadzenia_kontener_urzadzenie th
{
	width: 300px;
	font-size: 15px;
	padding: 0px;
	text-align: center;
	line-height: 20px;
}



.urzadzenia_kontener_urzadzenie th:first-child
{
	width: 30px;
}

.urzadzenia_kontener_urzadzenie th:nth-child(3)
{
	width: 110px;
}
.urzadzenia_kontener_urzadzenie th:nth-child(4)
{
	width: 250px;
}
.urzadzenia_kontener_urzadzenie th:nth-child(7)
{
	width: 120px;
}

.edycja_dodawanie_urzadzenia
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 1100px;
	line-height: 30px;
	border: 1px solid white;
	font-size: 20px;
}
.edycja_dodawanie_urzadzenia input
{
	font-size: 20px;
}
.edycja_dodawanie_urzadzenia select
{
	font-size: 20px;
}
.edycja_dodawanie_urzadzenia textarea
{
	font-size: 20px;
}
.edycja_dodawanie_urzadzenia table
{
	border: 1px solid white;
	border: 10px solid black;
}
.edycja_dodawanie_urzadzenia td
{
	width: 400px;
	text-align: left;
}
.edycja_dodawanie_urzadzenia tr:nth-child(2n)
{
	background-color: #DBDBDB;
}
.edycja_dodawanie_urzadzenia tr:nth-child(2n+1)
{
	background-color: #EFEFEF;
}
.edycja_dodawanie_urzadzenia tr:last-child td
{
	background-color: #EFEFEF;
	text-align: center;
	padding: 15px;
}
.edycja_dodawanie_urzadzenia td:first-child
{
	width: 200px;
	text-align: right;
}

/***********************************************************************************************************************************/
/**************************************** widok klienta: ZLECENIE kontener********************************************************/
.zlecenia_kontener
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
	background:	#D9DFE5;
	margin: 20px;
	font-size: 20px;
	text-align:left;
	padding: 2px;
	border: 3px solid black;
	line-height: 40px;
	border-radius: 5px;
}

/**************************************** widok klienta: ZLECENIE kontener: naglowek*/
.zlecenia_kontener_naglowek
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccdbe5+0,596a72+100 */
background: #ccdbe5; /* Old browsers */
background: -moz-linear-gradient(top,  #ccdbe5 0%, #596a72 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ccdbe5 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ccdbe5 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdbe5', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */


	font-size: 25px;
	padding-left: 15px;
	font-weight: bold;
}
/**************************************** widok klienta: ZLECENIE kontener: naglowek*/

.zlecenia_kontener_zlecenie
{
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	margin-bottom: 15px;
	margin-top: 15px;
	border: 2px solid #D9DFE5;
}

.zlecenia_kontener_zlecenie th
{
	width: 300px;
	font-size: 15px;
	padding: 0px;
	text-align: center;
	line-height: 20px;
		border: 2px solid #D9DFE5;
}

.zlecenia_kontener_zlecenie td
{
	border: 2px solid #D9DFE5;
}


.zlecenia_kontener_zlecenie th:first-child
{
	width: 30px;
}
.zlecenia_kontener_zlecenie th:nth-child(2)
{
	width: 100px;
}

.zlecenia_kontener_zlecenie th:nth-child(3)
{
	width: 100px;
}
.zlecenia_kontener_zlecenie th:nth-child(4)
{
	width: 100px;
}
.zlecenia_kontener_zlecenie th:nth-child(5)
{
	width: 150px;
}
.zlecenia_kontener_zlecenie th:nth-child(6)
{
	width: 110px;
}
.zlecenia_kontener_zlecenie th:nth-child(7)
{
	width: 200px;
}
.zlecenia_kontener_zlecenie th:nth-child(8)
{
	width: 300px;
}
.zlecenia_kontener_zlecenie th:nth-child(9)
{
	width: 120px;
}

.zlecenia_kontener_zlecenie th:nth-child(10)
{
	width: 70px;
}

/***********************************************************************************************************************************/
/**************************************** widok klienta: PROTOKOL kontener********************************************************/
.protokoly_kontener
{
	background: #EAF3DB;

	margin: 20px;
	font-size: 20px;
	text-align:left;
	padding: 2px;
	border: 3px solid black;
	line-height: 40px;
	border-radius: 5px;
}

/**************************************** widok klienta: PROTOKOL kontener: naglowek*/
.protokoly_kontener_naglowek
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5ed9e+0,93c948+100,aa9c66+100 */
background: #d5ed9e; /* Old browsers */
background: -moz-linear-gradient(top,  #d5ed9e 0%, #93c948 100%, #aa9c66 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d5ed9e 0%,#93c948 100%,#aa9c66 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d5ed9e 0%,#93c948 100%,#aa9c66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5ed9e', endColorstr='#aa9c66',GradientType=0 ); /* IE6-9 */


	font-size: 25px;
	padding-left: 15px;
	font-weight: bold;
}
/**************************************** widok klienta: PROTOKOL kontener: naglowek*/

.protokoly_kontener_protokol
{
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	margin-bottom: 15px;
	margin-top: 15px;
}
.protokoly_kontener_protokol th, td, tr
{
	border: 2px solid #EAF3DB;
}
.protokoly_kontener_protokol th
{
	width: 300px;
	font-size: 15px;
	padding: 0px;
	text-align: center;
	line-height: 20px;
}
.protokoly_kontener_protokol th:first-child
{
	width: 30px;
}
.protokoly_kontener_protokol th:nth-child(2)
{
	width: 170px;
}

.protokoly_kontener_protokol th:nth-child(3)
{
	width: 110px;
}
.protokoly_kontener_protokol th:nth-child(4)
{
	width: 250px;
}
.protokoly_kontener_protokol th:nth-child(5)
{
	width: 150px;
}
.protokoly_kontener_protokol th:nth-child(6)
{
	width: 110px;
}
.protokoly_kontener_protokol th:nth-child(7)
{
	width: 250px;
}
.protokoly_kontener_protokol th:nth-child(8)
{
	width: 150px;
}
.protokoly_kontener_protokol th:nth-child(9)
{
	width: 50px;
}
.tabela_slowniki
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	margin-bottom: 150px;
	margin-top: 15px;
	
}

.tabela_slowniki tr:nth-child(2n+1)
{
	width: 25px;
	background: #EEEEEE ;
}

.tabela_slowniki tr:first-child
{
	width: 25px;
	background: #C7D19C      ;
	color: #000099   ;
}

.tabela_slowniki th:nth-last-child(2)
{
	width: 25px;
}

.tabela_slowniki th:last-child
{
	width: 25px;
}

.slowniki_edytuj
{
	background: rgb(248,255,232); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(248,255,232,1) 0%, rgba(227,245,171,1) 33%, rgba(183,223,45,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(227,245,171,1)), color-stop(100%,rgba(183,223,45,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=1 ); /* IE6-9 */
	margin: 20px;
	font-size: 20px;
	text-align:left;
	padding: 5px;
	border: 3px solid black;
	line-height: 40px;
	border-radius: 15px;
}
.slowniki_edytuj table
{
	margin-left: auto;
	margin-right: auto;
	width: 99%;
}

.napis
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#840103+0,680036+100 */
	background: #840103; /* Old browsers */
	background: -moz-linear-gradient(top,  #840103 0%, #680036 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #840103 0%,#680036 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #840103 0%,#680036 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840103', endColorstr='#680036',GradientType=0 ); /* IE6-9 */
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;	
	width: 95%;
	border: 1px solid black;
	color: white;
	font-weight: bold;
}

.przyciski
{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: center;
	padding: 10px;
	
}

.tabela_klienci 
{
	color: white;
	
}