#file-uploader .file-drop-zone,
.file-uploader .file-drop-zone {
  padding: 2em 0;
  border: 2px dashed #e6e6e6;
  text-align: center;
  outline-offset: -10px; }

#file-uploader .msg-uploading,
#file-uploader .msg-error,
.file-uploader .msg-uploading,
.file-uploader .msg-error {
  display: none; }

#file-uploader .target_files,
.file-uploader .target_files {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 320px;
  overflow: auto; }
  #file-uploader .target_files li,
  .file-uploader .target_files li {
    position: relative;
    padding: 6px 12px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 11px; }
    #file-uploader .target_files li:hover,
    .file-uploader .target_files li:hover {
      background-color: #fafafa; }
  #file-uploader .target_files span,
  .file-uploader .target_files span {
    display: inline-block;
    margin-left: 6px;
    font-size: 10px;
    color: #666666; }
  #file-uploader .target_files .file-upload-cancel,
  .file-uploader .target_files .file-upload-cancel {
    display: inline-block;
    position: absolute;
    right: 12px;
    padding: 3px 5px;
    border: 1px solid #F00;
    background-color: #FFF;
    color: #F00;
    line-height: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    #file-uploader .target_files .file-upload-cancel:active,
    .file-uploader .target_files .file-upload-cancel:active {
      background-color: #F00;
      color: #FFF; }

#file-uploader.is-dragover .file-drop-zone,
.file-uploader.is-dragover .file-drop-zone {
  border-color: #ffa600; }

#file-uploader.is-uploading .file-drop-zone,
.file-uploader.is-uploading .file-drop-zone {
  visibility: hidden; }

#file-uploader.is-uploading .msg-uploading,
.file-uploader.is-uploading .msg-uploading {
  display: block; }

.file-uploader {
  margin-bottom: 2em; }
  .file-uploader .image-container img {
    height: auto;
    max-width: 100%; }
  .file-uploader .image-container .delete-preview-img {
    display: none;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    width: calc(100% - 30px);
    color: #FFF; }
  .file-uploader .image-container > div {
    position: relative; }
  .file-uploader .image-container > div:hover .delete-preview-img {
    display: block; }

#gnb .nav-item a {
  border-bottom: 3px solid transparent; }
  #gnb .nav-item a.active {
    border-color: #FFF; }

.pagination {
  display: block;
  padding: 3em 0;
  font-size: 0;
  text-align: center; }
  .pagination li {
    display: inline-block; }
    .pagination li:first-child a {
      border-right: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .pagination li:last-child a {
      border-right: 1px solid #868e96;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .pagination a {
    border-right: 0;
    border-radius: 0; }

.autocomplete-select {
  list-style: none;
  position: absolute;
  padding: 0;
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
  z-index: 3; }

.autocomplete-option {
  display: none;
  padding: .5em 1em;
  border-bottom: 1px solid #e9ecef;
  background-color: #f5f6f7;
  color: #212529;
  font-size: .9em; }
  .autocomplete-option:hover {
    background-color: #f8f9f9;
    color: #ffa600;
    text-decoration: none; }

.current-registered-book {
  margin-bottom: 1em;
  color: #327f7f;
  text-align: center; }
  .current-registered-book strong {
    display: block;
    font-size: 3em; }

.recent-book-list {
  margin-top: 1em; }
  .recent-book-list a {
    text-decoration: none; }
  .recent-book-list h5 {
    font-size: .9em;
    color: #327f7f;
    line-height: 1.3em; }
    .recent-book-list h5 small {
      display: block;
      color: #9ba5ae; }
  .recent-book-list img {
    max-width: 100%;
    height: auto; }

#isbn-list .fa {
  color: #9ba5ae; }
  #isbn-list .fa:after {
    font-family: FontAwesome;
    content: '\f00c'; }
  #isbn-list .fa.uploaded:after {
    color: #ffa600; }
  #isbn-list .fa.failed-to-upload:after {
    color: #F00;
    content: '\f00d'; }

#isbn-detail-basic {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f9f9f9; }
  #isbn-detail-basic h3 {
    font-size: 1.3em;
    color: #327f7f;
    line-height: 1.2em; }
    #isbn-detail-basic h3 small {
      display: block;
      font-size: .7em;
      color: #9ba5ae; }
  #isbn-detail-basic dt,
  #isbn-detail-basic dd {
    font-size: .9em; }
  #isbn-detail-basic dt {
    color: #327f7f; }

#isbn-detail-images img {
  height: auto;
  max-width: 100%;
  cursor: pointer; }

#isbn-detail-images ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0; }
  #isbn-detail-images ul li {
    display: inline-block;
    width: 25%; }

#isbn-detail-images .showcase-wrapper {
  width: 100%;
  background-color: #FFF;
  text-align: center; }

#isbn-detail-additional h4, #isbn-detail-store h4, #isbn-detail-external-systems h4 {
  font-size: 1.1em;
  color: #327f7f; }

#isbn-detail-additional dt:before, #isbn-detail-store dt:before, #isbn-detail-external-systems dt:before {
  display: inline-block;
  margin-right: .5em;
  font-size: .9em;
  font-weight: bold;
  content: '-'; }

#isbn-detail-additional dt, #isbn-detail-store dt, #isbn-detail-external-systems dt {
  font-size: .9em; }

#isbn-detail-additional dd, #isbn-detail-store dd, #isbn-detail-external-systems dd {
  margin-left: 1em;
  font-size: .9em; }

#isbn-detail-external-systems {
  margin: 2rem 0; }
  #isbn-detail-external-systems .tab-pane {
    position: relative; }
  #isbn-detail-external-systems .tab-pane > button {
    position: absolute;
    top: .5rem;
    right: 1rem;
    font-size: .8rem; }
  #isbn-detail-external-systems .tab-pane ul {
    list-style: none;
    padding: 1rem;
    background-color: #000;
    font-size: .8rem;
    color: #FFF;
    overflow: auto; }
    #isbn-detail-external-systems .tab-pane ul span {
      font-family: "Courier New", sans-serif;
      white-space: pre; }
    #isbn-detail-external-systems .tab-pane ul button {
      border: 0;
      background-color: transparent;
      color: #ffa600; }
    #isbn-detail-external-systems .tab-pane ul .external-log-details {
      display: none;
      font-family: "Courier New", sans-serif;
      white-space: pre; }
      #isbn-detail-external-systems .tab-pane ul .external-log-details.active {
        display: block; }

#isbn-form h3 {
  margin-top: 2em;
  font-size: 1.1em;
  color: #327f7f; }

#isbn-form label + label {
  margin-left: .5em; }

#isbn-form .input-group[data-valid]::after {
  display: block;
  position: absolute;
  top: 6px;
  right: 12px;
  font-family: FontAwesome;
  z-index: 1000; }

#isbn-form .input-group[data-valid="true"]::after {
  color: #28a745;
  content: '\f00c'; }

#isbn-form .input-group[data-valid="false"]::after {
  color: #dc3545;
  content: '\f00d'; }

#isbn-form .invalid-msg {
  margin: -.5em 0 .75em 0;
  font-size: .8em;
  color: #dc3545;
  text-align: right; }

#isbn-navigator {
  list-style: none;
  margin: 0;
  margin-top: 2rem;
  padding: 0;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef;
  font-size: .8rem; }
  #isbn-navigator a {
    color: #327f7f;
    text-decoration: none; }
  #isbn-navigator .previous {
    float: left; }
    #isbn-navigator .previous a::before {
      display: inline-block;
      margin-right: .5rem;
      font-family: FontAwesome;
      content: '\f104'; }
  #isbn-navigator .next {
    float: right; }
    #isbn-navigator .next a::after {
      display: inline-block;
      margin-left: .5rem;
      font-family: FontAwesome;
      content: '\f105'; }

#vpims-log-container .list-group-item {
  font-size: .8em;
  line-height: 1.5em; }
  #vpims-log-container .list-group-item strong {
    display: inline-block;
    margin-right: .5em; }
  #vpims-log-container .list-group-item span {
    display: inline-block;
    margin-right: .5em;
    font-size: .9em; }
  #vpims-log-container .list-group-item .registered_date {
    display: block;
    color: #9ba5ae; }

#crumbs {
  list-style: none;
  display: table;
  margin: 2em auto; }

#crumbs li {
  display: inline; }
  #crumbs li a {
    display: block;
    position: relative;
    float: left;
    margin-right: 10px;
    padding: 14px 8px 14px 36px;
    background-color: #f9f9f9;
    color: #000;
    text-decoration: none; }
    #crumbs li a.current {
      color: #ffa600; }
      #crumbs li a.current:hover {
        color: #ffa600; }
    #crumbs li a.disabled {
      cursor: no-drop; }
    #crumbs li a:hover {
      color: #333; }
    #crumbs li a:before, #crumbs li a:after {
      position: absolute;
      top: 0;
      border-top: 26px solid transparent;
      border-bottom: 26px solid transparent;
      content: ""; }
    #crumbs li a:before {
      left: 0;
      border-left: 26px solid #FFF; }
    #crumbs li a:after {
      right: -26px;
      border-left: 26px solid #f9f9f9;
      z-index: 1; }
  #crumbs li:first-child a {
    padding-left: 23px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
    #crumbs li:first-child a:before {
      display: none; }
  #crumbs li:last-child a {
    padding-right: 23px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px; }
    #crumbs li:last-child a:after {
      display: none; }

#google-signin {
  display: inline-block;
  vertical-align: bottom; }

#importer-wrapper div[id^=step] {
  display: none;
  margin-bottom: 2em; }
  #importer-wrapper div[id^=step].active {
    display: block; }
    #importer-wrapper div[id^=step].active + .pull-right {
      display: none; }

#importer-wrapper #step-3 {
  text-align: center; }
  #importer-wrapper #step-3 strong {
    display: block; }
    #importer-wrapper #step-3 strong:before {
      display: block;
      margin-bottom: .5em;
      font-family: FontAwesome;
      font-size: 5em;
      font-weight: normal;
      content: '\f25b'; }

#data-wrapper {
  margin-bottom: 2em;
  max-height: 480px;
  overflow: auto; }
  #data-wrapper th,
  #data-wrapper td {
    font-size: .9em; }
  #data-wrapper .status {
    display: inline-block;
    padding: .3rem;
    color: #999;
    cursor: pointer; }
    #data-wrapper .status.valid {
      color: #28a745; }
    #data-wrapper .status.invalid {
      color: #dc3545; }
    #data-wrapper .status .fa-question-circle {
      color: #999; }

#importer-overwrite-fields #importer-for-overwrite {
  display: block; }
  #importer-overwrite-fields #importer-for-overwrite input {
    margin-right: 4px; }

#importer-overwrite-fields .overwrite-field,
#importer-overwrite-fields #select-all {
  display: none;
  margin: 4px;
  padding: 6px 12px;
  border: 1px solid #e9ecef;
  border-radius: 100px; }
  #importer-overwrite-fields .overwrite-field input,
  #importer-overwrite-fields #select-all input {
    margin-left: -12px;
    visibility: hidden; }

#importer-overwrite-fields .overwrite-field.active {
  border: 1px solid #ffa600;
  color: #ffa600; }

#importer-overwrite-fields.active .overwrite-field,
#importer-overwrite-fields.active #select-all {
  display: inline-block; }

#importer-data-area {
  font-size: .8rem; }
  #importer-data-area--header {
    display: flex;
    width: 100%; }
    #importer-data-area--header div[role=td] {
      flex: 1;
      padding: .3rem;
      min-width: 100px;
      box-sizing: border-box;
      border-bottom: 2px solid #000;
      background-color: #FFF;
      text-align: center;
      font-weight: bold; }
  #importer-data-area--body {
    width: 100%; }
    #importer-data-area--body div[role=tr] {
      display: flex; }
    #importer-data-area--body div[role=td] {
      flex: 1;
      padding: .3rem;
      min-width: 100px;
      box-sizing: border-box;
      border-bottom: 1px solid #CCC; }
  #importer-data-area.floating #importer-data-area--header {
    position: fixed;
    overflow: hidden; }
  #importer-data-area.floating #importer-data-area--body {
    padding-top: calc(1.1rem + 2px); }

#collection-list address {
  margin-top: .5rem; }

#collection-list .fa {
  color: #9ba5ae; }
  #collection-list .fa:after {
    font-family: FontAwesome;
    content: '\f00c'; }
  #collection-list .fa.uploaded:after {
    color: #ffa600; }
  #collection-list .fa.failed-to-upload:after {
    color: #F00;
    content: '\f00d'; }

#collection-list .list-item {
  cursor: auto; }
  #collection-list .list-item .btn-container {
    margin-bottom: .5em; }
  #collection-list .list-item:hover .list-item-title {
    color: #212529; }

#collection-list .list-item-description {
  word-break: break-word; }
  #collection-list .list-item-description cite {
    display: block;
    font-style: normal; }

#collection-list .summary {
  cursor: pointer; }
  #collection-list .summary .list-item-description {
    max-height: 84px;
    overflow: hidden; }
  #collection-list .summary:after {
    display: block;
    padding-top: .5em;
    border-top: 1px dashed #e9ecef;
    color: #327f7f;
    content: 'Read more'; }

#collection-list .summary-extended {
  cursor: pointer; }
  #collection-list .summary-extended:after {
    display: block;
    padding-top: .5em;
    border-top: 1px dashed #e9ecef;
    color: #327f7f;
    content: 'Back to summary'; }

#store-category-browse {
  margin-top: 2em; }
  #store-category-browse .col-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e9ecef; }
    #store-category-browse .col-header h4 {
      margin: 0;
      padding: .75em 1em;
      font-size: 1em; }
  #store-category-browse ul {
    list-style: none;
    margin: 0;
    margin-top: 3em;
    padding: 0;
    height: 160px;
    overflow-y: auto; }
    #store-category-browse ul li {
      display: none; }
      #store-category-browse ul li span {
        font-size: .8rem;
        color: #65727e; }
        #store-category-browse ul li span::before {
          content: '('; }
        #store-category-browse ul li span::after {
          content: ')'; }
      #store-category-browse ul li.active a {
        background: #eff1f3;
        color: #327f7f; }
    #store-category-browse ul a {
      display: block;
      padding: .5em 1em;
      color: #212529;
      text-decoration: none; }
      #store-category-browse ul a:hover {
        background: #eff1f3; }
  #store-category-browse > div.row > div.col {
    position: relative;
    border-right: 1px solid #e9ecef; }
    #store-category-browse > div.row > div.col:first-child ul li {
      display: block; }
    #store-category-browse > div.row > div.col:last-child {
      border-right: 0; }

#store-bookshelf {
  margin-top: 3em; }
  #store-bookshelf ul {
    margin-top: 2em; }
  #store-bookshelf .list-group-item {
    font-size: .8em;
    color: #9ba5ae;
    line-height: 1.8em; }
    #store-bookshelf .list-group-item h4 {
      font-size: 1.2em;
      color: #327f7f;
      line-height: 1.3em; }
      #store-bookshelf .list-group-item h4 small {
        display: block; }
    #store-bookshelf .list-group-item img {
      max-width: 100%;
      height: auto; }
    #store-bookshelf .list-group-item span {
      display: block; }
  #store-bookshelf .store-book-details {
    cursor: pointer; }

.store-category-form {
  margin-top: 1em;
  padding: 1em; }
  .store-category-form .input-group {
    margin: 0; }

.store-category-sort {
  list-style: none;
  margin: 0;
  padding: 0; }
  .store-category-sort a {
    display: block;
    padding: .5em .75em;
    border: 1px solid #e9ecef;
    color: #212529;
    text-decoration: none; }
  .store-category-sort i {
    display: inline-block;
    margin-right: .5em;
    color: #e9ecef; }

form .book-container {
  font-size: .8em;
  color: #9ba5ae;
  line-height: 1.8em; }
  form .book-container h4 {
    font-size: 1.2em;
    color: #327f7f;
    line-height: 1.3em; }
    form .book-container h4 small {
      display: block; }
  form .book-container img {
    max-width: 100%;
    height: auto; }
  form .book-container span {
    display: block; }
  form .book-container img {
    max-width: 100%;
    height: auto; }

.store-home-category ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.store-home-book-item h5 {
  font-size: .8em;
  color: #327f7f;
  line-height: 1.6em;
  cursor: pointer; }
  .store-home-book-item h5 small {
    display: block;
    color: #9ba5ae; }

.store-home-book-item img {
  max-width: 100%;
  height: auto;
  border: 1px solid #e9ecef; }

.store-home-book-item .store-home-book-delete {
  display: none;
  position: absolute;
  top: .75em;
  left: 1.5em; }

.store-home-book-item:hover .store-home-book-delete {
  display: block; }

#store-home-container {
  margin-top: 2em; }

.store-home-categories li {
  padding-left: 2.1em;
  cursor: pointer; }
  .store-home-categories li:before {
    display: inline-block;
    margin-left: -1.2em;
    margin-right: .5em;
    font-family: FontAwesome;
    color: #e9ecef;
    content: '\f0c9'; }

.store-home-category {
  margin-bottom: 2em; }
  .store-home-category h4 {
    font-size: 1em;
    vertical-align: bottom; }

body {
  background-color: #212529;
  font-size: 16px; }
  body.signin {
    margin-top: 25%;
    margin-left: 50%;
    background-color: #FFF; }

h1 {
  color: #FFF;
  line-height: 1.2em; }
  h1 img {
    max-height: 64px; }
  h1 small {
    display: block;
    font-size: .7em; }

h2.error {
  text-align: center; }
  h2.error img {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    height: auto; }

h2 + .btn-group {
  margin-left: 1em; }

.bg-color-wrapper {
  padding: 2em 0;
  background-color: #FFF; }

.navbar-brand img {
  width: auto;
  height: 36px; }

.footer {
  margin: 0;
  padding: 1em; }
  .footer address {
    margin-bottom: 0;
    font-size: .7em;
    color: #999;
    font-style: normal;
    text-align: right; }

.btn-primary {
  color: #FFF; }
  .btn-primary:hover {
    color: #FFF; }

.btn-container .btn-group:nth-of-type(1) {
  margin-right: .5rem; }

form .input-group {
  margin-bottom: .75em; }
  form .input-group label.input-group-addon {
    font-size: .8em;
    text-align: left;
    white-space: normal; }

.list-header {
  display: block;
  margin-top: 1rem; }
  .list-header .input-group {
    margin-bottom: 0; }
  @media screen and (min-width: 575px) {
    .list-header {
      display: inline-block;
      margin-top: 0;
      margin-left: 1rem; } }

#isbn-list,
#collection-list {
  margin-top: 2rem; }
  #isbn-list .list-item,
  #collection-list .list-item {
    position: relative;
    cursor: pointer; }
    #isbn-list .list-item a,
    #collection-list .list-item a {
      color: #9ba5ae;
      text-decoration: none; }
    #isbn-list .list-item img,
    #collection-list .list-item img {
      height: auto;
      max-width: 100%; }
    #isbn-list .list-item-title-container,
    #collection-list .list-item-title-container {
      font-size: .8em;
      color: #9ba5ae; }
    #isbn-list .list-item:hover .list-item-title,
    #collection-list .list-item:hover .list-item-title {
      color: #ffa600; }
  #isbn-list .list-item-title,
  #collection-list .list-item-title {
    display: block;
    font-size: 1.2em;
    color: #212529; }

#signin-form,
#reset-form {
  padding: 3em;
  width: 480px;
  border: 1px solid #ffa600;
  box-sizing: border-box;
  transform: translate(-50%, -50%); }
  #signin-form .alert,
  #reset-form .alert {
    margin-top: 1em;
    margin-bottom: 0; }
  #signin-form .reset-password,
  #reset-form .reset-password {
    margin-right: .5em;
    color: #996400; }
    #signin-form .reset-password:hover,
    #reset-form .reset-password:hover {
      text-decoration: none; }

#user-list .list-item-title-container {
  font-size: .85em;
  color: #9ba5ae; }

#user-list .user_name {
  display: block;
  font-size: 1.1em;
  color: #212529; }

#user-form,
#my-form {
  margin-top: 2em; }

.confirm {
  margin-top: 1em; }