*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Date time picker */
.bs-number_range-picker {
  font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 4px;
  border: 1px solid #cccccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  font-size: 15px;
  display: none;
  background: white;
  z-index: 9999;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .bs-number_range-picker.bs-single_range {
    width: 100px; }
    .bs-number_range-picker.bs-single_range .bs-ranges-wrapper li {
      width: 100%;
      margin: 1% 0; }
  .bs-number_range-picker .btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 2px 3px 1px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background: #cccccc url(../images/icn-remove.png) 50% 50% no-repeat; }
    .bs-number_range-picker .btn-close:hover, .bs-number_range-picker .btn-close:focus {
      background-color: #eeeeee; }
  .bs-number_range-picker .pull-right {
    float: right; }
  .bs-number_range-picker .bs-ranges-wrapper {
    /* time picker */ }
    .bs-number_range-picker .bs-ranges-wrapper ul {
      list-style: none;
      padding: 0;
      overflow: hidden;
      margin: 0 20px; }
      .bs-number_range-picker .bs-ranges-wrapper ul li {
        text-align: center;
        float: left;
        width: 48%;
        margin: 1%;
        height: 30px; }
        .bs-number_range-picker .bs-ranges-wrapper ul li span {
          display: block;
          height: 100%; }
          .bs-number_range-picker .bs-ranges-wrapper ul li span:hover, .bs-number_range-picker .bs-ranges-wrapper ul li span:focus {
            background-color: #eeeeee; }
        .bs-number_range-picker .bs-ranges-wrapper ul li input[type="text"] {
          width: 100%;
          border: 1px solid #e8e8e8;
          text-align: center;
          height: 30px; }
          .bs-number_range-picker .bs-ranges-wrapper ul li input[type="text"]:focus {
            outline: none; }
    .bs-number_range-picker .bs-ranges-wrapper .btn-up {
      background: url(../images/icn-arr-up.png) 50% 50% no-repeat; }
    .bs-number_range-picker .bs-ranges-wrapper .btn-down {
      background: url(../images/icn-arr-down.png) 50% 50% no-repeat; }
  .bs-number_range-picker.bs-onlytime-picker {
    height: 200px; }
    .bs-number_range-picker.bs-onlytime-picker .bs-ranges-wrapper ul {
      margin-top: 10px; }

.open-below:before {
  content: '';
  display: inline-block;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid #cccccc;
  position: absolute;
  top: -7px; }
.open-below:after {
  content: '';
  display: inline-block;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px; }

.open-above:before {
  content: '';
  display: inline-block;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-top: 7px solid #cccccc;
  position: absolute;
  bottom: -7px; }
.open-above:after {
  content: '';
  display: inline-block;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px; }

.open-right:before {
  right: 6px; }
.open-right:after {
  right: 7px; }

.open-left:before {
  left: 6px; }
.open-left:after {
  left: 7px; }

.bs-inline-picker {
  position: relative;
  margin-top: 5px; }

.form-control.hasNumberRangepicker {
  cursor: text; }

@media (max-width: 580px) {
  .bs-number_range-picker {
    margin: 5px 0 !important;
    clear: both; } }