html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
  background:#141518;
}

.content {
	min-height: 100%;
  position: relative;
  overflow: auto;
}

.contentinside {
	height: 90%;
	width: 62%;
	position: absolute;
	overflow: auto;
	z-index: 0; 
  left: 15%;
} 

.contentinsidestats {
  height: 90%;
  width: 68%;
  position: absolute;
  overflow: auto;
  z-index: 0; 
  left: 15%;
  margin-left: 1%;
  margin-top: 1%;
} 

.contentinsider {
	height: 90%;
	width: 23%;
	position: absolute;
	overflow: auto;
	z-index: 1; 
	right: 0px;
  border-left: 1px #fff solid;
  background: #141518; 
} 

.contentinsidefull {
min-height: 80%;
width: 85%;
position: relative;
overflow: auto;
z-index: 0;
left: 15%;
} 

.contentlogo {
	height: 79px;
	width: 300px;
	background-image: url('../images/opensmart.png');
	float: left; 
}

.opensport {
	height: 79px;
	width: 160px;
	background-image: url('../images/halagliwice.png');
	float: right; 
}

.background {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.top_block {
	width: 100%;
	display: block; 
}

.bottom_block {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0; 
}

.left_block {
	display: block;
	float: left; 
}

.right_block {
	display: block;
	float: right; 
}

.center_block {
	display: block;
	width: auto; 
}

.block_1 {
	width: 100%;
	height: 79px;
	background-color: #1F222A;
	border-bottom: 1px solid #424242;
}

.background.block_2 {
	height: auto !important;
	padding-bottom: 0;
	left: 0;
	width: 15%;
	background-color: #262932;
	margin-top: 80px; 
  }

.block_2 {
	height: auto;
	width: 300px;
	padding-bottom: 0px;
}

.background.block_3 {
	height: auto !important;
	padding-bottom: 0;
	left: 0;
	right: 0;
	background-color: #141518;
	border-left: 1px solid #424242;
	margin-top: 80px;
	margin-left: 15%; 
}

.block_3 {
	width: auto;
	height: auto;
	padding-bottom: 0px;
}

.control-label {
	margin-bottom: 2px;
font-weight: normal;
display: inline-block;
max-width: 100%;
font-size: 13px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #9f9f9f;
}

.form-control {
  border: 1px solid #424242;
  border-top: 1px solid #424242;
  padding: 5px 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
 font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}
select.form-control {
  color: #455a64;

  padding: 6px 6px;
}
.form-control:focus {
  border: 1px solid #888888;
  background: #1C1D21;
}
.form-group {
    padding: 10px 0px 0px 0px;

}

.form-grouppracownik {
    padding: 15px 0px 0px 50px;

}


.normal-control {
  border: 1px solid #424242;
  padding: 5px 0;
  width: 98%;
  color: #ffffff;
  padding-left:2%; 
 font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}

.normal-controllog {
  border: 1px solid #424242;
  padding: 5px 5px;
  width: 80%;
  color: #ffffff;
 font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}

.normal-operacja {
  border: 1px solid #424242;
  padding: 5px 5px;
  width: 75%;
  color: #ffffff;
 font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}

.normal-stats {
  border: 1px solid #424242;
  padding: 5px 5px;
  width: 75%;
  color: #b9b9b9;
  font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  display: block;
  margin: 20px auto 0 auto;
}



.normal-wynajem {
  border: 1px solid #424242;
  padding: 5px 5px;
  width: 75%;
  color: #575656;
 font-weight: bold;
  background: #1C1D21;
  text-align: center;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}


.logoutcss{
  text-align: center;
  color: #ffffff;
}

.logpotw{
    -webkit-border-radius: 3;
  -moz-border-radius: 3;
border-radius: 3px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5 !important;
font-weight: bold;
font-size: 0.7vw;
background: #16181E;
padding: 10px 15px 10px 15px;
margin-top: 4%;
text-decoration: none;
display: inline-block;
width: 50%;
}

#eancodetow{
  border: 1px solid #424242;
  padding: 5px 0px;
  width: 50%;
  color: #ffffff;
  font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  font-size: 0.6vw;
  margin-left: 3%;
  margin-top: 5%;
  text-align: center;

}


.towbut{
  -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #c5c5c5;
font-size: 12px;
background: #1F222A;
margin: 0px 0px 0px 3%;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;

margin-top: 5%;
}

.towbuthala{
  -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #ffffff;
font-size: 0.7vw;
background: #1F222A;
margin: 20px 10px 0px 5px;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
position: absolute;
width: 40%;
text-align: center;
left: 1%;
}



.towbut2{
  -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #ffffff;
font-size: 0.7vw;
background: #1F222A;
margin: 20px 10px 0px 5px;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
position: absolute;
margin-left: 3%;
display: none;
width: 89%;
text-align: center;
}

.towbut22{
  -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #ffffff;
font-size: 0.7vw;
background: #1F222A;
margin: 20px 10px 0px 5px;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
position: absolute;
display: none;
width: 40%;
text-align: center;
right: 1%;
}

.tranbut{
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #d2d2d2;
font-size: 1vw;
background: #1F222A;
margin: 4% 2% 0px 2%;
padding: 5px 10px 5px 10px;
text-decoration: none;
display: inline-block;
width: 35%;
text-align: center;
font-weight: bold;
}

.tranbut:hover{
background: #12532E;
}

.tranbut2{
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #d2d2d2;
font-size: 1vw;
background: #1F222A;
margin: 4% 2% 0px 2%;
padding: 5px 10px 5px 10px;
text-decoration: none;
display: inline-block;
width: 35%;
text-align: center;
font-weight: bold;
}

.tranbut2:hover{
background: #223757;
}


.transbut {
    text-align: center;
    margin: 5% 3%;
    display: none;
    bottom: 9%;
  position: absolute;
  width: 97%;
}

.eanpanel{
  border-top: 1px solid #afafaf;
  position: absolute;
  bottom: 7%;
  width: 100%;
}

select.normal-control {
  color: #ffffff;

  padding: 6px 6px;
}
.normal-control:focus {
  border: 1px solid #888888;
  background: #1C1D21;
}

.dane {
padding: 0px 0px 25px 50px;
font-weight: bold;
font-size: 36px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #cbcbcb;
}

.dkarnetidc {
padding: 30px 0px 0px 50px;
font-size: 26px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #7E7E7E;
}

.newakarnetcc {
padding: 30px 0px 0px 70px;
font-weight: bold;
font-size: 20px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #bdbdbd;
}


.mail{
font-size: 12px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display: block;
margin: -30px 10px 10px 50px;
}

.adnocl{
font-size: 16px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
line-height: 1.54;
color: #969696;
display: block;
margin: 10px 40px 0px 40px;
padding: 10px 10px;
}

.mailp{
font-size: 12px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #969696;
display: block;
margin: -30px 10px 10px 50px;
}

legend{
  font-weight: bold;
color: #565757;
}

fieldset{
  border-color: #1F2126;
   border-style: solid;
}
.noemail{
color: #606060;
}

.noemailp{
color: #969696;
}

.noemail a:link{
	color: #3e3e3e;
}

.btn {

  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
 font-family: Arial;
  color: #ffffff;
  font-size: 28px;
  background: #262932;
margin: 0px 0px -8px 5px;
padding: 10px 0px 10px 0px;
text-decoration: none;
display: block;
width: 250px;
text-align: center;
}

.btn:hover {
  background: #384466;
  text-decoration: none;
}

.powerclass {
margin: 70px 50px;

}

.poweredycja {
margin: 25px 0px 0 0px;

}

.formeditclass {
	margin: 30px 0px 0px 20px;
}

.newkarnetadd {
	margin: 30px 0px 0px 50px;
  width: 40%;
}

.doladowanieclass {

}

.btnedit {

    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 0.9vw;
background: #1F222A;
padding: 10px 15px 10px 15px;
text-decoration: none;
font-weight: bold;
float: left;
}

.btnedit:hover {
  background: #C42A3E;
  text-decoration: none;
}

.btnzamk {

    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 0.9vw;
background: #1F222A;
padding: 10px 15px 10px 15px;
text-decoration: none;
font-weight: bold;
float: right;
}

.btnzamk:hover {
  background: #3F4F7D;
  text-decoration: none;
}

.btndolad {

  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 3px;
 font-family: Arial;
  color: #ffffff;
  font-size: 0.80vw;;
  background: #262932;
padding: 10px 0px 10px 0px;
text-decoration: none;
display: block;
text-align: center;
}
.wejsciowki{
	display: inline-block;
  width: 32%;
}

.wejsciowki:hover{
  background: #3F4F7D;
}

.miecha{
  display: inline-block;
  width: 32%;
}

.miecha:hover{
  background: #63212A;
}


.silkazapunkty{
  display: inline-block;
  width: 80%;
}

.silkazapunkty:hover{
  background: #63212A;
  cursor:not-allowed;
}


.trenn{
  display: inline-block;
  width: 32%;
}

.doladujzapunkty{
  margin-top: 20px;
  text-align: center;
  color:#c5c5c5;
  font-size: 18px;
  margin-bottom: 25px;
}

.trenn:hover{
  background: #298070;
}

.innedol{
  display: inline-block;
  width: 49%;
}

.innedol:hover{
  background: #725F26;
}

.ostwizyta{
font-size: 10px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display:inline;
}
.ostwizytapend{
font-size: 10px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display:inline;
}

.waznosc{
font-size: 28px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display: block;
margin: 0px 10px 0px 50px;
}

.wejsc{
font-size: 20px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display: inline-block;
margin: 15px 0px 0px 50px;
width: 30%;
text-align: center;
background: #18191D;
padding: 10px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

.trenerinio{
font-size: 20px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display: inline-block;
margin: 15px 0px 0px 30px;
width: 36%;
text-align: center;
background: #18191D;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 13px;
}

.ostwizytap{
color: #8D8D8D;
font-size: 10px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
display:inline;
}

.waznoscp{
color: #969696;
display:inline;
}
.wejscp{
color: #C99F26;
display:inline;
font-size: 20px;
font-weight: bold;
}

.green{
color: #007A1F !important;
display:inline;
font-weight: bold;
font-size: 30px;
}

.grey{
color: #606060 !important;
display:inline;
font-weight: bold;
font-size: 30px;
}

.red{
color: #DA0000 !important;
display:inline;
font-weight: bold;
font-size: 30px;
}

.typkarncss{
color: #606060;
display:inline;
font-size: 10px;
font-weight: bold;
}
.typkarnwartosc{
color: #969696;
font-size: 23px;
font-weight: bold;
margin: 0px 0px 0px 0px;
}


.hrsclass{
color: #606060;
display: block;
margin: 0px 0px 8px 0px;
}




.btnminus {

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
border-radius: 3px;
font-family: Arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
background: #262932;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
display: inline-block;
width: 130px;
text-align: center;
}

.btnminus:hover {
  background: #384466;
  text-decoration: none;
}

.btnwym {

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
border-radius: 3px;
font-family: Arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
background: #262932;
margin: 10px 0px 0px 50px;
padding: 5px 0px 5px 0px;
text-decoration: none;
display: inline-block;
width: 130px;
text-align: center;
}

.btnwym:hover {
  background: #384466;
  text-decoration: none;
}

.editablee {
display:inline;
}

.btnadd {

  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
 font-family: Arial;
  color: #ffffff;
  font-size: 31px;
  background: #5F161F;
  margin: 0px 0px 0px 5px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnadd:hover {
  background: #C42A3E;
  text-decoration: none;
}

.btnszukaj {

  -webkit-border-radius: 3;
  -moz-border-radius: 3;
border-radius: 3px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-weight: bold;
font-size: 0.7vw;
background: #16181E;
padding: 10px 15px 10px 15px;
text-decoration: none;
display: inline-block;
width: 50%;
text-align: center;
}


.btnoslogin{
    -webkit-border-radius: 3;
  -moz-border-radius: 3;
border-radius: 3px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-weight: bold;
font-size: 0.7vw;
background: #16181E;
padding: 10px 15px 10px 15px;
text-decoration: none;
display: inline-block;
width: 50%;
text-align: center;
margin-top: 20px;
}

.btnszukaj:hover {
  background: #0F121B;
  text-decoration: none;
}

#szukajkarnet {
  margin: 0px 8px 2px 5px;
}

#oslogindiv {
 margin: 0px 15px 0px 15px;
 text-align: center;
}

.wynikiclass {
font-size: 20px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
line-height: 1.54;
color: #606060;
display: block;
padding: 30px;
}

.szkarnet {
	display: inline-block;
	width: 140px;
	text-align: center;
	line-height: 1.80;

}

.szimienazwisko {
	display: inline-block;
	width: 235px;
	line-height: 1.80;
	padding-left: 35px;
}

.szostwiz {
	display: inline-block;
	line-height: 1.80;
	width: 200px;
	padding-left: 35px;
}

.goto {
	text-decoration: none;
}

.wynikiclass a:link{
	color: #606060;
}
.wynikiclass a:link:hover {
	color: #ffffff;
}

.btnwyloguj {

  -webkit-border-radius: 8;
  -moz-border-radius: 8;
border-radius: 8px;
font-family: Arial;
color: #c5c5c5;
font-weight: bold;
font-size: 12px;
background: #16181E;
margin: 20px 0px 0px 20px;
padding: 5px 0px 5px 0px;
text-decoration: none;
display: inline-block;
width: 130px;
text-align: center;
  position: absolute;
bottom: 40px;
}

.btnwyloguj:hover {
  background: #0F121B;
  text-decoration: none;
}

.btnzaloguj {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #c5c5c5;
  font-size: 14px;
  background: #141518;
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  text-decoration: none;
  display: block;
  width: 150px;
  text-align: center;
}

.btnzaloguj:hover {
  background: #384466;
  text-decoration: none;
}


.btnlogujs {

  -webkit-border-radius: 8;
  -moz-border-radius: 8;
border-radius: 8px;
font-family: Arial;
color: #c5c5c5;
font-weight: bold;
font-size: 12px;
background: #16181E;
margin: 20px 0px 0px 85px;
padding: 5px 0px 5px 0px;
text-decoration: none;
display: inline-block;
width: 130px;
text-align: center;
border: 0px;
}

.btnlogujs:hover {
  background: #0F121B;
  text-decoration: none;
  cursor:pointer
}

.zapamiue{
font-size: 12px; 
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
display:inline;
}

.szkarnetx {
	color: #FFF;
	display: inline-block;
	width: 140px;
	border-bottom: 1px solid;
	color: #FFF;
	text-align: center;
}

.szimienazwiskox {
	display: inline-block;
	width: 235px;
	border-bottom: 1px solid;
	color: #FFF;
	padding-left: 35px;
	
}

.szostwizx {
	display: inline-block;
	border-bottom: 1px solid;
	color: #FFF;
	width: 200px;
	padding-left: 35px;
}


.wejsc-control {
  border: 1px solid #424242;
  border-top: 1px solid #424242;
  padding: 6px 10px;
  width: 30px;
  color: #ffffff;
 font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}

select.wejsc-control {
  color: #455a64;

  padding: 6px 6px;
}
.wejsc-control:focus {
  border: 1px solid #888888;
  background: #1C1D21;
}

h1 {
	padding: 30px 0px 0px 50px;
font-size: 26px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #7E7E7E;
}

h2 {
  margin-top: -10px;
  padding: 0px 0px 0px 50px;
font-size: 26px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #7E7E7E;
}

.tabpac th {
	background-color: #262932;
    border-color: #1B7AE0;
    border-spacing: 0px;  /* <---- won't really need this if you have border-collapse = collapse */
   border: 1px solid black;
   color: #131313;
   font-style: bold;
   padding: 6px;
}

.tabpac td {
    border: 1px solid black;
    border-spacing: 0px;  /* <---- won't really need this if you have border-collapse = collapse */  /* <--- add this for no borders in the <th>s  */
    color: #656874;
    padding: 5px;
}

.tabpac a{
    color: #656874;
}


.tabpac {
    border-spacing: 0px;
    border-collapse:collapse;  /* <--- add this so all the internal <td>s share adjacent borders  */
    border:1px solid black;  /* <--- so the outside of the <th> don't get missed  */
    margin-left: 50px;
}

.newprac {
	padding:20px 50px;
}

.newprac a{
	font-size: 26px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
color: #7E7E7E;
}

.stankasy {
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 16px;
color: #c5c5c5;
margin: 20px auto 0 auto;
padding: 7px 5px 7px 5px;
font-weight: bold;
width: 40%;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
text-align: center;
background: #141518;
display: inline-block;
}

.stanypien{
  margin: 0 auto 0 auto;
  display: block;
  text-align: center;
}

.wstecz{
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 16px;
color: #c0b6b6;
margin: 20px 0 0 4%;
padding: 7px 5px 7px 5px;
font-weight: bold;
width: 150px;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
text-align: center;
background: #014242;
position: relative;
}

.wstecz:hover{
   cursor: pointer;
}

.stankarty {
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 16px;
color: #c5c5c5;
margin: 10px auto 0 auto;
padding: 7px 5px 7px 5px;
font-weight: bold;
display: inline-block;
width: 40%;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
text-align: center;
background: #141518;
}

.stankasy:hover{
   cursor: pointer;
}

.stankarty:hover{
   cursor: pointer;
}


.wybierzzkasy{
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 16px;
color: #c5c5c5;
margin: 10px auto 0 auto;
padding: 7px 5px 7px 5px;
font-weight: bold;
width: 80%;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
text-align: center;
background: #141518;

}

.classnotatka{
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 16px;
color: #c5c5c5;
margin: 10px auto 0 auto;
padding: 7px 5px 7px 5px;
font-weight: bold;
width: 80%;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
text-align: center;
background: #141518;
position: relative;

}

.classnotatka:hover{
   cursor: pointer;
}

.wybierzzkasy:hover{
   cursor: pointer;
}

.panelblock{
  display: inline-block;
  width: 45%;
  position: absolute;
}
.godzotw{
  display: inline-block;
position: absolute;
right: 0px;
width: 55%;
text-align: right;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1.5vw;
  color: #c5c5c5;
  padding-right: 4%;
}

.shopwejsc{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1vw;
  color: #3F4F7D;
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
}

.shopmiech{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1vw;
  color: #C42A3E;
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
  margin-top: 20px;
}



.shopinne{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1vw;
  color: #C99F26;
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
  margin-top: 20px;
}

.shoptren{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1vw;
  color: #298070;
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
  margin-top: 20px;
}

.koszyk{
width: 22.8%;
position: absolute;
overflow: auto;
z-index: 0;
left:77%;
border-left: 2px solid #afafaf;
height: 90%;
}

.kosztext{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 26px;
  color: #C9C9C9;
  display: block;
  padding-top: 10px;
  font-weight: bold;
  margin: 15px;
}

#towkosz{
  overflow: auto;
height: 63%;
position: absolute;
width: 100%;
}

.transtext{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1.1vw;
  color: #C9C9C9;
  display: block;
  padding-top: 10px;
  font-weight: bold;
  margin: 0px;
}

.towar{
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 0.9vw;
  color: #C9C9C9;
  width: 75%;
  display: inline-block;
  padding-left: 5%;
}

.cenat{
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 0.9vw;
  color: #C9C9C9;
  width:15%;
  display: inline-block;
  text-align: right;
  height: 100%;
}

.opcjat{
  width: 10%;
  display: inline-block;
  vertical-align: middle;
}

.opcjat img{
  width: 60%;
  
  margin: 0px 20%;
  cursor: pointer;
  opacity: 0.3;
}

.opcjat img:hover{
  opacity: 1;
}


.pozycja{
  margin:10px 0;
  width: 100%;
}

.zakupt{
    border-radius: 4px;
  background: #262932;
  display: inline-block;
  width: 85%;
  margin-left: 5%;
  padding: 15px 0;
}

.szzegolytrans{
      border-radius: 4px;
  background: #262932;
  display: inline-block;
  width: 90%;
  margin-left: 5%;
  padding: 15px 0;
}

.divTable{
  display: table;
  width: 90%;
  color: #b4b4b4;
  margin: 4%;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 0.75vw;
}

.divTabletow{
  display: table;
  width: 90%;
  color: #b4b4b4;
  margin: 1% 4% 0 4%;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 0.75vw;
}

.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}
.divTableCell, .divTableHead {
  border: 1px solid #363A45;
  display: table-cell;
  padding: 7px 0;
  width: 15%;
  text-align: center;
  vertical-align: middle;
}

.divTableCellst, .divTableHeadst {
  border: 1px solid #363A45;
  display: table-cell;
  padding: 7px 0;
  text-align: center;
  vertical-align: middle;
}

.divTableCellt {
  border: 1px solid #363A45;
  display: table-cell;
  padding: 7px 15px;
  width: 15%;
}


.divTableHead {
  font-weight: bold;
  border: 1px solid #424D6E;
  background: #1f222a;
  color: #66789c;
}

.divTableHeadst {
  font-weight: bold;
  border: 1px solid #424D6E;
  background: #1f222a;
  color: #66789c;
}

.suma{
  text-align: right;
  padding-right: 1.5%;
  width: 8%;
}

.tableft{
  text-align: center;
  width: 3%;
}

.stanytow{
  text-align: right;
   padding-right: 1%;
  width: 8%;
}

.tablerighttow{
  padding-right: 1.5%;
  text-align: right;
}

.sumahead{
  width: 8%;
}

.divTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}

.pagprev{
  border:1px solid #424D6E;
  display: inline-block;
  padding: 8px;
  margin: 0 2px;
  background: #161920;

}

.pagination{
  margin: 4%;
   font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 0.75vw;
  font-weight: bold;
}

.pagination a{
  text-decoration: none;
color: #2b3641;
}

.pagnext{
  border:1px solid #424D6E;
  display: inline-block;
  padding: 8px;
   margin: 0 2px;
   background: #161920;
}

.pagactiv{
  border:1px solid #424D6E;
  display: inline-block;
  padding: 8px;
   margin: 0 2px;
   background: #1f222a;
   color: #fff;
}

.pagnum{
  border:1px solid #424D6E;
  display: inline-block;
  padding: 8px;
   margin: 0 2px;
   background: #161920;
}

.korekta{
  width: 22.8%;
  position: absolute;
  overflow: auto;
  z-index: 0;
  left:77%;
  border-left: 2px solid #afafaf;
  height: 90%;
}



.kortext{
  text-align: center;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-size: 1.4vw;
  color: #C9C9C9;
  display: block;
  padding-top: 10px;
  font-weight: bold;
  margin: 15px;
}

.leftcolstats{
  width: 15.8%;
  position: absolute;
  overflow: auto;
  z-index: 0;
  left:84%;
  border-left: 2px solid #afafaf;
  height: 90%;
}

.pracid{
  width: 4%;
  text-align: center;
}

.imienaz{
  margin: 2% 0 0 0;
font-weight: bold;
font-size: 36px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #cbcbcb;
}

.telpr{
font-weight: bold;
font-size: 18px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #686868;
}

.lastlog{
  font-size: 12px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #606060;
}

.leftcol{
  margin: 0 0 2% 4%;
  width: 46%;
  display: inline-block;
}

.rigtcol{ 
  margin: 0 4% 2% 0;
  width: 45%;
  text-align: right;
  display: inline-block;
}

.prof_logowania{
  -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #c5c5c5;
font-size: 0.7vw;
background: #1F222A;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
}

.dialoglogs{
  line-height: 1.6;
}

.dialogwiz{
  line-height: 1.6;
  text-align: center;
}

.dialogdolad{
  line-height: 2;
  text-align: left;
}

.listakas{
    border-radius: 4px;
    background: #262932;
    width: 90%;
    margin: 1% 5%;
    padding: 5px 3px;
    font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 0.9vw;
color: #C9C9C9;
}

.kasdata{
  width: 13%;
}

.buttprac{
    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #c5c5c5;
font-size: 0.7vw;
background: #1F222A;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
margin: 1% 3%;
position: absolute;
}


.buttodstawa{
    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #c5c5c5;
font-size: 0.7vw;
background: #1F222A;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
}

.buttaddtow{
    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #c5c5c5;
font-size: 0.7vw;
background: #1F222A;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: bold;
width: 150px;
margin-left: 4%;
margin-top: 20px;
display: block;
text-align: center;
}



.cliclkorekta{
  color: #C42A3E;
}


.panelleft{
  text-align: center;
border-top: 1px #424242 solid;
border-bottom: 1px #424242 solid;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 0.78vw;
background: #1F222A;
padding: 10px 10px 10px 10px;
text-decoration: none;
display: block;

}

.kasinfo{
 text-align: center;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 0.9vw;
color: #FFF;
display: block;
padding: 10px 0;
font-weight: bold;
background: #141518;
}


.panelleft:hover{
  border-top: 1px #A1A1A1 solid;
  border-bottom: 1px #A1A1A1 solid;
}

.butszykaj{
  width: 100%;
  text-align: center;
  margin-top: 4%;
  margin-bottom: 30%;
}

#edycja{
  width: 95%;
}

#korekta{
  width: 95%;
}

.btned{

    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 2px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 12px;
background: #1F222A;
padding: 8px 15px 8px 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: inline-block;
margin: 10px 10px 10px 5px;
float: right;
}

.histwiz{

    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 2px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 12px;
background: #1F222A;
padding: 8px 15px 8px 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: inline-block;
margin: 10px 5px;
float: right;
}

.blockkar{

    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 2px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 12px;
background: #1F222A;
padding: 8px 15px 8px 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: inline-block;
margin: 10px 5px;
float: right;
}

.histdol{

    -webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 2px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5;
font-size: 12px;
background: #1F222A;
padding: 8px 15px 8px 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
display: inline-block;
margin: 10px 5px;
float: right;
}

.loggedas{
  font-size: 12px;
  color: #4C4F57;
  margin-left: 5px;
  font-weight: bold;
}

.errkasazat{
      -webkit-border-radius: 3;
  -moz-border-radius: 3;
border-radius: 3px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5 !important;
font-weight: bold;
font-size: 0.7vw;
background: #0A4B14;
padding: 10px 15px 10px 15px;
margin-top: 4%;
text-decoration: none;
display: inline-block;
width: 50%;
}

.errkasaza2{
      -webkit-border-radius: 3;
  -moz-border-radius: 3;
border-radius: 3px;
font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
color: #c5c5c5 !important;
font-weight: bold;
font-size: 0.7vw;
background: #16181E;
padding: 10px 15px 10px 15px;
margin-top: 4%;
text-decoration: none;
display: inline-block;
width: 80%;
}

.textareakasa{
  outline: none !important;
  background: #141518;
  border-color: #908A8A;
  color: #FFF;
}

.textareaa{
  outline: none !important;
  background: #141518;
  border-color: #908A8A;
  color: #FFF;
}

.redalert{
  color: #E30E0E;
font-weight: bold;
}

.punkty{
  margin: 10px 50px 0 50px;
  font-size: 26px;
  color: #AAA;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-weight: bold;
}


.paleft{
  width: 30%;
  display: inline-block;
  background: #1F222A;
  margin: 25px 25px 10px 40px;
  vertical-align: middle;
  text-align: center;
  padding: 25px 0;
  font-size: 18px;
  color: #FFF;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-weight: bold;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-decoration: none;
}

.paright{
  width: 30%;
  display: inline-block;
  background: #1F222A;
  margin: 25px 25px 10px 20px;
  vertical-align: middle;
  text-align: center;
  padding: 25px 0;
  font-size: 18px;
  color: #FFF;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-weight: bold;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-decoration: none;
}

.listapracownikowcons {
  height: auto;
  width: 85%;
  position: absolute;
  overflow: auto;
  z-index: 0; 
  left: 15%;
} 

.listatowarow {
  height: auto;
  width: 85%;
  position: relative;
  overflow: auto;
  z-index: 0; 
  left: 15%;
} 

.lpedit{
   text-decoration: none;
   color: #AD2738;
    font-weight: bold;
}

.lplook{
   text-decoration: none;
   color: #6B6D6E;
    font-weight: bold;
}

.pickhala{
  text-decoration: none;
  background: #262932;
border-radius: 3px;
padding: 10px;
margin: 20px 2% 0 2%;
display: inline-block;
color: #cecece;
font-weight: bold;
width: 150px;
text-align: center;
}

.paleftedit{
    width: 350px;
  display: inline-block;
  background: #1F222A;
  margin: 25px 25px 25px 50px;
  vertical-align: middle;
  text-align: center;
  padding: 50px 0;
  font-size: 18px;
  color: #FFF;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  font-weight: bold;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-decoration: none;
  right: 0%;
position: absolute;
top: 0;
}

.paleftedit:hover{
  background: #c42a3e;;

}

.przyjtowil{
  border: 1px solid #424242;
  border-top: 1px solid #424242;
  padding: 5px 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
 font-weight: bold;
  background: #1C1D21;
  -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}
select.przyjtowil {
  color: #fff;

  padding: 4px 4px;
}
.przyjtowil:focus {
  border: 1px solid #888888;
  background: #1C1D21;
}

.dost1, .dost2, .dost3{
  display: inline-block;
  width: 30%;
  margin-left: 10px;
}


.prztow{
  width: 50%;
   margin-left: 4%;
}

.mainpanel{
  font-size: 1.2vw;
width: 100%;
position: relative;
text-align: center;
color: #c5c5c5;
font-weight: bold;
margin-top: 20px;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
}

.mainkarnet{
    font-size: 0.9vw;
width: 100%;
text-align: left;
color: #c5c5c5;
font-weight: bold;
margin-top: 20px;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
  margin-left: 5px;
}

.mainwartosc{
      font-size: 0.9vw;
width: 100%;
text-align: left;
color: #c5c5c5;
font-weight: normal;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
}

.classpktodd{
  -webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 3px;
font-family: Arial;
color: #545454;
font-size: 0.80vw;
background: #232323;
padding: 10px 0px 10px 0px;
text-decoration: none;
text-align: center;
}

.statskasa{
  margin-left: 4%;
  margin-top: 3%;
  font-size: 22px;
  line-height: 2;
width: 100%;
color: #c5c5c5;
font-weight: normal;
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
}

#dozaplaty{
  display: inline-block;
}

#noti-count {
position: absolute;
top: 4px;
right: 4px;
background: #961111;
color: #fff;
padding: 1px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 25px;
width: 25px;
height: 25px;
text-align: center;
font-size: 14px;
}

#noti-count div {
    margin-top:3px;
}

.notatbox{
  overflow: auto;
width: 100%;
}

.notpozy{
  margin: 10px 0;
width: 100%;
}

.notlist{
  border-radius: 4px;
background: #262932;
display: inline-block;
width: 85%;
margin-left: 5%;
padding: 15px 0;
}

.notatkas{
  font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
font-size: 12px;
color: #C9C9C9;
width: 81%;
display: inline-block;
padding-left: 2%;
}

.notatkaod{
      font-family: "Open Sans","Droid Sans",Tahoma,Arial,sans-serif;
    font-size: 12px;
    color: #C9C9C9;
    width: 15%;
    display: inline-block;
    text-align: right;
    height: 100%;
}

.notopcj{
  width: 3%;
display: inline-block;
}

.notopcj img{
width: 60%;
margin: 0px 20%;
cursor: pointer;
opacity: 0.3;
}

.svg-hexagonal-counter {
    position: relative;
    float: left;
}

.svg-hexagonal-counter h3 {
    text-align:center;
    position: absolute;
    line-height: 40px;
    width: 100%;
    font-size: 18px;
  font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
  color: #C5C5C5;
}

/*svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}*/


.svg-hexagonal-counter .counter{
    width: 70px;
    height: 60px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    margin-top: 10px;
}
.svg-hexagonal-counter .counter .track,
.svg-hexagonal-counter .counter .fill {
    fill: rgba(0, 0, 0, 0);
    stroke-width: 30;
    transform: translate(290px, 800px)rotate(-120deg);
}

.svg-hexagonal-counter .counter .fill {
    stroke: rgb(255, 255, 255);
    stroke-linecap: round;
    stroke-dasharray: 2160;
    stroke-dashoffset: 2160;
}

.label-wymiana{
margin-bottom: 2px;
display: inline-block;
max-width: 100%;
font-size: 14px;
font-family: 'Open Sans', 'Droid Sans', Tahoma, Arial, sans-serif;
line-height: 1.54;
color: #818181;
margin-left: 50px;
}

.wymiana-control{
  border: 1px solid #3E3E3E;
padding: 5px 0;
width: 70%;
color: #ffffff;
padding-left: 2%;
margin-left: 50px;
font-weight: bold;
background: #20232A;
-webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.01) !important;
}