/* =========================TO MUSI BYC============================================ */
/* Główna tabela musi być position:relative;  */
/* element ładowania */
.table_loading { background-color:#ffffffb5; z-index:10; position:absolute; }
.table_loading > .loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid blue;
  border-bottom: 8px solid blue;
  -webkit-animation: loader-spin 2s linear infinite;
  animation: loader-spin 2s linear infinite;
}

@-webkit-keyframes loader-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes loader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* =================== to opcjonlanie  ======================== */
/* ===================================================================
                             Tabela
   =================================================================== */
.tabela, #tabela { border:1px solid #009ec3; border-spacing: 1px; border-collapse: separate; line-height:1.1; position:relative; }
.tabela > thead > tr, #tabela > thead > tr { 

/*
background: rgb(147,206,222);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);

*/
 color:#fff; }
.tabela > thead > tr a, #tabela > thead > tr a { color:#fff; }
.tabela tr {  }
.tabela > thead tr > td, #tabela > thead tr td { 
border-bottom:1px solid #364b71; border-right:1px solid #364b71; padding:5px; font-weight:bold;  
background: rgb(147,206,222);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 31%, rgba(73,165,191,1) 100%);
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 31%,rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 31%,rgba(73,165,191,1) 100%);
text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.tabela > tbody > tr:nth-child(odd):not(.tab_not_oe) > td, .tabela > tbody > tr.tab_tr_odd > td, #tabela > tbody tr:nth-child(odd) { background-color:#ffffff; }
.tabela > tbody > tr:nth-child(even):not(.tab_not_oe) > td, .tabela > tbody > tr.tab_tr_even > td, #tabela > tbody tr:nth-child(even) { 
background: rgb(222,239,255);
background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);
background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);
background: background: linear-gradient(to bottom, rgb(246, 246, 246) 0%,rgb(233, 236, 240) 100%);

 }
.tabela > tbody > tr:hover:not(.tab_not_hover) > td, .tabela > tbody > tr.tab_tr_hover > td, #tabela > tbody tr:hover > td { 
background: -moz-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(210, 215, 222) 100%)
background: -webkit-linear-gradient(top, rgb(246, 246, 246) 0%,rgb(210, 215, 222) 100%);
background: linear-gradient(to bottom, rgb(246, 246, 246) 0%,rgb(210, 215, 222) 100%);

 }
.tabela > tbody > tr > td, #tabela > tbody td { border-bottom:1px solid #C0C8D1; padding:5px; }
.tabela > tfoot > tr, #tabela > tfoot > tr { background: rgb(164, 186, 219); }
.tabela > tfoot > tr > td, #tabela > tfoot tr td { padding:5px; color:#fff; border-top:1px solid #4e6691; border-left:1px solid #4e6691; border-bottom:0px; text-shadow: 1px 1px 1px #000; }
.tabela > tfoot > tr > td a { color:#fff; }
.tabela > tbody > tr > td.tab_buttons { width:20px; text-align:center; padding:3px; }



.tabela_ramka { display:inline-block; }
.tabela_ramka > .info {
	display: block;
	font-size: 0.9rem;
	border-radius: 2px;
	margin: 10px 0 10px 0;
	padding: 2px 10px;
	background-image: linear-gradient(#ddd, #F1F3FA);
	text-shadow: -1px -1px 1px #fff;
	box-shadow: -1px 1px 2px #ddd;
}
.tabela_ramka > span.myPagination { display:block; text-align:right; }