body {

background-color: #368ee0;

font-family: 'Open Sans', sans-serif;

font-size: 1vw;

letter-spacing: 2px;

word-spacing: 2px;

font-weight: 700;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

text-align: center;

color: #000000;

  margin: auto;

  width: 100%;

   padding: 10px;

}

button #usun {
  background: url('gfx/usun.png') no-repeat;
}

.no-print{

    background: #368ee0;
    
    float:left;
	  
    border:0;

    color: #fff;

    text-shadow: none;

    filter: none;

	  display: block;

    width: 30%;

    margin-right: auto;
    
    margin-top: 20px;
    
    margin-bottom: 20px;

    margin-left: 20px;

    padding: 1rem;

    font-size: 1rem;

}

.rekordy1{

  background: #368ee0;

  float:right;

  border:0;

  color: #fff;

  text-shadow: none;

  filter: none;

  display: inline;

  width: 15%;

  margin-right: auto;
  
  margin-top: 20px;
  
  margin-bottom: 20px;

  margin-right: 20px;

  padding: 1rem;

  font-size: 1rem;

}

.rekordy2{

  background: #368ee0;

  border:0;

  float:right;

  color: #fff;

  text-shadow: none;

  filter: none;

  display: inline;

  width: 15%;

  margin-right: auto;
  
  margin-top: 20px;
  
  margin-bottom: 20px;

  margin-right: 20px;

  padding: 1rem;

  font-size: 1rem;

}

.logo{

	display: block;

	max-width: 95%;

	height: auto;

	margin: auto;

}

h2 {

	font-size:2vw;

	color: #333;

}

h3 {

	font-size:2vw;

	color: #333;

}

.pinajax {

    margin-top: 20px;

    background: #fff;

    padding-bottom: 15px;
    
    border-style: groove;

    width: 90%;

    position: absolute;

    left: 51%;

    top: 10%;

    transform: translate(-50%, 0);

}

.zamowionko {

    margin-top: 0px;

    background: #fff;

    padding-bottom: 30px;

 /* border: 1px solid #999; */

    width: 95%;

	box-sizing: border-box;

    position: absolute;

    left: 51%;

    top: 3%;

	transform: translate(-50%, 0);

}


@media print
{    
@page {size: landscape}

div
    {
        font-size: 3vw !important;
    }
}

.pinek {

    display: block;

    width: 90%;

    height: 80px;

    font-size:2vw;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #368ee0;

    border-radius: 4px;

	letter-spacing: 2px;

	word-spacing: 2px;

	font-family: 'Open Sans', sans-serif;

    margin: auto;

	font-weight: 700;

	font-style: normal;  

	width: 95%;

    padding: 10px;

	text-align: center;

	font-variant: normal;

	text-transform: none;

}



.btn.btn-success {

    background: #368ee0;

	border:0;

    color: #fff;

    text-shadow: none;

    filter: none;

	display: block;

    width: 70%;

    margin-right: auto;

    margin-left: auto;

    padding: 1rem;

    font-size: 3rem;

	/*box-sizing: border-box;*/

	

}



table.table-bordered {

  font-family: 'Open Sans', sans-serif;

  border: 2px solid #000000;

  background-color: #4A4A4A;

  width: 95%;

  height: 200px;

  text-align: center;

  margin: auto;

  border-collapse: collapse;

}



table.tabelka tbody td {

  border: 1px solid #4A4A4A;

}



table.tabelkaa td, table.tabelkaa th {

  border: 1px solid #4A4A4A;

  padding: 3px 2px;

}

table.table-bordered tbody td {

  font-size:1vw;

  color: #E6E6E6;

}

table.table-bordered tr:nth-child(even) {

  background: #888888;

}

table.table-bordered thead {

  background: #000000;

  border-bottom: 3px solid #000000;

}

table.table-bordered thead th {

  

  font-size: 1vw;

  font-weight: bold;

  color: #E6E6E6;

  text-align: center;

  border-left: 2px solid #4A4A4A;

}

table.table-bordered thead th:first-child {

  border-left: none;

}



table.table-bordered tfoot td {

  font-size:1vw;

}

div {  font-family: 'Open Sans', sans-serif;

font-size:1vw;

letter-spacing: 2px;

word-spacing: 2px;

font-weight: 700;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

float: center;

text-align: center;

  margin: auto;

  /*width: 100%;*/

   padding: 0px;

}



.inputplus {

  background: #368ee0;
  
  border:0;
    
  color: #fff;
  
  border-radius: 50%;
  
  font-family: 'Jura', sans-serif;
  
  font-size: 2vw;
  
  letter-spacing: 2px;
  
  word-spacing: 2px;
  
  font-weight: 1000;
  
  text-decoration: none;
  
  font-style: normal;
  
  font-variant: normal;
  
  text-transform: none;
  
  text-align: center;
  
    margin: auto;
  
    width: 20%;
  
  }
  
  
  
  .inputilosc {
  
  font-family: 'Jura', sans-serif;
  
  font-size: 2vw;
  
  letter-spacing: 2px;
  
  word-spacing: 2px;
  
  color: #000000;
  
  font-weight: 700;
  
  text-decoration: none;
  
  font-style: normal;
  
  font-variant: normal;
  
  text-transform: none;
  
  text-align: center;
  
    margin: auto;
  
    box-sizing: border-box;
  
    width: 50%;
  
     padding: 10px;
  
  }
  
  
  
  .inputminus {
  
  background: #368ee0;
  
  border:0;
  
  color: #fff;
  
  border-radius: 50%;
  
  font-family: 'Jura', sans-serif;
  
  font-size: 2vw;
  
  letter-spacing: 2px;
  
  word-spacing: 2px;
  
  font-weight: 1000;
  
  text-decoration: none;
  
  font-style: normal;
  
  font-variant: normal;
  
  text-transform: none;
  
  text-align: center;
  
    margin: auto;
  
    width: 20%;
  
  }
  



.dodaj {

font-family: 'Open Sans', sans-serif;

font-size:2vw;

letter-spacing: 2px;

word-spacing: 2px;

color: #000000;

font-weight: 700;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

text-align: center;

  margin: auto;

  width: 95%;

   padding: 10px;

}



.tabelka.dataTable.no-footer{

  width: 100%;

  cursor: pointer;

}

.zatwierdz {

font-family: 'Open Sans', sans-serif;

font-size:1.5vw;

letter-spacing: 2px;

word-spacing: 2px;

color: #000000;

font-weight: 700;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

text-align: center;

  margin: auto;

  width: 95%;

   padding: 10px;

}



.zamow {

font-family: 'Open Sans', sans-serif;

font-size:2vw;

letter-spacing: 2px;

word-spacing: 2px;

color: #000000;

font-weight: 700;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

text-align: center;

  margin: auto;

  width: 95%;

   padding: 10px;

}



select {

font-family: 'Open Sans', sans-serif;

font-size:1vw;

letter-spacing: 2px;

word-spacing: 2px;

font-weight: 700;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

text-align: center;

  margin: auto;

  width: 95%;

   padding: 10px;

}



input.checkbox {

        width: 3vw;

        height: 3vw;

}



.jezyki{

  float: right;

  

}

.polski {

  border-radius: 50%;

 /* -webkit-clip-path: circle();*/

  /*clip-path: circle();*/

  width: 30%;

  border: 5px solid #368ee0;

}

.ruski {

  border-radius: 50%;

 /* -webkit-clip-path: circle();*/

 /* clip-path: circle();*/

  width: 30%;

  border: 5px solid #368ee0;

}

.nrRej{
font-family: 'Open Sans', sans-serif;

font-size:2vw;

letter-spacing: 2px;

word-spacing: 2px;

font-weight: 1000;

text-decoration: none;

font-style: normal;

font-variant: normal;

text-transform: none;

text-align: center;

  margin: auto;

  width: 95%;

   padding: 10px;
}








/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  top: 23px;
  left: 28px;
  /*right: 28px;*/
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  background: #f1f1f1;
  display: none;
  position: fixed;
  padding: 15px;
  margin:auto;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 700px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
 /* margin-bottom:10px;*/
  margin-top: 20px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}