/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.2
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}

  .bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 600px;
  }

  .bootstrap-datetimepicker-widget.bottom:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 7px;
  }

  .bootstrap-datetimepicker-widget.bottom:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    left: 8px;
  }

  .bootstrap-datetimepicker-widget.top:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -7px;
    left: 6px;
  }

  .bootstrap-datetimepicker-widget.top:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    position: absolute;
    bottom: -6px;
    left: 7px;
  }

  .bootstrap-datetimepicker-widget .dow {
    width: 14.2857%;
  }

  .bootstrap-datetimepicker-widget.pull-right:before {
    left: auto;
    right: 6px;
  }

  .bootstrap-datetimepicker-widget.pull-right:after {
    left: auto;
    right: 7px;
  }

  .bootstrap-datetimepicker-widget > ul {
    list-style-type: none;
    margin: 0;
  }

  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
  }

  .bootstrap-datetimepicker-widget .timepicker-hour,
  .bootstrap-datetimepicker-widget .timepicker-minute,
  .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
  }

  .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
  }

  .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
    width: 4px;
    padding: 0;
    margin: 0;
  }

  .bootstrap-datetimepicker-widget .datepicker > div {
    display: none;
  }

  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
  }

  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
  }

  .bootstrap-datetimepicker-widget td,
  .bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
  }

  .bootstrap-datetimepicker-widget td {
    height: 54px;
    line-height: 54px;
    width: 54px;
  }

    .bootstrap-datetimepicker-widget td.cw {
      font-size: 10px;
      height: 20px;
      line-height: 20px;
      color: #777777;
    }

    .bootstrap-datetimepicker-widget td.day {
      height: 20px;
      line-height: 20px;
      width: 20px;
    }

      .bootstrap-datetimepicker-widget td.day:hover,
      .bootstrap-datetimepicker-widget td.hour:hover,
      .bootstrap-datetimepicker-widget td.minute:hover,
      .bootstrap-datetimepicker-widget td.second:hover {
        background: #eeeeee;
        cursor: pointer;
      }

    .bootstrap-datetimepicker-widget td.old,
    .bootstrap-datetimepicker-widget td.new {
      color: #777777;
    }

    .bootstrap-datetimepicker-widget td.today {
      position: relative;
    }

      .bootstrap-datetimepicker-widget td.today:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #428bca;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 4px;
        right: 4px;
      }

    .bootstrap-datetimepicker-widget td.active,
    .bootstrap-datetimepicker-widget td.active:hover {
      background-color: #428bca;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

      .bootstrap-datetimepicker-widget td.active.today:before {
        border-bottom-color: #fff;
      }

    .bootstrap-datetimepicker-widget td.disabled,
    .bootstrap-datetimepicker-widget td.disabled:hover {
      background: none;
      color: #777777;
      cursor: not-allowed;
    }

    .bootstrap-datetimepicker-widget td span {
      display: inline-block;
      /*width: 54px;
  height: 54px;*/
      line-height: 54px;
      margin: 2px 1.5px;
      cursor: pointer;
      border-radius: 4px;
    }

      .bootstrap-datetimepicker-widget td span:hover {
        background: #eeeeee;
      }

      .bootstrap-datetimepicker-widget td span.active {
        background-color: #428bca;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      }

      .bootstrap-datetimepicker-widget td span.old {
        color: #777777;
      }

      .bootstrap-datetimepicker-widget td span.disabled,
      .bootstrap-datetimepicker-widget td span.disabled:hover {
        background: none;
        color: #777777;
        cursor: not-allowed;
      }

  .bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }

    .bootstrap-datetimepicker-widget th.picker-switch {
      width: 145px;
    }

    .bootstrap-datetimepicker-widget th.next,
    .bootstrap-datetimepicker-widget th.prev {
      font-size: 21px;
    }

    .bootstrap-datetimepicker-widget th.disabled,
    .bootstrap-datetimepicker-widget th.disabled:hover {
      background: none;
      color: #777777;
      cursor: not-allowed;
    }

  .bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer;
  }

    .bootstrap-datetimepicker-widget thead tr:first-child th:hover {
      background: #eeeeee;
    }

.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}

@media screen and (max-width: 767px) {
  .bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 283px;
  }
}