/**! (c) 2017 Brendon Tyree <brendon@tyree.co.nz> | https://github.com/brendonofficial | Released under MIT license */
@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.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 .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}
/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}
/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}
/* Customize container */
.container-narrow > hr {
  margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}
/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}
.media,
.media-body {
  overflow: visible !important;
}
/* Section Row Margin */
section > .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
section[data-name='tasks'] {
  margin-bottom: 40px;
}
section[data-name='tasks'] .media {
  background-color: #fff;
  border: solid 1px #efefef;
  margin: 8px 0;
  overflow: visible;
  transition: border-color .1s, background-color .1s, color .1s;
  -webkit-transition: border-color .1s, background-color .1s, color .1s;
  -moz-transition: border-color .1s, background-color .1s, color .1s;
  -ms-transition: border-color .1s, background-color .1s, color .1s;
  -o-transition: border-color .1s, background-color .1s, color .1s;
}
section[data-name='tasks'] .media .media-left {
  background: #efefef;
  color: #232323;
  padding: 0;
  transition: border-color .1s, background-color .1s, color .1s;
  -webkit-transition: border-color .1s, background-color .1s, color .1s;
  -moz-transition: border-color .1s, background-color .1s, color .1s;
  -ms-transition: border-color .1s, background-color .1s, color .1s;
  -o-transition: border-color .1s, background-color .1s, color .1s;
}
section[data-name='tasks'] .media .media-left > a,
section[data-name='tasks'] .media .media-left div {
  padding: 14px;
  display: block;
  color: #333333;
}
section[data-name='tasks'] .media .media-left > a .fa,
section[data-name='tasks'] .media .media-left div .fa {
  font-size: 2.5em;
  transition: color .1s;
  -webkit-transition: color .1s;
  -moz-transition: color .1s;
  -ms-transition: color .1s;
  -o-transition: color .1s;
}
section[data-name='tasks'] .media .media-body {
  padding: 10px 0;
  overflow: visible;
}
section[data-name='tasks'] .media .media-body h4 {
  color: #333;
}
section[data-name='tasks'] .media:hover {
  border-color: #337ab7;
  background-color: #f8f8f8;
}
section[data-name='tasks'] .media:hover .media-left {
  background: #337ab7;
}
section[data-name='tasks'] .media:hover .media-left > a,
section[data-name='tasks'] .media:hover .media-left div {
  color: #fff;
}
section[data-name='tasks'] .media:hover .media-left > a .fa,
section[data-name='tasks'] .media:hover .media-left div .fa {
  color: #fff;
}
section[data-name='tasks'] .media.task.ui-draggable {
  cursor: move;
  cursor: -webkit-grab;
}
section[data-name='tasks'] .media.task.ui-draggable.ui-draggable-dragging {
  cursor: -webkit-grabbing;
}
section[data-name='tasks'] .media.task .label {
  font-size: 14px;
}
section[data-name='tasks'] .media.task .row-info small > span {
  display: block;
}
section[data-name='appliances'] {
  margin-bottom: 40px;
}
section[data-name='appliances'] .media {
  border: solid 1px #efefef;
  margin: 8px 0;
  transition: border-color .1s, background-color .1s;
  -webkit-transition: border-color .1s, background-color .1s;
  -moz-transition: border-color .1s, background-color .1s;
  -ms-transition: border-color .1s, background-color .1s;
  -o-transition: border-color .1s, background-color .1s;
}
section[data-name='appliances'] .media .media-left {
  background: #efefef;
  color: #232323;
  padding: 0;
  transition: border-color .1s, background-color .1s, color .1s;
  -webkit-transition: border-color .1s, background-color .1s, color .1s;
  -moz-transition: border-color .1s, background-color .1s, color .1s;
  -ms-transition: border-color .1s, background-color .1s, color .1s;
  -o-transition: border-color .1s, background-color .1s, color .1s;
}
section[data-name='appliances'] .media .media-left > a,
section[data-name='appliances'] .media .media-left div {
  padding: 14px;
  display: block;
  color: #333333;
}
section[data-name='appliances'] .media .media-left > a .fa,
section[data-name='appliances'] .media .media-left div .fa {
  font-size: 2.5em;
  transition: color .1s;
  -webkit-transition: color .1s;
  -moz-transition: color .1s;
  -ms-transition: color .1s;
  -o-transition: color .1s;
}
section[data-name='appliances'] .media .media-body {
  padding: 10px 0;
}
section[data-name='appliances'] .media .media-body h4 {
  color: #333;
}
section[data-name='appliances'] .media .media-body .row-info {
  margin-bottom: 16px;
  margin-top: 8px;
}
section[data-name='appliances'] .media .media-body .row-info > div:first-child {
  margin-bottom: 12px;
}
section[data-name='appliances'] .media.appliance-sm .media-body .row-info > div:first-child {
  margin-bottom: 4px;
}
section[data-name='appliances'] .media:hover {
  border-color: #337ab7;
  background-color: #f8f8f8;
}
section[data-name='appliances'] .media:hover .media-left {
  background: #337ab7;
}
section[data-name='appliances'] .media:hover .media-left > a,
section[data-name='appliances'] .media:hover .media-left div {
  color: #fff;
}
section[data-name='appliances'] .media:hover .media-left > a .fa,
section[data-name='appliances'] .media:hover .media-left div .fa {
  color: #fff;
}
section[data-name='appliances'] .media.appliance {
  position: relative;
}
section[data-name='appliances'] .media.appliance .label {
  font-size: 14px;
}
section[data-name='appliances'] .media.appliance.ui-droppable.ui-droppable-not-allowed {
  opacity: 0.5;
  cursor: no-drop;
}
section[data-name='appliances'] .media.appliance.ui-droppable:not(.ui-droppable-not-allowed).ui-droppable-hover {
  box-shadow: 0 0 16px #5bc0de;
}
section[data-name='appliances'] .media.appliance.ui-droppable:not(.ui-droppable-not-allowed).ui-droppable-hover::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5bc0de;
  opacity: 0.25;
}
section[data-name='appliances'] .media.appliance[data-status='0'] {
  border-color: #222222;
}
section[data-name='appliances'] .media.appliance[data-status='0'] .media-left {
  background-color: #555555;
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='0'] .media-left > a,
section[data-name='appliances'] .media.appliance[data-status='0'] .media-left div {
  color: #222222;
}
section[data-name='appliances'] .media.appliance[data-status='0'] .media-left > a .fa,
section[data-name='appliances'] .media.appliance[data-status='0'] .media-left div .fa {
  color: #222222;
}
section[data-name='appliances'] .media.appliance[data-status='0']:hover {
  border-color: #555555;
}
section[data-name='appliances'] .media.appliance[data-status='1'] {
  border-color: green;
}
section[data-name='appliances'] .media.appliance[data-status='1'] .media-left {
  background-color: #5cb85c;
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='1'] .media-left > a,
section[data-name='appliances'] .media.appliance[data-status='1'] .media-left div {
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='1'] .media-left > a .fa,
section[data-name='appliances'] .media.appliance[data-status='1'] .media-left div .fa {
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='1']:hover {
  border-color: #5cb85c;
}
section[data-name='appliances'] .media.appliance[data-status='2'] {
  border-color: #d9534f;
}
section[data-name='appliances'] .media.appliance[data-status='2'] .media-left {
  background-color: #d9534f;
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='2'] .media-left > a,
section[data-name='appliances'] .media.appliance[data-status='2'] .media-left div {
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='2'] .media-left > a .fa,
section[data-name='appliances'] .media.appliance[data-status='2'] .media-left div .fa {
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='2']:hover {
  border-color: #d9534f;
}
section[data-name='appliances'] .media.appliance[data-status='3'] {
  border-color: #f0ad4e;
}
section[data-name='appliances'] .media.appliance[data-status='3'] .media-left {
  background-color: #f0ad4e;
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='3'] .media-left > a,
section[data-name='appliances'] .media.appliance[data-status='3'] .media-left div {
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='3'] .media-left > a .fa,
section[data-name='appliances'] .media.appliance[data-status='3'] .media-left div .fa {
  color: #fff;
}
section[data-name='appliances'] .media.appliance[data-status='3']:hover {
  border-color: #f0ad4e;
}
section[data-name='appliance'] .appliance-status {
  font-size: 18px;
  text-align: right;
  margin: 4px 0;
}
section[data-name='appliance'] .appliance-actions {
  text-align: right;
}
@media screen and (max-width: 767px) {
  div.header nav {
    text-align: center;
  }
  div.header nav ul.nav {
    float: none !important;
    margin: 10px auto 0 auto;
    display: inline-block;
  }
}
@media screen and (max-width: 991px) {
  div.header nav ul.nav > li > a {
    padding: 10px 14px;
    font-size: 0.9em;
  }
  section[data-name='appliances'] .media .media-body .row-info {
    margin-bottom: 0;
  }
  section[data-name='appliances'] .media .media-body .row-info > div:nth-child(1) .states > .label {
    display: block;
    margin: 4px 0;
    font-size: 14px;
  }
  section[data-name='appliances'] .media .media-body .row-info > div:nth-child(3) {
    text-align: left;
  }
  section[data-name='appliances'] .media .media-body .row-info > div:nth-child(3) > .btn.btn-lg {
    width: 42px;
    padding: 10px;
  }
  section[data-name='appliances'] .media .media-body .row-info .pull-right {
    float: none !important;
    margin-bottom: 4px;
  }
  section[data-name='appliances'] .media .media-body .row-info .pull-right > span.label {
    display: inline-block;
    width: auto;
  }
  section[data-name='appliances'] .media .media-body .row-info .pull-right > span.label:not(:last-child) {
    margin-bottom: 4px;
  }
  section[data-name='appliance'] .appliance-title {
    text-align: center;
  }
  section[data-name='appliance'] .appliance-status {
    text-align: center;
  }
  section[data-name='appliance'] .appliance-actions {
    text-align: center;
  }
}
form div.form-group .form-control label {
  font-weight: normal;
  font-size: inherit;
}
form div.form-group[data-field='recurring'] .form-control label {
  display: block;
  cursor: pointer;
}
form div.form-group[data-field='recurring'] .form-control input[type='number'] {
  font-size: 14px;
  padding: 4px;
  width: 100px;
  text-align: center;
  margin-top: -2px;
  border-radius: 8px;
  border-width: 2px;
  background-color: #fafafa;
}
form div.form-group .input-group .input-group-addon > i.fa {
  display: inline-block;
  width: 18px;
  text-align: left;
}
form div.form-group .input-group .input-group-addon > span {
  width: 100px;
  display: inline-block;
  text-align: left;
}
div.container.details-container,
div.container-fluid.details-container {
  margin-bottom: 40px;
}
div.container.details-container > .row,
div.container-fluid.details-container > .row {
  padding: 8px 4px;
}
div.container.details-container > .row:nth-child(odd),
div.container-fluid.details-container > .row:nth-child(odd) {
  background-color: #fbfbfb;
}
@media screen and (max-width: 767px) {
  div.container.details-container > .row,
  div.container-fluid.details-container > .row {
    padding: 4px 2px;
  }
}
div.container.details-container > .row > div,
div.container-fluid.details-container > .row > div {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  div.container.details-container > .row > div,
  div.container-fluid.details-container > .row > div {
    font-size: 14px;
  }
}
div.container.details-container > .row > div:first-child,
div.container-fluid.details-container > .row > div:first-child {
  font-weight: bold;
}
ul.nav-pills > li.logged a:not(.active) {
  background-color: #f0ad4e;
  color: white;
}
button.btn span.badge.note-count {
  position: absolute;
  right: 0;
  margin: 8px;
  font-size: 10px;
  padding: 2px 4px;
}
table.table-notes {
  font-size: 14px;
}
table.table-notes tr,
table.table-notes td {
  vertical-align: middle !important;
}
ul.notes {
  padding-left: 0;
  list-style-type: circle;
}
ul.notes > span {
  color: #777777;
}
/*****************************
 * Pace.JS
 *****************************/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}
.pace-inactive {
  display: none;
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*****************************
 * Typeahead Bootstrap Fix
 *****************************/
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
  width: 100%;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}
/*****************************
 * Mixins
 *****************************/