/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/*@defaultFormFieldInputBGColor: #f2f2f2;*/
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
.bootstrap-datetimepicker-widget {
  background-color: #ffffff;
  border: 1px solid #f3f3f3;
  display: none;
  padding: 16px 10px;
  width: 210px;
  z-index: 9999;
}
.bootstrap-datetimepicker-widget > ul > li {
  height: auto !important;
}
.bootstrap-datetimepicker-widget table {
  /* reset default table style */
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  /* reset default table style */
  border: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.bootstrap-datetimepicker-widget .picker-switch {
  margin-top: 8px;
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch > a {
  display: block;
  padding-bottom: 6px;
  padding-top: 6px;
}
.bootstrap-datetimepicker-widget .picker-switch > a:hover {
  background-color: #9bca47;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget .picker-switch .icon-time {
  background: url("images/spritefpf_14.png") no-repeat -518px -131px;
  display: inline-block;
  height: 12px;
  width: 12px;
}
.bootstrap-datetimepicker-widget .picker-switch .icon-calendar {
  background: url("images/spritefpf_14.png") no-repeat -500px -129px;
  display: inline-block;
  height: 13px;
  width: 11px;
}
.bootstrap-datetimepicker-widget .collapse {
  display: none;
}
.bootstrap-datetimepicker-widget .collapse.in {
  display: block;
}
.datepicker {
  font-family: 'Lato Regular', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 13px;
}
.datepicker table thead {
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
}
.datepicker table thead th {
  background-color: transparent;
}
.datepicker table thead tr:first-child th {
  padding-bottom: 22px;
}
.datepicker table thead tr:last-child th {
  padding-bottom: 8px;
}
.datepicker table thead .switch,
.datepicker table thead .next,
.datepicker table thead .prev {
  cursor: pointer;
  height: 16px;
}
.datepicker table thead .switch {
  text-align: center;
}
.datepicker table thead .next,
.datepicker table thead .prev {
  color: transparent;
  font-size: 0px;
  text-align: center;
  width: 16px;
}
.datepicker table thead .prev {
  text-align: right;
}
.datepicker table thead .next {
  text-align: left;
}
.datepicker table thead .prev:after,
.datepicker table thead .next:after {
  content: '';
  display: inline-block;
  height: 11px;
  width: 6px;
}
.datepicker table thead .prev:after {
  background: url("images/spritefpf_14.png") no-repeat -440px -130px;
}
.datepicker table thead .next:after {
  background: url("images/spritefpf_14.png") no-repeat -452px -129px;
}
.datepicker table tbody td,
.datepicker-years table tbody td span,
.datepicker-months table tbody td span,
.timepicker-hours table tbody td,
.timepicker-minutes table tbody td,
.timepicker-seconds table tbody td {
  cursor: pointer;
  padding: 8px;
}
.datepicker-years table tbody td span,
.datepicker-months table tbody td span {
  float: left;
  width: 25%;
}
.datepicker-years table tbody td span:after,
.datepicker-months table tbody td span:after {
  clear: both;
  content: '';
}
.datepicker table tbody td:first-child {
  padding-left: 0px;
}
.datepicker table tbody td:last-child {
  padding-right: 0px;
}
.datepicker table tbody .day.active {
  background-color: #9bca47;
  color: #ffffff;
}
.datepicker table tbody .day.new {
  color: #B3B3B3;
}
.timepicker {
  margin-top: 4px;
}
.timepicker .icon-chevron-down,
.timepicker .icon-chevron-up {
  display: block;
  height: 6px;
  width: 11px;
}
.timepicker-picker .icon-chevron-down {
  background: url("images/spritefpf_14.png") no-repeat -466px -142px;
}
.timepicker-picker .icon-chevron-up {
  background: url("images/spritefpf_14.png") no-repeat -465px -131px;
}
.timepicker-picker .btn {
  display: inline-block;
}
.timepicker-picker .separator {
  color: transparent;
  font-size: 0;
}
.timepicker-picker .separator:after {
  background: url("images/spritefpf_14.png") no-repeat -484px -130px;
  content: '';
  display: block;
  height: 13px;
  width: 5px;
}
.timepicker-picker tr:first-child td,
.timepicker-picker tr:last-child td {
  background: none;
  font-size: 0px;
  height: 6px;
}
.timepicker-picker tr:first-child td.separator:after,
.timepicker-picker tr:last-child td.separator:after {
  display: none;
}
.timepicker-picker tr td .timepicker-hour,
.timepicker-picker tr td .timepicker-minute,
.timepicker-picker tr td .timepicker-second {
  cursor: pointer;
  display: block;
  font-family: 'Lato Bold', Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 24px;
  padding: 6px 12px;
}
.bootstrap-datetimepicker-widget .select-datetimepicker-btn {
  text-align: center;
  margin-top: 10px;
}
.bootstrap-datetimepicker-widget .select-datetimepicker-btn .ui-cst-button {
  width: 70%;
}