@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
input {
  font-family: "Roboto", sans-serif; }

input[type=text], input[type=password] {
  height: 30px;
  line-height: 20px;
  padding: 5px 15px;
  border: none;
  color: #666666;
  font-size: 0.88em;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  input[type=text].input-large, input[type=password].input-large {
    padding: 0 60px 0 32px;
    height: 60px;
    border-radius: 30px;
    font-size: 1.13em; }

.input-stretch {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.input-with-button-wrap {
  position: relative;
  display: inline-block;
  width: 100%; }
  .input-with-button-wrap input[type=text] {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .input-with-button-wrap .button-round {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 10; }
    .input-with-button-wrap .button-round.button-round-large {
      top: 5px;
      right: 5px; }

.input-with-button-theme input[type=text] {
  background-color: #0097d4;
  color: #FFFFFF; }
  .input-with-button-theme input[type=text]::-webkit-input-placeholder {
    color: #FFFFFF; }
  .input-with-button-theme input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    color: #FFFFFF; }
  .input-with-button-theme input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFFFFF; }
  .input-with-button-theme input[type=text]:-ms-input-placeholder {
    color: #FFFFFF; }

.form-errors {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #fb1558;
  color: #FFFFFF;
  font-size: 0.65em;
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 200px;
  margin: 0 auto; }

.field-error {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #fb1558;
  color: #FFFFFF;
  font-size: 0.65em;
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 230px; }
  .field-error .arrow {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fb1558;
    top: -6px;
    margin: 0 0 0 -6px;
    left: 50%; }

.radio-btn-wrap {
  display: inline-block;
  float: left;
  overflow: hidden; }

input[type="radio"] {
  display: block;
  float: left;
  margin-left: -40px; }

input[type="radio"] + label {
  display: inline-block;
  padding-left: 18px;
  margin-left: 15px;
  line-height: 12px;
  font-size: 11px;
  font-weight: 300;
  color: #666666;
  background-image: url("/images/radio-button.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 12px 12px; }
input[type="radio"].white + label {
  background-image: url("/images/radio-button-white.png");
  color: #FFFFFF; }
input[type="radio"]:checked + label {
  background-image: url("/images/radio-button-checked.png"); }
input[type="radio"]:checked.white + label {
  background-image: url("/images/radio-button-white-checked.png"); }
input[type="radio"]:focus + label {
  font-weight: 400; }

.checkbox-wrap {
  display: inline-block;
  float: left;
  overflow: hidden; }

input[type="checkbox"] {
  display: block;
  float: left;
  margin-left: -40px; }

input[type="checkbox"] + label {
  display: inline-block;
  line-height: 12px;
  font-size: 11px;
  font-weight: 300;
  color: #666666;
  cursor: pointer; }
  input[type="checkbox"] + label .img {
    margin: 5px 5px 0 0px;
    overflow: hidden;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url("/images/checkbox.png");
    background-position: 0px -13px;
    background-repeat: no-repeat;
    background-size: 25px;
    float: left; }
input[type="checkbox"].dark + label .img {
  background-image: url("/images/checkbox.png");
  background-position: 0px 0px;
  color: #FFFFFF; }
input[type="checkbox"]:checked + label .img {
  background-image: url("/images/checkbox.png");
  background-position: -13px -13px; }
input[type="checkbox"]:checked.dark + label .img {
  background-image: url("/images/checkbox.png");
  background-position: -13px 0px; }
input[type="checkbox"]:focus + label {
  font-weight: 400; }

.input-auto-complete {
  position: relative; }
  .input-auto-complete .input-large {
    font-weight: 300; }
  .input-auto-complete > .auto-complete-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    padding: 0 0;
    font-size: 14px;
    text-align: left;
    color: #FFFFFF;
    width: 100%;
    background-color: #00a9ee;
    margin: 0;
    -webkit-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  .input-auto-complete.list-open > .auto-complete-list {
    display: block; }
  .input-auto-complete.list-open > .input-with-button-wrap {
    background-color: #00a9ee;
    -webkit-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  .input-auto-complete ul {
    list-style: none;
    padding: 0 32px; }
    .input-auto-complete ul > li {
      padding: 4px 0;
      font-size: 16px; }
      .input-auto-complete ul > li.active a {
        font-weight: 600; }
    .input-auto-complete ul a {
      color: #FFFFFF; }
    .input-auto-complete ul p {
      font-style: italic; }

.sort-dir-toggle {
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #EEEEEE;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 5px; }
  .sort-dir-toggle.asc {
    background-image: url("/images/btn-toggle-up.png");
    background-position-y: 7px; }
  .sort-dir-toggle.desc {
    background-image: url("/images/btn-toggle-down.png"); }
  .sort-dir-toggle span {
    width: 0;
    display: block;
    height: 0;
    overflow: hidden; }

.button {
  display: inline-block;
  font-size: 1em;
  line-height: 26px;
  text-align: center;
  height: 26px;
  width: auto;
  cursor: pointer;
  padding: 7px 10px;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .button.button-inactive {
    opacity: 0.3; }

.button-blue {
  color: #FFFFFF;
  background-color: #0097d4; }

.button-white {
  color: #0097d4;
  background-color: #FFFFFF; }

.button-gold {
  color: #FFFFFF;
  background-color: #e6dcc8; }

.button-green {
  color: #FFFFFF;
  background-color: #54d0c2; }

.button-gray-dark {
  color: #f5f5f5;
  background-color: #464646; }

.button-gray-dark-transparent {
  color: #464646;
  background-color: transparent;
  border: 1px solid #464646; }
  .button-gray-dark-transparent.button-small {
    padding: 2px 9px; }

.button-gray {
  color: #0097d4;
  background-color: #eeeeee;
  font-weight: 400; }

.button-stretch {
  width: auto;
  display: block; }

.button-small {
  padding: 3px 10px;
  height: 14px;
  line-height: 14px;
  font-size: 9px;
  font-weight: 400; }

.button-smaller {
  padding: 4px 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px; }

input[type=button].button-round, input[type=submit].button-round {
  background: none;
  border-radius: 25px;
  height: 24px;
  width: 24px;
  padding: 0;
  background-color: #eeeeee;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat; }
  input[type=button].button-round.button-round-search, input[type=submit].button-round.button-round-search {
    background-image: url("/images/icon-search-small.png"); }
  input[type=button].button-round.button-round-large, input[type=submit].button-round.button-round-large {
    height: 50px;
    width: 50px; }
    input[type=button].button-round.button-round-large.button-round-search, input[type=submit].button-round.button-round-large.button-round-search {
      background-image: url("/images/icon-search.png"); }
    input[type=button].button-round.button-round-large.button-round-open, input[type=submit].button-round.button-round-large.button-round-open {
      background-image: url("/images/arrow-down-blue.png");
      background-position-y: 56%;
      background-size: 22px; }

input[type=submit].button {
  border: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-width: 150px; }
input[type=submit].button-round {
  border: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-indent: -9999px; }

input[type=button] {
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #eeeeee;
  color: #838383;
  height: 20px;
  border: none;
  line-height: 18px;
  padding: 1px 10px;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer; }
  input[type=button].button-round {
    border: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-indent: -9999px; }
  input[type=button].btn-larger {
    height: 25px;
    line-height: 19px;
    padding: 3px 18px; }
  input[type=button].btn-wider {
    padding: 3px 40px; }
  input[type=button].btn-blue {
    background-color: #0097d4;
    color: #FFFFFF; }
  input[type=button].btn-blue-dark {
    background-color: #002d3f;
    color: #FFFFFF; }
  input[type=button].btn-red {
    background-color: #fb1558;
    color: #FFFFFF; }
  input[type=button].btn-gold {
    color: #464646;
    background-color: #e6dcc8; }
  input[type=button].btn-inactive {
    background-color: #f8f8f8;
    color: #cdcdcd;
    cursor: not-allowed; }

.date-picker {
  display: inline-block;
  position: relative;
  padding: 2px 10px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #eeeeee;
  height: 16px;
  width: 160px;
  background-clip: padding-box;
  cursor: pointer; }
  .date-picker .date-picker-input {
    border: none;
    background: none;
    color: #464646;
    line-height: 16px;
    font-size: 11px;
    font-weight: 300;
    height: 16px;
    padding: 0; }
  .date-picker .date-picker-hidden {
    display: none; }
  .date-picker .dropdown-menu {
    top: 20px !important;
    width: auto;
    padding: 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    cursor: default;
    border: 1px solid #B0B0B0;
    outline: none;
    min-width: 266px; }
    .date-picker .dropdown-menu table {
      outline: none;
      table-layout: fixed; }
      .date-picker .dropdown-menu table th, .date-picker .dropdown-menu table td {
        width: 12.5%; }
  .date-picker .date-picker-btn {
    background-image: url("/images/dropdown-arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 11px 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 11px;
    height: 5px; }
  .date-picker .btn-default:hover, .date-picker .btn-default:focus, .date-picker .btn-default:active {
    color: #4e4e4e;
    background-color: #cccccc;
    border-color: #B0B0B0; }
  .date-picker .btn-sm {
    background-color: #eeeeee;
    color: #666666;
    border: 1px solid #B0B0B0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    cursor: pointer; }
  .date-picker .btn-info.active {
    background-color: #0097d4;
    color: #FFFFFF; }
  .date-picker .text-info {
    color: #222222; }
  .date-picker .glyphicon-chevron-left {
    width: 15px;
    height: 20px;
    display: block;
    background-image: url("/images/arrow-left-blue.png");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .date-picker .glyphicon-chevron-right {
    width: 15px;
    height: 20px;
    display: block;
    background-image: url("/images/arrow-right-blue.png");
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .date-picker .btn[disabled] {
    opacity: 0.65; }

body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  color: #222222;
  font-size: 100%;
  min-width: 900px; }

a {
  text-decoration: none;
  color: #B0B0B0;
  font-family: "Roboto", sans-serif;
  cursor: pointer; }

p {
  font-size: 0.88em; }

input[type=text]:focus {
  outline: none; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

p.ellipsis {
  padding-right: 8px; }

.emph {
  font-weight: 700; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.vertical-text {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform-origin: left top 0;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top; }

.label-hidden {
  display: none; }

.toggle {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  line-height: 1em;
  cursor: pointer; }

.circle {
  border-radius: 50px; }

.center, .text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.sbp-hide {
  display: none !important; }

.blue {
  color: #0097d4; }

.blue-dark {
  color: #002d3f; }

.green {
  color: #54d0c2; }

.red {
  color: #fb1558; }

.gold {
  color: #e6dcc8; }

.light {
  font-weight: 300; }

.badge {
  position: absolute;
  display: block;
  left: -7px;
  top: -2px;
  min-width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 20px;
  line-height: 20px;
  color: #FFFFFF;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  font-weight: 700; }
  .badge.badge-warning {
    background-color: #fb1558;
    background-color: rgba(251, 21, 88, 0.9); }
  .badge.badge-notice {
    background-color: #54d0c2; }
  .badge.badge-info {
    background-color: #e6dcc8; }

.throbber-overlay {
  position: absolute;
  top: 0;
  display: table;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  width: 100%; }
  .throbber-overlay .throbber-inner {
    display: table-cell;
    width: 40px;
    height: 40px;
    vertical-align: middle; }
  .throbber-overlay .throbber {
    width: 40px;
    height: 40px;
    display: block;
    background-size: 40px 40px;
    background-image: url("/images/throbber.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  .throbber-overlay.throbber-block {
    display: block; }
    .throbber-overlay.throbber-block .throbber-inner {
      display: block;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute; }
  .throbber-overlay.throbber-dark {
    background-color: rgba(70, 70, 70, 0.6); }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.center-block {
  position: relative;
  margin: 0 auto 0 auto; }

.left-block {
  position: absolute;
  left: 0;
  top: 0; }

.right-block {
  position: absolute;
  right: 0;
  top: 0; }

.cover-placeholder-book {
  background-image: url("/images/covers/placeholder-book.png"); }

@media screen and (min-resolution: 2dppx) {
  .throbber {
    background-image: url("/images/throbber@2x.png"); } }
.tab-indicator-rail {
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }
  .tab-indicator-rail .tab-indicator-slider {
    float: left;
    background-color: #0097d4;
    height: 2px;
    width: 20px;
    display: none; }

.state-book .tab-indicator-rail .tab-indicator-slider {
  background-color: #002d3f; }

.row {
  width: 100%;
  float: left;
  position: relative; }
  .row .active-arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #FFFFFF;
    display: block;
    position: absolute;
    bottom: -7px;
    margin: 0 0 0 -7px;
    left: 50%;
    z-index: 100; }
  .row.row-center {
    width: 800px;
    margin: 0 auto;
    float: none; }

.bg-theme {
  background-color: #0097d4; }
  .bg-theme .active-arrow {
    border-top: 7px solid #0097d4; }

.bg-white {
  background-color: #FFFFFF; }

.bottom-shadow {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); }

.cover-wrap img {
  display: block; }

.status {
  width: 6px;
  height: 6px;
  border-radius: 6px; }

.status-available {
  background-color: #54d0c2; }

.status-not-available {
  background-color: #fb1558; }

.content-narrow {
  width: 560px;
  margin: 0 auto; }

.no-overflow {
  overflow: hidden; }

span.block {
  display: block;
  float: left; }

.message-box {
  width: 340px;
  font-size: 12px;
  border-radius: 2px;
  display: block;
  padding: 5px 28px 1px 20px;
  overflow: hidden;
  text-align: left; }
  .message-box h5 {
    margin: 14px 0 0 0;
    font-size: 1.0em;
    font-weight: 400; }
  .message-box ul {
    margin: 10px 4px 14px 0;
    padding: 0 0 0 16px; }
  .message-box .close {
    display: block;
    position: absolute;
    padding: 5px;
    top: 10px;
    right: 8px;
    font-size: 22px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
    cursor: pointer; }
  .message-box.message-box-error {
    background-color: #FFFFFF;
    color: #fb1558; }
  .message-box.message-box-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b; }
  .message-box.message-box-success {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 151, 212, 0.9);
    color: #0097d4; }

.status-message-cover {
  position: absolute;
  top: 0;
  display: table;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  width: 100%; }
  .status-message-cover .message-box {
    margin-top: 50px;
    margin-bottom: 20px; }

.no-placeholder .label-hidden {
  display: inline-block;
  color: #ffffff;
  height: 22px;
  line-height: 22px;
  padding: 0 0 2px 7px; }
.no-placeholder .search-advanced .label-hidden {
  display: none; }
.no-placeholder .input-with-button-wrap .button-round.button-round-large {
  top: 29px; }
.no-placeholder .input-auto-complete .input-with-button-wrap .button-round.button-round-large {
  top: 5px; }
.no-placeholder .login-row {
  padding-top: 20px; }

.row-narrow {
  width: 250px;
  margin: 0 auto;
  text-align: center; }

.form-row {
  margin-bottom: 15px;
  position: relative; }

.form-row-spacer {
  display: block;
  width: 100%;
  height: 20px; }

.page {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  padding-top: 120px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/images/background.jpg"); }

.side-tabs {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 1200; }
  .side-tabs .side-tab {
    width: 30px;
    min-height: 100px;
    background-color: #464646;
    -webkit-box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.2); }
    .side-tabs .side-tab a {
      text-transform: uppercase;
      float: left;
      color: #B0B0B0;
      text-align: center;
      display: block;
      width: 100px;
      height: 30px;
      line-height: 30px;
      position: absolute;
      right: -100px;
      font-size: 0.88em; }

.top {
  height: 60px;
  width: 100%;
  position: relative;
  z-index: 30;
  background-color: #FFFFFF;
  -webkit-transition: height 0;
  -ms-transition: height 0;
  -o-transition: height 0;
  transition: height 0; }
  .top .top-inner {
    width: 100%;
    height: 55px;
    z-index: 6;
    background-color: #FFFFFF;
    position: relative; }
  .top .headline {
    color: #0097d4;
    margin: 14px 0 14px 40px;
    display: block;
    float: left;
    height: 27px;
    min-width: 100px; }
    .top .headline h1 {
      font-weight: 500;
      font-size: 1.13em;
      text-transform: uppercase;
      margin: 0;
      padding: 0;
      line-height: 27px;
      cursor: pointer; }
  .top .logout {
    float: right;
    margin: 16px 36px 0 0; }
    .top .logout input {
      background: none;
      border: none;
      margin: 0;
      display: block;
      font-size: 0.75em;
      color: #B0B0B0;
      cursor: pointer;
      line-height: 23px;
      height: 23px;
      padding: 0 5px; }

.theme-bar {
  width: 100%;
  height: 5px;
  background: #0097d4; }

.profile-circle {
  width: 40px;
  height: 40px;
  background-color: #eeeeee;
  margin: -34px auto;
  z-index: 8;
  position: relative;
  -webkit-box-shadow: 0px 5px 6px -2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 5px 6px -2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 5px 6px -2px rgba(0, 0, 0, 0.24);
  border: 2px solid white;
  background-position: center center;
  background-repeat: no-repeat; }
  .profile-circle.circle-no-auth {
    background-image: url("/images/icon-profile-no-auth.png"); }
  .profile-circle.circle-auth {
    background-image: url("/images/icon-profile-auth.png"); }
  @media screen and (min-resolution: 2dppx) {
    .profile-circle {
      background-size: 32px auto; }
      .profile-circle.circle-no-auth {
        background-image: url("/images/icon-profile-no-auth@2x.png"); }
      .profile-circle.circle-auth {
        background-image: url("/images/icon-profile-auth@2x.png"); } }

.top-open .menu-toggle {
  background-image: url("/images/menu-close.png");
  background-size: 14px 13px; }
.top-open .top-content {
  height: 64px; }
.top-open.bottom-shadow {
  -webkit-box-shadow: none;
  box-shadow: none; }

.menu-toggle {
  width: 15px;
  height: 12px;
  padding: 5px;
  display: block;
  float: right;
  margin: 16px 28px 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/images/menu-burger.png");
  background-size: 15px 12px;
  cursor: pointer; }

.top-content {
  height: 0;
  overflow: hidden;
  background-color: #FFFFFF;
  z-index: 4;
  -webkit-transition: height 0.2s;
  -ms-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s; }
  .top-content .link-left {
    margin: 8px 0 20px 40px;
    display: block;
    font-size: 12px;
    line-height: 20px;
    float: left;
    padding: 3px 5px 3px 0; }

@media screen and (min-resolution: 2dppx) {
  .menu-toggle {
    background-image: url("/images/menu-burger@2x.png"); }

  .top-open .menu-toggle {
    background-image: url("/images/menu-close@2x.png"); } }
.dashboard {
  position: relative;
  min-height: 60px;
  height: auto;
  overflow: hidden;
  background-color: #eeeeee;
  z-index: 20;
  margin-bottom: 10px;
  -webkit-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
  .dashboard .toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 26px;
    top: 15px;
    z-index: 30; }
    .dashboard .toggle.toggle-vertical {
      background-position: right top;
      background-repeat: no-repeat; }
  .dashboard .dashboard-login-link {
    height: 22px;
    line-height: 22px;
    margin-top: 21px;
    font-size: 1em;
    display: block; }
  .dashboard.dashboard-open-add-active .toggle, .dashboard.dashboard-closed-add-active .toggle {
    -webkit-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s; }
  .dashboard.dashboard-open-add-active .toggle {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url("/images/icon-toggle-down.png"); }
  .dashboard.dashboard-closed-add-active .toggle {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-image: url("/images/icon-toggle-up.png"); }

.view-login {
 /*
.dashboard-open-add-active, .dashboard-closed-add-active {
	height: 435px;
}*/ }
  .view-login .dashboard-open {
    height: 435px; }
  .view-login .dashboard.dashboard-open-add-active, .view-login .dashboard.dashboard-closed-add-active, .view-login .dashboard.dashboard-open-add, .view-login .dashboard.dashboard-closed-add {
    height: 435px;
    min-height: 0; }
  .view-login .dashboard-main {
    min-height: 500px; }

.dashboard-closed {
  height: 60px; }
  .dashboard-closed .dashboard-login-link {
    height: 22px;
    -webkit-transition: height 0.3s, opacity 0.3s, margin-top 0.2s;
    -ms-transition: height 0.3s, opacity 0.3s, margin-top 0.2s;
    -o-transition: height 0.3s, opacity 0.3s, margin-top 0.2s;
    transition: height 0.3s, opacity 0.3s, margin-top 0.2s;
    -webkit-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .dashboard-closed .toggle {
    background-image: url("/images/icon-toggle-down.png");
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .dashboard-closed .user-data p {
    display: none; }
  .dashboard-closed .book-status-wrap {
    width: 150px;
    height: 60px;
    font-size: 1.8em; }
    .dashboard-closed .book-status-wrap.book-status-three {
      width: 225px; }
  .dashboard-closed .book-status {
    color: #464646; }
    .dashboard-closed .book-status .status-number {
      font-size: 30px;
      margin: 12px 0 0 0; }
    .dashboard-closed .book-status .status-label {
      font-size: 11px;
      margin-top: -3px; }
    .dashboard-closed .book-status.status-active {
      background: none; }
      .dashboard-closed .book-status.status-active .active-arrow {
        display: none; }
    .dashboard-closed .book-status .badge {
      left: auto;
      top: -3px;
      right: -8px;
      min-width: 11px;
      height: 11px;
      font-size: 11px;
      line-height: 11px;
      padding: 2px; }
  .dashboard-closed .dashboard-main {
    height: 0;
    overflow: hidden;
    min-height: 0; }
  .dashboard-closed .collapsed-on-hidden {
    height: 0;
    overflow: hidden;
    min-height: 0;
    padding: 0; }

.dashboard-open .toggle {
  background-image: url("/images/icon-toggle-up.png");
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.dashboard-open .dashboard-login-link {
  height: 0;
  opacity: 0;
  margin-top: 0; }
.dashboard-open .book-status .info-line {
  height: 15px; }

@media screen and (min-resolution: 2dppx) {
  .toggle {
    background-size: 30px 30px; }

  .dashboard-closed .toggle {
    background-image: url("/images/icon-toggle-down@2x.png"); }

  .dashboard-open .toggle {
    background-image: url("/images/icon-toggle-up@2x.png"); }

  .dashboard.dashboard-open-add-active .toggle {
    background-image: url("/images/icon-toggle-down@2x.png"); }
  .dashboard.dashboard-closed-add-active .toggle {
    background-image: url("/images/icon-toggle-up@2x.png"); } }
.dashboard-inner {
  text-align: center;
  padding: 0; }

.dashboard-top {
  background-color: #eeeeee;
  padding: 0 40px;
  position: relative;
  z-index: 20; }

.dashboard-main {
  background-color: #4e4e4e;
  position: relative;
  z-index: 10; }

.login-row {
  padding: 45px 0 45px 0; }

.user-data {
  display: block;
  float: left;
  text-align: left;
  padding-top: 22px; }
  .user-data h3 {
    margin: 0 0 10px 0;
    font-size: 1.0em;
    color: #5f5f5f;
    font-weight: 300; }
  .user-data p {
    font-size: 11px;
    line-height: 15px;
    padding: 2px 0;
    color: #8b8b8b;
    font-weight: 300;
    margin: 0; }

.book-status-wrap {
  width: 340px;
  height: 150px;
  display: block;
  margin: 0 auto;
  font-size: 4.4em;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .book-status-wrap.book-status-three {
    width: 410px; }
    .book-status-wrap.book-status-three .book-status {
      width: 32.6%; }

.book-status {
  color: #9c9c9c;
  width: 47.9%;
  height: 100%;
  float: left;
  position: relative;
  cursor: pointer;
  border-left: 1px solid #d6d6d6;
  -webkit-transition: color 0.2s, margin-top 0.2s;
  -ms-transition: color 0.2s, margin-top 0.2s;
  -o-transition: color 0.2s, margin-top 0.2s;
  transition: color 0.2s, margin-top 0.2s; }
  .book-status:last-child {
    border-right: 1px solid #d6d6d6; }
  .book-status .status-number {
    position: relative;
    line-height: 1.0em;
    margin: 35px 0 0 0;
    display: inline-block; }
  .book-status .status-label {
    width: 100%;
    height: 20px;
    display: block;
    margin-top: -5px;
    font-size: 17px;
    font-weight: 300; }
  .book-status .info-line {
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 9px;
    height: 0;
    overflow: hidden;
    line-height: 15px; }
  .book-status.status-active {
    color: #464646;
    background-color: #d6d6d6; }
    .book-status.status-active .active-arrow {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #d6d6d6;
      display: block;
      position: absolute;
      bottom: -10px;
      margin: 0 0 0 -10px;
      left: 50%; }
  .book-status .badge {
    font-size: 13px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 2px; }
  .book-status .active-arrow {
    display: none; }
  .book-status .badge.badge-notice {
    left: auto;
    right: -7px; }

.sheet {
  text-align: center;
  position: relative; }
  .sheet.sheet-one {
    z-index: 9; }
  .sheet.sheet-two {
    z-index: 10;
    background-color: #717171; }
    .sheet.sheet-two .bookcase-title h4 {
      color: #aaaaaa; }
    .sheet.sheet-two .bookcase-empty p {
      color: #AAAAAA; }

.booking-list {
  text-align: left;
  width: 850px;
  margin: 14px auto 44px auto; }
  .booking-list .list-empty {
    height: auto;
    text-align: center;
    width: 100%;
    display: block; }
    .booking-list .list-empty p {
      margin: 2px 0;
      font-size: 1.0em;
      font-weight: 300;
      color: #7d7d7d;
      line-height: 30px;
      display: inline-block;
      font-style: italic; }
  .booking-list .message-box {
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    top: 140px; }
  .booking-list .booking-list-header {
    padding: 5px 11px 5px 28px;
    height: 30px;
    box-sizing: border-box;
    width: 100%;
    background-color: #717171;
    margin: 0 0 11px 0;
    font-size: 11px;
    color: #222222;
    line-height: 20px;
    position: relative; }
    .booking-list .booking-list-header .dropdown {
      min-width: 125px;
      float: left; }
    .booking-list .booking-list-header .sort-dir-toggle {
      float: left;
      margin-left: 10px;
      margin-right: 5px;
      background-color: #444444; }
    .booking-list .booking-list-header .left {
      float: left; }
    .booking-list .booking-list-header .center {
      float: none;
      position: absolute;
      left: 310px;
      right: 310px;
      top: 5px; }
      .booking-list .booking-list-header .center .cell {
        text-align: center;
        float: none; }
        .booking-list .booking-list-header .center .cell .button {
          float: none; }
    .booking-list .booking-list-header .right {
      float: right; }
    .booking-list .booking-list-header .cell {
      float: left;
      position: relative;
      padding-right: 19px; }
      .booking-list .booking-list-header .cell:last-child {
        padding-right: 0; }
      .booking-list .booking-list-header .cell .button {
        float: left; }
      .booking-list .booking-list-header .cell .fbs-numberpicker .numb-input {
        font-size: 11px;
        line-height: 11px;
        color: #444444; }
      .booking-list .booking-list-header .cell.no-action {
        opacity: 0.2; }
    .booking-list .booking-list-header h3 {
      font-size: 17px;
      line-height: 20px;
      margin: 0;
      color: #54d0c2;
      text-align: center;
      font-weight: 300; }
  .booking-list .cell-count span {
    float: left;
    padding: 0 5px; }
  .booking-list .booking-list-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 560px;
    width: 100%; }

.button-row {
  display: block;
  width: 850px;
  margin: 35px auto 42px auto;
  text-align: center; }
  .button-row .button {
    font-size: 0.7em;
    padding: 2px 25px; }

.bookings {
  border-collapse: collapse;
  width: 100%; }
  .bookings .booking-row.selected {
    background-color: #717171; }
    .bookings .booking-row.selected .td-amount, .bookings .booking-row.selected .td-details-btn, .bookings .booking-row.selected .td-delete {
      opacity: 0.2; }
      .bookings .booking-row.selected .td-amount .button, .bookings .booking-row.selected .td-details-btn .button, .bookings .booking-row.selected .td-delete .button {
        cursor: default; }
  .bookings .booking-row.deleting .td-delete .button {
    color: #FFFFFF;
    background-color: #e6dcc8; }
  .bookings td {
    border-bottom: 1px solid #dddddd;
    vertical-align: middle;
    padding: 0 5px 0 5px;
    color: #f5f5f5;
    width: 1px;
    white-space: nowrap; }
    .bookings td.td-cover {
      vertical-align: bottom; }
  .bookings .td-details {
    width: auto; }
  .bookings .td-time, .bookings .td-where {
    padding-right: 12px; }
    .bookings .td-time .resource-details, .bookings .td-where .resource-details {
      height: auto; }
    .bookings .td-time .row, .bookings .td-where .row {
      padding: 2px 0; }
  .bookings .td-state span, .bookings .td-amount span {
    font-size: 11px;
    font-weight: 300;
    line-height: 24px; }
  .bookings .td-amount {
    width: auto;
    padding-left: 20px;
    padding-right: 20px; }
    .bookings .td-amount .fbs-numberpicker {
      width: 110px; }
  .bookings .td-select {
    overflow: hidden; }
    .bookings .td-select label {
      float: right;
      margin-left: 6px;
      margin-right: 6px; }
  .bookings .cover {
    float: left;
    width: auto;
    padding-left: 25px;
    height: 60px;
    overflow: hidden;
    padding-top: 9px;
    position: relative; }
    .bookings .cover .badge {
      height: 14px;
      width: 14px;
      left: 15px;
      top: 50%;
      margin-top: -10px;
      text-align: center;
      min-width: 14px;
      padding: 3px;
      line-height: 14px;
      font-size: 14px;
      font-weight: 600;
      cursor: default; }
    .bookings .cover .cover-wrap {
      float: left;
      overflow: hidden;
      width: 50px;
      height: auto;
      max-height: 60px;
      margin-right: 11px;
      -webkit-box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      -moz-box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      cursor: pointer; }
      .bookings .cover .cover-wrap.no-cover img {
        height: 60px; }
        .bookings .cover .cover-wrap.no-cover img.type-icon-cd {
          height: 50px; }
        .bookings .cover .cover-wrap.no-cover img.type-icon-video {
          height: 50px; }
      .bookings .cover .cover-wrap.cover-wrap-cd {
        height: 50px; }
      .bookings .cover .cover-wrap.cover-wrap-video {
        height: 50px; }
    .bookings .cover img {
      width: 50px;
      height: auto;
      position: relative;
      background-color: #eeeeee;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 22px; }
  .bookings .resource-details {
    float: left;
    width: 100%;
    height: 60px;
    padding-top: 9px;
    max-width: 152px; }
    .bookings .resource-details .row {
      font-size: 0.7em;
      max-width: 120px; }
      .bookings .resource-details .row .lbl {
        min-width: 20px;
        display: inline-block;
        padding-right: 4px; }
    .bookings .resource-details .type-tag {
      display: block;
      float: left;
      margin: 0;
      background-color: #808080;
      color: #222222;
      font-size: 9px;
      margin-top: 3px;
      padding: 0 4px;
      line-height: 14px;
      height: 14px; }
    .bookings .resource-details h4 {
      display: block;
      font-weight: 400;
      font-size: 12px;
      padding: 0;
      margin: 4px 0;
      width: 100%;
      float: left;
      height: 14px;
      line-height: 14px; }
    .bookings .resource-details .resource-creators {
      font-weight: 300;
      font-size: 11px;
      display: block;
      float: left;
      margin-top: 0; }

.bookcase {
  background-color: #4e4e4e; }

.bookcase-title {
  height: 50px;
  width: 100%;
  display: block; }
  .bookcase-title h4 {
    font-weight: 300;
    font-size: 1.13em;
    color: #7d7d7d;
    line-height: 30px;
    margin: 17px 0 23px 0;
    display: inline-block; }

.bookcase-empty {
  height: 70px;
  width: 100%;
  display: block; }
  .bookcase-empty p {
    font-weight: 300;
    font-size: 18px;
    color: #7d7d7d;
    line-height: 30px;
    margin: 20px 0 20px 0;
    display: inline-block;
    font-style: italic; }

.bookshelf {
  width: 100%;
  position: relative;
  -webkit-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;
  background-image: url("/images/bookshelf-bg.png");
  background-repeat: repeat; }
  .bookshelf .book {
    width: 20%;
    display: inline-block;
    margin-top: 20px; }
    .bookshelf .book.status-expired .status-wrap {
      color: #fb1558; }
    .bookshelf .book.status-expired .badge-warning {
      display: block; }
    .bookshelf .book.status-ready-pickup .status-wrap .book-ready {
      color: #54d0c2; }
    .bookshelf .book.status-ready-pickup .badge-notice {
      display: block; }
  .bookshelf .cover-wrap {
    width: 100%;
    height: 111px;
    margin: 0;
    position: relative;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s; }
    .bookshelf .cover-wrap .badge {
      display: none;
      left: 50%;
      margin-left: -15px;
      bottom: auto;
      top: -15px; }
    .bookshelf .cover-wrap .cover-inner {
      width: 76px;
      height: 111px;
      overflow: hidden;
      margin: 0 auto;
      float: none; }
    .bookshelf .cover-wrap .cover {
      -webkit-transition: height 0.5s;
      -ms-transition: height 0.5s;
      -o-transition: height 0.5s;
      transition: height 0.5s;
      overflow: hidden;
      height: auto;
      width: 76px;
      display: inline-block;
      cursor: pointer;
      background-color: #EEEEEE;
      background-position: center center;
      background-repeat: no-repeat; }
  .bookshelf .title-wrap {
    color: #FFFFFF;
    height: 50px;
    margin-top: 8px;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s; }
    .bookshelf .title-wrap p {
      font-size: 0.75em;
      margin: 0; }
      .bookshelf .title-wrap p.title {
        display: inline-block;
        width: 100%;
        line-height: 18px; }
      .bookshelf .title-wrap p.author {
        font-size: 0.55em;
        padding-right: 2px; }
  .bookshelf .status-wrap {
    width: 100%;
    height: 60px;
    display: block;
    float: left;
    color: #FFFFFF;
    position: relative; }
    .bookshelf .status-wrap span {
      width: 100%;
      font-size: 9px;
      display: block; }
    .bookshelf .status-wrap .book-status-first {
      display: inline-block;
      top: -8px;
      left: 50%;
      right: 50%;
      height: 18px;
      width: 100px;
      margin: 0 0 0 -50px;
      position: absolute;
      color: #FFFFFF;
      padding: 0; }
    .bookshelf .status-wrap .book-status-desc {
      color: #FFFFFF;
      font-weight: 300;
      height: 11px;
      line-height: 11px;
      padding: 9px 0 0px 0; }
    .bookshelf .status-wrap .book-status-large {
      font-size: 15px;
      text-transform: uppercase;
      height: 15px;
      line-height: 15px;
      padding: 5px 0 0 0; }
    .bookshelf .status-wrap .book-status-small {
      text-transform: uppercase;
      font-weight: 300;
      height: 10px;
      line-height: 10px;
      padding: 1px 0 0 0; }
  .bookshelf input {
    background: none;
    display: inline-block;
    color: #B0B0B0;
    cursor: pointer;
    padding: 0 5px;
    background-color: #444444;
    border: 1px solid #4e4e4e;
    position: absolute;
    top: -9px;
    left: 50%;
    right: 50%;
    height: 18px;
    line-height: 18px;
    font-size: 0.65em;
    width: 76px;
    margin-left: -38px; }

.bag-materials {
  background-image: none;
  background-color: #464a4b; }
  .bag-materials .bookcase-title {
    background-color: #464a4b; }
  .bag-materials .bookcase-footer {
    height: 40px; }
    .bag-materials .bookcase-footer span {
      font-weight: 300;
      font-size: 0.70em;
      color: rgba(255, 255, 255, 0.8);
      color: #dadada;
      line-height: 30px; }
  .bag-materials .cover-wrap {
    height: 70px; }
    .bag-materials .cover-wrap .cover-inner {
      width: 50px;
      height: 70px; }
    .bag-materials .cover-wrap .cover {
      width: 50px;
      background-size: 25px;
      cursor: default; }
      .bag-materials .cover-wrap .cover.no-cover {
        height: 70px; }

.bookshelf-inner {
  width: 800px;
  margin: 0 auto;
  z-index: 10;
  position: relative; }

.dashboard-closed .bookshelf {
  height: 0px; }
  .dashboard-closed .bookshelf .cover-wrap .cover {
    height: 0; }
  .dashboard-closed .bookshelf .title-wrap {
    height: 0; }

.bookshelf-carousel .scroll-btn {
  width: 21px;
  height: 120px;
  float: left;
  display: block;
  background-repeat: no-repeat;
  background-position: 7px 32px; }
  .bookshelf-carousel .scroll-btn.scroll-btn-left {
    background-image: url("/images/arrow-left-blue.png"); }
  .bookshelf-carousel .scroll-btn.scroll-btn-right {
    float: right;
    background-image: url("/images/arrow-right-blue.png"); }
  .bookshelf-carousel .scroll-btn.scroll-btn-hide {
    background: none;
    cursor: default;
    height: 1px; }

.carousel-view {
  width: 550px;
  height: 120px;
  float: left;
  display: block;
  overflow: hidden; }

.carousel-slider {
  min-width: 5500px;
  height: 120px;
  display: block;
  float: left;
  margin-left: 0; }

.carousel-car {
  width: 100px;
  height: 100%;
  margin: 0 5px;
  float: left;
  position: relative; }
  .carousel-car span {
    display: block;
    color: #8F8F8F;
    text-align: center; }
    .carousel-car span.title {
      font-size: 11px; }
    .carousel-car span.authors {
      font-size: 9px;
      font-weight: 300; }
  .carousel-car .cover-wrap {
    width: 50px;
    height: 70px;
    margin: 0 auto 14px auto; }
  .carousel-car .cover {
    width: 100%;
    height: auto;
    max-height: 70px;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); }
    .carousel-car .cover img {
      width: 100%;
      background-color: #eeeeee;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 26px auto;
      display: block;
      cursor: pointer; }
    .carousel-car .cover.no-cover img {
      height: 70px; }

@media screen and (min-resolution: 2dppx) {
  .bookshelf .cover-wrap.cover-placeholder-book {
    background-image: url("/images/covers/placeholder-book@2x.png"); }

  .bookshelf-carousel .scroll-btn.scroll-btn-left {
    background-image: url("/images/arrow-left-blue@2x.png"); }
  .bookshelf-carousel .scroll-btn.scroll-btn-right {
    background-image: url("/images/arrow-right-blue@2x.png"); } }
.search-wrap {
  width: 100%;
  position: relative;
  margin: 0; }

.search-form {
  background-color: rgba(0, 151, 212, 0);
  width: 100%;
  float: left;
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s; }
  .search-form .active-arrow {
    display: none; }
  .search-form .search-top {
    margin-top: 150px;
    width: 560px;
    height: auto;
    -webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: margin-top 0.5s, width 0.5s;
    -ms-transition: margin-top 0.5s, width 0.5s;
    -o-transition: margin-top 0.5s, width 0.5s;
    transition: margin-top 0.5s, width 0.5s; }
  .search-form input[type="checkbox"] + label .img {
    margin-top: 0; }
  .search-form .search-filter {
    display: none;
    height: 0;
    overflow: hidden;
    width: 800px;
    margin: 0 auto; }
    .search-form .search-filter .center-block {
      height: 100%; }
    .search-form .search-filter .form-row {
      margin-top: 37px; }
    .search-form .search-filter .dropdown {
      width: 160px; }
  .search-form .tab-indicator-rail .tab-indicator-slider {
    width: 48px;
    -webkit-transition: margin-left 0.3s;
    -ms-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
    transition: margin-left 0.3s; }
    .search-form .tab-indicator-rail .tab-indicator-slider.tab-indicator--1 {
      margin-left: -140px; }
    .search-form .tab-indicator-rail .tab-indicator-slider.tab-indicator-0 {
      margin-left: 5px;
      display: block; }
    .search-form .tab-indicator-rail .tab-indicator-slider.tab-indicator-1 {
      margin-left: 75px;
      display: block; }
    .search-form .tab-indicator-rail .tab-indicator-slider.tab-indicator-2 {
      margin-left: 145px;
      display: block; }
    .search-form .tab-indicator-rail .tab-indicator-slider.tab-indicator-3 {
      margin-left: 215px;
      display: block; }
    .search-form .tab-indicator-rail .tab-indicator-slider.tab-indicator-4 {
      margin-left: 285px;
      display: block; }

#search-main .right-block {
  margin-top: 38px; }
#search-main .dropdown {
  min-width: 84px; }
#search-main .left-block span {
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  height: 24px; }

.search-advanced {
  height: auto; }
  .search-advanced .center-block {
    width: 326px; }
  .search-advanced .state-reserve .toggle-radio .toggle-option.tgl-selected {
    background-color: #0097d4; }
  .search-advanced .state-book {
    background-color: #002d3f; }
    .search-advanced .state-book .toggle-radio .toggle-option.tgl-selected {
      background-color: #002d3f; }
    .search-advanced .state-book .resource-type.resource-type-active .resource-type-icon span {
      color: #002d3f; }
  .search-advanced .search-form {
    background-color: #0097d4;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    z-index: 2;
    position: relative; }
    .search-advanced .search-form.state-book {
      background-color: #002d3f; }
    .search-advanced .search-form .form-row {
      margin-bottom: 8px; }
    .search-advanced .search-form .active-arrow {
      display: block; }
    .search-advanced .search-form .search-top {
      margin-top: 18px;
      height: 72px; }
    .search-advanced .search-form .search-filter {
      display: block;
      height: 96px;
      position: relative;
      overflow: visible; }
      .search-advanced .search-form .search-filter .center-block {
        width: 340px; }
  .search-advanced .search-results-wrap {
    display: block; }

.resource-type {
  display: block;
  float: left;
  width: 60px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  cursor: pointer;
  height: 88px; }
  .resource-type.resource-type-first {
    margin-left: -5px; }
  .resource-type.resource-type-last {
    margin-right: -5px; }
  .resource-type .resource-type-icon {
    width: 48px;
    height: 48px;
    margin: 10px auto 0 auto;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center center; }
    .resource-type .resource-type-icon span {
      display: none;
      line-height: 49px;
      font-size: 10px;
      text-transform: uppercase;
      color: #aaaaaa; }
  .resource-type .resource-type-count {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    width: 100%;
    float: left;
    margin-top: 3px;
    color: #aaaaaa; }
  .resource-type.resource-type-all .resource-type-icon, .resource-type.resource-type-other .resource-type-icon {
    background-image: url("/images/type-icons/type-other.png");
    background-size: 48px; }
    .resource-type.resource-type-all .resource-type-icon span, .resource-type.resource-type-other .resource-type-icon span {
      display: block; }
  .resource-type.resource-type-all .resource-type-count .count-type, .resource-type.resource-type-other .resource-type-count .count-type {
    display: none; }
  .resource-type.resource-type-active .resource-type-icon span {
    color: #0097d4; }
  .resource-type.resource-type-active .type-icon-book {
    background-image: url("/images/type-icons/type-book-active.png"); }
  .resource-type.resource-type-active .type-icon-cd {
    background-image: url("/images/type-icons/type-cd-active.png"); }
  .resource-type.resource-type-active .type-icon-article {
    background-image: url("/images/type-icons/type-article-active.png"); }
  .resource-type.resource-type-active .type-icon-video {
    background-image: url("/images/type-icons/type-video-active.png"); }
  .resource-type.resource-type-active.resource-type-all .resource-type-icon, .resource-type.resource-type-active.resource-type-other .resource-type-icon {
    background-image: url("/images/type-icons/type-other-active.png"); }

.search-results-wrap {
  display: none;
  text-align: center;
  position: fixed;
  bottom: 60px;
  top: 320px;
  left: 40px;
  right: 40px;
  overflow-y: auto; }

.search-results {
  margin: 30px auto 10px auto;
  width: 850px;
  text-align: left; }

.search-results-more {
  position: relative;
  width: 850px;
  margin: 0 auto; }
  .search-results-more .throbber {
    background-color: rgba(255, 255, 255, 0.6); }
  .search-results-more a {
    margin: 10px 0; }

.search-result-entry {
  width: 100%;
  height: 61px;
  float: left;
  overflow: hidden;
  padding-top: 10px; }
  .search-result-entry .cover {
    float: left;
    width: 75px;
    height: 60px;
    overflow: hidden; }
    .search-result-entry .cover .cover-wrap {
      float: right;
      overflow: hidden;
      width: 50px;
      height: auto;
      max-height: 60px;
      margin-right: 20px;
      -webkit-box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      -moz-box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      cursor: pointer; }
      .search-result-entry .cover .cover-wrap.no-cover img {
        height: 60px; }
        .search-result-entry .cover .cover-wrap.no-cover img.type-icon-cd {
          height: 50px; }
        .search-result-entry .cover .cover-wrap.no-cover img.type-icon-video {
          height: 50px; }
      .search-result-entry .cover .cover-wrap.cover-wrap-cd {
        height: 50px; }
      .search-result-entry .cover .cover-wrap.cover-wrap-video {
        height: 50px; }
    .search-result-entry .cover img {
      width: 50px;
      height: auto;
      z-index: -1;
      position: relative;
      background-color: #eeeeee;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 22px; }
  .search-result-entry .resource-details {
    float: left;
    width: 289px;
    height: 60px; }
    .search-result-entry .resource-details .type-tag {
      display: block;
      float: left;
      margin: 0;
      background-color: #ebebeb;
      color: #505050;
      font-size: 9px;
      margin-top: 3px;
      padding: 0 4px;
      line-height: 14px;
      height: 14px; }
    .search-result-entry .resource-details h4 {
      color: #585858;
      display: block;
      font-weight: 400;
      font-size: 12px;
      padding: 0;
      margin: 4px 0;
      width: 100%;
      float: left;
      height: 14px;
      line-height: 14px; }
    .search-result-entry .resource-details .resource-creators {
      font-weight: 300;
      font-size: 11px;
      color: #585858;
      display: block;
      float: left;
      margin-top: 0; }
  .search-result-entry .result-separator {
    width: 100%;
    height: 1px;
    float: left;
    background-color: #dddddd; }
  .search-result-entry .resource-creator-unknown {
    font-style: italic; }
  .search-result-entry .column {
    color: #8d8d8d;
    font-size: 12px;
    font-weight: 300; }
  .search-result-entry .status-dot-box {
    float: left;
    width: 12px;
    height: 38px;
    display: block;
    padding-top: 7px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .search-result-entry input[type=button] {
    margin-left: 15px;
    width: 78px; }
    .search-result-entry input[type=button]:first-child {
      margin-left: 0; }

.type-icon-book {
  background-image: url("/images/type-icons/type-book.png"); }

.type-icon-article {
  background-image: url("/images/type-icons/type-article.png"); }

.type-icon-cd {
  background-image: url("/images/type-icons/type-cd.png"); }

.type-icon-video {
  background-image: url("/images/type-icons/type-video.png"); }

.type-icon-bag-loan {
  background-image: url("/images/type-icons/type-bag-loan.png"); }

.result-left {
  margin-left: 30px;
  width: 365px; }

.result-right {
  margin-right: 30px;
  width: 425px;
  max-height: 60px; }
  .result-right .column {
    padding-top: 15px; }
  .result-right p {
    margin: 1px 0;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .result-right p.first {
      margin-top: 4px; }

.column {
  display: block;
  float: left; }

.block-cloaked {
  opacity: 0 !important;
  height: 0; }

.column-50 {
  width: 50%; }

.column-25 {
  width: 25%; }

.column-30 {
  width: 30%; }

.column-35 {
  width: 35%; }

.column-40 {
  width: 40%; }

.column-45 {
  width: 45%; }

.throbber-overlay.search-throbber {
  position: fixed;
  top: 210px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.6); }

@media screen and (min-resolution: 2dppx) {
  .button-round.button-round-search {
    background-size: 15px 15px;
    background-image: url("/images/icon-search-small@2x.png"); }
  .button-round.button-round-large.button-round-search {
    background-size: 30px 30px;
    background-image: url("/images/icon-search@2x.png"); } }
.dropdown {
  background-color: #f5f5f5;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: inline-block; }
  .dropdown.dark {
    background-color: #444444; }
    .dropdown.dark a {
      background-color: #444444;
      color: #f5f5f5; }
    .dropdown.dark.has-selection > a {
      color: white; }
    .dropdown.dark .dropdown-menu {
      background-color: #444444;
      color: #f5f5f5; }
      .dropdown.dark .dropdown-menu > li.active > a {
        color: #f5f5f5; }
        .dropdown.dark .dropdown-menu > li.active > a:hover {
          color: white; }
      .dropdown.dark .dropdown-menu > li > a {
        color: #f5f5f5; }
        .dropdown.dark .dropdown-menu > li > a:hover {
          color: white; }
  .dropdown.open {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    /*border: 1px solid $color-theme;
    border-bottom: none;
    margin-left: -1px;
    margin-top: -1px;*/ }
    .dropdown.open a {
      -webkit-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
  .dropdown.has-selection > a {
    color: #0097d4; }
  .dropdown a {
    color: #464646;
    padding: 2px 30px 2px 10px;
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: 300;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background-color: #eeeeee; }
    .dropdown a:focus {
      -webkit-box-shadow: 0px 0px 8px 2px rgba(210, 210, 210, 0.75);
      -moz-box-shadow: 0px 0px 8px 2px rgba(210, 210, 210, 0.75);
      box-shadow: 0px 0px 8px 2px rgba(210, 210, 210, 0.75); }
  .dropdown .arrow {
    background-image: url("/images/dropdown-arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 11px 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 11px;
    height: 5px; }
  .dropdown .dropdown-menu {
    background-color: #f5f5f5;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 0;
    min-width: 0;
    width: 100%;
    padding: 1px 0 5px 0;
    max-height: 300px;
    overflow-y: auto; }
    .dropdown .dropdown-menu > li.active > a {
      color: #464646;
      background: none; }
      .dropdown .dropdown-menu > li.active > a:hover {
        background: none;
        color: #0097d4; }
    .dropdown .dropdown-menu > li > a {
      padding: 2px 18px 2px 10px;
      font-size: 11px;
      font-weight: 300;
      color: #464646;
      background: none; }
      .dropdown .dropdown-menu > li > a:hover {
        background: none;
        color: #0097d4; }
      .dropdown .dropdown-menu > li > a:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 400; }
      .dropdown .dropdown-menu > li > a .note-right {
        position: absolute;
        top: 0;
        right: 2px;
        display: block;
        height: 20px;
        line-height: 20px; }
  .dropdown .open > .dropdown-menu {
    border-top: none;
    /*border: 1px solid $color-theme;
    margin-left: -1px;*/ }

.m-dropdown {
  background-color: #f5f5f5;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  display: inline-block;
  position: relative; }
  .m-dropdown .arrow {
    background-image: url("/images/dropdown-arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 11px 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 11px;
    height: 5px; }
  .m-dropdown a {
    color: #464646;
    padding: 2px 30px 2px 10px;
    display: block;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    font-weight: 300;
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: #eeeeee; }
    .m-dropdown a:focus {
      -webkit-box-shadow: 0px 0px 8px 2px rgba(210, 210, 210, 0.75);
      -moz-box-shadow: 0px 0px 8px 2px rgba(210, 210, 210, 0.75);
      box-shadow: 0px 0px 8px 2px rgba(210, 210, 210, 0.75); }
  .m-dropdown .dropdown-menu-bg {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    display: none; }
  .m-dropdown.open {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-clip: padding-box; }
    .m-dropdown.open .dropdown-menu-bg {
      display: block; }
    .m-dropdown.open a {
      -webkit-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0;
      background-clip: padding-box; }
  .m-dropdown ul {
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-width: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
    .m-dropdown ul > li {
      height: 20px;
      padding: 0;
      margin: 0; }
      .m-dropdown ul > li > a {
        padding: 2px 10px;
        font-size: 11px;
        font-weight: 300;
        color: #464646;
        background: none; }
        .m-dropdown ul > li > a:hover {
          background: none;
          color: #0097d4; }
        .m-dropdown ul > li > a:focus {
          -webkit-box-shadow: none;
          box-shadow: none;
          font-weight: 400; }
  .m-dropdown .highlight a {
    color: #0097d4; }
  .m-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 0;
    padding: 0 0;
    margin: 0 0 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    -webkit-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;
    border: none;
    max-height: 300px;
    overflow-y: auto;
    width: 100%; }
    .m-dropdown .dropdown-menu .list {
      position: relative;
      background-color: #f5f5f5; }
  .m-dropdown.open > .dropdown-menu {
    display: block; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.6); }

.modal-backdrop.in {
  opacity: 0.9; }

.resource-modal-backdrop {
  position: fixed;
  min-height: 1000px;
  /* display: none; */
  z-index: 14 !important;
  background-color: rgba(34, 34, 34, 0.9);
  top: 120px;
  right: 0;
  bottom: 0;
  left: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 100px 10px 10px 10px; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 650px;
    margin: 160px auto 40px auto; } }
@media (min-width: 992px) {
  .modal-lg {
    width: 650px; } }
@media (max-height: 900px) {
  .modal-dialog {
    margin-top: 70px; } }
.modal-row, .modal-wrap {
  position: relative;
  color: #585858;
  font-size: 11px;
  line-height: 16px;
  background-color: #FFFFFF; }
  .modal-row h3, .modal-wrap h3 {
    margin: 0 0 1px 0;
    font-weight: 400; }
  .modal-row p, .modal-wrap p {
    font-size: 11px;
    line-height: 16px;
    font-weight: 300; }
    .modal-row p.author, .modal-wrap p.author {
      font-size: 15px;
      margin: 1px 0 18px 0; }
  .modal-row .column, .modal-wrap .column {
    float: left;
    min-height: 26px;
    position: relative; }
    .modal-row .column .abs-text, .modal-wrap .column .abs-text {
      position: absolute;
      top: -1px;
      width: 145px;
      height: 28px;
      text-align: left;
      border-collapse: collapse;
      font-size: 10.5px;
      line-height: 12.5px;
      color: #666666;
      font-weight: 300; }
      .modal-row .column .abs-text td, .modal-wrap .column .abs-text td {
        vertical-align: middle;
        width: auto;
        max-width: 145px; }
        .modal-row .column .abs-text td:first-child, .modal-wrap .column .abs-text td:first-child {
          padding-right: 6px;
          width: 1px; }
    .modal-row .column .abs-text-left, .modal-wrap .column .abs-text-left {
      left: 0; }
    .modal-row .column .abs-text-right, .modal-wrap .column .abs-text-right {
      right: 0; }
  .modal-row .column-two-columns, .modal-wrap .column-two-columns {
    padding-right: 30px;
    float: left;
    width: 50%;
    box-sizing: border-box; }
    .modal-row .column-two-columns:last-child, .modal-wrap .column-two-columns:last-child {
      padding-right: 0;
      padding-left: 30px; }
  .modal-row .column-label, .modal-wrap .column-label {
    width: 95px;
    float: left; }
  .modal-row .column-input, .modal-wrap .column-input {
    width: 100%;
    padding-left: 95px;
    box-sizing: border-box; }
    .modal-row .column-input span.value-not-editable, .modal-wrap .column-input span.value-not-editable {
      line-height: 26px; }
    .modal-row .column-input p.value-not-editable, .modal-wrap .column-input p.value-not-editable {
      padding: 6px 0;
      margin: 0; }
    .modal-row .column-input textarea, .modal-wrap .column-input textarea {
      width: 100%;
      padding: 6px;
      margin: 0;
      box-sizing: border-box;
      border: none;
      background-color: #EEEEEE;
      line-height: 15px;
      color: #4e4e4e;
      font-size: 11px; }
      .modal-row .column-input textarea::-moz-placeholder, .modal-row .column-input textarea::-webkit-input-placeholder, .modal-row .column-input textarea::placeholder, .modal-wrap .column-input textarea::-moz-placeholder, .modal-wrap .column-input textarea::-webkit-input-placeholder, .modal-wrap .column-input textarea::placeholder {
        color: #666666; }
    .modal-row .column-input select, .modal-wrap .column-input select {
      width: 100%;
      box-sizing: border-box; }
    .modal-row .column-input .dropdown, .modal-wrap .column-input .dropdown {
      width: 100%;
      margin: 3px 0; }
      .modal-row .column-input .dropdown ul, .modal-wrap .column-input .dropdown ul {
        max-height: 300px;
        overflow-y: auto; }
    .modal-row .column-input .m-dropdown, .modal-wrap .column-input .m-dropdown {
      width: 100%;
      margin: 3px 0; }
  .modal-row .column-1-1, .modal-wrap .column-1-1 {
    width: 100%; }
  .modal-row .column-1-3, .modal-row .column-2-6, .modal-wrap .column-1-3, .modal-wrap .column-2-6 {
    width: 33%; }
  .modal-row .column-1-5, .modal-wrap .column-1-5 {
    width: 20%; }
  .modal-row .column-2-5, .modal-wrap .column-2-5 {
    width: 40%; }
  .modal-row .column-3-5, .modal-wrap .column-3-5 {
    width: 60%; }
  .modal-row .column-3-10, .modal-wrap .column-3-10 {
    width: 30%; }
  .modal-row .column-1-4, .modal-wrap .column-1-4 {
    width: 25%; }
  .modal-row .column-1-2, .modal-row .column-2-4, .modal-row .column-3-6, .modal-wrap .column-1-2, .modal-wrap .column-2-4, .modal-wrap .column-3-6 {
    width: 50%; }
  .modal-row .column-1-6, .modal-wrap .column-1-6 {
    width: 16.5%; }
  .modal-row .column-cover, .modal-wrap .column-cover {
    width: 75px;
    min-height: 75px; }
    .modal-row .column-cover .cover-wrap, .modal-wrap .column-cover .cover-wrap {
      -webkit-box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      -moz-box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2);
      box-shadow: 1px 2px 5px 1px rgba(75, 75, 75, 0.2); }
      .modal-row .column-cover .cover-wrap img, .modal-wrap .column-cover .cover-wrap img {
        width: 100%;
        background-color: #eeeeee;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 30px auto;
        display: block; }
    .modal-row .column-cover span, .modal-wrap .column-cover span {
      text-align: center;
      display: block;
      width: 100%;
      font-size: 10px;
      font-weight: 300;
      margin-top: 10px; }
  .modal-row .column-right, .modal-wrap .column-right {
    width: 145px;
    float: right; }
  .modal-row .column-main, .modal-wrap .column-main {
    width: 268px;
    margin: 0 0 0 20px; }
  .modal-row .modal-row-inner, .modal-wrap .modal-row-inner {
    width: 100%;
    float: left;
    border-bottom: 1px solid transparent;
    padding-bottom: 22px;
    margin-bottom: 22px; }
    .modal-row .modal-row-inner:last-child, .modal-wrap .modal-row-inner:last-child {
      border-bottom: none; }
    .modal-row .modal-row-inner .card-toggle, .modal-wrap .modal-row-inner .card-toggle {
      margin: 5px -20px 0 0; }
    .modal-row .modal-row-inner.modal-row-inner-last, .modal-wrap .modal-row-inner.modal-row-inner-last {
      border-bottom: none; }
  .modal-row .modal-row-inner-placeholder, .modal-wrap .modal-row-inner-placeholder {
    height: 48px;
    -webkit-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s; }
  .modal-row .status-message-cover, .modal-wrap .status-message-cover {
    height: 268px; }
  .modal-row .fbs-numberpicker .numb-input, .modal-wrap .fbs-numberpicker .numb-input {
    font-size: 1.0em;
    width: 24px;
    color: #464646; }

.modal-row-expandable {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  background-color: white; }

.card .modal-row-expandable {
  bottom: 0; }

#resource-info {
  z-index: 100;
  padding: 70px 50px 30px 50px;
  min-height: 100px; }

#resource-status {
  z-index: 50;
  height: 70px;
  overflow: visible;
  -webkit-transition: bottom 0.3s;
  -ms-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s; }
  #resource-status .modal-row-expandable {
    padding: 22px 50px 22px 50px;
    bottom: 0;
    height: 226px;
    -webkit-transition: bottom 0.3s, top 0.3s;
    -ms-transition: bottom 0.3s, top 0.3s;
    -o-transition: bottom 0.3s, top 0.3s;
    transition: bottom 0.3s, top 0.3s; }
  #resource-status.card-open {
    /*.card {
    	height: 120px;
    }*/ }
    #resource-status.card-open .modal-row-inner {
      border-bottom-color: #cccccc; }
    #resource-status.card-open .modal-row-expandable {
      bottom: auto;
      top: 0; }
    #resource-status.card-open .modal-row-inner-placeholder {
      height: 26px; }
  #resource-status.card-open-add .modal-row-expandable {
    bottom: -200px;
    top: auto; }
  #resource-status.card-open-remove .modal-row-expandable {
    bottom: auto;
    top: -200px; }

#resource-more {
  z-index: 1; }

#reservation-details {
  height: 64px; }

#reservation-buttons input[type=button] {
  display: inline-block; }

.status-wrap {
  margin-top: 4px; }
  .status-wrap .status {
    display: block;
    float: left;
    margin: 4px 4px 0 0;
    margin-bottom: 10px; }
  .status-wrap span {
    font-size: 11px;
    line-height: 16px;
    display: block;
    margin-right: 6px; }

.btn-modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 30px;
  height: 30px;
  display: block;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("/images/icon-close.png");
  background-size: 30px;
  cursor: pointer;
  z-index: 200; }

@media screen and (min-resolution: 2dppx) {
  .btn-modal-close {
    background-image: url("/images/icon-close@2x.png"); } }
.modal-row .nav > li > a, .layer .nav > li > a {
  text-align: center; }
.modal-row .nav-tabs, .layer .nav-tabs {
  border-bottom: none;
  height: 40px; }
  .modal-row .nav-tabs > li, .layer .nav-tabs > li {
    margin-bottom: 0; }
    .modal-row .nav-tabs > li > a, .layer .nav-tabs > li > a {
      height: 20px;
      line-height: 20px;
      text-transform: uppercase;
      color: #5f5f5f; }
    .modal-row .nav-tabs > li.active > a, .modal-row .nav-tabs > li.active > a:hover, .modal-row .nav-tabs > li.active a:focus, .layer .nav-tabs > li.active > a, .layer .nav-tabs > li.active > a:hover, .layer .nav-tabs > li.active a:focus {
      color: #DADADA;
      background-color: #444444;
      border: none; }
    .modal-row .nav-tabs > li:last-child, .layer .nav-tabs > li:last-child {
      float: right; }
      .modal-row .nav-tabs > li:last-child > a, .layer .nav-tabs > li:last-child > a {
        margin-right: 0; }
.modal-row .tabs-two .nav-tabs > li, .layer .tabs-two .nav-tabs > li {
  width: 50%; }
.modal-row .tabs-three .nav-tabs > li, .layer .tabs-three .nav-tabs > li {
  width: 33.33%; }
.modal-row .tab-content, .layer .tab-content {
  background-color: #444444;
  color: #B0B0B0; }
.modal-row .tab-pane-inner, .layer .tab-pane-inner {
  padding: 30px 28px 10px 28px;
  position: relative;
  min-height: 120px; }
  .modal-row .tab-pane-inner .throbber-overlay, .layer .tab-pane-inner .throbber-overlay {
    background-color: transparent;
    margin-top: 10px; }

#resource-booking-form {
  height: 70px; }

#booking-loans {
  min-height: 70px; }
  #booking-loans .layer-content {
    background-color: #444444; }
  #booking-loans .layer-slide {
    height: 100%; }
  #booking-loans h4 {
    font-size: 12px;
    font-weight: 300;
    color: #959595;
    text-transform: uppercase;
    margin: 10px 0 10px 0; }

.loans-wrap {
  list-style: none;
  color: white;
  display: block;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 0.85em; }
  .loans-wrap .loan-row {
    display: block;
    float: left;
    border-top: 1px solid #3e3e3e;
    width: 100%; }
  .loans-wrap .loan-cell {
    float: left;
    display: block;
    box-sizing: border-box;
    padding: 7px 0 7px 0; }
    .loans-wrap .loan-cell .badge {
      position: relative;
      float: left;
      text-align: center;
      min-width: 11px;
      height: 11px;
      font-size: 10px;
      line-height: 11px;
      padding: 2px;
      font-weight: 600;
      margin-top: 1px; }
  .loans-wrap .loan-cell-id {
    width: 15%;
    padding-left: 6px; }
  .loans-wrap .loan-cell-status {
    width: 0%; }
  .loans-wrap .loan-cell-msg {
    width: 28%; }
  .loans-wrap .loan-cell-name {
    width: 32%;
    padding-right: 4px; }
  .loans-wrap .loan-cell-due-date {
    width: 25%; }

.content-suggestion > div, .content-suggestion > table {
  float: left; }
.content-suggestion table {
  border-collapse: collapse; }
.content-suggestion .column-1-5 {
  padding: 8px 0; }

.card {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }

.card-toggle {
  width: 14px;
  height: 8px;
  padding: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-image: url("/images/btn-toggle-down.png");
  position: absolute;
  bottom: 24px;
  right: 20px;
  z-index: 10; }

.card-open .card-toggle {
  background-image: url("/images/btn-toggle-up.png"); }

.stack .layer {
  position: relative;
  color: #585858;
  font-size: 11px;
  line-height: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); }
.stack .layer-slide {
  background-color: #ffffff; }
.stack .layer-content {
  padding: 13px 50px; }
  .stack .layer-content label {
    line-height: 26px;
    color: #4e4e4e;
    font-size: 11px; }
    .stack .layer-content label.numb-unit {
      float: left;
      margin: 0 4px 0 4px;
      height: 18px;
      padding: 2px 0;
      width: 22px;
      display: inline-block;
      line-height: 18px;
      color: #464646; }
.stack .layer-content-row-padded {
  margin-top: 30px; }
.stack .layer-content-row {
  width: 100%;
  float: left;
  padding: 8px 0; }
.stack .layer-content-row-gray {
  background-color: #eeeeee;
  width: 100%;
  float: left;
  border-top: 1px solid #cccccc;
  margin: 12px 0; }
.stack .layer-content-row-collapsible {
  border-bottom: 1px solid #cccccc;
  padding: 12px 15px; }
.stack .button-row .btn-larger {
  margin-right: 20px; }
  .stack .button-row .btn-larger:last-child {
    margin-right: 0; }
.stack .layer-open .layer-slide-toggle {
  background-image: url("/images/btn-toggle-up.png"); }
.stack .layer-hideable.layer {
  -webkit-box-shadow: none;
  box-shadow: none; }
.stack .layer-hideable.layer-open .layer-slide {
  overflow: visible; }
.stack .layer-hideable .layer-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  width: 100%;
  height: inherit;
  -webkit-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s; }
  .stack .layer-hideable .layer-slide.layer-open-add {
    overflow: hidden; }
.stack .layer-hideable .layer-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
.stack .layer-0 {
  z-index: 100; }
.stack .layer-1 {
  z-index: 99; }
.stack .layer-2 {
  z-index: 98; }
.stack .layer-3 {
  z-index: 97; }
.stack .layer-content-separator {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 12px;
  padding-bottom: 12px;
  display: block;
  width: 100%;
  float: left; }
.stack .layer-content-spacer {
  height: 49px;
  display: block;
  width: 100%;
  float: left; }
.stack .layer-slide-toggle {
  width: 14px;
  height: 8px;
  padding: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-image: url("/images/btn-toggle-down.png");
  position: absolute;
  top: 28px;
  right: 20px;
  z-index: 10; }
.stack .message-box {
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  top: 140px;
  border: 1px solid #fb1558; }
  .stack .message-box.message-box-warning {
    border-color: #e6dcc8; }

.nav {
  padding-left: 0;
  list-style: none;
  margin: 0; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }

.nav-tabs {
  border-bottom: 1px solid #dddddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.tab-content > .tab-pane {
  display: none;
  visibility: hidden; }
.tab-content > .active {
  display: block;
  visibility: visible; }

.tab-pane-inner:before, .tab-pane-inner:after {
  content: " ";
  display: table; }
.tab-pane-inner:after {
  clear: both; }

/*
//
// Navs
// --------------------------------------------------


// Base class
// --------------------------------------------------

.nav {
	margin-bottom: 0;
	padding-left: 0; // Override default ul/ol
	list-style: none;
	@include clearfix;

	> li {
		position: relative;
		display: block;

		> a {
			position: relative;
			display: block;
			padding: 10px 15px;
			&:hover,
			&:focus {
				text-decoration: none;
				background-color: #eeeeee;
			}
		}

		// Disabled state sets text to gray and nukes hover/tab effects
		&.disabled > a {
			color: #eeeeee;

			&:hover,
			&:focus {
				color: #eeeeee;
				text-decoration: none;
				background-color: transparent;
				cursor: not-allowed;
			}
		}
	}

	// Open dropdowns
	.open > a {
		&,
		&:hover,
		&:focus {
			background-color: #eeeeee;
			border-color: #000000;
		}
	}

}


// Tabs
// -------------------------

// Give the tabs something to sit on
.nav-tabs {
	border-bottom: 1px solid red;
	> li {
		float: left;
		// Make the list-items overlay the bottom border
		margin-bottom: -1px;

		// Actual tabs (as links)
		> a {
			margin-right: 2px;
			line-height: 16px;
			border: 1px solid transparent;
			border-radius: 4px 0 0;
			&:hover {
				border-color: #eeeeee #eeeeee #666666;
			}
		}

		// Active state, and its :hover to override normal :hover
		&.active > a {
			&,
			&:hover,
			&:focus {
				color: #147fdd;
				background-color: #f8f8f8;
				border: 1px solid #777777;
				border-bottom-color: transparent;
				cursor: default;
			}
		}
	}
	// pulling this in mainly for less shorthand
	&.nav-justified {
		@extend .nav-justified;
		@extend .nav-tabs-justified;
	}
}


// Pills
// -------------------------
.nav-pills {
	> li {
		float: left;

		// Links rendered as pills
		> a {
			border-radius: 4px;
		}
		+ li {
			margin-left: 2px;
		}

		// Active state
		&.active > a {
			&,
			&:hover,
			&:focus {
				color: #fff;
				background-color: $color-theme;
			}
		}
	}
}


// Stacked pills
.nav-stacked {
	> li {
		float: none;
		+ li {
			margin-top: 2px;
			margin-left: 0; // no need for this gap between nav items
		}
	}
}


// Nav variations
// --------------------------------------------------

// Justified nav links
// -------------------------

.nav-justified {
	width: 100%;

	> li {
		float: none;
		> a {
			text-align: center;
			margin-bottom: 5px;
		}
	}

	> .dropdown .dropdown-menu {
		top: auto;
		left: auto;
	}

	@media (min-width: 768px) {
		> li {
			display: table-cell;
			width: 1%;
			> a {
				margin-bottom: 0;
			}
		}
	}
}

// Move borders to anchors instead of bottom of list
//
// Mixin for adding on top the shared `.nav-justified` styles for our tabs
.nav-tabs-justified {
	border-bottom: 0;

	> li > a {
		// Override margin from .nav-tabs
		margin-right: 0;
		border-radius: 4px;
	}

	> .active > a,
	> .active > a:hover,
	> .active > a:focus {
		border: 1px solid #dddddd;
	}

	@media (min-width: 768px) {
		> li > a {
			border-bottom: 1px solid #ddd;
			border-radius: 4px 4px 0 0;
		}
		> .active > a,
		> .active > a:hover,
		> .active > a:focus {
			border-bottom-color: #ffffff;
		}
	}
}


// Tabbable tabs
// -------------------------

// Hide tabbable panes to start, show them when `.active`
.tab-content {
	> .tab-pane {
		display: none;
		visibility: hidden;
	}
	> .active {
		display: block;
		visibility: visible;
	}
}


// Dropdowns
// -------------------------

// Specific dropdowns
.nav-tabs .dropdown-menu {
	// make dropdown border overlap tab border
	margin-top: -1px;
	// Remove the top rounded corners here since there is a hard edge above the menu
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
*/
.fbs-numberpicker {
  text-align: center;
  display: block;
  float: left;
  border: none;
  border-radius: 12px;
  background-color: #EEEEEE;
  height: 20px;
  color: #808080;
  padding: 0px 1px;
  font-size: 1.0em; }
  .fbs-numberpicker.disabled .numb-btn {
    cursor: default; }
  .fbs-numberpicker .numb-input {
    float: left;
    text-align: right;
    border: none;
    background: none;
    color: #808080;
    min-width: 20px;
    width: auto;
    height: 18px;
    line-height: 18px;
    font-size: 0.7em;
    padding: 1px 0;
    outline: none;
    font-weight: 300; }
  .fbs-numberpicker .numb-unit {
    float: left;
    margin: 0 2px 0 5px;
    color: #808080;
    height: 18px;
    line-height: 18px;
    font-size: 0.7em;
    padding: 1px 0;
    font-weight: 300; }
  .fbs-numberpicker .numb-btn {
    float: left;
    border: none;
    background-color: transparent;
    color: #808080;
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0;
    padding: 5px 5px;
    line-height: 20px;
    font-size: 1.6em;
    font-weight: 300;
    box-sizing: content-box;
    outline: none; }
    .fbs-numberpicker .numb-btn .icon {
      display: block;
      height: 10px;
      width: 10px;
      background-repeat: no-repeat;
      background-image: url("/images/plus-minus.png");
      background-size: 20px 10px;
      padding: 0; }
  .fbs-numberpicker .numb-dec {
    border-radius: 12px 0 0 12px; }
    .fbs-numberpicker .numb-dec .icon {
      background-position: left top; }
  .fbs-numberpicker .numb-inc {
    border-radius: 0 12px 12px 0;
    float: right; }
    .fbs-numberpicker .numb-inc .icon {
      background-position: -10px top; }
  .fbs-numberpicker span.numb-sec-val {
    float: left;
    margin: 0 0px 0 1px;
    height: 18px;
    line-height: 18px;
    font-size: 0.7em;
    padding: 1px 0;
    font-weight: 300; }
  .fbs-numberpicker.dark {
    background-color: #444444;
    color: #f5f5f5; }
    .fbs-numberpicker.dark .numb-input {
      color: #f5f5f5; }
    .fbs-numberpicker.dark .numb-unit {
      color: #f5f5f5; }

.mithril-datepicker .mdp-input-wrap {
  color: #464646;
  padding: 2px 30px 2px 10px;
  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  font-weight: 300;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #eeeeee;
  /*.mdp-input {
      border: none;
      height: 16px;
      padding: 3px 0;
      line-height: 16px;
      font-size: 1.0em;
      background: none;
      width: 100%;
  }*/ }
  .mithril-datepicker .mdp-input-wrap .mdp-input-icon {
    background-image: url("/images/dropdown-arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 11px 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 11px;
    height: 5px; }
.mithril-datepicker.mdp-popup {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 3px 0; }
  .mithril-datepicker.mdp-popup .mdp-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    -webkit-box-shadow: 4px 4px 16px -1px #363636;
    -moz-box-shadow: 4px 4px 16px -1px #363636;
    box-shadow: 4px 4px 16px -1px #363636; }
  .mithril-datepicker.mdp-popup.mdp-open .mithril-datepicker-bg {
    display: block; }
  .mithril-datepicker.mdp-popup.mdp-open .mdp-wrapper {
    display: block; }
  .mithril-datepicker.mdp-popup .mithril-datepicker-bg {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    display: none; }
.mithril-datepicker .mdp-wrapper {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  width: 292px;
  display: block;
  float: left;
  position: relative;
  background-color: #EEEEEE; }
.mithril-datepicker .mdp-header {
  display: block;
  float: left;
  width: 100%;
  height: 22px;
  text-align: center;
  color: #808080; }
  .mithril-datepicker .mdp-header input[type=button], .mithril-datepicker .mdp-header button {
    border: none;
    background: none;
    color: #808080;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    padding: 3px 12px;
    box-sizing: content-box;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center; }
  .mithril-datepicker .mdp-header .mdp-h-left {
    float: left;
    padding-left: 10px; }
    .mithril-datepicker .mdp-header .mdp-h-left input, .mithril-datepicker .mdp-header .mdp-h-left button {
      float: left;
      line-height: 16px;
      background-image: url("/images/arrow-left-gray.png"); }
      .mithril-datepicker .mdp-header .mdp-h-left input span, .mithril-datepicker .mdp-header .mdp-h-left button span {
        display: none; }
  .mithril-datepicker .mdp-header .mdp-h-right {
    float: right;
    padding-right: 10px; }
    .mithril-datepicker .mdp-header .mdp-h-right input, .mithril-datepicker .mdp-header .mdp-h-right button {
      float: right;
      line-height: 16px;
      background-image: url("/images/arrow-right-gray.png"); }
      .mithril-datepicker .mdp-header .mdp-h-right input span, .mithril-datepicker .mdp-header .mdp-h-right button span {
        display: none; }
  .mithril-datepicker .mdp-header .mdp-h-center {
    text-align: center;
    display: inline-block;
    height: 22px;
    line-height: 22px; }
    .mithril-datepicker .mdp-header .mdp-h-center h3 {
      margin: 0;
      font-weight: 300;
      font-size: 1.0em;
      text-transform: capitalize;
      line-height: 22px;
      height: 22px;
      display: block;
      float: left; }
  .mithril-datepicker .mdp-header .mdp-disabled input {
    opacity: 0.4;
    cursor: default; }
.mithril-datepicker .mdp-cal {
  display: block;
  float: left;
  width: 100%;
  background-color: #4E4E4E;
  padding-bottom: 6px; }
  .mithril-datepicker .mdp-cal table {
    border-collapse: collapse; }
.mithril-datepicker .mdp-buttons {
  display: block;
  float: left;
  width: 100%;
  padding: 2px 0 5px 0; }
  .mithril-datepicker .mdp-buttons button {
    background: none;
    border: none;
    box-sizing: border-box;
    color: #808080;
    margin: 0;
    font-size: 0.65em;
    cursor: pointer; }
.mithril-datepicker th {
  font-weight: 300;
  font-size: 11px;
  color: #888; }
.mithril-datepicker .mdp-day {
  background-color: #444444;
  font-weight: 300;
  border: 1px solid #4E4E4E;
  position: relative;
  padding: 0;
  background-clip: padding-box; }
  .mithril-datepicker .mdp-day a {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    color: #888888; }
  .mithril-datepicker .mdp-day .mdp-date {
    display: block;
    padding: 3px 0 0 1px;
    font-size: 14px; }
  .mithril-datepicker .mdp-day .mdp-note {
    display: block;
    font-size: 10px; }
.mithril-datepicker .mdp-today {
  background-color: darkseagreen; }
  .mithril-datepicker .mdp-today .mdp-date {
    font-style: italic; }
.mithril-datepicker .mdp-other-month a {
  color: rgba(136, 136, 136, 0.2); }
.mithril-datepicker .mdp-day-disabled a, .mithril-datepicker .mdp-day-disabled-note a {
  cursor: default;
  color: rgba(136, 136, 136, 0.2); }
.mithril-datepicker .mdp-chosen {
  background-color: #EEEEEE !important; }
.mithril-datepicker .mdp-week-number {
  font-size: 0.6em;
  width: 17px;
  text-align: center;
  color: #888888;
  padding-left: 2px; }
  .mithril-datepicker .mdp-week-number em {
    font-style: normal; }

.mithril-datepicker .mdp-today {
  background-color: #444444; }
.mithril-datepicker .insufficient .mdp-note {
  color: #ff004a; }
.mithril-datepicker .sufficient .mdp-note {
  color: #ffdc00; }
.mithril-datepicker .plenty .mdp-note {
  color: #40d5c4; }
.mithril-datepicker .mdp-other-month.insufficient .mdp-note, .mithril-datepicker .mdp-day-disabled.insufficient .mdp-note, .mithril-datepicker .mdp-day-disabled-note.insufficient .mdp-note {
  color: rgba(255, 0, 74, 0.2); }
.mithril-datepicker .mdp-other-month.sufficient .mdp-note, .mithril-datepicker .mdp-day-disabled.sufficient .mdp-note, .mithril-datepicker .mdp-day-disabled-note.sufficient .mdp-note {
  color: rgba(255, 220, 0, 0.2); }
.mithril-datepicker .mdp-other-month.plenty .mdp-note, .mithril-datepicker .mdp-day-disabled.plenty .mdp-note, .mithril-datepicker .mdp-day-disabled-note.plenty .mdp-note {
  color: rgba(64, 213, 196, 0.2); }
.mithril-datepicker.range-start .mdp-chosen:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #eeeeee;
  top: 50%;
  right: -5px;
  z-index: 1;
  margin-top: -5px; }
.mithril-datepicker.range-end .mdp-chosen:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #eeeeee transparent transparent;
  top: 50%;
  left: -5px;
  z-index: 1;
  margin-top: -5px; }

.toggle-radio {
  display: inline-block;
  height: 20px; }
  .toggle-radio .tgl-btn-wrap {
    display: inline-block;
    height: 18px;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 10px;
    padding: 0; }
  .toggle-radio .toggle-option {
    display: block;
    float: left;
    border-radius: 9px;
    height: 18px; }
    .toggle-radio .toggle-option label {
      display: block;
      padding: 2px 20px;
      cursor: pointer;
      line-height: 14px;
      height: 14px;
      font-size: 11px;
      background: none !important;
      margin: 0;
      color: #464646; }
    .toggle-radio .toggle-option input[type="radio"]:checked + label {
      color: #FFFFFF; }
    .toggle-radio .toggle-option.tgl-selected {
      color: #FFFFFF;
      -webkit-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
      -webkit-transition: background-color 0.5s;
      -ms-transition: background-color 0.5s;
      -o-transition: background-color 0.5s;
      transition: background-color 0.5s; }
    .toggle-radio .toggle-option input[type="radio"] {
      display: none; }

#institution-search h1 {
  color: #464646;
  text-align: center;
  font-weight: 400;
  font-size: 25px;
  line-height: 40px;
  margin: 85px 0; }
#institution-search p {
  color: #464646;
  text-align: center;
  margin-top: 60px;
  padding: 0 50px; }

/*# sourceMappingURL=main.css.map */