/* Bootstrap Calendar */

.datepicker {
  border-radius: 0;
  padding: 0px !important;
  margin-left: 0px;
}

@media (max-width: 450px) {
  .datepicker {
    border-radius: 0;
    padding: 0px !important;
    margin-left: -2px;
  }
}

@media (max-width: 360px) {
  .datepicker {
    border-radius: 0px;
    padding: 0px !important;
    margin-left: 0px;
  }
}

.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
  padding: 10px;
  display: list-item;
}

@media (max-width: 360px) {
  .datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 5px 25px;
    display: list-item;
  }
}

.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
  background: #ec2028;
  color: #ffffff;
  border-radius: 0;
}

.datepicker-days table thead tr:nth-child(2n + 0) td, .datepicker-days table thead tr:nth-child(2n + 0) th {
  border-radius: 3px;
}

.datepicker-days table thead tr:nth-child(3n + 0) {
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
  padding: 11px 13px;
}

@media (max-width: 360px) {
  .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 4px 5px;
  }
}

.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
  border-radius: 0;
}

.datepicker td, .datepicker th {
  border-radius: 50%;
  padding: 0 12px;
}

.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
  background: #ec2028;
  color: #ffffff;
  border-radius: 0;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-image: none;
}

.datepicker .prev, .datepicker .next {
  color: rgba(255, 255, 255, 0.5);
  transition: 0.3s;
  width: 37px;
  height: 37px;
}

@media (max-width: 360px) {
  .datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 10px;
    height: 30px;
  }
}

.datepicker .prev:hover, .datepicker .next:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.99);
  font-size: 21px;
}

.datepicker .datepicker-switch {
  font-size: 24px;
  font-weight: 400;
  transition: 0.3s;
}

@media (max-width: 360px) {
  .datepicker .datepicker-switch {
    font-size: 16px;
    font-weight: 400;
    transition: 0.3s;
  }
}

.datepicker .datepicker-switch:hover {
  color: rgba(255,255,255,0.7);
  background: transparent;
}

.datepicker table tr td span {
  border-radius: 2px;
  margin: 3%;
  width: 27%;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #ec2028;
  background-image: none;
}

.dropdown-menu {
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid rgba(0,0,0,.1);
}

.datepicker table tr td.active {
  background-image: linear-gradient(to bottom,#ec2028,#ec2028) !important;
  border-radius: 50px;
}

.datepicker table tr td.today {
  border-radius: 50px;
}

.datepicker td, .datepicker th {
  border-radius: 50px !important;
}

.datepicker .datepicker-switch:hover {
  background-color: #ec2028 !important;
}

.datepicker th.next:hover {
  background-color: #ec2028 !important;
}

.datepicker th.prev:hover {
  background-color: #ec2028 !important;
}