/*turquoise*/
/* Custom colors for components */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Date time picker */
.bs-datetime-picker {
  font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 4px;
  border: 1px solid #ccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 290px;
  font-size: 15px;
  display: none;
  background: #fff;
  z-index: 9999; }
  .bs-datetime-picker a {
    color: #212121;
    text-decoration: none; }
    .bs-datetime-picker a:hover, .bs-datetime-picker a:focus {
      color: #212121; }
  .bs-datetime-picker .btn {
    padding: 4px 12px;
    line-height: 1.4;
    font-size: 14px;
    display: inline-block;
    background: #f1f1f1;
    color: #333;
    border: none;
    text-transform: uppercase; }
    .bs-datetime-picker .btn:hover, .bs-datetime-picker .btn:focus {
      background-color: #eee !important; }
    .bs-datetime-picker .btn.btn-theme {
      background: #293A8F;
      color: #FFF; }
      .bs-datetime-picker .btn.btn-theme:hover, .bs-datetime-picker .btn.btn-theme:focus {
        background: #293A8F !important; }
    .bs-datetime-picker .btn.disabled {
      opacity: 0.3;
      filter: Alpha(opacity=30);
      cursor: not-allowed;
      pointer-events: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .bs-datetime-picker .btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 2px 3px 1px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background: #ccc url(../images/icn-remove.png) 50% 50% no-repeat; }
    .bs-datetime-picker .btn-close:hover, .bs-datetime-picker .btn-close:focus {
      background-color: #eee; }
  .bs-datetime-picker .pull-right {
    float: right; }
  .bs-datetime-picker .bs-date-action {
    margin-bottom: 5px;
    display: table;
    width: 100%;
    table-layout: fixed; }
    .bs-datetime-picker .bs-date-action a {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
      .bs-datetime-picker .bs-date-action a.btn {
        width: 30px;
        height: 30px;
        padding: 0; }
      .bs-datetime-picker .bs-date-action a.btn-left {
        background: url(../images/icn-arr-left.png) 50% 50% no-repeat; }
      .bs-datetime-picker .bs-date-action a.btn-right {
        background: url(../images/icn-arr-right.png) 50% 50% no-repeat; }
      .bs-datetime-picker .bs-date-action a:hover {
        background-color: #EEE;
        text-decoration: none; }
  .bs-datetime-picker ul {
    list-style: none;
    padding: 0;
    overflow: hidden; }
    .bs-datetime-picker ul li {
      text-align: center;
      float: left;
      width: 14.28%;
      margin: 0; }
      .bs-datetime-picker ul li a {
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0;
        margin: 0; }
        .bs-datetime-picker ul li a:hover, .bs-datetime-picker ul li a:focus {
          background-color: #eee; }
      .bs-datetime-picker ul li.day {
        font-weight: bold; }
      .bs-datetime-picker ul li.inactive a {
        color: #ccc;
        cursor: default; }
        .bs-datetime-picker ul li.inactive a:hover {
          background: transparent !important;
          color: #ccc !important; }
      .bs-datetime-picker ul li.in-range a {
        color: #293A8F !important; }
      .bs-datetime-picker ul li.new a {
        color: #989898; }
      .bs-datetime-picker ul li.active a {
        background: #293A8F;
        color: #fff !important; }
        .bs-datetime-picker ul li.active a:hover {
          background: #293A8F !important;
          color: #fff !important; }
    .bs-datetime-picker ul.months, .bs-datetime-picker ul.years {
      margin-top: 30px; }
      .bs-datetime-picker ul.months li, .bs-datetime-picker ul.years li {
        width: 25%; }
        .bs-datetime-picker ul.months li a, .bs-datetime-picker ul.years li a {
          height: 50px;
          line-height: 50px; }
  .bs-datetime-picker .bs-secondary-action {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px; }
    .bs-datetime-picker .bs-secondary-action a {
      font-size: 14px; }
      .bs-datetime-picker .bs-secondary-action a.btn-set {
        padding-left: 25px;
        padding-right: 7px;
        color: #333 !important; }
        .bs-datetime-picker .bs-secondary-action a.btn-set.time {
          background: #f1f1f1 url(../images/icn-time.png) 7px 50% no-repeat; }
        .bs-datetime-picker .bs-secondary-action a.btn-set.date {
          background: #f1f1f1 url(../images/icn-calendar.png) 7px 50% no-repeat; }
        .bs-datetime-picker .bs-secondary-action a.btn-set:hover, .bs-datetime-picker .bs-secondary-action a.btn-set:focus {
          background-color: #eee; }
  .bs-datetime-picker .bs-time-wrapper {
    /* time picker */ }
    .bs-datetime-picker .bs-time-wrapper ul {
      margin-top: 50px; }
      .bs-datetime-picker .bs-time-wrapper ul li {
        width: 31%;
        margin: 1%;
        height: 30px; }
        .bs-datetime-picker .bs-time-wrapper ul li span {
          display: block;
          height: 100%; }
        .bs-datetime-picker .bs-time-wrapper ul li input[type="text"] {
          width: 100%;
          border: 1px solid #e8e8e8;
          text-align: center;
          height: 30px; }
          .bs-datetime-picker .bs-time-wrapper ul li input[type="text"]:focus {
            outline: none; }
      .bs-datetime-picker .bs-time-wrapper ul.us-time li {
        width: 23%; }
    .bs-datetime-picker .bs-time-wrapper .btn-up {
      background: url(../images/icn-arr-up.png) 50% 50% no-repeat; }
    .bs-datetime-picker .bs-time-wrapper .btn-down {
      background: url(../images/icn-arr-down.png) 50% 50% no-repeat; }
  .bs-datetime-picker.bs-onlytime-picker {
    height: 200px; }
    .bs-datetime-picker.bs-onlytime-picker .bs-time-wrapper ul {
      margin-top: 10px; }

.bs-range-picker {
  display: none;
  position: absolute;
  width: 642px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px 10px 3px 170px;
  font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 9999; }
  .bs-range-picker .bs-datetime-picker {
    position: relative;
    float: left;
    margin-left: 10px; }
  .bs-range-picker .ranges {
    vertical-align: top;
    width: 160px;
    position: absolute;
    left: 10px; }
    .bs-range-picker .ranges .btn {
      padding: 4px 12px;
      line-height: 1.4;
      font-size: 14px;
      display: inline-block;
      background: #f1f1f1;
      color: #333;
      border: none;
      text-transform: uppercase; }
      .bs-range-picker .ranges .btn:hover, .bs-range-picker .ranges .btn:focus {
        background-color: #eee !important; }
      .bs-range-picker .ranges .btn.btn-theme {
        background: #293A8F;
        color: #FFF; }
        .bs-range-picker .ranges .btn.btn-theme:hover, .bs-range-picker .ranges .btn.btn-theme:focus {
          background: #293A8F !important; }
    .bs-range-picker .ranges .form-group {
      margin-bottom: 10px; }
      .bs-range-picker .ranges .form-group label {
        font-size: 15px; }
      .bs-range-picker .ranges .form-group .input-group input, .bs-range-picker .ranges .form-group .input-group select {
        width: 100%;
        font-size: 13px;
        padding: 3px;
        border: 1px solid #ccc; }
      .bs-range-picker .ranges .form-group .input-group .bs-resetDateRange {
        position: absolute;
        right: 3px;
        top: 8px;
        cursor: pointer;
        background: url(../images/icn-remove.png) 50% 50% no-repeat; }
    .bs-range-picker .ranges .bs-preset-ranges_container {
      margin-top: 20px; }
  .bs-range-picker.bs-hide_range {
    width: auto; }
    .bs-range-picker.bs-hide_range .ranges {
      display: none; }

.open-below:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  position: absolute;
  top: -7px; }
.open-below:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  position: absolute;
  top: -6px; }

.open-above:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #CCC;
  position: absolute;
  bottom: -7px; }
.open-above:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFF;
  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; }
  .bs-inline-picker.bs-range-picker {
    overflow: hidden; }

.form-control.hasRangepicker,
.form-control.hasDatepicker {
  cursor: text; }

/* Other color schemes */
/* BLUE*/
.bs-datetime-picker.blue .btn-theme {
  background: #3086c8; }
  .bs-datetime-picker.blue .btn-theme:hover, .bs-datetime-picker.blue .btn-theme:focus {
    background: #559ed6 !important; }
.bs-datetime-picker.blue ul li.in-range a {
  color: #559ed6 !important; }
.bs-datetime-picker.blue ul li.active a {
  background: #559ed6;
  color: #fff !important; }
  .bs-datetime-picker.blue ul li.active a:hover {
    background: #3086c8 !important; }

.bs-range-picker.blue .ranges .btn-theme {
  background: #3086c8; }
  .bs-range-picker.blue .ranges .btn-theme:hover, .bs-range-picker.blue .ranges .btn-theme:focus {
    background: #559ed6 !important; }

/* GREEN*/
.bs-datetime-picker.green .btn-theme {
  background: #449575; }
  .bs-datetime-picker.green .btn-theme:hover, .bs-datetime-picker.green .btn-theme:focus {
    background: #59B390 !important; }
.bs-datetime-picker.green ul li.in-range a {
  color: #59B390 !important; }
.bs-datetime-picker.green ul li.active a {
  background: #59B390;
  color: #fff !important; }
  .bs-datetime-picker.green ul li.active a:hover {
    background: #449575 !important; }

.bs-range-picker.green .ranges .btn-theme {
  background: #449575; }
  .bs-range-picker.green .ranges .btn-theme:hover, .bs-range-picker.green .ranges .btn-theme:focus {
    background: #59B390 !important; }

/* PURPLE*/
.bs-datetime-picker.purple .btn-theme {
  background: #4f2b4e; }
  .bs-datetime-picker.purple .btn-theme:hover, .bs-datetime-picker.purple .btn-theme:focus {
    background: #703D6F !important; }
.bs-datetime-picker.purple ul li.in-range a {
  color: #703D6F !important; }
.bs-datetime-picker.purple ul li.active a {
  background: #703D6F;
  color: #fff !important; }
  .bs-datetime-picker.purple ul li.active a:hover {
    background: #4f2b4e !important; }

.bs-range-picker.purple .ranges .btn-theme {
  background: #4f2b4e; }
  .bs-range-picker.purple .ranges .btn-theme:hover, .bs-range-picker.purple .ranges .btn-theme:focus {
    background: #703D6F !important; }

/* ORANGE*/
.bs-datetime-picker.orange .btn-theme {
  background: #e5560f; }
  .bs-datetime-picker.orange .btn-theme:hover, .bs-datetime-picker.orange .btn-theme:focus {
    background: #F27435 !important; }
.bs-datetime-picker.orange ul li.in-range a {
  color: #F27435 !important; }
.bs-datetime-picker.orange ul li.active a {
  background: #F27435;
  color: #fff !important; }
  .bs-datetime-picker.orange ul li.active a:hover {
    background: #e5560f !important; }

.bs-range-picker.orange .ranges .btn-theme {
  background: #e5560f; }
  .bs-range-picker.orange .ranges .btn-theme:hover, .bs-range-picker.orange .ranges .btn-theme:focus {
    background: #F27435 !important; }

/* almost BLACK*/
.bs-datetime-picker.black .btn-theme {
  background: #282828; }
  .bs-datetime-picker.black .btn-theme:hover, .bs-datetime-picker.black .btn-theme:focus {
    background: #424141 !important; }
.bs-datetime-picker.black ul li.in-range a {
  color: #424141 !important; }
.bs-datetime-picker.black ul li.active a {
  background: #424141;
  color: #fff !important; }
  .bs-datetime-picker.black ul li.active a:hover {
    background: #282828 !important; }

.bs-range-picker.black .ranges .btn-theme {
  background: #282828; }
  .bs-range-picker.black .ranges .btn-theme:hover, .bs-range-picker.black .ranges .btn-theme:focus {
    background: #424141 !important; }

@media (max-width: 749px) {
  .bs-range-picker {
    width: 485px;
    padding: 10px 10px 3px; }
    .bs-range-picker .ranges {
      display: block;
      margin-bottom: 10px;
      width: 100%;
      padding: 0 5px;
      position: relative;
      left: 0; }
    .bs-range-picker .bs-datetime-picker {
      margin: 0 5px 10px;
      display: block !important; }
    .bs-range-picker.bs-inline-picker {
      max-width: 100%; } }
@media (max-width: 580px) {
  .bs-range-picker {
    width: 242px; }
    .bs-range-picker.bs-hide_range {
      padding-bottom: 0; }
    .bs-range-picker .bs-datetime-picker {
      margin: 5px 0 !important;
      display: block !important; } }