body {
  background-size: contain; 
  background-image: url("../images/jtc_bckg1.png"); 
  background-repeat: no-repeat;  
  background-attachment: fixed;
  margin: 0px;
  font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 20px;}

div#ui-datepicker-div {
    font-size: 62.5%}
div#stopka {
  position: fixed;
  height: 20px;
  background-color: #888888;
  text-align: right;
  bottom: 0;
  width: 100%;}

@media (max-width: 500px) {
  #container {
      background-image: url("../images/jtc_bckg2.png");}
  div#stopka {
      height: 40px;}
}

.ui-dialog-title, .ui-dialog-content, .ui-dialog-buttonset {
  font-size: 12px;}
.ui-button {
	font-size: 16px;
	color: green;}
.curpoint {
    cursor: pointer;}




.rowp {background: linear-gradient(#FFF, #CCE7A4)}
.rown {background: linear-gradient(#FFF, #CCC);}
.rows {background: linear-gradient(#666, #AAA); color: #FFFFFF ; font-weight:bold}

.report th, .report1 th, .report2 th {  background: linear-gradient(#666, #AAA); color: #FFFFFF }
.report1 td, .report2 td { font-size: 11px; }
.report1 th {font-size: 10px}
.report2 th {font-size: 12px}

	
.kolh { 
  background: linear-gradient(#00f, #88f) !important;  /*Standard syntax */
}
.kolh1 { 
  background: linear-gradient(#aa0, #ffa) !important;  /*Standard syntax */
}
.kolh2 { 
  background: linear-gradient(#8a0, #afa) !important;  /*Standard syntax */
}
.kols { 
  background: linear-gradient(#ccf, #aaf) !important;  /*Standard syntax */
  text-align: right
}
.kols1 { 
  background: linear-gradient(#ffa, #fff) !important;  /*Standard syntax */
  text-align: right
}
.kols2 { 
  background: linear-gradient(#ab4, #cfa) !important;  /*Standard syntax */
  text-align: right
}

.divfix {    
	position: fixed;
    top: 10px;
    right: 0px;
    width: 200px;
	font-size: x-small;
    border: 3px solid #BBBBBB;}
div.tytul {
    color: #626262;
    text-decoration: none;
    font-size: 18px;
    font-family: verdana;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 25px;}
div.widok {
	position: fixed;
	top: 150px;
	left: 5%;
	width: 90%;}
div.widokdane {
	position: fixed;
	top: 150px;
	left: 25%;
	width: 50%;
    height: 70%;}
div.danestopka {
	margin-top: 15px;
    width: 100%;
	height: 25px;
    text-align: center;}
button.new, button.rapgodz {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	color: #454545;
    text-decoration: none;
	border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
	margin: 0px 0.5em 0px 0.5em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;}

.tabs_pm {
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.tabs_pm nav {
	background: #fff;
	display: block;}
.tabs_pm nav button {
	background: rgba(243,243,243,.85);
	width: 200px;
	height: 40px;
	padding: 12px;
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-left: 0;
	cursor: pointer;
	float: left;
	text-align: left;}
.tabs_pm nav button:before {
	content: "\25A0";
	margin-right: 10px;
	font-size: 1.8em;
	line-height: 0.4em;
	color: #666;}
.tabs_pm nav button:first-child {
	border: 1px solid #ccc;}
.tabs_pm nav button:hover {
	border-top: 2px solid blue;
	padding-top: 11px;
	background: #ededed;
    color: #2b2b2b;}
.activetab_pm {
	border: 1px solid !important;
	padding-top: 11px !important;
	background: #007fff !important;
    color: #ffffff;}
.activetab_pm:last-child {
	border-right: 1px solid #ccc !important;}
button.activetab_pm + button {
	border-radius: 0 0 0 3px;
	border-left: 1px solid #ccc;
	padding-left: 11px;}
.tabs_pm .text_tabs_pm {
	border: 1px solid #ccc;
	clear: both;}
.tabs_pm .text_tabs_pm > div {
	padding: 12px;
	font-size: 0.8em;
	display: none;}
.visibletext_pm {
	display: block !important;}

table.Dokum {
    font-family: verdana;
    font-size: 12px;}
table.Dokum td {
    text-align: left;
    vertical-align: top;}

div.dataTables_new {
    float: left;
    padding-top: 0px;
    margin-left: 5px;
    margin-top: 0px;}
div.dataTables_filtr {
	float: right;
	margin-bottom: 5px;
	color: inherit;
	text-align: right;}
div.dataTables_filtr input {
	margin-left: 0.5em;}
div.dataTables_new input, div.dataTables_new select, div.dataTables_filter input, div.dataTables_filtr input {
    margin: 0px 5px 0px 5px;
    padding: 1px;
    border: 1px solid #8494C3;}
div.dataTables_new img {
    margin: 0px 5px -3px -5px;
	padding-top: 2px;}




form.edit {
    font-family: verdana;}
form.edit table {
    color: #333333;
    font-size: 12px;}
form.edit label {
    font-weight: bold;}
form.edit label.error {
    color: red;
    font-style: italic;
    margin-left: 5px;}
form.edit input, form.edit textarea, form.edit select {
    border: 1px solid black;}
form.edit input.checkbox {
    border: none;}
form.edit input:focus, form.edit textarea:focus, form.edit select:focus {
    border: 1px dotted black;}
form.edit input.error, form.edit textarea.error, form.edit select.error {
    border: 1px dotted red;}
form.edit img {
	margin: 0px 0px -3px 0px;
	padding-top: 2px;}

.dataTable .Button {
	color: blue;
	font-weight: bold;
    cursor: pointer;}

table.dataTable thead th, table.dataTable tfoot th {
	font-size: 12px;
	background: -webkit-linear-gradient(#666, #AAA);
	background: -o-linear-gradient(#666, #AAA);
	background: linear-gradient(#666, #AAA); 
 	color: #FFFFFF;
 	padding: 2px 2px;}
table.dataTable thead th div.DataTables_sort_wrapper span {
	right: -2px;}
table.dataTable thead th.dzsobot, table.dataTable tbody td.dzsobot {
	background: linear-gradient(#EBF20B, #B1B541) !important;}
table.dataTable thead th.dzniedz, table.dataTable tbody td.dzniedz {
	background: linear-gradient(#EA6666, #AC2424) !important;}
table.dataTable thead th.dzswieto, table.dataTable tbody td.dzswieto {
	background: linear-gradient(#2AF42A, #2D922D) !important;}
table.dataTable thead th.pmkoszt, table.dataTable tfood th.pmkoszt {
	background: linear-gradient(#AAFFAA, #88AA00) !important;}
table.dataTable tbody td.pmkoszt {
	background: linear-gradient(#CCFFAA, #AABB44) !important;}
table.dataTable thead th.pmsprzed, table.dataTable tfood th.pmsprzed {
	background: linear-gradient(#FFFFAA, #AAAA00) !important;}
table.dataTable tbody td.pmsprzed {
	background: linear-gradient(#FFFFFF, #FFFFAA) !important;}
table.dataTable thead th.pmwynik, table.dataTable tfood th.pmwynik {
	background: linear-gradient(#8888FF, #0000FF) !important;}
table.dataTable tbody td.pmwynik {
	background: linear-gradient(#CCCCFF, #AAAAFF) !important;}
table.dataTable tbody td.pmujemne {
	background: linear-gradient(#FF9999, #991111) !important;}

table.dataTable tbody tr {
	vertical-align: top;}
table.dataTable tbody th, table.dataTable tbody td {
	padding: 2px 2px;}
table.dataTable tbody tr td.group, table.dataTable tbody tr td.subgroup {
	font-size: 12px;}
table.dataTable tbody tr.group td {
	font-weight: bold;
	background-color: #DCD0EC;}
/*
table.dataTable tbody tr:hover {
	background-color: #FF0000;}
*/
table.dataTable tbody tr.odd {
	font-size: 12px;
	background: -webkit-linear-gradient(#EEEEEE, #DDDDDD);
	background: -o-linear-gradient(#EEEEEE, #DDDDDD);
	background: linear-gradient(#EEEEEE, #DDDDDD);}
table.dataTable tbody tr.odd td.sorting_1 {
	background-color: #B0FFB0;}
table.dataTable tbody tr.odd:hover td.sorting_1 {
	background-color: #258C25;}
/*
table.dataTable tbody tr.odd:hover {
	background-color: #FF0000;}
table.dataTable tbody tr.odd.row_selected td {
	background-color: #9FAFD1;}
*/
table.dataTable tbody tr.even {
	font-size: 12px;
	background: -webkit-linear-gradient(#CCCCCC, #BBBBBB);
	background: -o-linear-gradient(#CCCCCC, #BBBBBB);
	background: linear-gradient(#CCCCCC, #BBBBBB);}
table.dataTable tbody tr.even td.sorting_1 {
	background-color: #1ADF1A;}
table.dataTable tbody tr.even:hover td.sorting_1 {
	background-color: #258C25;}
/*
table.dataTable tbody tr.even:hover {
	background-color: #FF0000;}
table.dataTable tbody tr.even.row_selected td {
	background-color: #B0BED9;}
*/

.ui-dialog-title, .ui-dialog-content, .ui-dialog-buttonset
{
 font-size: 12px;
}

.Fleft
{
 float: left;
}
.Fright
{
 float: right;
}
.Tright
{
 text-align: right;
}
.Tcenter
{
 text-align: center;
}

input.Button
{
 position: absolute;
 left: -100px;
 top: -100px;
}

a.Disabled
{
 color: gray;
 cursor: text;
}

.group.expanded-group
{
 background: url("../images/dt/minus.jpg") no-repeat scroll left center transparent;
 padding-left: 15px !important;
 font-weight: bold;
}
.group.collapsed-group
{
 background: url("../images/dt/plus.jpg") no-repeat scroll left center transparent;
 padding-left: 15px !important;
 font-weight: bold;
}
.subgroup1.expanded-group
{
 background: url("../images/dt/minus.jpg") no-repeat scroll 10px center transparent;
 padding-left: 25px !important;
 font-weight: bold;
}
.subgroup1.collapsed-group
{
 background: url("../images/dt/plus.jpg") no-repeat scroll 10px center transparent;
 padding-left: 25px !important;
 font-weight: bold;
}
.subgroup2.expanded-group
{
 background: url("../images/dt/minus.jpg") no-repeat scroll 20px center transparent;
 padding-left: 35px !important;
 font-weight: bold;
}
.subgroup2.collapsed-group
{
 background: url("../images/dt/plus.jpg") no-repeat scroll 20px center transparent;
 padding-left: 35px !important;
 font-weight: bold;
}

tr.group1, tr.group2, tr.group1:hover, tr.group2:hover
{
 background-color: #ddd !important;
}