body
{
	margin: 0;
	padding: 0px 0px;
  background-size: 100% ;
	background-repeat: no-repeat;
background-position: bottom 10px right;
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
	background-color: white;
	
	

}

.tabela-sortowanie {
	width: auto;
	border: 1px solid black;
}

.flex-container {
  display: flex;
  flex-direction: row;
 margin: 20px;
 
}

.flex-item-left {
  margin: left;
	background-color:rgba(255,255,255,0.7);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 19px;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 2px 5px grey;
  padding: 10px;
  flex: 45%;
}

.flex-item-right {
  margin: left;
	background-color:rgba(255,255,255,0.7);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 19px;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 2px 5px grey;
  padding: 10px;
  flex: 40%;
  margin-left: 10px;
}
/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}
a {
	text-decoration: none;
	color: blue;
	
	font-size: 20px;
	
}

a:visited{
    
 color: blue;
text-shadow: 1px 1px 2px black;
   
}
a:hover {
    
   
    color: red;
	text-shadow: 2px 2px 5px white;
   
}
a:active {
    
   
    color: red;

   
}
a:focus {
	color: green;
}

a[href="#footer"]
{
color: red;
font-weight : 900;
}
td[value="aneks"] {
    background-color: red;
}

html {
  scroll-behavior: smooth;
}

.title
{
	
	color: #000;
    font-family: "Poppins",sans-serif;
    font-size: 19px;
	font-weight: lighter;
	

}

.formularz
{
	width: 40%;
	background-color:rgba(255,255,255,0.6);
	color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 2px 42px 11px -37px rgba(0,0,0,0.75);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	backdrop-filter: blur(2px);
	z-index: -1;
}
.imie .imie ,
.nazwisko .nazwisko ,
.rodzaj_roweru .rodzaj_roweru ,
.miejsce_open .miejsce_open, 
.plec .plec ,
.kat_wiekowa .kat_wiekowa ,
.miejsce_w_kategori .miejsce_w_kategori ,
.rodzaj .rodzaj, 
.rodzaj_wyscigu .rodzaj_wyscigu, 
.czas_netto .czas_netto, 
.start_netto .start_netto 
{
	color: red!important;
	text-shadow: 1px 1px 2px black;
	
}
.imie .imie  a:active ,
.nazwisko .nazwisko  a:active ,
.miejsce_open .miejsce_open  a:active 

 {

	color: blue!important;
	text-shadow: 1px 1px 2px black;
}
.imie .imie  a:hover ,
.nazwisko .nazwisko  a:hover ,
.miejsce_open .miejsce_open  a:hover 
 {

	color: white!important;
	text-shadow: 1px 1px 2px black;
}




.logo
{
	
	width: 100%;
	height: 60px;
	padding: 10px;
}


.menu
{
	background-color: #191919;
	width: 1800px;
	height: 40px;
	padding: 10px;
	display:inline-block ;
	position: relative;
	

	
	
}

.account
{
	background-color: #191919;
	width: 19%;
	padding: 10px;
	text-align: right;
	display: inline-block ;
	position: absolute;
	top: 6px;
	right: 10px;

	
	
}	
input[type=text],
input[type=password],
input[type=date],
input[type=number],
input[type=datalist],
input[name="filter_adres"],
input[name="filter_imie"],
input[type=option]

{
	
	background-color: #fff;
	color: #000;
	border: 2px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 10px;
}
select[type="text"][readonly],
textarea[readonly],
input[type="datalist"][readonly],
input[type="list"][readonly],
input[type="text"][readonly],
input[type="date"][readonly] {
   color: red;
   background: #ff00004d;
}
select[type="text"][disabled],
textarea[disabled],
input[type="datalist"][disabled],
input[type="checkbox"][disabled],
input[type="list"][disabled],
input[type="text"][disabled],
input[type="date"][disabled] {
   color: red;
   background: #ff00004d;
}
select[type="text"][required],
textarea[disabled],
input[type="datalist"][required],
input[type="checkbox"][required],
input[type="list"][required],
input[type="number"][required],
input[type="email"][required],
input[type="text"][required],
input[type="date"][required] {
  
  
     border: 2px solid red;
  border-radius: 8px;
}

input[type=checkbox]

{
	
  
  height: 20px;
  width: 20px;
  background-color: #eee;
}

@media (max-width: 576px) 
{
	.przyk1 {
		display: none;
	}
	
}

.cele  
{
	
	width: 98%;
}

input[name="filter_adres"] 
input[name="filter_imie"] 
{
  background-color: #fff;
	color: #000;
	border: 2px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 10px;
}

datalist,
textarea,
select
{
	
	background-color: #fff;
	color: #000;
	border: 2px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 10px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=datalist]:focus,
select:focus,
input[type=password]:focus,
textarea:focus,
datalist:focus,
input[type=datalist]:focus,
input[type=option]:focus,
option:focus,
input[name="filter_adres"]:focus,
input[name="filter_imie"]:focus,
input[type=date]:focus
{
	-webkit-box-shadow: 0px 0px 10px 2px #96afd9;
	-moz-box-shadow: 0px 0px 10px 2px #96afd9;
	box-shadow: 0px 0px 7px 2px #96afd9;
	border: 2px solid #a5cda5;
	background-color: #96afd9ad;
	color: black;
}

input[type=submit]
{
	width: 150px;
	background-color: #191919;;
	font-size: 16px;
	color: white;
	padding: 15px 10px;
	margin-top: 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
}

input[type=submit]:focus
{
	-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
	-moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
	box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
}

input[type=submit]:hover
{
	background-color: #005884;
}

input::-webkit-input-placeholder
{
    color: #999;
}
input:focus::-webkit-input-placeholder
{
    color: #000;
}
/* Firefox < 19 */
input:-moz-placeholder
{
    color: #999;
}
input:focus:-moz-placeholder
{
    color: #000;
}
/* Firefox > 19 */
input::-moz-placeholder
{
    color: #999;
}
input:focus::-moz-placeholder
{
    color: #000;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder
{
    color: #999;
}
input:focus:-ms-input-placeholder
{
    color: #428C42;
}

.menu a {
	color: red;
}
@media screen and (max-width: 750px) {
  div.menu {
    display: none;
  }
}
ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 200%;	
	
}
ol a{
	display: block;
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
}
ol > li {
	float: left;
	width: 250px;
	Border-right: 1px dashed blue;
		
}

ol > li:first-child
{
	border-left: 1px dashed blue;
}
ol > li:hover{
	background-color: #17b3ff;
	
	

}
ol > li:hover > a
{
	color: #000;
	
	
}
ol > li > ul
{
	list-style-type: none;
	padding: 0;
	width: 250px;
	margin: 0;
	height: 40px;
	display: none;
}
ol > li:hover > ul
{
	display: block; 	
}

ol > li > ul > li
{
	background-color:#17b3ff;
	
	text-align: center;
	position: relative;
	z-index: 100;
	border-top: 1px dashed #751b1b;
	
}
ol > li > ul > li:hover
{
	background-color: red;
	
	
}

.panel
{
	width: auto;
	height: auto;
	margin: left;
	background-color:rgba(255,255,255,0.7);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
	border-radius: 10px;
	padding: 8px;
	box-shadow: 2px 2px 5px grey;
	font-weight: bold;
	overflow: scroll;	
	position: relative;
	scroll-direction: horizontal;
	mouse-wheel: horizontal;
	
}
.panel1{
	
	width: 98%;
	margin: auto;
	
}

.panel2
{
	width: 97%;
	height: auto;
	margin: left;
	background-color:rgba(255,255,255,0.7);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 19px;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 2px 5px grey;
	
}


.bg-light {
background: #080000;
background: linear-gradient(180deg, rgba(8, 0, 0, 1) 26%, rgba(9, 9, 121, 1) 62%, rgba(52, 50, 201, 1) 100%);
}
.navbar-light .navbar-nav .nav-link
{
		color: white;	

}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show .nav-link .navbar-light .navbar-nav .nav-link {
	color: white;	
	
}
.nav-link a
{
	

}
.panel_log
{
	width: 50%;
	height: auto;
	top: auto;
	bottom: auto;
	margin: left;
	background-color:rgba(255,255,255,0.7);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 2px 5px grey;
	
}
.panel_jst
{
	width: 40%;
	background-color:rgba(255,255,255,0.6);
	color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	border-radius: 10px;
	padding: 25px;
	box-shadow: 2px 2px 5px grey;
	display: inline-block;
}

.footer
{
	
	height: auto;
	width: 100%;
		background-color:rgba(255,255,255,0.6);
	margin-top: 50px;
	
	text-align: center;
	vertical-align: top;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
	
	padding: 20px;
	padding-bottom: 30px;
	
	
} 

h1
{
	font-size: 32px;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px;
	text-align: left;
}
h2
{
	font-size: 24px;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px;
	text-align: left;
	font-family: Calibri;
}
.break-word {
  word-wrap: break-word;
}
#nr_umowy td {
  max-width: 70px!important;
  color: yellow;
  word-wrap: break-word;
}
.lista_umowy
{
	background-color: #191919;
	width: 1800px;
	overflow: hidden;


	text-align: left;

	
	
}


#tabela_m {
  font-family: Calibri, sans-serif;
  border-collapse: collapse;
 
  table-layout: fixed;
  box-shadow: -1px 42px 12px -38px rgba(0,0,0,0.75);
}

#tabela {
	
 overflow: hidden;
 font-family: Calibri, sans-serif;
  border-collapse: collapse;
  width: 100%;
  position: static;
  table-layout: fixed;
  box-shadow: -1px 42px 12px -38px rgba(0,0,0,0.75);
}	
#tabela td, #tabela th {
  border: 1px solid #020202;
  padding: 8px;
  word-wrap: break-word;
  
  
  
}


#tabela tr:nth-child(even){background-color: #696d6f33;}
#tabela  tr:hover {background-color: #f1801eb8; color: white;}
#tabela  td:hover {background-color: #f1801eb8; color: white; }


.naglowek {
	background-color: #000!important;
}






#tabela tr:focus::after {
	background-color: red; 
	color: red;
}
#tabela th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #191919;
  color: white;

}
#tabela th:hover {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #000;
  color: white;
}

table
{
	
	padding:5px;
	  border-collapse: collapse;
	  
}
table tr:first-child td{
	font-weight:bold;
	}
table th, td {
  padding: 3px;
  text-align: left;
  border-bottom: 1px solid #ddd;
      border-bottom-style:dotted;
}
 table.wrapping td, .break-word {
      white-space: normal !important;
      word-wrap: break-word;
   }

#tabela2 {
  font-family: Calibri, sans-serif;
  border-collapse: collapse;
  width: 100%;
  overflow: scroll;
  
  
}

#tabela2 td, #tabela2 th {
  border: 1px solid #020202;
  padding: 8px;
  
}

#tabela2 tr:nth-child(even){background-color: #06adff33;}

#tabela2 tr:hover {background-color: #191919; color: white;}

#tabela2 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #191919;
  color: white;

 
    

}
/* #tabela2  th:hover::after { */
	/* background-color: #06adff75; */
    /* content: '';   */
    /* height: 1500px;     */
    /* margin-left: 0px; */
    /* top: 860px; */
    /* width: 200px; */
    /* position: absolute; */
	/* z-index: -1;  */
	/* } */


.umowa_publikacja 
{
	background-color: #191919; 
	color: white;
	padding: 5px;
	border-radius: 5px;
}
.dodatek_wyplata 
{
	background-color: #191919; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_green
{
	background-color: green; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_dubel 
{
	background-color: orange; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_oplacono 
{
	background-color: green; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_odmowa
{
	background-color: red; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_rezygnacja
{
	background-color: orange;
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_ogledziny
{
	background-color: #3800ff; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}
.dodatek_umorzenie
{
	background-color: #0ce1af; 
	color: white;
	padding: 3px;
	border-radius: 5px;
}

.umowa_akceptacja 
{
	background-color: red; 
	color: white;
	padding: 3px;
	border-radius: 5px;
	}


textarea
{
	padding: 10px;
	font-size: 15px;
	 font-family: 'Open Sans', sans-serif;
	
	
}
select {
	padding: 10px;
	font-size: 15px;
	 font-family: 'Open Sans', sans-serif;
	
	
}
input
{
	
	padding: 10px;
	font-size: 15px;
	 font-family: 'Open Sans', sans-serif;
	
	
}
.contener{
	margin-left: 30px;
	height: auto;
	

	
}
.wykaz{
	
	height: auto;
	
	
	
	
}



.sticky {
	
	top: 0;
  left: 0px;
  position: sticky;
  z-index: 10;
  overflow: scroll;
	  white-space: nowrap; 
}

.logo
{
	
	width: 100%;
	height: 60px;
	padding: 10px;
}




.padinacja {
	color: blue!important;
	
}

.padinacja a:visited{
    
    color: #fff;
text-shadow: 1px 1px 2px black;
   
}
a:hover .paginacja {
    
   
    color: red;
	text-shadow: 2px 2px 5px white;
   
}
.padinacja a:active {
    
   
    color: red;

   
}
.padinacja a:focus {
	color: green;
}


.menu-link a {
	text-decoration: none;
	color: #facf00;
	text-shadow: 1px 1px 2px black;
	font-size: 40px;
}
#menu-link a {
	text-decoration: none;
	color: red;
	text-shadow: 1px 1px 2px black;
	font-size: 30px!important;
}

.tooltip2 {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip2 h3 {margin:12px 0;}

.tooltip2 .right {
    min-width:200px;
    max-width:600px;
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding: 10px!important;
    color:#EEEEEE;
    background-color:#444444;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip2:hover .right {
    visibility:visible; opacity:1;
}

.tooltip2 .right img {
    width:400px;
    border-radius:8px 8px 0 0;
}
.tooltip2 .text-content {
    padding:10px 20px;
}

.tooltip2 .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}
.tooltip2 .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#444444;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.alert_okno{
	background-color:rgba(255,255,255,0.6);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 14px;
	
	padding: 10px;
	
	display: inline-block;
	height: 350px;
	overflow: auto;
	
}
.alert_ile{
	border-radius: 15px;
  background: blue;
  padding: 5px;
  width: 10px;
  height: 30px; 
}

@media print{
   .menu{
      display:none;
   }
   
	.panel_jst{
      display:none;
	}
   .filterForm{
      display:none;
	}
	#szukaj_umowy{
      display:none;
	}
	.tab_ukryj{
      display:none;
	}
   footer{
      display:none;
   }
  
   .content p{
      color:#000;
   }
   .noPrint{
    display:none;
  }
}

#footer {
	
    
    text-shadow: 1px 1px 5px #fff;
	margin-left: -218px;
	border: 37px;
	box-decoration-break: clone;
	position: relative;
}
.div_btn {
	width: 250px;
	background-color: #191919;
	border: 1px 1px solid black;
	display: none;
	transition: all 0.5s ease-out;
	
}
.test {
	background: #191919!important;
	display: block;
  transition: all 0.5s ease-out;
  animation-duration: 4s;
	
}

#t_stat {
  border-collapse:collapse;
  
}	
#t_stat tr {
	
	  border-bottom: 1px solid #000;
  	  
  
  
}
#t_stat td {
	
	  
  	  border-right: 1px solid #000;
	  padding: 5px;

  
  
}

#t_stat tr:last-child {	  border-bottom: 0px ;}
#t_stat td:last-child {	  border-right: 0px ;}


#t_stat tr:nth-child(even){background-color: #06adff33;}
#t_stat  tr:hover {background-color: #191919; color: white;}
#t_stat  td:hover {background-color: #191919; color: white; }

#navbar-link {
	color: blue;
	size: 40px;
	font-size: 30px!important;
}
.navbar a{
	color: #f5821f;
	margin-right: 50px;
	font-size: 20px;
	
	
  box-shadow: 0px 10px 12px -38px rgba(0,0,0,0.75);
}
.navbar a:hover{
	color: blue;
	
	font-size: 20px;
	
	
  box-shadow: 0px 10px 12px -38px rgba(0,0,0,0.75);
}

.navbar-expand-lg .navbar-nav .nav-link {
 
  padding-right: 1.5rem !import	ant;
padding-left: 1.5rem !important;
}
.dropdown-menu.show {
  
 transition: opacity linear 1s, width linear 1s;
  width: auto;
box-shadow: 2px 2px 5px gray;
}
.navbar-toggler-icon {
  color: $navbar-light-color;
  border-color: $navbar-light-toggler-border-color;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.70%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	/* border: 2px solid #00000061; */
}
  
.navbar-toggler{
	border: 2px solid #00000061; 
	transition: box-shadow .15s ease-in-out;
}
.container-fluid
{
	overflow: scroll;
	background: white;
	width: 99%;
	
mouse-wheel: horizontal;
	height: auto;
	margin: left;
	background-color:rgba(255,255,255,0.7);
	color: #000;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 2px 2px 5px grey;
	font-weight: bold;
	
}
.additional-field {
  display: none; /* Domyślnie ukryte */
}

/* Zaznaczenie pola radio włącza następne pole */
input[type="radio"]:checked + .additional-field {
  display: block; /* Widoczne, gdy opcja jest zaznaczona */
}