/* Generic */

.pickify{
	position:relative;
	padding-top:50px;
}

.pickify .active{
	display:initial !important;
}

.pickify-clock{
	float:left;
	white-space:nowrap;
	margin-top:10px;
}

.pickify-clock > span{
	padding:5px 10px;
	margin-left:10px;
	background:#a9a9a9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.pickify > ul.dates{
	position:absolute !important;
	top:0px !important;
	left:0px !important;
	list-style:none !important;
	margin:0px !important;
	padding:0px !important;
	height:50px !important;
}

.pickify > ul.dates > li{
	float:left !important;
	margin:10px 10px 10px 0px !important;
}

.pickify > ul.dates > li > a{
	color: #428bca !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
	border-radius: 4px !important;
	padding: 5px 10px !important;
	display:block !important;
	position:relative !important;
	text-decoration:none !important;
	text-align:center !important;
}

.pickify > ul.dates > li > a:hover{
	background-color:#eee !important;
}

.pickify > ul.dates > li > a.active{
	color: #fff !important;
	background-color: #428bca !important;
}

.pickify-slider-wrapper{
	padding:20px 0px 20px 0px !important;
}

#pickify-tip{
	display:none;
	position:absolute !important;

	width:160px !important;
	height:80px !important;
	
	color:#fff !important;
	font: 12px/14px Arial, Tahoma, Verdana !important;
	z-index:9999999999 !important;
}

#pickify-tip .tip-message{
	width:160px !important;
	height:70px !important;
	padding:10px !important;
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border-radius:6px !important;	
	background:#a9a9a9 !important;
}

#pickify-tip .tip-arrow{
	width: 0; 
	height: 0; 
	border-left: 10px solid rgba(0,0,0,0);
	border-right: 10px solid rgba(0,0,0,0);
	
	border-top: 10px solid #a9a9a9;
	margin:0px auto;	
}

.pickify .pickify-segment{
	background:#f00;
	z-index:9;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);	
}

.pickify .pickify-segment.time-restrain{
	z-index:5;
	background-color:#7E7E7E;
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;	
}

.slider {
  width:100%;
  margin-left:0px !important;
  margin-right:0px !important;
}

.slider > .dragger {
  background: #0972CA;
  background: -webkit-linear-gradient(top, #0972CA, #09A6CA);
  background: -moz-linear-gradient(top, #0972CA, #09A6CA);
  background: linear-gradient(top, #0972CA, #09A6CA);

  -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  border: 1px solid #10729D;
  width: 16px;
  height: 16px;
  z-index:10;
}

.slider > .dragger:hover {
  background: -webkit-linear-gradient(top, #098FCA, #09A6CA);
}


.slider > .track, .slider > .highlight-track {
  background: #9ad154;
  /*
  background: -webkit-linear-gradient(top, #bbb, #ddd);
  background: -moz-linear-gradient(top, #bbb, #ddd);
  background: linear-gradient(top, #bbb, #ddd);
  */

  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border: 1px solid #aaa;
  height: 6px;
}

/*
.slider > .highlight-track {
	background-color: #8DCA09;
	
	background: -webkit-linear-gradient(top, #8DCA09, #72A307);
	background: -moz-linear-gradient(top, #8DCA09, #72A307);
	background: linear-gradient(top, #8DCA09, #72A307);
	
	border-color: #496805;
}
*/