body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	color: #333333;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	overflow-x: hidden;  /* Prevent scroll on narrow devices */
}


div{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a{
text-decoration: none;
color: #738492;
border: 0;
}

a:hover{
text-decoration: underline;
}

img{
border: 0;
}

.wrapper{
min-width: 1100px;
text-align: left;
overflow-x: hidden;
}

.ukr{
display: none;
}

#TopSec{
width: 100%;
min-width: 1200px;
height: 55px;
position: fixed;
background: #f0f0f0;
border-bottom: solid 1px #d8d8d8;
top: 0;
z-index: 100;
}


#TopSec a, #TopSec-b a{
margin: 10px 0 0 10px;
}



#TopSec-b{
width: 100%;
min-width: 1200px;
height: 55px;
position: fixed;
background: #f0f0f0;
border-bottom: solid 1px #d8d8d8;
top: 55px;
z-index: 100;

}















a#BackM{
display: block;
float: left;
width: 25px;
height: 55px;
background: #484848;
color: #fff;
padding: 8px 0 0 4px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#BackM:hover{
background: #000;
}


#Logo{
float: left;
width: 168px;
height: 55px;
background: url('../img/logo.png') no-repeat;

}


#wrapper{
width: 100%;
position: relative;
padding-left: 122px;
padding-top: 100px;
background: #f9f9f9;
min-height: 400px;
}


.wrapper-inc{
background: #fff;
border: solid 1px #dddddd;
position: relative;
padding: 0;
margin: 12px 12px 0 12px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;

}

.wrapper-inc > h1{
margin: 0;
padding: 0 15px;
color: #333333;
font-weight: bold;
font-size: 13px;
height: 35px;
background: #f5f5f5;
line-height: 35px;
border-bottom: solid 1px #dddddd;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}



.wrapper-inc > div{
padding: 15px;
}



.wrapper-tab{
width: 230px;
display: inline-block;
margin: 5px;
}


.col30{
width: 33.3333%;
padding: 0 10px;
float: left;
}


.col50-a{
width: 50%;
padding-right: 10px;
float: left;
}


.col50-b{
width: 50%;
padding-left: 10px;
float: right;
}


.cd30{
width: 30%;
padding-right: 10px;
float: left;

}

.cd70{
width: 70%;
padding-left: 10px;
float: right;

}



.bot-button{

display: inline-block;
background: #fff;
border: solid 1px #dddddd;
padding: 0;
height: 100px;
width: 13%;
text-align: center;
text-decoration: none;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
position: relative;
margin: 15px 0 0 7px;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;

}






.bot-button i{
display: block;
text-align: center;
height: 55px;
line-height: 55px;
}





.bot-button > a{
display: block;
height: 100px;
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.bot-button > a:hover{
text-decoration: none;
}


.bot-button   div{
color: #fff;
position: absolute;
height: 45px;
line-height: 45px;
width: 100%;
bottom: 0;
background: #8b8b8b;
-webkit-border-radius: 0  0 5px 5px;
border-radius: 0  0 5px 5px;
}


.bot-button   div:hover{
background: #0f9fdc;
}



.bot-button   div.noactive{
background: #dbdbdb;
}
.bot-button   div.noactive:hover{
background: #dbdbdb;
}



.bot-button i.noactive{
color: #dbdbdb;
}

















.big-button{
display: inline-block;
background: #fff;
border: solid 1px #dddddd;
padding: 0;
height: 120px;
width: calc(25% - 22px);
text-align: center;
text-decoration: none;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
margin: 15px 0 0 15px;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;
}




.big-button > a{
display: block;
height: 120px;
padding: 20px 0 0 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.big-button > a:hover{
text-decoration: none;
}


.big-button   div{
margin-top: 20px;
padding: 15px 20px;
color: #fff;
position: absolute;
min-height: 50px;
width: 100%;
bottom: 0;
-webkit-border-radius: 0  0 5px 5px;
border-radius: 0  0 5px 5px;
}



.big-button  div.blue{
background: #0f9fdc;
}

.big-button  div.blue:hover{
background: #0c7cad;
}


.big-button  div.green{
background: #58b058;
}

.big-button  div.green:hover{
background: #51a251;
}


.big-button  div.orange{
background: #e96829;
}

.big-button  div.orange:hover{
background: #da5616;
}

.big-button  div.orange2{
background: #dc4614;
}

.big-button  div.orange2:hover{
background: #c74012;
}

.big-button  div.gray{
background: #8b8b8b;
}

.big-button  div.gray:hover{
background: #707070;
}

.big-button  div.blue2{
background: #2fa4b0;
}

.big-button  div.blue2:hover{
background: #25818b;
}




.clear{
clear: both;
}


/* ------------ SCIEZKA ------------------*/
#Sciezka{
height: 50px;
width: 100%;
position: absolute;
border-bottom: solid 1px #e5e5e5;
color: #0e97d1;
font-weight: bold;
background: #fff;
line-height: 50px;
padding: 0 20px;
font-size: 17px;
top: 55px;
}


/* -----------MENU LEWE ------------- */

#MenuLf{
position: fixed;
width: 122px;
border-right: solid 1px #e5e5e5;
left: 0;
top: 110px;
height: calc(100vh - 110px);
overflow-y: auto;
}





#MenuLf > div > a{
display: block;
width: 101px;
height: 63px;
border-bottom: solid 1px #e5e5e5;
color: #808080;
text-align: center;
background: #fff;
}

#MenuLf > div > a > i{
display: block;
padding: 6px 0 4px 0;
}

#MenuLf > div > a:hover{
text-decoration: none;
background: #f0f0f0;
}

#MenuLf > div > a.click{
background: #0f9fdc;
color: #fff;
}



/* --------------- BUTONY -------------------- */
.btn{
display: inline-block;
border: solid 1px #adadad;
padding: 0 20px;
height: 32px;
line-height: 32px;
text-decoration: none;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 5px;
cursor: pointer;
}

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



.btn-dark{
border-color: #5d5d5d;
background: #727272;
color: #fff;
}

.btn-dark:hover{
background: #5d5d5d;
}


.btn-red{
border-color: #ac2925;
background: #d5403c;
color: #fff;
}

.btn-red:hover{
background: #c22e29;
}


.btn-green{
border-color: #51a251;
background: #62c462;
color: #fff;
}

.btn-green:hover{
background: #58b058;
}


.btn-blue{
border-color: #0d86ba;
background: #0f9fdc;
color: #fff;
}

.btn-blue:hover{
background: #0e93cb;
}

.btn-blue2{
border-color: #25818b;
background: #2fa4b0;
color: #fff;
}

.btn-blue2:hover{
background: #25818b;
}

.btn-or{
border-color: #d34203;
background: #fc5914;
color: #fff;
}

.btn-or:hover{
background: #e74703;
}




/*--------------------BUTONY edycji -------------*/


.btnsm{
display: inline-block;
border: 0;
background: #f5f5f5;
color: #414141;
height: 24px;
width: 24px;
border: solid 1px #a6a6a6;
line-height: 22px;
text-decoration: none;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 2px;
cursor: pointer;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.btnsm-blue{
display: inline-block;
border: 0;
background: #0f9fdc;
color: #fff;
height: 24px;
width: 24px;
border-color: #0d86ba;
line-height: 22px;
text-decoration: none;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 2px;
cursor: pointer;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btnsm:hover{
text-decoration: none;
background: #dadada;
}





.btnsm-blue:hover{
text-decoration: none;
background: #0d83b5;
}










.btne{
display: inline-block;
border: 0;
background: #4e4e4e;
color: #fff;
height: 26px;
width: 26px;
line-height: 26px;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 2px;
cursor: pointer;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btne:hover{
text-decoration: none;
background: #000
}


.btne-red{
background: #ff0000;
}

.btne-red:hover{
background: red;
}



.btne-li{
display: inline-block;
border: 0;
background: transparent;
color: #606060;
height: 26px;
width: 26px;
line-height: 26px;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 2px;
cursor: pointer;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btne-li:hover{
text-decoration: none;
background: #dbdbdb
}





.btne-info{
display: inline-block;
border: 0;
background: #59c14a;
color: #fff;
height: 26px;
width: 26px;
line-height: 26px;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 2px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btne-info:hover{
background: #44a036;
}



/*---------------------- INFO ----------------*/

#result{
position: fixed;
z-index: 1000;
width: 100%;
text-align: center;
padding-right: 25%;
padding-left: 25%;
top: 250px;
}


#result-add{
position: absolute;
z-index: 1000;
width: 100%;
text-align: center;
padding-right: 25%;
padding-left: 25%;
top: 100px;
}


.close{
width: 22px;
height: 22px;
text-align: center;
padding-top: 2px;
border: solid 1px #fff;
-webkit-border-radius: 12px;
border-radius: 12px;
cursor: pointer;
position: absolute;
top: 7px;
right: 7px;
}



.alert, .alert2{
display: block;
border: solid 1px #adadad;
padding: 40px 20px;
text-decoration: none;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 15px;
-webkit-box-shadow: 0 0 7px 0 #545454;
box-shadow: 0 0 7px 0 #545454;
position: relative;
}

.alert-red{
border-color: #ac2925;
background: #d5403c;
color: #fff;
}


.alert-green{
border-color: #51a251;
background: #62c462;
color: #fff;
}


.alert-blue{
border-color: #0d86ba;
background: #0f9fdc;
color: #fff;
}


.info{
color: #828282;
position: relative;
padding: 1px;
margin: 0 12px 0 12px;
z-index: 1;
min-height: 25px;
border: 0;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #59c14a;
color: #419834;
}



.info-s{
color: #828282;
position: relative;
padding: 1px;
margin: 0 0 15px 0;
z-index: 1;
min-height: 25px;
border: 0;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #59c14a;
color: #419834;
}


.txt-ini{
background: #f7fcf5;
font-size: 11px;
margin-left: 25px;
height: 25px;
line-height: 25px;
padding: 0 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}


.info-zn{
position: absolute;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
color: #fff;
left: 0;
top: 0;
padding: 0;
cursor: pointer;
z-index: 10;
}

.info .txt, .info-s .txt{
background: #f7fcf5;
display: none;
padding: 5px 20px;
font-size: 12px;
margin-left: 25px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.info-red{
border: solid 1px #d5403c;
padding: 10px;
margin: 10px 0;
background: #f8dbda;
color: #851c18;
font-size: 11px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


.rzm-rezer{
margin: 4px 0 0 0;
border-top: solid 1px #dddddd;
padding: 5px 0 0 0;

}

#InfoErr{
position: absolute;
top: 60px;
z-index: 100;
left: -5px;
}



#suma-brutto{
font-weight: bold;
font-size: 32px;
}


.chbx{
width: 100%;
clear: both;
border-bottom: solid 1px #eaeaea;
line-height: 50px;
height: 50px;
}



.chbx-l{
line-height:  50px;
height:  50px;
float: left;
text-align: left;
}


.chbx-r{
line-height:  50px;
height:  50px;
float: right;
text-align: right;
}

.chbx-x{
width: 100%;
clear: both;
padding: 12px 0;
}


.chbx-le{
float: left;
text-align: left;
width: 150px;
}

.chbx-ri{
float: right;
width: calc(100% - 150px);
}



#zaplata-pozostalo{
padding: 5px;
margin: 5px 0 7px 0;
font-size: 18px;

}






a.infox{
display: inline-block;
width: 18px;
height: 18px;
background: #e6e9ec;
line-height: 18px;
font-size: 12px;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 0 5px;
border: solid 2px #a5b1c0;
color: #526174;
font-weight: bold;
cursor: pointer;
}



a.infox:hover{
text-decoration: none;
}

#RokKsieg{
width: 80px;
height: 70px;
float: left;
margin: 7px 0 0 20px;
}

#MiesKsieg{
width: 140px;
height: 70px;
float: left;
margin: 7px 0 0 10px;
}

#SklepKsieg{
width: 140px;
height: 70px;
float: left;
margin: 7px 10px 0 10px;
}

.msc, .msc-sel{
display: block;
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
margin: 0 2px;
float: left;
background: #e0e0e0;
color: #4b4b4b;
text-align: center;
-webkit-border-radius: 2px;
border-radius: 2px;
}


a.msc:hover{
text-decoration: none;
background: #cfcfcf;

}

.msc-sel{
background: #0f9fdc;
color: #fff;
}


a.msc-sel:hover{
text-decoration: none;
background: #0d83b5;
}


#msc-rok{
width: 70px;
height: 36px;
float: left;
padding-right: 5px;
}



#msc-rok form select {
padding: 9px 10px;
border: 0;
background: #fff;
width: 120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}






#msc-loc{
width: 160px;
height: 36px;
float: left;
padding-right: 5px;
padding-left: 10px;
}



#msc-loc form select {
padding: 9px 10px;
border: 0;
background: #fff;
width: 120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* -------------------- FORMULARZE ------------------------- */

/* Formularz */


form{
margin: 0;
}


form fieldset {
margin: 20px 0;
padding: 10px;
position: relative;
border: solid 1px #dbdbdb;
}



form legend {
display: block;
font-size: 13px;
font-weight: bold;
position: absolute;
top: -12px;
 text-decoration: none;
 	border: 0;
	background: #fff;
	padding: 0 10px;
}


form label{
display: block;
color: #606060;
font-size: 12px;
margin: 13px 0 3px 0;
padding-left: 5px;
font-weight: normal;
}





form input[type="text"],
form input[type="password"],
form select,
form textarea
{
color:#6a6a6a;
border: solid 1px #e9e8e9;
background: #f7f7f8;
padding: 10px 10px;
font-size: 12px;
margin: 0;
width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


form input[type="text"].cntr
{
text-align: center;
}



form select.nos {
width: 80px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


form input[type="text"].nobr{
border: solid 1px #fff;
text-align: center;
max-width: 80px;
background: transparent;
}



form input[type="text"].redinp{
background: red;
color: #fff;
border: solid 1px red;
}

form input[type="text"].redinp:hover{
background: red;
color: #fff;
border: solid 1px red;
}

form input[type="text"].redinp:focus{
background: red;
color: #fff;
border: solid 1px red;
}




form input[type="text"]:hover,
form input[type="password"]:hover,
form select:focus,
form textarea:focus
{
border: solid 1px #b4b4b4;
}


form input[type="text"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus
{
border: solid 1px #8a8a8a;
background: #fff;
}



form inputa[type="submit"]{
border: solid 3px #f9a13a;
background: #dc5c05;
padding: 9px 10px;
color: #fff;
font-size: 22px;
width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




form input[type="image"]{
border: 0;
padding: 0;
margin: 0;
background: transparent;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}






form input[type="submit"] {
background: #0f9fdc; /* Old browsers */
background: -moz-linear-gradient(top,  #0f9fdc 0%, #0d87bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9fdc), color-stop(100%,#0d87bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f9fdc 0%,#0d87bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9fdc', endColorstr='#0d87bb',GradientType=0 ); /* IE6-9 */


  border: 0;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 20px;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}


form input[type="submit"].bsk {
background: #a33f47; /* Old browsers */
background: -moz-linear-gradient(top,  #a33f47 0%, #8c000e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a33f47), color-stop(100%,#8c000e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a33f47 0%,#8c000e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a33f47 0%,#8c000e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a33f47 0%,#8c000e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a33f47 0%,#8c000e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a33f47', endColorstr='#8c000e',GradientType=0 ); /* IE6-9 */

  border: 0;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 20px;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}


form input[type="button"] {
background: #0f9fdc; /* Old browsers */
background: -moz-linear-gradient(top,  #0f9fdc 0%, #0d87bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9fdc), color-stop(100%,#0d87bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f9fdc 0%,#0d87bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9fdc', endColorstr='#0d87bb',GradientType=0 ); /* IE6-9 */

  border: 0;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 20px;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}


form input[type="button"].szary {
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(134,141,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(100%,rgba(134,141,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(134,141,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(134,141,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(134,141,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(134,141,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#868d93',GradientType=0 ); /* IE6-9 */

  border: 0;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 20px;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}




.checkbox, .radio {
	width: 19px;
	height: 20px;
	padding: 0 25px 0 0;
	margin: 0 0 5px 0;
	background: url(../img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../img/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../img/select.png) no-repeat;
	overflow: hidden;
}





a.button {
display: block;
text-align: center;
width: 300px;
background: #0f9fdc; /* Old browsers */
background: -moz-linear-gradient(top,  #0f9fdc 0%, #0d87bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9fdc), color-stop(100%,#0d87bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f9fdc 0%,#0d87bb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f9fdc 0%,#0d87bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9fdc', endColorstr='#0d87bb',GradientType=0 ); /* IE6-9 */

  border: 0;
  color: #fff;
  font-size: 14px;
  padding: 10px 0;
  text-transform: uppercase;
  margin-top: 20px;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}


a.button:hover{
text-decoration: none;
}



#butony-fv{
display: none;
}








.dok-pow{
display: block;
position: relative;
width: 100%;
padding: 15px 20px 15px 80px;
border: solid 1px #ebebeb;
background: #f9f9f9;
margin: 5px 0;
 -moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.dok-pow:hover{
border: solid 1px #dbdbdb;
background: #f0f0f0;
text-decoration: none;
}

.dok-pow:hover > span{
background: #0e8dc5;
text-decoration: none;
}



.dok-pow > span{
display: block;
position: absolute;
width: 60px;
text-align: center;
left: 0;
top: 0;
background: #707070;
color: #fff;
padding: 15px 0;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}




#log-out{
display: block;
position: absolute;
right: 10px;
top: 2px;
width: 20px;
height: 20px;
font-size: 20px;
}





#czas-sesji{
width: 260px;
position: absolute;
right: 40px;
text-align: left;
line-height: 55px;
top: 0;
color: #8a8a8a;
}

#czas-sesji-h{
color: #3f3f3f;
font-size: 14px;
font-weight: bold;
}





a#platnosc-a-2{
display: block;
font-weight: bold;
margin-top: 15px;
}













/*---------------------- TABELE ---------------*/

.arrow{
padding-left: 5px;
}

table{
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
width: 100%;
}

table td, table th{
border: solid 1px #dddddd;
padding: 7px 5px;
color: #606060;
font-weight: normal;
}

table td.bram{
border-left: solid 1px #f7f7f7;
border-top: 0;
border-right: 0;
border-bottom: 0;
text-align: right;
background: #f7f7f7;
}



table thead td, table thead th{
background: #eaeaea;
color: #000;
text-align: center;

}

th[data-sort]{
   cursor:pointer;
}


table td.ctr{
text-align: center;
}

table td.rgt{
text-align: right;
}

table td.pds{
background: #efefef;
color: #000;
}


table tr.anulowany td{
	color: #bfbfbf;
	text-decoration: line-through;
	}
table tr.anulowany td a{
	color: #bfbfbf;

	}

	.f-anulowana{
		background: #d60000;
		color: #fff;
		text-align: center;
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
	}


.historia{
border: solid 1px #efefef;
margin: 0 0 10px 0;
padding: 10px;
background: #f8f8f8;
 -moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}

.historia p{
margin: 2px 0;
}


.historia .data{
font-size: 11px;
color: #676767;
}


.historia p span{
font-weight: bold;
}






.stronnicow{
text-align: center;
}

.stronnicow a{
display: inline-block;
padding: 0 6px;
margin: 0;
color: #606060;
height: 20px;
line-height: 20px;
text-align: center;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.stronnicow a.str{
background: #0f9fdc;
color: #fff;
}




/* ----------------------- WALIDATOR --------------------------------- */




#alertinfo{
background: #ee0101;
color: #fff;
padding: 10px;
border: solid 3px #fff;
position: absolute;
z-index: 100;
top: 25px;
left: 20px;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
display: none;
}



/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}


/*----------------AUTOCOMPLETE ----------------*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 4px 5px; white-space: nowrap; overflow: hidden; text-align: left}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


/*--------------------------------POPUP ----------------------*/




#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 70px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .20);
    top: 0;
    left: 100%;
    opacity: 0;
	 z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
 	display: none;
    position: fixed;
    top: 10%;
	 height: 50%;
    left: 50%;
    z-index: 9999;

}





.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 200px;
	 width: 700px;
    margin-left: -350px;
    padding: 35px 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 0 0 5px 0 rgb(120, 120, 120);
    -webkit-box-shadow: 0 0 5px 0 rgb(120, 120, 120);
    box-shadow: 0 0 5px 0 rgb(120, 120, 120);
    text-align: center;
    border: 1px solid #e9e9e9;
	 text-align: left;

}




.popup.visible{
display: block;
}

.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
	 line-height: 20px;
	 color: #fff;
	 background: #d5403c;
	 text-align: center;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

}




.popup .popup-content {
	max-height: 700px;
    overflow-y: auto;
}




/*---------------------------  DATEPICKER  ------------------------------*/

/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Default theme

    copyright (c) 2011 - 2014 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; border: 3px solid #666; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker.dp_visible               { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }
.Zebra_DatePicker.dp_hidden                { display: none; visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td    { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td     { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer            { margin-top: 3px }
.Zebra_DatePicker .dp_footer .dp_hover  { background: #222; color: #FFF }

/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today { color: #FFF; padding: 3px }

/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear { color: #FFF; padding: 3px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: url('calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('calendar-disabled.png') }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }














.dd-listk { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-listk .dd-listk { padding-left: 30px; }

.dd-itemk { display: block; position: relative; margin: 0; padding: 0; min-height: 40px; font-size: 13px; line-height: 15px; }

.dd-handlek { display: block; height: 40px; margin: 5px 0; padding: 0 10px; color: #333; text-decoration: none; border: 1px solid #ccc; line-height: 15px; font-weight: bold;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}


.dd-handlek p{
margin: 0;
}


.dd-handlek p.in{
font-weight: normal;
font-size: 11px;
line-height: 12px;
margin-top: 4px;
font-style: italic;
}



.selitemk{
background: #1db0ef;
color: #fff;
border: 1px solid #0e88bc;
}