html {
	max-width: 1580px;
}


/* BODY */

.body {
	margin: 0px;
	/* width: 100vw; */
	/* height: 100vh; */
	background-repeat: no-repeat;
	/* background-position: center; */
	background-size: 100vw 100vh;
	background-image: url('../img/site/5_kopia.jpeg');
}



.ml3 {
	
	margin-left: 5%;
	font-family: Verdana;
	font-size:2vw;
	text-align: center;
	color: rgb(224, 254, 224);
	opacity: 0;
}			



/*	===================== MENU =======================	*/


.rotated {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */
}


body {
	background-color: rgba(0, 0, 0, 0.05);
	font-family: Verdana, Tahoma, Arial;
	font-size: 0.7em;
	color: rgb(84, 84, 84);
}

.class001a {
	float: left;
	margin-left: 10%;
	margin-bottom: 0%;
	width: 80%;
	height: auto;
	border: solid 0px gray;
	padding: 0%;
}

.class001b {
	float: right;
	width: auto;
	font-family: Verdana;
	font-size: 1em;
	text-align: right;
}

.class001Termin {
	float: left;
	margin-left: 5%;
	width: auto;
	font-family: Verdana;
	font-size: 1em;
	text-align: right;
	font-weight: normal;
	color: red;
	/* background-color: rgb(224, 64, 64); */
}

.class001 {
	float: left;
	margin-left: 0%;
	margin-bottom: 0%;
	margin-top: -1.5em;
	width: 100%;
	height: auto;
	border-bottom: solid 0px gray;
	/* padding-bottom: 1%; */
	background-color: rgba(0, 0, 0, 0);
	font-family: Verdana;
	font-size: 1em;
}

.class002 {
	float: right; 
	width: auto; 
	height: auto; 
	margin-left: 2%;
	margin-top: 1vw;
	cursor: pointer;
	padding: 0.5vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	
	text-align: center;
	text-decoration: none;
	font-family: Verdana;
	font-size: 1em;
	color: rgb(64, 64, 64);
}
.class002:hover {
	color: rgb(124, 124, 124);
}


.class002a {
	float: left; 
	width: auto; 
	height: 25px; 
	background-color: transparent; 
	margin-left: 5%;
	font-family: Verdana;
	font-size: 1vw;
	/*font-weight: bold;*/
}

.class003 {
	text-decoration: none;
	color: rgb(64, 64, 64);
	font-family: Verdana;
	font-size: 1em;
}
.class003:hover {

}

.class004 { 
	text-align: center;
	text-decoration: none;
	font-family: Verdana;
	font-size: 0.7vw;
	color: rgb(64, 64, 64);
	margin-top: 0px;
}
.class004:hover {
	color: white;	
}


/*	===================== ZADANIA_REQ =======================	*/
.class011 {
	float: left;
	margin-left: 10%;
	width: 80%;
	height: 50px;
	border: solid 1px gray;
	padding: 1%;
		
}

.class012 {
	float: right; 
	width: 10%; 
	height: 25px; 
	background-color: lightblue; 
	margin-left: 2%;
}

.class013 {
	text-decoration: none;
}

.class014 { 
	text-align: center;
	font-family: Verdana;
	font-size: 0.7vw;
	margin-top: 6px;
}
/*	========================================================	*/

/*	===================== ZADANIA ==========================	*/
.class021 {
	float: left; 
	margin-left: 10%;
	width: 20%; 
	height: 30vw; 
	border: solid 1px gray; 
	padding: 1vw;		
	overflow-y: auto;
	border-radius: 0.5vw;
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0.5vw 0.5vw 1vw 0.1vw gray;
}

.class022 {
	float: left; 
	width: 80%; 
	height: 1vw; 
	background-color: none; 
	margin-left: 5%;
	border: solid 1px grey;
	padding: 2%;
	margin: 2%;
	cursor: pointer;
}
.class022:hover {
    background-color: wheat;
}

.class023 {
	text-decoration: none;
        color: rgb(64, 64, 64);
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	margin-top: 6px;
}

.class024 { 
        height: 100%;
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	margin-top: 0px;
}

.class025 {
	float: left; 
	margin-left: 2%;
	width: 30%; 
	height: 30vw; 
	border: solid 1px gray; 
	padding: 1vw;		
	overflow-y: auto;
	border-radius: 0.5vw;
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0.5vw 0.5vw 1vw 0.1vw gray;
}

.class026 { 
	text-align: center;
	font-family: Verdana;
	font-size: 1.5vw;
	margin-top: 6px;
	width: 100%;
}

.class027 {
	float: left; 
	margin-left: 0%;
	width: 95%; 
	height: 80%; 
	border: solid 1px gray; 
	padding: 2%;		
	overflow: hidden;
	visibility: hidden;
	/*transition: all;*/
	
}

.class028 { 
	float: left;
	text-align: right;
	font-family: Verdana;
	font-size: 0.8vw;
	margin: 0vw;
	width: 100%;
}



.class028Zadania { 
	float: left;
	text-align: right;
	font-family: Verdana;
	font-size: 0.7vw;
	margin: 0vw;
	width: 60%;
}



.index028Radio { 
	float: left;
	text-align: left;
	font-family: Verdana;
	font-size: 0.8vw;
	border: solid 0px grey;
	border-radius: 0.5em;
	margin-top: 5px;
	width: 100%;
	cursor: pointer;
}
.index028Radio:hover { 
	background-color: wheat;
}


.class029 { 
	margin-left: 1%;
	margin-top: 0px;
	float: left;
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	font-weight: bold;
	width: 35%;
}


.class029a { 
	float: left;
	font-family: Verdana;
	font-size: 1vw;
	margin: 1vw;
	width: auto;
	height: auto;
	padding: 0.5vw;
}

.class029b { 
	float: left;
	font-family: Verdana;
	font-size: 1vw;
	margin: 1vw;
	width: auto;
	height: auto;
	padding: 0.5vw;
}

.class029bDelete { 
	float: right;
	font-family: Verdana;
	font-size: 1vw;
	color: red;
	margin: 1vw;
	width: auto;
	height: auto;
	padding: 0.5vw;
}



/*	========================================================	*/

/*	===================== NOWE ZADANIE ==========================	*/
.class030 {
	float: left; 
	width: 100%; 
	height: 1px; 
}

.class031 {
	float: left; 
	margin-left: 2%;
	width: 88%; 
	height: auto; 
	border: solid 1px gray; 
	background-color: rgba(234, 234, 234, 1);
	padding: 1%;
}


.class031a {
	float: left; 
	width: 90%; 
	height: auto; 
	min-height: 54vh; 
	/* background-color: rgba(244, 244, 244, 0.6); */
	background-color: transparent;
	margin-left: 0%;
	padding: 0vw;
	padding-bottom: 0%;
	border: solid 0px red;	
}


.class032 { 
	float: left;
	width: 30%;
	text-align: right;
	font-family: Verdana;
	font-size: 0.8vw;
	color: rgb(64, 64, 64);
	margin-top: 2px;
}

.class032Dlugosc { 
	float: left;
	width: 30%;
	margin-left: 5%;
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	color: rgb(64, 64, 64);
	margin-top: 2px;
	margin-bottom: 0px;
}

.class032Szerokosc { 
	float: left;
	width: 32%;
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	color: rgb(64, 64, 64);
	margin-top: 2px;
	margin-bottom: 0px;
}

.class033Dlugosc { 
	float: left;
	margin-left: 1%;
	width: 28%;
	height: 1.2vw;
	margin-top: 0px;
	margin-bottom: 1vh;
	margin-left: 5%;
	text-align: left;
	text-indent: 2%;
	font-family: Courier, Arial, Verdana;
	font-size: 1vw;
	font-weight: bold;
	border: solid 1px gray;
	background-color: rgba(255, 255, 0, 0.4);
}

.class033Szerokosc { 
	float: left;
	margin-left: 1%;
	width: 28%;
	height: 1.2vw;
	margin-top: 0px;
	margin-bottom: 1vh;
	margin-right: 0%;
	text-align: left;
	text-indent: 2%;
	font-family: Courier, Arial, Verdana;
	font-size: 1vw;
	font-weight: bold;
	border: solid 1px gray;
	background-color: rgba(255, 255, 0, 0.4);
}


.class032a { 
	float: left;
	display: block;
	width: 12%;
	height: auto;
	text-align: right;
	font-family: Verdana;
	font-size: 1.2vw;
	margin: 0px;
}

.class032b { 
	float: left;
	width: 100%;
	text-align: center;
	font-family: Verdana;
	font-size: 1.2vw;
	margin-top: 5px;
	margin-bottom: 5px;
}

.class033 { 
	float: left;
	margin-left: 1%;
	width: 52%;
	text-align: left;
	text-indent: 2%;
	font-family: Courier, Arial, Verdana;
	font-size: 1vw;
	font-weight: bold;
	border: solid 1px gray;
	margin-top: 0px;
	background-color: rgba(255, 255, 0, 0.4);
}

.class033plytaA { 
	float: left;
	margin-left: 1%;
	width: 75%;
	text-align: left;
	text-indent: 2%;
	font-family: Arial, Verdana;
	font-size: 1vw;
/*	font-weight: bold;*/
	border: solid 1px gray;
	margin-top: 0px;
	background-color: rgba(255, 255, 0, 0.4);
}

.class033plytaB { 
	float: left;
	margin-left: 1%;
	width: 60%;
	text-align: left;
	text-indent: 1%;
	font-family: Arial, Verdana;
	font-size: 0.8vw;
	/*color: #195f91;*/
	/*font-weight: bold;*/
	cursor: pointer;
	/*border: none;*/
	margin-top: 0px;
	/*background-color: transparent;*/
}

.class033a { 
	float: left;
	margin-left: 1%;
	width: 30%;
	height: 1.5vw;
	text-align: left;
	font-family: Verdana;
	font-size: 1.2vw;
	font-weight: bold;
	text-indent: 2%;
	border: solid 1px gray;
	margin-top: 1vh;
	/*background-color: rgba(255, 255, 250, 1);*/
	background-color: transparent;
}

.class033aEdytujZadanie { 
	float: left;
	margin-left: 1%;
	width: 30%;
	height: auto;
	text-align: left;
	font-family: Verdana;
	font-size: 1.2vw;
	font-weight: bold;
	text-indent: 2%;
	border: solid 0px gray;
	margin-top: 0px;
	/*background-color: rgba(255, 255, 250, 1);*/
	background-color: transparent;
}

.class033b { 
	float: left;
	margin-left: 5%;
	margin-top: 0.5vh;
	background-color: rgba(255, 255, 0, 0.4);
	
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;	
}

.class035 {
	float: right; 
	margin-top: 3%;
	margin-left: 6%;
	width: 100%; 
	height: auto; 
	border: solid 0px gray; 
	margin-bottom: 3vw;
}

.class035a {
	float: left; 
	margin-top: 0%;
	margin-left: 2%;
	width: 20%; 
	height: 0px; 
	border: solid 0px gray; 
	
}

.class035b {
	float: left; 
	margin-top: 0%;
	margin-left: 2%;
	width: 30%; 
	height: 25px; 
	border: solid 0px gray; 
	visibility: hidden;
}

.class036 {
	float: right; 
	width: 80%; 
	height: 35px; 
	margin-right: 10%;
	font-size: 0.7vw;
	/*margin-bottom: 3vw;*/
}



.class037 {
	float: left; 
	width: 70%; 
	height: 62vh;
	border: solid 1px grey;
	background-color: rgba(234, 234, 234, 1);
	margin-left: 1%;
	margin-top: 10px;
	overflow-y: scroll;
}

.class037a {
	float: left; 
	width: 59%; 
	height: 4vw;
	border: solid 1px grey;
	background-color: rgba(234, 234, 234, 1);
	margin-left: 1%;
	margin-top: 10px;
}

.class037b {
	float: left; 
	width: auto; 
	height: 5vh;
	border: solid 0px grey;
	margin-left: 1%;
	margin-top: 0vw;
	padding: 0vh;
}

.class037b_rozkroj {
	float: right; 
	width: auto; 
	height: 5vh;
	border: solid 0px grey;
	margin-left: 1%;
	margin-top: 0vw;
}

.class037c {
	float: left; 
	width: 100%; 
	height: 100%;
	font-size: 1.3em;
	padding: 1vh;
	/*border: solid 0px grey;*/
}

.class038 {
	float: left; 
	width: 80%; 
	/*height: 40%;*/ 
	height: auto; 
	border: solid 1px  grey;
	padding-top: 3%;
	
}

.class039 {
	font-family: Arial;
	font-size: 1vw;
	margin-top: 0.5vw;
	margin-left: 2%;
	background-color: transparent;
	
}



.class040 {
	float: left;
	margin-top: 0%;
	margin-left: 5%;
	width: 90%;
	height: 80%;
	border: solid 1px grey;
	
	background-image: url('../img/rotate.png');
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: center center;
	
	cursor: pointer;
	opacity: 0.5;
}

.class040_obrot {
	float: left;
	margin-top: -0.5vw;
	margin-left: 2%;
	width: 7%;
	height: 1vw;
	/*background-color: rgb(224, 224, 224);*/
	border: solid 1px grey;
	
	background-image: url('../img/rotate_green.png');
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center center;
	cursor: pointer;
	opacity: 0.7;
}

.class050 {
	float: left; 
	margin-left: 0%;
	width: 90%; 
	margin-top:-1px;
	height: auto; 
	border: solid 1px gray; 
	background-color: transparent;
}

.class051 {
	float: left; 
	width: 42%; 
	height: 4vw; 
	margin-left: 0.5vw;	
	border: solid 1px gray; 
        /*background-color: red;*/
}

.class052 {
	float: left; 
	width: 100%; 
	height: 3vw; 
	border: solid 0px gray; 
	text-align: center;
	/*background-color: rgba(0, 255, 0, 1.0);*/
}

.class053 {
	float: left; 
	width: 25%; 
	height: 3vw; 
	border: solid 0px gray; 
	text-align: center;
	/*background-color: rgba(0, 255, 0, 0.3);*/
}

.class054 {
	float: right; 
	width: 25%; 
	height: 3vw; 
	border: solid 0px gray; 
	text-align: center;
	/*background-color: rgba(0, 255, 100, 0.6);*/
}

.class055 {
	float: left; 
	width: 100%; 
	height: 3vw; 
	/*background-color: blue;*/
	text-align: center;
	/*background-color: rgba(100, 255, 0, 0.2);*/
}

.wszystkieKrawedzie {
	float: right;
	width: auto; 
	height: 2em; 
	font-size: 0.5vw;
	border: solid 1px gray;
	background-color: transparent;
	font-family: Arial;
	font-size: 1em;
	text-align: center;
	margin-top: 0.5vh;
	margin-right: 0.5vh;
}

.class056 {
	width: 4vw; 
	height: 2em; 
	font-size: 0.5vw;
	border: solid 1px gray;
	background-color: transparent;
	font-family: Arial;
	font-size: 1em;
	text-align: center;
	margin-top: 1.5vh;
}

.class056grPlyty {
	width: 52%; 
	height: 3vh; 
	/*border: solid 1px gray;*/ 
	background-color: rgba(255, 255, 0, 0.4);
	font-family: Courier, Arial, Verdana;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-left: 1%;
}


.class060 {
	/*position: relative;*/
	z-index: 10;
	float: left;
	width: 100%;
	height: 0vw;
	margin-left: 0%;
	padding-top: 0.8vw;
	padding-bottom: 1.8vw;
	font-family: Arial;
	font-size: 1vw;
	text-align: center;
	cursor: pointer;
}

.class061a {
	float: left;
	width: 1%;
	height: 1vw;
}

.class061 {
	float: left;
	width: 3%;
	height: 1vw;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: right;
}

.class062 {
	float: left;
	width: 30%;
	height: 2vw;
	margin-left: 2%;
	/*margin-top: -0.4vw;*/
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.7vw;
	text-align: left;
	/*background-color: green;*/
	/*font-weight: bold;*/
}

.class063 {
	float: left;
	width: 5%;
	height: 1vw;
	margin-left: 0%;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: right;
}

.class064 {
	float: left;
	width: auto;
	height: 1vw;
	margin-left: 0%;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: right;
}

.class065 {
	float: left;
	width: 5%;
	height: 1vw;
	margin-left: 0%;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: left;
}

.class066 {
	float: left;
	width: 6%;
	height: 1vw;
	margin-left: 0%;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: right;
}

.class067 {
	float: left;
	width: auto;
	height: 1vw;
	margin-left: 2%;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: left;
}

.class067a {
	float: right;
	width: 19%;
	height: 1vw;
	margin-left: 2%;
	font-family: Tahoma, Courier, Verdana;
	font-size: 0.8vw;
	text-align: right;
	/*background-color: red;*/
}

.class068 {
	z-index: 500;
	float: right;
	width: 3%;
	height: 2vw;
	margin-top: -0.5vw;
	padding-top: 0vw;
	padding-bottom: 0vw;
	background-image: url('../img/close_cookie.png');
	background-repeat: no-repeat;
	background-size: 60% 60%;
	background-position: center center;
	cursor: pointer;
	opacity: 0.5;
}
.class068:hover {
	opacity: 0.9;
}
/*	==================== ROZKROJ ===========================	*/

.class080 {
	float: left;
	width: 40%;
	height: 1vw;
	font-family: Arial;
	font-size: 0.8vw;
	text-align: right;
	margin-bottom: 0px;
}

.class081 {
	float: left;
	width: 40%;
	height: 1vw;
	font-family: Arial;
	font-size: 0.8vw;
	text-align: left;
	font-weight: bold;
	text-indent: 2%;
	margin-bottom: 0px;
}



.class100 {
	float: left;
	width:50%;
	height: 10%;
	border: solid 1px green;
	margin: 1%;
}

.baza000 {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(224, 224, 224, 1.0); 
	visibility: hidden;	
	z-index: 10;
}


.baza001 {
	float: left;
	margin-left: 5%;
	margin-top: 1vw;
	padding: 1vw;
	width: 60%;
	height: 40vw;
	border: solid 1px grey;
	background-color: rgba(204, 204, 204, 1.0);;
	overflow-y: scroll;
}

.baza001a {
	float: left;
	margin-left: 1%;
	margin-top: 1vw;
	padding: 1vw;
	width: 25%;
	height: 40vw;
	border: solid 1px grey;
	background-color: rgba(204, 204, 204, 1.0);
	visibility: hidden;
}

.bazaIlosc {
	float: left;
	margin-left: 1%;
	margin-top: 1vw;
	width: 20%;
	height: 2vw;
	border: solid 1px grey;
	background-color: rgba(224, 224, 224, 1.0);;
	text-align: center;
	font-family: Verdana;
	font-size: 1vw;
}

.bazaWstaw {
	float: right;
	margin-left: 1%;
	margin-top: 1vw;
	width: 35%;
	height: 2vw;
	/*border: solid 0px grey;*/
	/*background-color: rgba(224, 224, 224, 1.0);;*/
	/*text-align: center;*/
	/*font-family: Verdana;*/
	/*font-size: 1vw;*/
}

.bazaDodanoZestawFormatekP {
	float: left;
	margin-left: 5%;
	margin-top: 3vw;
	width: 90%;
	height: 2vw;
	text-align: center;
	font-family: Verdana;
	font-size: 1vw;
	font-weight: bold;
	color: rgba(224, 0, 0, 0.8);
	opacity: 0;
}


.bazaSzerokosc {
	float: left;
	margin-left: 1%;
	margin-top: 1vw;
	width: 20%;
	height: 2vw;
	border: solid 1px grey;
	background-color: rgba(224, 224, 224, 1.0);;
	text-align: center;
	font-family: Verdana;
	font-size: 1vw;
}

.bazaSzerokosca {
	float: left;
	margin-left: 1%;
	margin-top: 1.5vw;
	width: 35%;
	height: 2vw;
	text-align: right;
	font-family: Verdana;
	font-size: 1vw;
	
}

.bazaSzerokoscb {
	float: left;
	margin-left: 1%;
	margin-top: 1.5vw;
	width: 100%;
	height: 2vw;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 1.1vw;
	
}

.baza002 {
	float: left; 
	width: 25%; 
	height: 34vh; 
	background-color: rgba(224, 224, 224, 1); 
	border: solid 1px black;
	margin-left: 3%;
	margin-top: 1vw;
	padding: 1%;
	cursor: pointer;
}
.baza002:hover { 
	background-color: rgba(186, 186, 186, 1.0);
}

.baza002Moja {
	float: left; 
	width: 80%; 
	height: 4vh; 
	background-color: rgba(224, 224, 224, 1); 
	border: solid 1px black;
	margin-left: 3%;
	margin-top: 1vw;
	padding: 1%;
	cursor: pointer;
}
.baza002Moja:hover { 
	background-color: rgba(186, 186, 186, 1.0);
}

.baza002a {
	float: left; 
	width: 100%; 
	height: 80%; 
	cursor: pointer;
	/*background-image: url('../img/SD/SD_1.jpg');*/
	background-repeat: no-repeat;
	background-size: contain;
}

.baza002b {
	float: left; 
	width: 100%; 
	height: 20%; 
	cursor: pointer;
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	margin-top: 0px;
}



.baza003 {
	text-decoration: none;
}

.baza004 { 
	text-align: left;
	font-family: Verdana;
	font-size: 0.7vw;
	margin-top: 0vw;
}

.baza004Moja { 
	text-align: left;
	font-family: Verdana;
	font-size: 1vw;
	margin-top: 0.3vw;
}

.baza005 {
	float: left; 
	width: 8%; 
	height: 2vw; 
	background-color: none; 
	border: solid 1px black;
	margin-left: 2%;
	margin-top: 1vw;
}

.baza006 {
	float: left; 
	width: 100%; 
	height: 2vw; 
	background-color: transparent; 
	border: none;
}

.baza010 {
	float: left; 
	width: 20%; 
	height: 2vw; 
	background-color: none; 
	border: solid 0px black;
	margin-left: 1%;
	margin-top: 1vw;
}

.baza011 {
	float: left; 
	width: 100%; 
	height: 100%; 
}


.formatkiRozkrojuMain {
	page-break-after: always;
	float: left;
	width: 100%;
	height: 2700px;
	border: solid 100px blue;
	background-color: red;
	font-family: Verdana;
	/*font-size: 6em;*/
}

.formatkiRozkroju00 {
	float: right;
	width: 20%;
	margin-top: 0vw;
	height: auto;
	margin-right: 10%;
	margin-bottom: 1vw;
	border: solid 1px greenyellow;
	font-family: Verdana;
	/*font-size: 6em;*/
}

.listaFormatekRozkroju {
	float: left;
	width: 25%;
	margin-top: 1vh;
	margin-left: 0%;
	height: 20vw;
	border: solid 1px grey;
	font-family: Verdana, Tahoma;
	font-size: 0.6vw;
	overflow-y: scroll;
}

.formatkiRozkroju00ButtonDrokuj {
	float: right;
	width: 100%;
	/*margin-top: 1vh;*/
	/*height: auto;*/
	/*border: solid 1px grey;*/
	padding-top: 1vh;
	padding-bottom: 1vh;
	font-family: Verdana;
	font-weight: bold;
	font-size: 1em;
}

.formatkiRozkroju01 {
	float: left;
	width: 6%;
	height: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.4vw;
	text-indent: 1%;
	/*border: solid 1px grey;*/
}

.formatkiRozkroju02 {
	float: left;
	width: 20%;
	height: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.4vw;
	text-align: right;
	/*border: solid 1px grey;*/
}

.formatkiRozkroju03 {
	float: left;
	width: 6%;
	height: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.4vw;
	text-align: center;
	/*border: solid 1px grey;*/
}

.formatkiRozkroju04 {
	float: left;
	width: 20%;
	height: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.4vw;
	text-align: left;
	/*border: solid 1px grey;*/
}

.formatkiRozkroju05 {
	float: left;
	width: 20%;
	height: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.4vw;
	text-align: center;
	/*border: solid 1px grey;*/
}

.formatkiRozkroju06 {
	float: left;
	width: 20%;
	height: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.4vw;
	text-align: center;
	/*border: solid 1px grey;*/
}

.formatkiRozkroju07 {
	float: left;
	width: 30%;
	height: 1vw;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	/*border: solid 1px grey;*/
}



.dodajFormatkeButtonDiv {
    float: left;
    width: 18%;
    height: auto;
    margin-left: 2%;
    margin-top: 10px;
    /*background-color: lightgreen;*/
}

.dodajFormatkeInfoDiv {
    float: left;
    width: 95%;
    height: auto;
    padding: 0%;
    margin-left: 0%;
    margin-top: 10px;
    font-family: Verdana, Arial;
    font-size: 0.7vw;
    color: rgb(64, 64, 64);
    /*background-color: lightgreen;*/
}












/*	------------------------------------------------------------
	------------------------------------------------------------
	------------------------------------------------------------
	------------------------------------------------------------	*/




.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 15%;
  height: 2vw;
  /*line-height: 1.65;*/
  float: left;
  /*display: block;*/
  padding: 0;
  margin-top: 1vw;
  padding-left: 1vw;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  margin-top: 1vw;
  float: left;
  position: relative;
  height: 2vw;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 2vw;
  text-align: center;
  color: #333;
  font-size: 0.7vw;
  font-family: "Verdana", Helvetica, sans-serif !important;
  /*line-height: 1.7;*/
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  /*position: absolute;*/
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  /*position: absolute;*/
  bottom: -1px;
  height: 50%;
}