.table-grafik {
  border: 1px solid #ddd;
  background-color: #ffffff;
}

.table-grafik > caption + thead > tr:first-child > th, 
.table-grafik > colgroup + thead > tr:first-child > th, 
.table-grafik > thead:first-child > tr:first-child > th, 
.table-grafik > caption + thead > tr:first-child > td, 
.table-grafik > colgroup + thead > tr:first-child > td, 
.table-grafik > thead:first-child > tr:first-child > td {
    border: 1px solid #ddd;
}

.table-grafik > thead > tr > th,
.table-grafik > tbody > tr > th,
.table-grafik > tfoot > tr > th,
.table-grafik > thead > tr > td,
.table-grafik > tbody > tr > td,
.table-grafik > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-grafik > thead > tr > th,
.table-grafik > thead > tr > td {
  border-bottom-width: 2px;
}

.table-grafik > thead > tr {
  background-color: #ffffff;
}

.table-grafik > thead > tr.obiekty {
  background-color: #EFFFBF;
}

.table-grafik > tbody > tr > td:hover {
  background-color: #CCCCCC;
}

.table-grafik > tbody > tr > td.czas a {
  color: #2c3e50;
}

.table-grafik > tbody > tr > td.czas:hover {
  background-color: #DDDDDD;
}

.table-grafik > tbody > tr:hover {
  background-color: #DDDDDD;
}

.table-grafik > thead > tr > th {
	vertical-align:middle;
	text-align:center;
}

.table-grafik > tbody > tr > td {
	vertical-align:middle;
	text-align:center;
}

.table-grafik td a {
	display:block;
	text-decoration:none !important;
}

.table-grafik .btn-group {
	display:block;
}

.table-grafik > tbody > tr > td.active  {

}
.table-grafik > tbody > tr > td.active a {
  color: #000;
  text-decoration:none;
}

.table-hover > tbody > tr > td.active:hover {
  color: #000;
  text-decoration:none;
}

.table-grafik > tbody > tr > td.active a,
.table-grafik > tbody > tr > td.success a,
.table-grafik > tbody > tr > td.info a,
.table-grafik > tbody > tr > td.warning a,
.table-grafik > tbody > tr > td.danger a
{
  text-decoration:none;
}

.table-grafik > thead > tr.bez_obramowania > th  {
	border: none !important;
}

.table-grafik > thead > tr.bez_obramowania > th.tytul  {
	font-weight: normal;
	text-align: right;
	/*padding-left: 0px;
	padding-right: 10px;
	width:20px;*/
}

.table-grafik > thead > tr.bez_obramowania > th.dzien_tyg  {
	border: 1px solid #ddd !important;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width:200px;
}

.table-grafik > thead > tr.bez_obramowania > th.data  {
	border: 1px solid #ddd !important;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width:200px;
}

.table-grafik > thead > tr.bez_obramowania > th.data2  {
	border: 1px solid #ddd !important;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width:250px;
}

.table-grafik > thead > tr.bez_obramowania > th.srodek  {
	font-weight: normal;
	text-align: center;
}

.table-grafik {
	border: none;
}
/*
@media print { 
    .table-druk td, .table-druk th { 
        background-color: #fff !important; 
    }
}
*/

.table-grafik > tbody > tr > td.kolor-1  {color: #000; background-color: #ecf0f1;}
.table-hover > tbody > tr > td.kolor-1:hover {background-color: #dde4e6;}
.table-grafik > tbody > tr > td.kolor-2  {color: #fff; background-color: #f39c12;}
.table-hover > tbody > tr > td.kolor-2:hover {background-color: #e08e0b;}
.table-grafik > tbody > tr > td.kolor-3  {color: #fff; background-color: #3498db;}
.table-hover > tbody > tr > td.kolor-3:hover {background-color: #258cd1;}
.table-grafik > tbody > tr > td.kolor-4  {color: #fff; background-color: #18bc9c;}
.table-hover > tbody > tr > td.kolor-4:hover {background-color: #15a589;}
.table-grafik > tbody > tr > td.kolor-5  {color: #fff; background-color: #e74c3c;}
.table-hover > tbody > tr > td.kolor-5:hover {background-color: #e43725;}
.table-grafik > tbody > tr > td.kolor-6  {color: #fff; background-color: #00d900;}
.table-hover > tbody > tr > td.kolor-6:hover {background-color: #00d900;}

.table-grafik > tbody > tr > td.kolor-11  {color: #000; background-color: #ffffff;}
.table-hover > tbody > tr > td.kolor-11:hover {background-color: #EEEEEE;}
.table-grafik > tbody > tr > td.kolor-12  {color: #000; background-color: #FFFFBF;}
.table-hover > tbody > tr > td.kolor-12:hover {background-color: #FFFF99;}
.table-grafik > tbody > tr > td.kolor-13  {color: #000; background-color: #FFB973;}
.table-hover > tbody > tr > td.kolor-13:hover {background-color: #FFA64C;}
.table-grafik > tbody > tr > td.kolor-14  {color: #000; background-color: #FF9999;}
.table-hover > tbody > tr > td.kolor-14:hover {background-color: #FF7373;}
.table-grafik > tbody > tr > td.kolor-15  {color: #000; background-color: #99FF99;}
.table-hover > tbody > tr > td.kolor-15:hover {background-color: #73FF73;}
.table-grafik > tbody > tr > td.kolor-16  {color: #000; background-color: #BFEFFF;}
.table-hover > tbody > tr > td.kolor-16:hover {background-color: #99E5FF;}
.table-grafik > tbody > tr > td.kolor-17  {color: #000; background-color: #EFBFFF;}
.table-hover > tbody > tr > td.kolor-17:hover {background-color: #E599FF;}
.table-grafik > tbody > tr > td.kolor-18  {color: #fff; background-color: #B35900;}
.table-hover > tbody > tr > td.kolor-18:hover {background-color: #8C4600;}
.table-grafik > tbody > tr > td.kolor-19  {color: #fff; background-color: #555555;}
.table-hover > tbody > tr > td.kolor-19:hover {background-color: #444444;}


.table-grafik > tbody > tr > td.kolor a
 {
  color: #fff;
  text-decoration:none;
}

.table-grafik > tbody > tr > td.kolor-1 a,  .table-grafik > tbody > tr > td.kolor-11 a, .table-grafik > tbody > tr > td.kolor-12 a, .table-grafik > tbody > tr > td.kolor-13 a, .table-grafik > tbody > tr > td.kolor-14 a, .table-grafik > tbody > tr > td.kolor-15 a, .table-grafik > tbody > tr > td.kolor-16 a, .table-grafik > tbody > tr > td.kolor-17 a
{
  color: #000;
  text-decoration:none;
}

.table-grafik > tbody > tr > td.kolor-18 a, .table-grafik > tbody > tr > td.kolor-19 a
{
  color: #ffffff;
  text-decoration:none;
}

.table-grafik > tbody > tr > td ul.dropdown-menu > li > a {
  color: #7b8a8b !important;
}

.table-grafik > tbody > tr > td.obramowanie
{
	/*border: 2px solid #000 !important;
	border-top: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	border-left: 2px solid #000 !important;
	border-right: 2px solid #000 !important;*/
}

.table-druk {
  font-size: 11px;
}

.table-druk > thead > tr > th, .table-druk > tbody > tr > th, .table-druk > tfoot > tr > th, .table-druk > thead > tr > td, .table-druk > tbody > tr > td, .table-druk > tfoot > tr > td {
    line-height: 1.22857;
}

.table-druk > thead > tr > th,
.table-druk > tbody > tr > th,
.table-druk > tfoot > tr > th,
.table-druk > thead > tr > td,
.table-druk > tbody > tr > td,
.table-druk > tfoot > tr > td {
  padding: 2px;
}

@page {
  size: auto;   /* auto is the initial value */
  margin: 1%;
  -webkit-print-color-adjust: exact;
}

@media print {
	
	.table-grafik > tbody > tr > td.kolor-1  {color: #000 !important; background-color: #ecf0f1 !important;}
	.table-grafik > tbody > tr > td.kolor-2  {color: #fff !important; background-color: #f39c12 !important;}
	.table-grafik > tbody > tr > td.kolor-3  {color: #fff !important; background-color: #3498db !important;}
	.table-grafik > tbody > tr > td.kolor-4  {color: #fff !important; background-color: #18bc9c !important;}
	.table-grafik > tbody > tr > td.kolor-5  {color: #fff !important; background-color: #e74c3c !important;}
	.table-grafik > tbody > tr > td.kolor-6  {color: #fff !important; background-color: #00d900 !important;}

	.table-grafik > tbody > tr > td.kolor-11  {color: #000; background-color: #ffffff;}
	.table-grafik > tbody > tr > td.kolor-12  {color: #000; background-color: #FFFFBF;}
	.table-grafik > tbody > tr > td.kolor-13  {color: #000; background-color: #FFB973;}
	.table-grafik > tbody > tr > td.kolor-14  {color: #000; background-color: #FF9999;}
	.table-grafik > tbody > tr > td.kolor-15  {color: #000; background-color: #99FF99;}
	.table-grafik > tbody > tr > td.kolor-16  {color: #000; background-color: #BFEFFF;}
	.table-grafik > tbody > tr > td.kolor-17  {color: #000; background-color: #EFBFFF;}
	.table-grafik > tbody > tr > td.kolor-18  {color: #fff; background-color: #B35900;}
	.table-grafik > tbody > tr > td.kolor-19  {color: #fff; background-color: #555555;}
}


.table-grafik > tbody > tr > td.separator  {border-right: 1px solid #bbbbbb; }
.table-grafik >  thead > tr.obiekty > th.separator  {border-right: 1px solid #bbbbbb;}


.table-grafik > thead > tr.obiekty > th.rez_oczekujace {
	/*background-color: #ffffff;
	border: 0px;*/
}
.table-grafik > tbody > tr > td.rez_oczekujace {
	/*border: 0px;*/
}

.table-grafik > tbody > tr > td.rez_oczekujace a {
	color: #ffffff;
}

.table-grafik > tbody > tr:hover > td.rez_oczekujace {
	background-color: #DDDDDD;
}

.table-grafik > tbody > tr:hover > td.rez_oczekujace a {
	color: #DDDDDD;
}

.table-grafik > tbody > tr > td.rez_oczekujace:hover a {
	color: #18bc9c;
}

.table-grafik td.kliknieta_komorka {
	/*border: 2px solid #777777 !important;
	opacity:0.3;*/
}

/*.table-hover > tbody > tr > td.kliknieta_komorka:hover {opacity:0.3;}*/

.table-grafik > tbody > tr > td.zacheta {
	background-color: #fff;
}

.table-grafik > tbody > tr:hover > td.zacheta {
	background-color: #fff;
}

.label-kolor-1  {color: #000 !important; background-color: #ecf0f1 !important;}
.label-kolor-2  {color: #fff !important; background-color: #f39c12 !important;}
.label-kolor-3  {color: #fff !important; background-color: #3498db !important;}
.label-kolor-4  {color: #fff !important; background-color: #18bc9c !important;}
.label-kolor-5  {color: #fff !important; background-color: #e74c3c !important;}
.label-kolor-6  {color: #fff !important; background-color: #00d900 !important;}

.label-kolor-11  {color: #000; background-color: #ffffff;}
.label-kolor-12  {color: #000; background-color: #FFFFBF;}
.label-kolor-13  {color: #000; background-color: #FFB973;}
.label-kolor-14  {color: #000; background-color: #FF9999;}
.label-kolor-15  {color: #000; background-color: #99FF99;}
.label-kolor-16  {color: #000; background-color: #BFEFFF;}
.label-kolor-17  {color: #000; background-color: #EFBFFF;}
.label-kolor-18  {color: #fff; background-color: #B35900;}
.label-kolor-19  {color: #fff; background-color: #555555;}