/*
 Avian CSS (include Material Design icons)
 */
/* Variables *****************************************************************/
/* Forms **********************************************************************/
.by-form .clickable {
  cursor: pointer; }

.by-form .by-form-header-prompt {
  margin-top: 2.125em;
  margin-bottom: 0px;
  font-size: 26px;
  font-weight: normal;
  color: #666; }

.by-form .by-form-input {
  margin-bottom: 0.5em; }

.by-form .by-form-header-app-version {
  color: gray;
  font-size: 8px;
  margin-top: 0.125em;
  margin-bottom: 2em;
  text-transform: uppercase; }

.search-input-focused {
  border-bottom: 1px dotted #ccc;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.pseudo-link {
  cursor: pointer;
  color: #5f82a7; }

/* Right side navigation menu ************************************************/
.nav-pills {
  border-top: 1px solid #b0b0b0; }
  .nav-pills > li > a {
    border-radius: 0;
    color: #5b565d; }

.nav-stacked > li {
  border-bottom: 1px solid #b0b0b0; }
  .nav-stacked > li.active > a {
    background-color: #60788f; }
  .nav-stacked > li + li {
    margin-top: 0; }

.nav-tabs {
  border-color: #b0b0b0; }
  .nav-tabs > li > a {
    color: #5b565d; }
    .nav-tabs > li > a:hover {
      background-color: white;
      color: #5f82a7; }
  .nav-tabs > li.active {
    font-weight: bold; }
    .nav-tabs > li.active > a {
      background-color: #f4f4f4;
      border-color: #b0b0b0;
      border-bottom-color: #f4f4f4; }

/* Datepicker *****************************************************************/
.datepicker {
  position: absolute;
  background: white;
  border: 1px solid #d3d3d3;
  padding: 1rem 0.333rem 1rem 0.333rem;
  width: 29rem;
  z-index: 1000;
  -webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.5); }
  .datepicker .dp-header {
    margin-bottom: 1rem; }
  .datepicker .dp-day {
    border-radius: 3pt;
    float: left;
    min-width: 3.5rem;
    padding: 0.325rem;
    text-align: center; }
  .datepicker .dp-day-inactive {
    color: #888;
    font-size: x-small;
    text-transform: uppercase; }
  .datepicker .dp-btn-day {
    cursor: pointer; }
    .datepicker .dp-btn-day:hover {
      background-color: #5f82a7;
      color: white; }

.btn-datepicker {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: -1px; }

/* Not sure. Check ************************************************************/
ul.by-display {
  margin-bottom: 0px; }

.forms_form-group_last-in-group {
  margin-bottom: 3em; }

/* Material Design ************************************************************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/avian_static/fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/avian_static/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/avian_static/fonts/MaterialIcons-Regular.woff) format("woff"), url(/avian_static/fonts/MaterialIcons-Regular.ttf) format("truetype"); }
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  padding-bottom: 3px;
  vertical-align: middle;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light {
  color: white; }

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3); }