/* ================ jquery ui overwrites ================ */
.ui-slider.ui-widget.ui-widget-content{border:none!important; background-color:$element!important}
.ui-slider .ui-widget-header { background:$accent2; }
.ui-slider-horizontal {height: .6em; }


.ui-datepicker {
	padding:0;
  width: auto!important;
  height: auto;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .3);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .3);
}


.ui-datepicker table {
  width: 100%!important;
}
.ui-datepicker td {
    padding:4px 2px;
}
.ui-datepicker .ui-datepicker-header {
  background:$primary;
  color: #e0e0e0;
  font-size: 15px;
  font-weight: normal;
  padding:10px;
  border:none

}
.ui-datepicker  .ui-widget-header  .ui-state-hover{border:none; background:none}
.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url(../plugins/jqueryui/images/ui-icons_ffffff_256x240.png);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 7px;
}

.ui-datepicker-multi .ui-datepicker-group table {
    border-right:1px solid #ddd;
    margin:0;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
  span{top:75%}
}

.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}
.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}

.ui-datepicker thead {
  background-color: #f7f7f7;
  border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
  text-transform: uppercase;
  font-size: 6pt;
  color: #666666;
}



.ui-datepicker td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding:7px 10px;
	margin: 0;
	font-weight: normal;
	color: $primary;
	font-size: 14px;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background:$accent; color:#fff; border-radius:5px;
}