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


#Miarka{
position: fixed;
width: 60px;
height: 30px;
text-align: center;
background: #000;
color: #fff;
z-index: 100000;
}


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;
}



.ukr{
display: none;
}



#metryczka-info{
	position: absolute;
	right: 20px;
	top: 0px;
	height: 40px;
	line-height: 40px;
font-size: 11px;
text-transform: none;
font-weight: normal;
	}


#logo-todays{
	width: 250px;
	height: 71px;
	background:  url('../img/logo.png') no-repeat center;
	margin: 0 auto 20px auto;
}

a#logo{
	display: block;
	width: 100%;
	height: 65px;
	background:  url('../img/_logo.png') no-repeat center !important;
	background-size: 70% auto !important;	
}

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

#MenuLf{
position: fixed;
width: 80px;
height: 100vh;
top: 0;
background: #424d55;
z-index: 1000;
overflow-y: auto;
overflow-x: hidden;
}

#MenuLf.mopen{
	left: 0;
}
#MenuLf.mclose{
	left: -80px;
}


#MenuLf > a{
display: block;
width: 100%;
font-size: 9px;
color: #c5ccd1;
text-align: center;
padding: 10px 5px ;
line-height: 1.1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: solid 1px #515f68;
position: relative;
}

#MenuLf a > i{
	display: block;
	width: 100%;
	text-align: center;
margin-bottom: 7px;
font-size: 16px;

}

#MenuLf  a:hover{
text-decoration: none;
background: #30373f;
}

#MenuLf  a.click{
background: #0f99d3;
color: #fff;
}
#MenuLf  a.click:hover{
	background: #0c7fb1;
	color: #fff;
	}
	

#MenuLf > div{
	background: #fff;
}

#MenuLf > div > a{
	display: block;
	width: 100%;
	color: #818080;
	border-bottom: solid 1px #dbdada;
	text-align: center;
	font-size: 9px;
	line-height: 1.2;
	padding: 10px 5px ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#MenuLf > div > a:hover{
	background: #f4f4f4;
}

#MenuLf a span{
display: block;
position: absolute;
left: 3px;
top: 7px;
width: 5px;
height: 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #6a7b88;
}

#MenuLf  a.click span{
	background:#fff;
	}

/* ------------ SCIEZKA ------------------*/
#Sciezka{
position: fixed;
top: 0;
left: 0;
height: 40px;
width: 100%;
text-transform: uppercase;
background: #f4f4f4;
line-height: 40px;

font-size: 13px;
z-index: 100;
font-weight: bold;
border-bottom: solid 1px #dfdfdf;
-webkit-box-shadow: 0 0 7px 0 #dfdfdf;
box-shadow: 0 0 7px 0 #dfdfdf;

}


#Sciezka.mopen{
	padding: 0 20px 0 140px;
}
#Sciezka.mclose{
	padding: 0 20px 0 70px;
}


#Mnav{
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	font-size: 20px;
	cursor: pointer;
}


#Sciezka.mopen #Mnav{
	left: 100px;
}
#Sciezka.mclose #Mnav{
	left: 30px;
}


#panel-lewy{
width: 50px;
height: calc(100vh - 45px);
position: fixed;
background: #778995;
color: #fff;
top: 45px;
left: 45px;
z-index: 100;
}

#panel-nav{
position: fixed;
left: 45px;
top: 90px;
width: 36px;
color: #fff;
height: 45px;
line-height: 45px;
text-align: center;
background: #86a9c8;
cursor: pointer;
}

#panel-lewy ul{
margin: 45px 0 0 0;
padding: 0;
list-style: none;
font-size: 10px;
}

#panel-lewy ul li{
margin: 0;
padding: 4px 0 10px 0;
line-height: 1.2;
list-style: none;
text-align: center;
}


#panel-lewy ul li a{
color: #fff;
text-align: center;

}

#panel-lewy ul li a span{
	display: block;
	padding: 5px 0 5px 0;
	text-align: center;
}
	

#panel-lewy ul li a i{
	font-size: 17px;
	font-weight: normal;
}
	

#panel-lewy ul a.clc{
color: #80d2f7;
}

#main-wrap{


margin-top: 40px;
position: relative;
padding: 15px;
}

#main-wrap.mopen{
	width: calc(100% - 80px);
	margin-left: 80px;
}
#main-wrap.mclose{
	width: 100%;
	margin-left: 0;
}

#wrapper-out{
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
}


.wrapper-inc{
background: #fff;
border: solid 1px #dddddd;
position: relative;
padding: 0 15px 20px 15px;
margin: 7px 0 7px 0;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;
clear: both;
}


.etap-flex{
	margin-top: 30px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.etap{
	border-bottom: solid 4px #e8e8e8;
	height: 20px;
	text-align: center;
	color: #c9c8c8;

}

.etapo{
	border-bottom: solid 4px #424d55 !important;
	color: #424d55 !important;
}

.etap4{
	width: 24.8%;
}

.etap3{
	width: 33%;
}
.etap2{
	width: 49%;
}


.opis{
font-size: 10px;
font-style: italic;
color: #9e9e9e;
}


label{
	display: block;
	color: #aeaeae;
	font-size: 10px;
	margin: 5px 0 0 0;
	font-weight: normal;
	font-style: italic;
	}



.tagis{
display: inline-block;
height: 24px;
font-size: 10px;
line-height: 20px;
margin: 3px 5px 3px 0;
border: solid 1px #ccccd2;
padding: 0 7px;
background: #fff;
/* background: #f3f3f5; */
color: #8a8a8a;
cursor: pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.tagis:hover{
background: #f3f3f5;
}

.tagisa{
background: #fff;
border: solid 1px #f3f3f5;
color: #ccccd2;
}


.tagisa:hover{
background: #fff;
border: solid 1px #f3f3f5;
color: #ccccd2;
}






.wrapper-inc  h1{
font-size: 9px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 3px;
margin: 6px 0 17px 0;
line-height: 20px;
color: #9898a5;
font-style: italic;
border-top: solid 1px #dadade;
position: relative;
top: 10px;
}


.wrapper-inc  h1 > div{
display: inline-block;
background: #fff;
padding: 0 10px;
position: absolute;
top: -10px;
margin-left: 30px;
z-index: 10;
}

.wrapper-inc  h1 > div > a{
	
	letter-spacing: normal;
	text-transform: none;
	color: #0c7fb1;
}


/*
.wrapper-inc > h1 a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	color: inherit;
	text-decoration: none;
	}
*/




.wrapper-inc  h1 > span{
display: inline-block;
padding: 0 10px;
color: #8d8d8d;
background: #fff;
cursor: pointer;
position: absolute;
top: -10px;
margin-left: 30px;
}

#tab-rozmiary-cale{
left: 0;
}

#tab-rozmiary-pol{
left: 140px;
}

.wrapper-inc  h1 > span.on{
color: #0f98d2;
font-weight: bold;
}





.komorka{
width: 25%;
padding: 0 5px;
position: relative;
}

.komorka-sm{
	width: 12.5%;
	padding: 0 5px;
	position: relative;
}

.komorka2{
	width: 45%;
	padding: 0 5px;
	position: relative;

}

.dntn{
	padding-left: 40px;
}

.dnt{
	position: absolute;
	left: 0;
	top: 20px;
}



.odstep{
padding-top: 5px;
}

.spn{
padding-top: 17px;
}

.linia{
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

#godziny{
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}


.colred{
	padding: 10px 0;
	background: #feebef;
	border: solid 1px #fa9caf;
}

.wrapper-inc > h1 div.chbx{
margin: 0;
text-align: right;
position: absolute;
right: 15px;
top: 0;
font-weight: normal;
font-size: 11px;
}







.wrapper-inc > h1 div.domyslne{
margin: 0;
text-align: right;
position: absolute;
right: 150px;
top: -1px;
font-weight: normal;
font-size: 11px;
background: #fff;
border: solid 1px #e2e2e2;
padding: 0 20px;
height: 37px;
line-height: 37px;
color: #9e9e9e;
-webkit-border-radius: 18px;
border-radius: 18px;
cursor: pointer;
display: none;
}

.wrapper-inc > h1 div.domyslne-o{
background: #c6ebfb;
color: #095677;
border: solid 1px #98dbf8;
}



.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;

}



.check{
	display: inline-block;
	border: solid 1px  #d6d6da;
	/* background: #f7f7f8; */
	background: #fff;
	width: 26px;
	margin: 0 2px;
	height: 26px;
	line-height: 24px;
	color: #8a8a8a;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	

.checker, .checker-r{
display: inline-block;
border: solid 1px  #d6d6da;
/* background: #f7f7f8; */
background: #fff;
padding: 0 12px;
margin: 0 2px;
height: 26px;
line-height: 24px;
color: #8a8a8a;
cursor: pointer;
text-align: center;
font-size: 11px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


.checker:hover, .checker-r:hover{
background: #f0f0f0;
}

.chec-a{
border: solid 1px  #0d88bd;
background: #0f9fdc;
color: #fff;
}


.chec-a:hover{
background: #0e93cb;
}








.img-p > img{
max-height: 40px;
}

.alert-frm{
position: absolute;
bottom: 14px;
z-index: 100;

}


.alert-frm > span{
display: block;
margin: 5px 0 10px 0;
padding: 5px 7px;
background: #dc1625;
color: #fff;
font-size: 12px !important;
cursor: pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.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;

}

.flex-out{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.fl-70{
	width: 68%;
}

.fl-30{
	width: 29%;
}

.a-big-button{
	display: block;
background: #fff;
border: solid 1px #dddddd;
padding: 0;
height: 100px;
width: 250px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
position: relative;
margin: 40px 0;
color: #fff;
display: flex;

flex-direction: column;
justify-content: center;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;
}

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



.a-big-button.blue{
	background: #0f9fdc;
	}
	
	.a-big-button.blue:hover{
	background: #0c7cad;
	}
	
	
	.a-big-button.green{
	background: #58b058;
	}
	
	.a-big-button.green:hover{
	background: #51a251;
	}
	
	
	.a-big-button.orange{
	background: #e96829;
	}
	
	.a-big-button.orange:hover{
	background: #da5616;
	}



.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: #dddddd;
border: solid 1px #dddddd;
padding: 0;

height: 163px;
height: 214px;
width: calc(20% - 20px);
text-align: center;
text-decoration: none;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 15px 10px;
overflow: hidden;
}




.big-button a.bba{
display: block;
height: 110px;
padding: 20px 0 0 0;
position: relative;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

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


.big-button  a.bba-sm{
display: block;
float: left;
height: 50px;
width: calc(20% - 1px);
padding: 0;
margin: 1px 0 0 1px;
color: #97a4ae;
background: #fff;
/*
color: #97a4ae;
background: #f0f0f0;
*/
text-align: center;
font-size: 10px;
line-height: 1;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}

.big-button  a.bba-sm span{

	display: block;
	position: absolute;
	left: 3px;
	top: 4px;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #6a7b88;

}

.big-button  a.bba-sm p{
margin: 0;
text-align: center;
width: 100%;
position: absolute;
bottom: 3px;
}

.big-button  a.bba-sm i{
line-height: 36px;
font-size: 16px;
}

.big-button a.f-sm{
margin: 1px 0 0 0;
width: 20%;
}



.big-button   div{
margin-top: 20px;
padding: 10px 20px;
color: #fff;
position: absolute;
min-height: 40px;
width: 100%;
bottom: 0;
}


.big-button  a.bba-sm:hover{
background: #f4f4f4;
}










.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.gray{
background: #8b8b8b;
}

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

.big-button  div.yellow{
	background: #e0b700;
	}
	
	.big-button  div.yellow:hover{
	background: #e09d00;
	}

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

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


.big-button  div.grafit{
background: #738492;
}

.big-button  div.grafit:hover{
background: #5a646d;
}

.big-button  div.turkus{
	background: #47aba6;
	}
	
	.big-button  div.turkus:hover{
	background: #3ca39e;
	}


.big-button  div.reda{
background: #f63f6d;
}

.big-button  div.reda:hover{
background: #da305a;
}
	


.clear{
clear: both;
}








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


.btn-duzy{
display: inline-block;
border: solid 1px #adadad;
padding: 0 30px;
height: 32px;
line-height: 30px;
text-decoration: none;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 4px 2px;
cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
}

.btn-duzy:hover{
	text-decoration: none;
}


.btn-wiekszy{
	display: block;
	border: solid 1px #adadad;
	padding: 0 30px;
	height: 62px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 2px;
	cursor: pointer;
	  font-size: 12px;
	  text-transform: uppercase;
	}
	.btn-wiekszy:hover{
		text-decoration: none;
	}

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

.btn-dark2{
background: #4e5a63;
color: #fff;
}

.btn-dark2:hover{
background: #404951;
}


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

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


.btn-black{
	border-color: #000;
	background: #000;
	color: #fff;
	}
	
	.btn-black:hover{
	background: rgb(46, 46, 46);
	}


.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-or{
border-color: #d34203;
background: #fc5914;
color: #fff;
}

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


.btn-jasny{
border-color: #d3d3d3;
background: #f0f0f0;
color: #535353;
}

.btn-jasny:hover{
background: #d3d3d3;
}


.numer{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #0f9fdc;
	font-size: 20px;
	-webkit-border-radius: 50%;
border-radius: 50%;
margin: 30px auto 5px auto;
}


/*--------------------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:hover{
text-decoration: none;
background: #dadada;
}













.btne{
display: inline-block;
border: 0;
/*
background: #6a7b88;
color: #fff;
*/
background: #fff;
color: #6a7b88;
border: solid 1px #eaeaea;
height: 26px;
width: 26px;
line-height: 24px;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 2px 0 0;
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: #eaeaea

}




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


.btne-red{
background: red;
color: #fff;
}

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

.b-grey{
	background: #6a7b88;
color: #fff;
border: solid 1px #6a7b88;
}

.b-grey:hover{
	background: #555f66;
}

.b-grey-l{
	background: #f0f0f0;
}

.b-grey-l:hover{
	background: #e4e4e4;
}


.b-red{
background: #c0000a;
color: #fff;
border: solid 1px #c0000a;
}

.b-red:hover{
	background: #a0020a;
}

.b-green{
	background: #019209;
color: #fff;
border: solid 1px #019209;
}

.b-green:hover{
	background: #017206;
}


blink {
    display: inline;
    color: inherit;
    animation: blink 1s steps(1) infinite;
    -webkit-animation: blink 1s steps(1) infinite;
}
@keyframes blink { 50% { color: transparent; } }
@-webkit-keyframes blink { 50% { color: transparent; } }



.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;
cursor: pointer;
position: absolute;
top: 5px;
right: 7px;
line-height: 20px;
font-size: 20px;
}



.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-info{
	border: solid 1px  #4aa03d;
	background: #f7fcf5;
	color: #285820;
	text-align: center;
	display: block;
padding: 40px 20px;
text-decoration: none;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 15px;
position: relative;
}


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


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

.wynik-red{
color:	#ac2925;
font-weight: bold;
}

.wynik-green{
	color:	#51a251;
	font-weight: bold;
	}


.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;
}

.info2err{
	position: relative;
	padding: 1px;
	margin: 0 12px 10px 12px;
	z-index: 1;
	min-height: 25px;
	border: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #c30808;
	color: #fff;
	}

.info2{
color: #828282;
position: relative;
padding: 1px;
margin: 0 12px 10px 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 10px 0;
z-index: 1;
min-height: 20px;
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-znp{
	display: block;
	position: absolute;
	width: 70px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	color: #fff;
	right: 0;
	top: 0;
	padding: 0;
	z-index: 10;
	background: #59c14a;
	-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
	}
	
	.info-znp:hover{
		background: #4aa03d;
		text-decoration: none;	
	}

.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: 11px;
margin-left: 25px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.info2 .txt{
background: #f7fcf5;
display: block;
padding: 5px 90px 5px 20px;
font-size: 11px;
margin-left: 25px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.info2err .txt{
	display: block;
	padding: 5px 20px;
	font-size: 11px;
	margin-left: 25px;
}

.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;
}


div.chbx{
margin: 10px 0;
text-align: right;
position: relative;

}

div.chbx > label{
position: absolute;
text-align: left;
left: 0;
top: 5px;
margin: 0;
}

div.chbx > p.labs{
position: absolute;
text-align: left;
width: 200px;
left: 0;
top: 5px;
margin: 0;

}




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

}




#scroll-bot, #scroll-bot-2{
width: 100%;
overflow-x: scroll;
position: relative;
}


#scroll-bot, #scroll-bot-2{
max-height: calc(100vh - 370px);
}


/*
#table-out, #table-out-2{
width:100%;
overflow: auto;
position: relative;
}
*/

#table-inc-2 td{
color: #aeaeae;
}




tr.archiv td{
	color: #aeaeae;
	}
	/*
/*
.table-out{
width: 100%;
overflow-x: scroll;
}
*/

#suma-zakupu-info{
	margin-top: 5px;
	border-top: solid 1px #dadade;
	padding: 7px 0 0 5px;
	font-size: 14px;
	font-weight: bold;
}


#plik-kolor{
width: 60px;
height: 60px;
margin: 5px 0 0 5px;
cursor: pointer;
}

#plik-kolor img{
	width: 60px;
	height: 60px;	
}

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;
}









#pd-foto{
width: 40%;
float: left;

}

.pd-foto-1 img{
width: 100%;
height: auto;
}


.pd-foto-n{
width: 33.333%;
height: 135px;
float: left;
position: relative;
}

.pd-foto-n img{
width: 100%;
height: auto;

position: absolute;
top: 50%;
 left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



#pd-info{
width: 60%;
padding-left: 20px;
float: left;
}

#pd-info h1{
font-size: 20px;
margin: 0 0 7px 0;
line-height: 22px;
font-weight: 400;
color: #333333;
text-transform: uppercase;
}


#pd-info h2{
font-size: 15px;
margin: 0 0 7px 0;
line-height: 17px;
font-weight: 400;
color: #333333;
}


span.lab{
font-size: 11px;
color: #9a9a9a;
font-style: italic;
display: block;
}


#pd-info p{
margin: 0 0 7px 0;
}


.pd-tab{
clear: both;
}

.pd-tab p{
display: inline-block;
padding-right: 10px;
}

.rzm{
display: inline-block;
width: 30px;
height: 28px;
line-height: 28px;
text-align: center;
border: solid 1px #d7d7d7;
margin: 2px;
font-size: 11px;
}


.infoq{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	background: #f7fcf5;
	text-align: center;
	line-height: 10px;
	font-weight: bold;
	font-style: normal;
	font-size: 8px;
	color: #286e1e;
	cursor:pointer;
	border: solid 1px #59c14a;
	-webkit-border-radius: 50%;
border-radius: 50%;
}

.info-prog{
	background: #fdffe6;
	border: solid 1px #cabc6d;
	margin: 20px 0;
}

.info-prog > span{
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding: 0 20px;
	color: #5f5310;
	font-size: 10px;
	cursor: pointer;
}

.info-prog > div{
	padding: 20px;
	display: none;
}



#infoprodg
{
	width: 100%;
	height: auto;
	min-height: 200px;
color:#6a6a6a;
border: 0;
background: transparent;

}


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

/* Formularz */


form{
margin: 0;
font-family: 'Open Sans', sans-serif;
}


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: #aeaeae;
font-size: 10px;
margin: 2px 0 1px 0;
padding-left: 5px;
font-weight: normal;
font-style: italic;
}


form label a{
	color: #0083c1;
}


form input[type="text"],
form input[type="password"],
form select,
form textarea
{
color:#6a6a6a;
border: solid 1px #f7f7f8;
background: #fff;
/*
border: solid 1px #e9e8e9;
background: #f7f7f8;
*/
font-family: 'Open Sans', sans-serif;
padding: 4px 5px;
font-size: 12px;
margin: 0;
width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


form .bigform  input[type="text"], form .bigform  select{
	border: solid 1px #b2b2b3;
	padding: 7px 5px;
font-size: 13px;
}


form .bigform label{
	font-size: 13px;
	color: #585858;
	font-style: normal;
	font-weight: 600;
	margin: 2px 0 5px 0;
}






form input[type="text"].incena
{
width: 80px;
text-align: center;
}

form input[type="text"].hid
{
color: #cecece;
}






















form input[type="text"].inpred,
form input[type="password"].inpred,
form select.inpred,
form textarea.inpred{

border: solid 1px red;

}



form select{
padding: 3px 5px;
}


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:hover,
form textarea:hover
{
border: solid 1px #b4b4b4;
}


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



form input[type="text"].hid
{
	border: solid 1px #f7f7f8 !important;
	outline: none !important;
}


.hid{
	color: #cecece;
}




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: 13px;
  padding: 6px 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: 13px;
  padding: 7px 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"].big {
display: block;
	  font-size: 14px;
	  padding: 15px 20px;
	  width: 380px;
	  margin: 40px auto 20px auto !important;

	
	}


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: 13px;
  padding: 7px 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;
}


#odstButony{
	height: 30px;
}

#ButonyStopka{
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 12px 10px 12px 100px;
	background: #fff;
	width: 100%;
	border-top: solid 1px #dddddd;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;
z-index: 999;
}

.domyslny-frm
{
/*border: solid 1px #0e93cb; */

}


#pokaztagi{
	font-style: italic;
	color: #0083c1;
	font-size: 10px;
	cursor: pointer;
	padding: 10px 0;
}

#tabtagi{
	padding: 0 0 10px 0;
	display: none;
}


.palety-info span{
display: block;
color: #c9390a;
padding: 2px 0 10px 5px;
font-style: italic;

}







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;
}

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

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

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

	background: #f1f1f1	;
	}

table td.img{
padding: 3px 5px 0 5px;
}

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


table tr.thd td{
	background: #424d55;
	color: #fff;
	text-align: center;
}


table thead td, table thead th{
background: #424d55;
color: #fff;
text-align: center;
position: -webkit-sticky;
position: sticky;
  top: 40px;
  z-index: 2;
}


table thead tr.sec td{
	position: -webkit-sticky;
	position: sticky;
	  top: 72px;
	  z-index: 2;
	}


	table thead tr.sec2 td{
		position: -webkit-sticky;
		position: sticky;
		  top: 32px;
		  z-index: 2;
		}

	


table.table-inc thead td, table.table-inc thead th{

	  top: 0;

	}
	



table thead td.c1, table thead th.c1{
	background: #e3f5fd;
}

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 td.sum{
	background: #efefef;
	color: #000;
	font-weight: bold;
	text-align: right;
	}
	

table tr.nodata td{
	background: #fde3e3;
	color: #870a0a;
}



td.tb-alert{
background: red;
color: #fff;
}

.tb-new{
	background: #f9fff2;
}

.tb-zm{
	background: #fff2f2;
}


table .tb-new td.c1{
	background: #e3f0d5;

	}

	table .tb-zm td.c1{
		background: #ffeaea;
	
		}



table .okdat td{
	background: #effbe2;

	}

	table .newdat td{
		background: #fbe8e8;
	
		}









p.infos{
	color: #959595;
	font-style: italic;
	margin: 2px 0 0 0;
}


.legenda{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 40px 0  10px 0;

}

.legenda > div{
	padding-right: 20px;
}

.legenda span{
	display: inline-block;
	height: 8px;
	width: 50px;
	border: solid 1px #ccc;
	margin-right: 5px;
}

.leg-new{
	background: #f9fff2;
	border: solid 1px #e3f0d5;
}


.leg-zm{
	background: #fff2f2;
	border: solid 1px #f8dddd;
}









.hist{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 10px 0;
	border: solid 1px #efefef;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	padding: 10px;
}

.hist span{
	display: block;
color: #aeaeae;
font-size: 10px;
margin: 0 0 1px 0;
font-weight: normal;
font-style: italic;
}







h1.hhist{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 10px 0 30px 0;
	line-height: 20px;
	color: #9898a5;
	font-style: italic;
	border-top: solid 1px #dadade;
	position: relative;
	}
	
	
h1.hhist > div{
	display: inline-block;
	background: #fff;
	padding: 0 10px;
	position: absolute;
	top: -10px;
	margin-left: 30px;
	z-index: 10;
	}
	
	
	






.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;
}








a#switch-pal{
display: inline-block;
width: 300px;
height: 26px;
line-height: 26px;
background: #f5f5f5;
text-align: center;
text-transform: uppercase;
font-size: 10px;
border: solid 1px #dddddd;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 20px 0 0 15px;
}

a#switch-pal:hover{
text-decoration: none;
background: #ebebeb;
border: solid 1px #d7d7d7;
}



a#switch-pal-hide{
display: inline-block;
width: 160px;
height: 26px;
line-height: 26px;
background: #fff;
text-align: center;
text-transform: uppercase;
font-size: 10px;
border: solid 1px #dddddd;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 20px 0 0 15px;

}


a#switch-pal-hide:hover{
text-decoration: none;
background: #f8f8f8;
}




.rozm-but, .rozm2-but{
display: inline-block;
width: 34px;
height: 26px;
line-height: 24px;
border: solid 1px  #d6d6da;
background: #fff;
/* background: #f7f7f8; */
text-align: center;
margin: 2px;
font-size: 10px;
cursor: pointer;
color: #8a8a8a;
}

.rozm-but:hover, .rozm2-but:hover{
background: #f0f0f0;
}

.rozm-but-a{
border: solid 1px  #0d88bd;
background: #0f9fdc;
color: #fff;
}


.rozm-but-a:hover{
background: #0e93cb;
}




.kolc{
display: inline-block;
width: 80px;
height: 26px;
border: solid 1px  #d6d6da;
background: #fff;
/* background: #f7f7f8; */
line-height: 24px;
text-align: center;
margin: 3px;
font-size: 11px;
color: #8a8a8a;
cursor: pointer;
text-transform: uppercase;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.kolc:hover{
background: #f0f0f0;
}



.kolc-a{
border: solid 1px  #0d88bd;
background: #0f9fdc;
color: #fff;
}


.kolc-a:hover{
background: #0e93cb;
}

.skp{
	margin: 15px 0;
	padding: 0;
	list-style: none;
	clear: both;
}

#dojazd-out{

	position: relative;
}

.do-dzien{
	width: 230px;
	padding-right: 5px;
}



#trasy{
	overflow-x: auto;
	height: calc(100vh - 320px);
}

#tydzien-out{
/*

height: calc(100vh - 220px);
*/
height: 2550px;
position: relative;
padding-left: 60px;
}

#tydzien-dni{
	width:1610px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	position: sticky;
	top: 0;
z-index: 10;
}

.t-day{
	width: 230px;
	background: #424d55;
	color: #fff;
	text-align: center;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	border: solid 1px #fff;
}

#board-tydzien{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

#dojazd-tydzien{
	width:1610px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}


#tydzien-godziny{
	width:1730px;
	position: absolute;
	left: 0;
	top: 30px;
}

#tydzien-godziny > div{
	width: 100%;
	height: 45px;
	border-top: 1px solid #ebe8e8;
	position: relative;
}

#tydzien-godziny > div > span{
display: block;
position: absolute;
top: -9px;
background: #fff;
width: 35px;
font-size: 11px;
}

#tydzien-godziny > div > div{
	display: block;
	position: absolute;
	top: -9px;
	right: 0;
	background: #fff;
	width: 35px;
	font-size: 11px;
	}

#tydzien-dane{
	width:1610px;
}



.board-pn, .board-wt, .board-sr, .board-cz, .board-pt, .board-so, .board-nd {
	position: relative;
	
  }

  .board-day{
	width: 230px; 
	position: relative;
	padding-right: 20px;
  }

  .dojazd{
	  background: #3ca39e !important;
	  color: #fff !important;
  }
  .magazyn{
	background: #da5616 !important;
	color: #fff !important;
}

  .b-ng-d{
	  position: absolute;
	  top: 3px;
	  left: 5px;
	  text-transform: uppercase;
	  font-weight: bold;
	  color: #fff;
  }

  .b-obsl-d{
	position: absolute;
	top: 3px;
	right: 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
  }


  
  .board-column {
  width: 100%;
  display: block;
  
  margin: 0;
  padding: 0;
  background: #f4f4f4;
  position: relative;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	border-left: solid 1px #ebebeb;
	border-right: solid 1px #ebebeb;
  }
  .board-column.muuri-item-releasing {
	z-index: 2;
  }
  .board-column.muuri-item-dragging {
	z-index: 3;
	cursor: move;
  }
  .board-column-header {
	position: absolute;
	height: 20px;
	width: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	background: #e6eaec;
right: -20px;
top: 0;
color: #758692;
font-size: 9px;
font-weight: normal;
  }
  
  .board-column-content {
	position: relative;

  }
  .board-item {
	position: absolute;
	  width: 100%;
	  border-bottom: solid 1px #fff;
	  padding: 0;
	  background: #fff;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;

  }
  .board-item.muuri-item-releasing {
	z-index: 9998;
  }
  .board-item.muuri-item-dragging {
	z-index: 9999;
	cursor: move;
  }
  .board-item.muuri-item-hidden {
	z-index: 0;
  }
  .board-item-content {
	position: relative;
	width: 100%;
	height: 50px;
	  background: #eceaea;
	  padding: 3px;

	  font-size: 11px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  line-height: 12px;
  }

  .b-ng{
	  position: absolute;
	  left: 5px;
	  bottom: 3px;
	  font-weight: bold;
  }

  .b-ng-l{
	position: absolute;
	left: 5px;
	top: 3px;
	font-size: 10px; 
  }

  .b-obsl{
	position: absolute;
	right: 5px;
	top: 3px;
  }





ul#Pkol{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	max-height: calc(100vh - 200px);
	overflow: auto;

}



ul#Pkol li{
	width: 100px;
	height: 140px;
	border: solid 1px #ebebeb;
	margin: 3px;
	padding: 5px;
	background: #f4f4f4;
	font-size: 10px;
	position: relative;
	text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	ul#Pkol li .im{
		width: 100%;
		height: 90px;
		margin-bottom: 4px;
	}
	ul#Pkol li .im > img{
		width: 100%; 
		height: 100%; 
		 object-fit: cover;
		}
	  


		ul#Pkol .dlt{
			position: absolute;
			z-index: 2;
			width: 22px;
			height: 22px;
			
			top: 10px;
			right: 10px;
			color: #fff;
			line-height: 20px;
			text-align: center;
			cursor: pointer;
			-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 7px 0 #b4b3b3;
box-shadow: 0 0 7px 0 #b4b3b3;
		}


		.zncz{
			background: #0e92cb;
			color: #0e92cb;
		}
		.oncz{
			background: rgb(255, 255, 255, 0.5);
			border: solid 1px #fff;
		}





ul#Fotosy, ul#Pliki{
margin: 15px 0;
padding: 0;
list-style: none;
clear: both;

}


ul#Fotosy li, ul#Pliki li{
width: 145px;
height: 190px;
float: left;
border: solid 1px #ebebeb;
margin: 3px;
padding: 5px;
background: #f4f4f4;
font-size: 11px;
position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




ul#Fotosy div.im, ul#Pliki div.im{
width: 135px;
height: 150px;
margin-bottom: 5px;
overflow: hidden;
background: #fff;
text-align: center;
position: relative;
}



ul#Fotosy div.im img{
max-height: 250px;
display: block;
position: absolute;
top: 50%;
 left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

ul#Fotosy div.nvg, ul#Pliki div.nvg{
width: 100%;
height: 20px;
position: absolute;
bottom: 10px;
}









ul#Skory{
	margin: 15px 0;
	padding: 0;
	list-style: none;
	clear: both;
	
	}
	
	
	ul#Skory li{
	width: 70px;
	height: 100px;
	float: left;
	border: solid 1px #ebebeb;
	margin: 3px;
	padding: 5px;
	background: #f4f4f4;
	font-size: 11px;
	position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	
	
	ul#Skory div.im{
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
	overflow: hidden;
	background: #fff;
	text-align: center;
	position: relative;
	}
	
	
	
	ul#Skory div.im img{
	max-height: 60px;
	display: block;
	position: absolute;
	top: 50%;
	 left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	}
	
	ul#Skory div.nvg{
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 10px;
	}
	
	
	
	
#kolorbox{
min-width: 300px;
min-height: 60px;
max-width: 80%;
max-height: 80vh;
position: absolute;
top: 100px;
left: 80px;
z-index: 1000;
background: #fff;
border: solid 1px #dddddd;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;
padding: 5px;
display: none;
}



#kolorbox_pp{
	min-width: 100%;
	height: 165px;
	position: relative;
	background: #fff;
	margin-top: 10px;
	overflow: auto;
	}

.kolory-pliki{
	width: 45px;
	height: 45px;
	margin: 4px;
	display: inline-block;
	font-size: 9px;
	text-align: center;
	word-wrap: break-word;
	line-height: 1.1;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}





#StopkaForm{
position: fixed;
bottom: 0;
height: 40px;
width: 100%;
left: 0;
background: #fff;
text-align: right;
padding: 0 10px 0 0;
border-top: solid 1px #dddddd;
-webkit-box-shadow: 0 0 5px 0 #E8E8E8;
box-shadow: 0 0 5px 0 #E8E8E8;
}



#StopkaForm-top{
clear: both;
height: 20px;
}



#ButAct{
position: fixed;
bottom: 6px;
z-index: 2;
}



.checkred{
border: solid 1px red;
}






#loader{
	height: calc(100vh - 40px);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	font-size: 36px;
	display: none;
	flex-direction: column;
	justify-content: center;
}
#loader span{
	display: block;
	font-size: 13px;
	margin-top: 5px;
	font-style: italic;
}






/* ----------------------- 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; }

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




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

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

.formError.inline {
position: relative;
top: 0;
left: 0;
display: inline-block;
}

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

.formError .formErrorContent {
width: 100%;
background: #ee0101;
position:relative;
color: #fff;
min-width: 120px;
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;
-o-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}

.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;
-o-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;
-o-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;
-o-box-shadow: none;
}

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

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

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

.formError .formErrorArrow .line9 {
width: 11px;
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; }
.autocomplete-suggestions i {font-weight: 10px; color:#afacac}


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




.popup {
  position: fixed;
 	width: 100%;
  height: 100vh;
  z-index: 10000;
	background: rgba(0, 0, 0, .20);
	display: block;
	top: 0;
	left: 0;
	text-align: center;
	display: none;
 	 flex-direction: column;
 	 justify-content: center;
}


.visible{
display: flex;
}


.popup .popup-body {
    background: #fefefe;
    min-height: 200px;
	 width: 700px;
    margin: 0 auto;
    padding: 35px 20px;
    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;
	 position: relative;
	 z-index: 10000;
}




.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
	 line-height: 32px;
	 color: #353e44;
		 font-size: 26px;
	 text-align: center;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

}




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

















/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */

/* Switchery defaults. */

.switchery {
  background-color: #c7c7c7;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;

  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
}

.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;
}

/* Switchery sizes. */

.switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;
}

.switchery-small > small {
  height: 20px;
  width: 20px;
}

.switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}

.switchery-large > small {
  height: 40px;
  width: 40px;
}






/*---------------------------  DATEPICKER  ------------------------------*/
.Zebra_DatePicker {
    background: #666;
    border-radius: 4px;
    box-shadow: 0 0 10px #888;
    color: #222;
    font: 13px Tahoma,Arial,Helvetica,sans-serif;
    padding: 3px;
    position: absolute;
    display: table;
    *width: 255px;
    z-index: 1200
}
.Zebra_DatePicker *,
.Zebra_DatePicker :after,
.Zebra_DatePicker :before {
    box-sizing: content-box!important
}
.Zebra_DatePicker * {
    padding: 0
}
.Zebra_DatePicker table {
    border-collapse: collapse;
    border-radius: 4px;
    border-spacing: 0;
    width: 100%
}
.Zebra_DatePicker td,
.Zebra_DatePicker th {
    padding: 5px;
    cursor: pointer;
    text-align: center;
    min-width: 25px;
    width: 25px
}
.Zebra_DatePicker .dp_body td,
.Zebra_DatePicker .dp_body th {
    border: 1px solid #bfbfbf
}
.Zebra_DatePicker .dp_body td:first-child,
.Zebra_DatePicker .dp_body th:first-child {
    border-left: none
}
.Zebra_DatePicker .dp_body td:last-child,
.Zebra_DatePicker .dp_body th:last-child {
    border-right: none
}
.Zebra_DatePicker .dp_body tr:first-child td,
.Zebra_DatePicker .dp_body tr:first-child th {
    border-top: none
}
.Zebra_DatePicker .dp_body tr:last-child td,
.Zebra_DatePicker .dp_body tr:last-child th {
    border-bottom: none
}
.Zebra_DatePicker .dp_body td {
    background: #e6e5e5
}
.Zebra_DatePicker .dp_body .dp_weekend {
    background: #d6d6d6
}
.Zebra_DatePicker .dp_body .dp_not_in_month {
    background: #e0e6f2;
    color: #98acd4
}
.Zebra_DatePicker .dp_body .dp_time_controls_condensed td {
    width: 25%
}
.Zebra_DatePicker .dp_body .dp_current {
    color: #cc236b
}
.Zebra_DatePicker .dp_body .dp_selected {
    background: #b56a6a;
    color: #fff
}
.Zebra_DatePicker .dp_body .dp_disabled {
    background: #f2f2f2;
    color: #ccc;
    cursor: text
}
.Zebra_DatePicker .dp_body .dp_disabled.dp_current {
    color: #b56a6a
}
.Zebra_DatePicker .dp_body .dp_hover {
    color: #fff;
    background: #88a09e
}
.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
    background-color: #8c8c8c;
    color: #fff
}
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_timepicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 33.3333%
}
.Zebra_DatePicker .dp_timepicker .dp_disabled {
    border: none;
    color: #222;
    font-size: 26px;
    font-weight: 700
}
.Zebra_DatePicker .dp_time_separator div {
    position: relative
}
.Zebra_DatePicker .dp_time_separator div:after {
    content: ":";
    color: 1px solid #bfbfbf;
    font-size: 20px;
    left: 100%;
    margin-left: 2px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    z-index: 1
}
.Zebra_DatePicker .dp_header {
    margin-bottom: 3px
}
@supports (-ms-ime-align:auto) {
    .Zebra_DatePicker .dp_header {
        font-family: 'Segoe UI Symbol',Tahoma,Arial,Helvetica,sans-serif
    }
}
.Zebra_DatePicker .dp_footer {
    margin-top: 3px
}
.Zebra_DatePicker .dp_footer .dp_icon {
    width: 50%
}
.Zebra_DatePicker .dp_actions td {
    border-radius: 4px;
    color: #fff
}
.Zebra_DatePicker .dp_actions .dp_caption {
    font-weight: 700;
    width: 100%
}
.Zebra_DatePicker .dp_actions .dp_next,
.Zebra_DatePicker .dp_actions .dp_previous {
    *padding: 0 10px
}
.Zebra_DatePicker .dp_actions .dp_hover {
    background-color: #8c8c8c;
    color: #fff
}
.Zebra_DatePicker .dp_daypicker th {
    background: #fc3;
    cursor: text;
    font-weight: 700
}
.Zebra_DatePicker.dp_hidden {
    display: none
}
.Zebra_DatePicker .dp_icon {
    height: 16px;
    background-image: url(icons.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    *text-indent: 0
}
.Zebra_DatePicker .dp_icon.dp_confirm {
    background-position: center -123px
}
.Zebra_DatePicker .dp_icon.dp_view_toggler {
    background-position: center -91px
}
.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
    background-position: center -59px
}
button.Zebra_DatePicker_Icon {
    background: url(icons.png) center top no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 16px;
    line-height: 0;
    padding: 0;
    position: absolute;
    text-indent: -9000px;
    width: 16px
}
button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
    background-position: center -32px;
    cursor: default
}



span.Zebra_DatePicker_Icon_Wrapper {
    display: block!important;
    width: 100%!important;
    position: relative!important;
}










.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;
}


div.tagsinput {
color:#6a6a6a;
border: solid 1px #e9e8e9;
background: #f7f7f8;
padding: 10px 10px;
font-size: 12px;
margin: 0;
min-height:50px !important;
height: 60px !important;
width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 2px 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 3px; margin-bottom:3px;font-family: helvetica;  font-size:11px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  }
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 11px; border:1px solid transparent; padding:2px 5px; background: transparent; color: #000; outline:0px;  margin-right:3px; margin-bottom:3px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}


.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center;
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden; /* IE */
}

.ui-timepicker-standard {
    /* overwrites .ui-widget */
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    /* overwrites .ui-widget-content */
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    /* overwrites .ui-menu */
    margin: 0;
    padding: 2px;
}
.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
.ui-timepicker-standard .ui-state-hover {
    /* overwrites .ui-state-hover */
    background-color: #DADADA;
    border: 1px solid #999;
    font-weight: normal;
    color: #212121;
}
.ui-timepicker-standard .ui-menu-item {
    /* overwrites .ui-menu and .ui-menu-item */
    /*clear: left;
    float: left;*/
    margin: 0;
    padding: 0;
}

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-timepicker-hidden {
    /* overwrites .ui-helper-hidden */
    display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none;
}






#countdown{
    font-size: 52px;
    text-transform: uppercase;
    margin: 0 auto 50px auto;
    line-height: 1.1;
    font-weight: 700;
    color: #0c7fb1;
    max-width: 140px;
    display: -moz-box;
       display: -webkit-flexbox;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: -moz-flex;
       display: flex;
       justify-content: space-between ;
       flex-wrap: wrap; 
  }

  #countdown span{

    font-weight: 200;
    display: block;
    font-size: 12px;
	text-align: center;

}

#countdown > div:nth-of-type(2n) {
  color: #52c2f3;
}
#countdown > div:nth-of-type(3n) {
  color: #1aefff;
}
#countdown > div:nth-of-type(4n) {
  color: #bcfaff;
}