@import url(default-jquery.datepick.css);

.datepick {
  background-color: #fff;
  border: 0;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
  font: 100% Arial, Helvetica, Sans-serif;
  max-width: 600px;
  width: 100% !important;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
}
.datepick-month {
  width: 100%;
  text-align: center;
  border: 0;
  clear: both;
}
.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input {
  background-color: #dee2e4;
  color: #000;
  text-align: right;
  font-size: 100%;
}
.datepick-month-header select {
  border: 1px solid #b6b4ad;
  background: #fff;
  font-size: 16px;
}
.datepick-month-header select,
.datepick-month-header input {
  width: 100px;
  text-align: left;
}
.datepick-month table {
  border: 5px solid #fff;
}
.datepick-month th {
  border: 2px solid #fff;
}
.datepick-month th,
.datepick-month th a {
  background-color: #a5a7a8;
  color: #fff;
}
.datepick-month td {
  background-color: #fff;
  border: 4px solid #fff;
}
.datepick-month td.datepick-week {
  border: 1px solid #a5a7a8;
}
.datepick-month td.datepick-week * {
  background-color: #a5a7a8;
}
.datepick-month td span {
  color: #908c7f;
}
.datepick-month td .datepick-other-month {
  background-color: #fff;
}
.datepick-month td .datepick-selected,
.datepick-month td .enable_day.datepick-selected,
.datepick-month td .enable_day.datepick-selected.datepick-weekend {
  background-color: #00772f;
  color: #fff;
}

.datepick-month td .disable_day,
.datepick-month td .datepick-weekend.disable_day {
  background-color: #dee2e4;
}
.datepick-month td .enable_day,
.datepick-month td .datepick-weekend.enable_day {
  background-color: #f6f5f3;
  color: #1d1d1d;
}
.datepick-month td a.enable_day {
  border: 1px solid #00772f;
  width: 100%;
  padding: 1px;
}
.datepick-month th.datepick-week {
  background-color: #4e4e4e;
}
.datepick-status {
  background: none;
  order: -1;
  padding: 3px;
  color: #00772f;
  margin-top: -10px;
  font-weight: bold;
}
.datepick-nav {
  background: #dee2e4;
}
.datepick-popup {
  min-width: 280px;
}

/* skin kalendar */
.datepick-popup .datepick {
  background-color: #fff;
  color: #000;
  border: 1px solid #444;
  border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  font: 16px Arial, Helvetica, Sans-serif;
}
.datepick-popup .datepick-month table,
.datepick-popup .datepick-month {
  border: 0;
}
.datepick-popup .datepick-month-header,
.datepick-popup .datepick-month-header select,
.datepick-popup .datepick-month-header input {
  background-color: #444;
  color: #fff;
  text-align: left;
}
.datepick-popup .datepick-month-header select {
  border: 1px solid #444;
}
.datepick-popup .datepick-month-header select,
.datepick-popup .datepick-month-header input {
  width: 70px;
  text-align: left;
}
.datepick-popup .datepick-month th {
  border: 1px solid #777;
}
.datepick-popup .datepick-month th,
.datepick-popup .datepick-month th a {
  background-color: #777;
  color: #fff;
}
.datepick-popup .datepick-month td {
  background-color: #eee;
  border: 1px solid #aaa;
}
.datepick-popup .datepick-month td.datepick-week {
  border: 1px solid #777;
}
.datepick-popup .datepick-month td.datepick-week * {
  background-color: #777;
}
.datepick-popup .datepick-month td span {
  color: #888;
}
.datepick-popup .datepick-month td .datepick-other-month {
  background-color: #fff;
}
.datepick-popup .datepick-month td .datepick-selected,
.datepick-popup .datepick-month td .enable_day.datepick-selected,
.datepick-popup
  .datepick-month
  td
  .enable_day.datepick-selected.datepick-weekend {
  background-color: #777;
  color: #fff;
}

.datepick-popup .datepick-month td .disable_day,
.datepick-popup .datepick-month td .datepick-weekend.disable_day {
  background-color: #fcc;
}
.datepick-popup .datepick-month td .enable_day,
.datepick-popup .datepick-month td .datepick-weekend.enable_day {
  background-color: greenyellow;
  color: #5686bf;
}
.datepick-popup .datepick-month td a.enable_day {
  border: 1px solid #507eb6;
  width: 86%;
  padding: 1px;
}
.datepick-popup .datepick-month th.datepick-week {
  background-color: #777;
  color: #fff;
}
.datepick-popup .datepick-status {
  background-color: #ddd;
}
.datepick-popup .datepick-nav {
  background: black;
}