/**
 * @license angular-bootstrap-datetimepicker  version: 0.4.0
 * Copyright 2016 Knight Rider Consulting, Inc. http://www.knightrider.com
 * License: MIT
 */
.datetimepicker {
  border-radius: 4px;
  direction: ltr;
  display: block;
  margin-top: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 320px;
  background:white;
  position:absolute;
  z-index:2000;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker .hour,
.datetimepicker .minute {
  height: 34px;
  line-height: 34px;
  margin: 0;
  width: 25%;
}
.datetimepicker .datetimepicker .table {
  margin: 0;
}
.datetimepicker .datetimepicker .table td,
.datetimepicker .datetimepicker .table th {
  border: 0;
  border-radius: 4px;
  height: 20px;
  text-align: center;
}
.datetimepicker .minute:hover,
.datetimepicker .hour:hover,
.datetimepicker .day:hover,
.datetimepicker .year:hover,
.datetimepicker .month:hover,
.datetimepicker .switch:hover,
.datetimepicker .left:hover,
.datetimepicker .right:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker .disabled,
.datetimepicker .disabled:hover {
  background: none;
  color: #ebebeb;
  cursor: default;
}
.datetimepicker .active,
.datetimepicker .active:hover,
.datetimepicker .active.disabled,
.datetimepicker .active.disabled:hover {
  background-color: #283593;
  background-image: linear-gradient(to bottom, #1a237e, #1a237e);
  background-repeat: repeat-x;
  border-color: #1a237e #1a237e #002a80;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#04c', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker .active:hover,
.datetimepicker .active:hover:hover,
.datetimepicker .active.disabled:hover,
.datetimepicker .active.disabled:hover:hover,
.datetimepicker .active:active,
.datetimepicker .active:hover:active,
.datetimepicker .active.disabled:active,
.datetimepicker .active.disabled:hover:active,
.datetimepicker .active.active,
.datetimepicker .active:hover.active,
.datetimepicker .active.disabled.active,
.datetimepicker .active.disabled:hover.active,
.datetimepicker .active.disabled,
.datetimepicker .active:hover.disabled,
.datetimepicker .active.disabled.disabled,
.datetimepicker .active.disabled:hover.disabled,
.datetimepicker td.active[disabled],
.datetimepicker td.active:hover[disabled],
.datetimepicker td.active.disabled[disabled],
.datetimepicker td.active.disabled:hover[disabled],
.datetimepicker span.active[disabled],
.datetimepicker span.active:hover[disabled],
.datetimepicker span.active.disabled[disabled],
.datetimepicker span.active.disabled:hover[disabled] {
  background-color: #283593;
}
.datetimepicker span {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: left;
  height: 54px;
  line-height: 54px;
  margin: 1%;
  width: 23%;
}
.datetimepicker span:hover {
  background: #eeeeee;
}
.datetimepicker .past,
.datetimepicker .future {
  color: #999999;
}


    /*.datetimepicker table {
  background-color: transparent;
}

.datetimepicker th {
  text-align: left;
}
.datetimepicker .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.datetimepicker .table > thead > tr > th,
.datetimepicker .table > tbody > tr > th,
.datetimepicker .table > tfoot > tr > th,
.datetimepicker .table > thead > tr > td,
.datetimepicker .table > tbody > tr > td,
.datetimepicker .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.datetimepicker .table > thead > tr > th {
  vertical-align: bottom;
  /*border-bottom: 2px solid #ddd;
}*/
.datetimepicker .table > caption + thead > tr:first-child > th,
.datetimepicker .table > colgroup + thead > tr:first-child > th,
.datetimepicker .table > thead:first-child > tr:first-child > th,
.datetimepicker .table > caption + thead > tr:first-child > td,
.datetimepicker .table > colgroup + thead > tr:first-child > td,
.datetimepicker .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.datetimepicker .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.datetimepicker .table .datetimepicker .table {
  background-color: #fff;
}
.datetimepicker .table-condensed > thead > tr > th,
.datetimepicker .table-condensed > tbody > tr > th,
.datetimepicker .table-condensed > tfoot > tr > th,
.datetimepicker .table-condensed > thead > tr > td,
.datetimepicker .table-condensed > tbody > tr > td,
.datetimepicker .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.datetimepicker .table-bordered {
  border: 1px solid #ddd;
}
.datetimepicker .table-bordered > thead > tr > th,
.datetimepicker .table-bordered > tbody > tr > th,
.datetimepicker .table-bordered > tfoot > tr > th,
.datetimepicker .table-bordered > thead > tr > td,
.datetimepicker .table-bordered > tbody > tr > td,
.datetimepicker .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.datetimepicker .table-bordered > thead > tr > th,
.datetimepicker .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.datetimepicker .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.datetimepicker .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.datetimepic table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
.datetimepic table td[class*="col-"],
.datetimepic table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.datetimepicker .table > thead > tr > td.active,
.datetimepicker .table > tbody > tr > td.active,
.datetimepicker .table > tfoot > tr > td.active,
.datetimepicker .table > thead > tr > th.active,
.datetimepicker .table > tbody > tr > th.active,
.datetimepicker .table > tfoot > tr > th.active,
.datetimepicker .table > thead > tr.active > td,
.datetimepicker .table > tbody > tr.active > td,
.datetimepicker .table > tfoot > tr.active > td,
.datetimepicker .table > thead > tr.active > th,
.datetimepicker .table > tbody > tr.active > th,
.datetimepicker .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.datetimepicker .table-hover > tbody > tr > td.active:hover,
.datetimepicker .table-hover > tbody > tr > th.active:hover,
.datetimepicker .table-hover > tbody > tr.active:hover > td,
.datetimepicker .table-hover > tbody > tr:hover > .active,
.datetimepicker .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.datetimepicker .table > thead > tr > td.success,
.datetimepicker .table > tbody > tr > td.success,
.datetimepicker .table > tfoot > tr > td.success,
.datetimepicker .table > thead > tr > th.success,
.datetimepicker .table > tbody > tr > th.success,
.datetimepicker .table > tfoot > tr > th.success,
.datetimepicker .table > thead > tr.success > td,
.datetimepicker .table > tbody > tr.success > td,
.datetimepicker .table > tfoot > tr.success > td,
.datetimepicker .table > thead > tr.success > th,
.datetimepicker .table > tbody > tr.success > th,
.datetimepicker .table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.datetimepicker .table-hover > tbody > tr > td.success:hover,
.datetimepicker .table-hover > tbody > tr > th.success:hover,
.datetimepicker .table-hover > tbody > tr.success:hover > td,
.datetimepicker .table-hover > tbody > tr:hover > .success,
.datetimepicker .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.datetimepicker .table > thead > tr > td.info,
.datetimepicker .table > tbody > tr > td.info,
.datetimepicker .table > tfoot > tr > td.info,
.datetimepicker .table > thead > tr > th.info,
.datetimepicker .table > tbody > tr > th.info,
.datetimepicker .table > tfoot > tr > th.info,
.datetimepicker .table > thead > tr.info > td,
.datetimepicker .table > tbody > tr.info > td,
.datetimepicker .table > tfoot > tr.info > td,
.datetimepicker .table > thead > tr.info > th,
.datetimepicker .table > tbody > tr.info > th,
.datetimepicker .table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.datetimepicker .table-hover > tbody > tr > td.info:hover,
.datetimepicker .table-hover > tbody > tr > th.info:hover,
.datetimepicker .table-hover > tbody > tr.info:hover > td,
.datetimepicker .table-hover > tbody > tr:hover > .info,
.datetimepicker .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.datetimepicker .table > thead > tr > td.warning,
.datetimepicker .table > tbody > tr > td.warning,
.datetimepicker .table > tfoot > tr > td.warning,
.datetimepicker .table > thead > tr > th.warning,
.datetimepicker .table > tbody > tr > th.warning,
.datetimepicker .table > tfoot > tr > th.warning,
.datetimepicker .table > thead > tr.warning > td,
.datetimepicker .table > tbody > tr.warning > td,
.datetimepicker .table > tfoot > tr.warning > td,
.datetimepicker .table > thead > tr.warning > th,
.datetimepicker .table > tbody > tr.warning > th,
.datetimepicker .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.datetimepicker .table-hover > tbody > tr > td.warning:hover,
.datetimepicker .table-hover > tbody > tr > th.warning:hover,
.datetimepicker .table-hover > tbody > tr.warning:hover > td,
.datetimepicker .table-hover > tbody > tr:hover > .warning,
.datetimepicker .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.datetimepicker .table > thead > tr > td.danger,
.datetimepicker .table > tbody > tr > td.danger,
.datetimepicker .table > tfoot > tr > td.danger,
.datetimepicker .table > thead > tr > th.danger,
.datetimepicker .table > tbody > tr > th.danger,
.datetimepicker .table > tfoot > tr > th.danger,
.datetimepicker .table > thead > tr.danger > td,
.datetimepicker .table > tbody > tr.danger > td,
.datetimepicker .table > tfoot > tr.danger > td,
.datetimepicker .table > thead > tr.danger > th,
.datetimepicker .table > tbody > tr.danger > th,
.datetimepicker .table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.datetimepicker .table-hover > tbody > tr > td.danger:hover,
.datetimepicker .table-hover > tbody > tr > th.danger:hover,
.datetimepicker .table-hover > tbody > tr.danger:hover > td,
.datetimepicker .table-hover > tbody > tr:hover > .danger,
.datetimepicker .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.datetimepicker .table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .datetimepicker .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .datetimepicker .table-responsive > .datetimepicker .table {
    margin-bottom: 0;
  }
  .datetimepicker .table-responsive > .datetimepicker .table > thead > tr > th,
  .datetimepicker .table-responsive > .datetimepicker .table > tbody > tr > th,
  .datetimepicker .table-responsive > .datetimepicker .table > tfoot > tr > th,
  .datetimepicker .table-responsive > .datetimepicker .table > thead > tr > td,
  .datetimepicker .table-responsive > .datetimepicker .table > tbody > tr > td,
  .datetimepicker .table-responsive > .datetimepicker .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .datetimepicker .table-responsive > .datetimepicker .table-bordered {
    border: 0;
  }
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > thead > tr > th:first-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tbody > tr > th:first-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tfoot > tr > th:first-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > thead > tr > td:first-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tbody > tr > td:first-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > thead > tr > th:last-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tbody > tr > th:last-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tfoot > tr > th:last-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > thead > tr > td:last-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tbody > tr > td:last-child,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tbody > tr:last-child > th,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tfoot > tr:last-child > th,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tbody > tr:last-child > td,
  .datetimepicker .table-responsive > .datetimepicker .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}