/* Add here all your css styles (customizations) */

/*------------------------------------
  Datepickers v1
------------------------------------*/
.u-datepicker-v1 {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  z-index: 999 !important; }

.u-datepicker-v1 .ui-datepicker-inline {
  width: 100%; }

.u-datepicker-v1.ui-datepicker {
  width: initial;
  padding: initial; }

.u-datepicker-v1 .ui-datepicker {
  width: 100%;
  padding: 0;
  border: none; }

.u-datepicker-v1 .ui-datepicker-header {
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  padding: 0; }

.u-datepicker-v1 .ui-datepicker-title {
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  font-weight: 400;
  color: #555;
}

.u-datepicker-v1 .ui-datepicker-prev, .u-datepicker-v1 .ui-datepicker-next {
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 0;
  text-align: center;
  border-radius: 0;
  cursor: pointer; }

.u-datepicker-v1 .ui-datepicker-prev > span, .u-datepicker-v1 .ui-datepicker-next > span {
  position: static;
  top: 0;
  left: 0;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 18px;
  color: #555;
  background-image: none;
  text-indent: 0;
  margin-top: 0;
  margin-left: 0; }

.u-datepicker-v1 .ui-datepicker-prev-hover, .u-datepicker-v1 .ui-datepicker-next-hover {
  top: 0;
  background-color: transparent; }

.u-datepicker-v1 .ui-datepicker-prev.ui-state-hover, .u-datepicker-v1 .ui-datepicker-next.ui-state-hover {
  border: none; }

.u-datepicker-v1 .ui-datepicker-prev {
  left: 0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc; }

.u-datepicker-v1 .ui-datepicker-prev-hover {
  left: 0; }

.u-datepicker-v1 .ui-datepicker-prev.ui-state-hover {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc; }

.u-datepicker-v1 .ui-datepicker-next {
  right: 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc; }

.u-datepicker-v1 .ui-datepicker-next-hover {
  right: 0; }

.u-datepicker-v1 .ui-datepicker-next.ui-state-hover {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ccc; }

.u-datepicker-v1 .ui-datepicker-calendar {
  margin-bottom: 0; }

.u-datepicker-v1 .ui-datepicker-calendar th,
.u-datepicker-v1 .ui-datepicker-calendar td {
  text-align: center;
  padding: 3px; }

.u-datepicker-v1 .ui-datepicker-calendar th span,
.u-datepicker-v1 .ui-datepicker-calendar th a,
.u-datepicker-v1 .ui-datepicker-calendar td span,
.u-datepicker-v1 .ui-datepicker-calendar td a {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #555;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding: 0; }

.u-datepicker-v1 .ui-datepicker-calendar th a,
.u-datepicker-v1 .ui-datepicker-calendar td a {
  border-radius: 50%;
  transition: all .2s; }

.u-datepicker-v1 .ui-datepicker-calendar th a:hover, .u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active,
.u-datepicker-v1 .ui-datepicker-calendar td a:hover,
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active {
  color: #fff;
  background-color: #72c02c;
  border-color: #72c02c;
  transition: all .2s; }

.u-datepicker-v1 .ui-datepicker-calendar th span,
.u-datepicker-v1 .ui-datepicker-calendar th a {
  font-size: 12px;
  font-weight: 400;
  color: #bbb;
  text-transform: uppercase; }

.u-datepicker-v1 .ui-datepicker-calendar td span,
.u-datepicker-v1 .ui-datepicker-calendar td a {
  font-size: 14px; }

@media (min-width: 768px) {
  .u-datepicker-v1 .ui-datepicker-title {
    height: 50px;
    line-height: 50px;
    margin-left: 50px;
    margin-right: 50px; }
  .u-datepicker-v1 .ui-datepicker-prev, .u-datepicker-v1 .ui-datepicker-next {
    width: 50px;
    height: 50px;
    line-height: 50px; }
  .u-datepicker-v1 .ui-datepicker-calendar {
    border-collapse: separate;
    border-spacing: 4px; }
  .u-datepicker-v1 .ui-datepicker-calendar th,
  .u-datepicker-v1 .ui-datepicker-calendar td {
    padding: 5px; }
  .u-datepicker-v1 .ui-datepicker-calendar th span,
  .u-datepicker-v1 .ui-datepicker-calendar th a,
  .u-datepicker-v1 .ui-datepicker-calendar td span,
  .u-datepicker-v1 .ui-datepicker-calendar td a {
    font-size: 14px; } }