@media  (min-width: 1200px){  /* poszerzenie kontenera */
			.container {
			    max-width: 1230px;
			    width: 1230px;
			}
		}
/*      * {
    		border-radius: 3px !important;             zaokrąglenie przycisków 
		} */
		body{font-family: Verdana,Arial,sans-serif;color:#023263;font-size: 12px;} /* zmiana czcionki */
		
		.navbar>.container, .navbar>.container-fluid {display:block }              /* wyświetlanie nagłówka */
		.navbar-brand {															   /* wyświetlanie nagłówka */
		    float: left;
		    padding: 15px 15px;
		    font-size: 18px;
		    line-height: 20px;
		}
		.nav > li > a {                    											/* wyświetlanie kart */
		    position: relative;
		    display: block;
		    padding: 10px 15px;
		    background-color: #ddd;
		}
		.btn-secondary { 															/* margines między przyciskami */
    		margin-right: 5px;
    	}
		
		.page-item.active .page-link{                                               /* zmiana koloru paginacji na knfowy */
			background-color: #001A72;
			border-color: #001A72;
		}
		.dataTables_processing{                                                 	/* komunikat "processing" na wierzchu */
			z-index: 1000;
		}
		table.dataTable{															/* tabela pod spód */
			z-index: 100;
		}
		.tab-content {                                                              /* karty widoku */
		  	position:relative;
		}
		.tab-content > .active {
		    display: block;
		    z-index: 100;
		}

		.tab-content>.tab-pane {                                                    /* zawartość karty*/
		  /* in order to make sure the elements are nicely in position
		     use position:absolute; */
		  position:absolute;
		  top:0;
		}
		.tab-content>.tab-pane:not(.in) { 
		  /* display:none; is the default behaviour, make that display:block; */
		  display:block; 
		  /* make the opacity 0, that is what the transition responds to! */
		  opacity:0;
		}
		.fade {                                                                      /*znikanie zawartości karty*/
			   opacity: 0;
			   -webkit-transition: opacity .5s linear;
			      -moz-transition: opacity .5s linear;
			       -ms-transition: opacity .5s linear;
			        -o-transition: opacity .5s linear;
			           transition: opacity .5s linear;
		}
		.bg-darkgray{                                                                 /*tło tabeli "szczegóły"*/
			background:darkgray;
		}
		.buttons-colvis{
			font-size:19px;
		}
		div.btn-group{
			margin-bottom: 10px;
		}
		
		  /* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0 !important;
  content: "" !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0 !important;
  content: "" !important;
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 12px !important;
    right: 8px !important;
    display: block !important;
    font-family: FontAwesome !important;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc" !important;
    color: #ddd !important;
    font-size: 0.8em !important;
    padding-top: 0.12em !important;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de" !important;
    opacity: 1;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd" !important;
     opacity: 1;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 24px;
}