html, body {
  height: 100%;
  font-size: 16px;
}
.btn-positive {
  border-color: #2ca02c;
}
.btn-negative {
  border-color: #a02c2c;
}
.bar.bar-nav {
  color: #fff;
  background-color: #1f77b4;
}
.bar .title {
  font-size: 16px;
  color: #fff;
}
.bar a {
  color: #eee;
}
.bar .btn {
  color: #1f77b4;
  background-color: #d1e3ef;
}
.bar-tab {
  background-color: white;
}
.bar-tab .tab-item {
  position: relative;
}
.bar-tab .tab-item .badge {
  vertical-align: top;
  position: absolute;
  top: 3px;
  left: 50%;
  z-index: 100;
}
.table-view-divider {
  color: #1f77b4;
  background-color: #d1e3ef;
}
.badge-info {
  color: #fff;
  background-color: #8b5cb7;
}
.badge-info.badge-inverted {
  color: #8b5cb7;
}
.chat-right {
  position:relative;
  padding:8px 10px;
  margin:0 10px 0 0;
  color:#fff;
  font-size: 14px;
  background-color: rgba(44, 160, 44, 0.6);
  border: 1px solid #2ca02c;
  border-left-width: 3px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.chat-right + p {
  margin: -2px 0 8px 30px;
  color: #444;
}
.chat-right:after {
  content:"";
  position:absolute;
  bottom:-20px;
  left:1px;
  border-width:0 20px 20px 0px;
  border-style:solid;
  border-color:transparent #2ca02c;
}

.chat-left {
  position:relative;
  padding:8px 10px;
  margin:0 0 0 10px;
  color:#fff;
  font-size: 14px;
  background-color: rgba(31, 119, 180, 0.6);
  border: 1px solid #1f77b4;
  border-right-width: 3px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.chat-left + p {
  margin: -2px 30px 8px 0px;
  text-align: right;
  color: #444;
}
.chat-left:after {
  content:"";
  position:absolute;
  bottom:-20px;
  right: 1px;
  border-width:0 0 20px 20px;
  border-style:solid;
  border-color:transparent #1f77b4;
}
.chat-other {
  position:relative;
  padding:4px 10px;
  margin:0 10px 0 0;
  color:#999;
  font-size: 14px;
  background-color: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-left-width: 3px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.chat-other + p {
  margin: -2px 0 8px 30px;
  color: #444;
}
.chat-special {
  color: #fff;
}
.chat-special.chat-right {
  background-color:  rgba(148,103,189,.6);
  border: 1px solid #9467bd;
  border-left-width: 3px;
}
.chat-special.chat-right:after {
  border-color:transparent #9467bd;
}
.chat-right.chat-unread {
  background-color: rgba(44, 160, 44, .9);
}
.chat-left.chat-unread {
  background-color: rgba(31, 119, 180, .9);
}
.chat-special.chat-unread {
  background-color: rgba(148,103,189, .9);
}

.popover .bar-nav {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.segmented-control {
  width: 100%;
}
.segmented-control .control-item {
  width: 25%;
}
/* Absence pages */
#absenceStartDate, #absenceEndDate, #absenceStartTime, #absenceEndTime {
  width: 50%;
}
#absenceStartTime, #absenceEndTime {
  position: absolute;
  right: 0;
}
#datePickerNav {
  display: none;
  position:fixed;
  top: 88px;
  height: 45px;
}
#datePicker {
  top: 5px;
  position: absolute;
  width: 45%;
  left: 30%;
  top: 5px;
  border-radius: 0;
  border-left: 0px;
}
#prevDate {
  top: 5px;
  width: 15%;
  height: 35px;
  border-radius: 5px 0px 0px 5px;
}
#nextDate {
  top: 5px;
  width: 15%;
  height: 35px;
  border-radius: 0px 5px 5px 0px;
}
#todayDay {
  position: absolute;
  left: 16%;
  top: 5px;
  width: 15%;
  height: 35px;
  border-radius: 0px;
  padding: 6px 10px 7px;
  border: 1px solid #ddd;
}
#todayDate {
  position: absolute;
  right: 16%;
  top: 5px;
  width: 10%;
  height: 35px;
  border-radius: 0px;
  padding: 6px 5px 7px;
}
.inner-shadow {
  -webkit-box-shadow: inset 0 0 8px #000000;
  -moz-box-shadow:    inset 0 0 8px #000000;
  box-shadow:         inset 0 0 8px #000000;
}
.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.icon.fa {
  font-family: FontAwesome;
}

#pass-punch-in-button, #pass-punch-out-button {
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
}