.default-font {
  font: normal 15px/22px 'PT Sans', Helvetica, Arial, sans-serif;
  color: #454545;
}
.border-button-style {
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbbbbb;
}
.border-button-style-invers {
  border: 1px solid #fff;
  border-radius: 3px;
}
.border-default-style {
  border: 1px solid #fff;
  box-shadow: 0 0 3px #bbbbbb;
}
.border-main-box {
  box-shadow: 1px 1px 1px #dfdfdf;
  border: 1px solid #fff;
}
.popupContainer {
  display: none;
  width: auto;
  float: left;
  height: auto;
  position: relative;
  left: 0;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
  border-radius: 8px 8px 8px 8px;
  font-size: 15px;
  text-align: left;
  z-index: 99;
}
.popupContainer .ui-datepicker {
  font-size: 13px;
}
.popupContainer:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 136px;
  top: -8px;
  border-style: solid;
  border-width: 0 20px 8px 20px;
  border-color: transparent transparent #fff transparent;
}
.ui-dialog.ui-widget.ui-widget-content,
.ui-dialog.ui-dialog-content,
.datepicker #date_container_duration_container,
.datepicker #date_container_duration_container,
#date_container_seperator,
#date_container.ui-dialog-content {
  overflow: visible !important;
}
.ui-dialog {
  z-index: 999;
  position: absolute;
  border-radius: 0;
}
.ui-datepicker-title span {
  color: #fff !important;
  font-weight: bold !important;
}
.icon {
  cursor: pointer;
  vertical-align: middle;
}
.datepicker {
  position: absolute;
  color: #454545;
}
.datepicker .button {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 100px;
  float: right;
  left: auto !important;
  top: auto !important;
}
.datepicker .headline {
  float: left;
  font-size: 17px !important;
  padding-bottom: 5px;
}
.datepicker .ui-state-default {
  background: #efefef;
  border: 1px solid #eee;
  text-align: left;
  text-indent: 3px;
}
.datepicker .ui-datepicker-calendar td {
  width: 12.5% !important;
}
.datepicker .ui-state-default {
  text-decoration: none !important;
}
.datepicker .ui-datepicker-today .ui-state-default {
  background: #dfdfdf;
  border: 1px solid #999;
}
.datepicker .ui-datepicker-week-end a,
.datepicker .ui-datepicker-week-end span .ui-state-default {
  background-color: #dfdfdf;
  background-image: none;
}
.datepicker .holiday a,
.datepicker .holiday span {
  background: url("../images/sprite.png") 0 0 no-repeat;
  background-size: 117% auto;
  border-color: #9AC3E2;
  font-size: 13px;
}
.datepicker .holiday_legal a,
.datepicker .holiday_legal span .ui-state-default,
.datepicker .highlight.holiday_legal a,
.datepicker .highlight.holiday_legal span .ui-state-default {
  background: #9AC3E2;
  border-color: #9AC3E2;
  background-image: none;
}
.datepicker .highlight_start a,
.datepicker .highlight_start .ui-state-default,
.datepicker .highlight_start span,
.datepicker .highlight_end a,
.datepicker .highlight_end .ui-state-default,
.datepicker .highlight_end span {
  background: #f7941d url(/layout/modules/osfw/SecraContentPage/assets/images/design/gradient_orange.jpg) 0 0 repeat-x;
  color: #fff;
  font-weight: 500;
  border: 1px solid #f7941d;
  font-size: 13px;
}
.datepicker .highlight a {
  color: #fff;
  font-weight: 500;
}
.datepicker .highlight a,
.datepicker .highlight.ui-datepicker-week-end a,
.datepicker .highlight.ui-datepicker-week-end span a {
  background: #ffca8b;
  border-color: #f7941d;
}
.datepicker .highlight.holiday .ui-state-default,
.datepicker .highlight_holiday .ui-state-default,
.datepicker .highlight.holiday_legal a,
.datepicker .highlight.holiday_legal span {
  border-color: #f7941d;
  color: #fff;
}
.datepicker .highlight.holiday_legal a,
.datepicker .highlight.holiday_legal span .ui-state-default {
  color: #fff;
}
.datepicker .occupancy span {
  background-color: #ba0913 !important;
  background-image: none !important;
  color: White !important;
  font-size: 13px;
  border: 2px solid #ba0913 !important;
}
.datepicker .free a,
.datepicker .free span {
  border: 2px solid #04af00 !important;
}
.datepicker .free_red a {
  border-right: 2px solid #FFA6A6 !important;
  border-bottom: 2px solid #FFA6A6 !important;
  background-image: url("../images/sprite.png") !important;
  background-position: 0 -25px !important;
  background-repeat: no-repeat !important;
}
.datepicker .free_green a {
  border-right: 2px solid #04af00 !important;
  border-bottom: 2px solid #04af00 !important;
  background-image: url("../images/sprite.png") !important;
  background-position: 0 -50px !important;
  background-repeat: no-repeat !important;
}
.datepicker .green_red a,
.datepicker .green_red span {
  border-left: 2px solid #04af00 !important;
  border-top: 2px solid #04af00 !important;
  border-right: 2px solid #FFA6A6 !important;
  border-bottom: 2px solid #FFA6A6 !important;
  background-image: url('../images/sprite.png') !important;
  background-position: 0 -25px !important;
  background-repeat: no-repeat !important;
}
.datepicker .red_free a {
  border-left: 2px solid #FFA6A6 !important;
  border-top: 2px solid #FFA6A6 !important;
  background-image: url("../images/sprite.png") !important;
  background-position: 0 -75px !important;
  background-repeat: no-repeat !important;
}
.datepicker .green_free a {
  border-left: 2px solid #04af00 !important;
  border-top: 2px solid #04af00 !important;
  background-image: url("../images/sprite.png") !important;
  background-position: 0 -50px !important;
  background-repeat: no-repeat !important;
}
.datepicker .red_green a {
  border-left: 2px solid #FFA6A6 !important;
  border-top: 2px solid #FFA6A6 !important;
  border-right: 2px solid #04af00 !important;
  border-bottom: 2px solid #04af00 !important;
  background-image: url("../images/sprite.png") !important;
  background-position: 0 -75px !important;
  background-repeat: no-repeat !important;
}
.datepicker .left {
  width: 75%;
  float: left;
}
.datepicker #date_container_seperator span.labeltitle {
  display: inline-block;
  padding: 6px 0 0 0;
}
.datepicker #date_container_duration_container {
  margin-bottom: 10px;
}
.datepicker .leftStartDate {
  float: left;
}
.datepicker .rightEndDate {
  float: right;
}
.datepicker .middleRange {
  width: 120px;
  float: left;
  padding-top: 100px;
  text-align: center;
}
.datepicker .legende {
  display: inline-block;
  padding: 0 0 0 10px;
}
.datepicker .legende .item {
  display: inline-block;
  vertical-align: middle;
}
.datepicker .legende .ferien .color {
  background: url("../images/sprite.png") no-repeat;
  background-position: 0 0;
  background-size: 125% auto;
  border: 1px solid #9AC3E2;
}
.datepicker .legende .color {
  width: 20px !important;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
.datepicker .legende .startDate .color {
  background-color: #FFA800;
}
.datepicker .legende .endDate .color {
  background-color: #DB8200;
}
.datepicker .legende .range .color {
  background-color: #FFE39F;
}
.datepicker .legende .holiday_legal .color {
  background-color: #9AC3E2;
}
.datepicker .legende .occupancy .color {
  background-color: #FFA6A6 !important;
  border: none !important;
}
.datepicker .legende .free .color {
  width: 15px !important;
  height: 15px !important;
}
.datepicker .clearfix {
  clear: both;
}
.datepicker #errorelement {
  background: none repeat scroll 0 0 #f8e8e8;
  border: 1px solid #ba0913;
  color: #ba0913;
  margin: 15px 0 10px 0;
  padding: 5px;
  display: none;
}
.datepicker .error {
  border: 2px solid #ba0913;
}
.datepicker .headline.error {
  color: #ba0913 !important;
  border: none !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
  padding: 0;
  margin: 0;
}