/*div, header, p, a, h1, h2, h3, h4, h5, body, figure, figcaption, span, time, img, button, ul, ul li, input, label, small, span, label,select { border: 1px solid #f00;}*/
/*
blue:15,91,163; #0F5BA3
grey:100,100,100;
 */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../lib/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../../lib/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../lib/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../lib/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../lib/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

a { color: rgb(15,91,163); }
a:focus,
div:focus { outline: none!important; }
p { text-align: left; }

/*h1, h2, h3, h4 { font-family: Georgia, Arial, sans-serif; font-weight: normal; }*/
h1 {  font-size: 1.6em; }

body.fullwidth {
  max-width: 100%;
  margin: 0 auto;
  background-color: #000;
  vertical-align: middle;
}

.nav a { color: #000; text-decoration: none; }
.a-blue a { color: rgb(15,91,163)!important; font-weight: bold;}
/*.nav sup { text-transform: uppercase; color: #E3343E; font-weight: 700;}*/
.nav li.hilite a { color:rgb(234,38,29); font-weight: 700;}

ul.logout {text-align: right;}
header .nav {position: absolute; top: 22px; right: 20px;}

@media (min-width: 1200px) {
  ul.logout {position: absolute; top: 40px; right: 0px;}
}

header .claim { position: absolute; color: rgb(15,91,163); top: 40px; left: 367px; text-align: left; font-size: .9em;  vertical-align: bottom; }
header .claim p { padding: 0; margin: 0; vertical-align: middle; line-height: 1.35em; }
header .claim p:hover { visibility: visible; }
header .claim p a { visibility: visible; color: #D71031; }

@media (max-width: 767px) {
  header .claim {position:absolute; top: 82px; left: 17px; font-size: .9em; }
  body > section { padding: 0 1em; }
}

.nav h2 { font-size: 1em; color: rgb(15,91,163);}
.nav h2 a { color: rgb(15,91,163); }

section.mista-predani h1 { text-align: center; font-size: 2.3em; margin: 0; padding: .6em 0 0em 0;}
section.mista-predani iframe { width:100%; margin-top: 1em;}
section.mista-predani .intro { width: 100%; position: relative; margin: 0 auto; font-size: 1.3em; line-height: 1.4em; margin-bottom: 2em; /*padding-bottom: 1em; border-bottom: 1px solid #ccc;*/ text-align: center; }
section.mista-predani .row { padding: .7em 0;}
section.mista-predani .col h2 { padding: 0 0 .2em 0; margin: 0; font-size: 1.3em; font-weight: 700; line-height: 1.3em; border-bottom: 2px solid #000;}
/*section#page p { padding: .5em 0; margin: 0;}*/
/*section#page img  { width:100%;}*/

section.mista-predani .cover {
  margin-top: 1em;
    width: 100%;
    height: 240px;
    display: block;
    position: relative;
    overflow: hidden;
}
section.mista-predani .cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media (max-width: 768px) {
  section.mista-predani h1 { text-align: left; font-size: 1.6em; margin: 0; padding: .6em 0 0em 0;}
  section.mista-predani .intro { width: 100%;  font-size: 1.1em; text-align: left; margin-bottom: 1em;}
  section#page .intro p {text-align: left!important}
}

#counters {
  position: absolute;
  top: 27px;
  left: 450px;
  display: inline-block;
}

.counter {
  float: left;
  margin-right: 1.8em;
  padding: 0 .5em .4em .5em;
  color: rgb(15,91,163);
  display: inline-block;
  position: relative;
}

@media (max-width: 767px) {
  #counters {
    left:auto; right: 15px; top: 70px;
  }
}

@media (max-width: 767px) and (orientation:portrait) {
  body > header .navbar-header { min-height: 170px; }
  #search_form_row { top: 130px; }
  #counters {left:10px; top: 90px;}
}

.counter h4 {
  font-size: 20px;
  margin: 0 0 0 2px;
  line-height: 19px;
  font-family: sans-serif;
  font-weight: 300;
  margin-top: .7em;
  display: inline-block;
  /*background-color: #eee;*/
  border-bottom: 1px solid #2D2D2D;
  color: #2D2D2D!important;
  /*border-radius: 12px;*/
  /*color: #FFF;*/
  position: absolute;
  top: -5px;
  left: 32px;
  white-space: nowrap;
  /*text-decoration: underline;*/
}

.counter-bk h4,.counter-trx h4 {
  /*left: 2px;*/
}
.counter-usr {
  margin-left: .4em;
}
.counter-usr h4 {
   min-width: 20px;
   left: 30px;
}

.counter-fb {
  height:29px;width:35px;
  background: transparent url('../img/facebook-icon.svg?2') no-repeat bottom center;
  background-size: 22px 22px;
  margin-left:4px;
  position: relative;
}

.counter-fb a { position: absolute; top:0; left:0;width:100%;height:100%; }
.counter-fb h4 { left: 34px;}
.counter-trx span.glyphicon {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.counter .glyphicon { font-size: 20px;  margin-top: .4em; }

@media (max-width: 768px) {
  .counter .glyphicon { font-size: 20px;  margin-top: .4em; }
  .counter-fb { height:30px;width:35px; background-size: 25px 25px;}
}

.ico-avatar:before {
  font-family: 'Glyphicons Halflings';
  content: "\e008";
  transition: color .15s;
  font-size: 27px;
  color: rgb(15,91,163);
  z-index: 2;
}

.ico-pencil:before {
  font-family: 'Glyphicons Halflings';
  content: "\270f";
  transition: color .15s;
  font-size: 17px;
  color: rgb(15,91,163);
  z-index: 2;
}

.ico-remove:before {
  font-family: 'Glyphicons Halflings';
  content: "\e014";
  transition: color .15s;
  font-size: 17px;
  color: rgb(15,91,163);
  z-index: 2;
}
.ico-more:before {
  font-family: 'Glyphicons Halflings';
  content: "\e234";
  transition: color .15s;
  font-size: 23px;
  color: rgb(15,91,163);
  z-index: 2;
}

.form-group label { color: #9B9B9B;}

.pagination { 
  width: auto;
  margin: 1.5em auto 1.5em auto;
  padding: 0;
  text-align: center;
  display: block;
}
.pagination li { display: inline-block; }
.pagination li a { padding: 6px 14px; }

.shelf-list .pagination { margin-top: 1.5em; }

.pagination > li > a,
.pagination > li > span {
  margin: 0 5px;
  color: #555;
  font-size: 1em;
  line-height: 1.6em;
  border: 1px solid #efefef;
  border-radius: 3px;
  padding: 7px 13px;
}

.pagination > li.active > a,
.pagination > li:focus > a
.pagination > li > a:active {
  background-color: #efefef;
}

.pagination > li.avail > a:hover {
    background-color: #efefef;
    text-decoration: none;
}

.pagination .first a,
.pagination .prev a,
.pagination .next a,
.pagination .last a { height: 39px; width: 39px; }

.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0!important; }

.pagination span.glyphicon { left: -4px; top: 2px;}

.pull-right { float: right; }

.section h3 { font-weight: normal; }

.shelf {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  /*max-width: 100%;*/
  justify-content: center;
  /*flex-start;*/
  /*space-around;*/
  /*align-content: flex-end;*/
   /*flex-shrink:2;*/

   z-index:910;
}

.shelf-single { height: 270px; overflow: hidden}
.shelf-slick {   }


.shelf-book .row {
  padding: 8px;
  position: relative;
  width: 159px;
}

.shelf-list .row {
  width: 50%;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 1023px) {
  .shelf-list .row { width:100%;}
  .shelf-list h4.title a { width:80%;}
}

.shelf-list .row {
  margin: 0 0 0 0;
  padding: .5em 0 .3em;
  position: relative;
  display: block;
}
.shelf-list .book-wrapper {
  width: 100%;
  margin-bottom: 1rem;
  display: block;
  padding-right: 5%;
}
.shelf-list .row .call-to-action {
  display: block;
  width: 100%;
  margin-top: 5px;
}
.shelf-list .row .call-to-action .btn {
  font-size: 0.75rem;
  padding: .4rem .8rem;
}

.shelf .row .location { font-size: .75em; }

.shelf-list .row .location-paused { top: 5px;}

.shelf-book .row > .book-wrapper > .author,
.shelf-book .row > .book-wrapper > .title,
.shelf-book .row > .book-wrapper > .subtitle { display: none; }

.shelf-list .row > .book-wrapper > .author,
.shelf-list .row > .book-wrapper > .title { display: block; }

.shelf-list .row > .book-wrapper > .subtitle { display: none; }

.shelf .row .location .alert { margin: 0!important}
.shelf .row .location .alert-danger { border: 1px solid #E31E49; color: #E31E49; margin: .1em 0 .5em!important;}
.shelf .row .location .alert p { margin: .1em 0; }

.shelf { margin-top: 0em;}

#hub-trx .shelf { display: block; }
#hub-trx .row { width: 100%; border-bottom: 1px solid #ccc;}
#hub-trx .row .xractions{ position: absolute; right: 0; width: 40%;}
#hub-trx .shelf .row .title, #hub-trx .shelf .row .author { display: block; }

.shelf-book .row .location {
  position: relative; text-align: center; width: 85%;
  display: inline-block;
  line-height: 18px;
  margin: 5px 0;
}


.book-wrapper h4 { margin: 0; padding: 0; font-weight: normal;}
.shelf-book .book-wrapper .author { font-size: .8em; margin-top: .3em; font-weight: bold; display: inline-block; width:40%;}
.book-wrapper .author a { text-decoration: none; color: #343434; }
.book-wrapper .subtitle { font-size: .9em;color: rgb(15,91,163); }
.book-wrapper .title { font-size: 1.1em; line-height: 1.35em; }

.shelf-book .book-wrapper .title { margin: 0; padding-top:.5em;}
.shelf-list .book-wrapper .title { font-size: 1em; line-height: 1.2em; padding-top:0;}

.shelf-list .author { 
  width:100%;
  font-size: 0.9rem;
}

#inout { width: 100%; }

/*.shelf-book .actions { margin-top: 1.1em;}*/

.actions .handover-selection {
  width: 300px;
  padding: 7px 10px;
  background-color: #eee; z-index:100;
}

.actions .handover-selection ul {
  margin: 0;
  padding: .1em 0 0;
  list-style-type: none;
}

.actions .handover-selection ul li {
  list-style-type: none;
  line-height: 1.5em;
}

.actions .handover-selection ul li input {
  vertical-align: middle;
}

.actions .handover-selection ul li label {
  vertical-align: middle;
  padding-left: .3em;
}

.actions .handover-selection span.help {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #ff5677;
  font-weight: bold;
  border-bottom: 1px dotted #ff5677;
}

.actions .handover-selection label.hint {
  display: block; margin: 5px 0;
}

#inout .handover-selection button { width: 70%; padding: 0 1em; }

.status-requested { margin: .3em 0 1em; }

.next-step-personal { position: absolute; bottom: 0px; right: 0; height: 50px;}
.next-step button,
.next-step-personal button { height: 50px; }
.next-step-hub { padding: .5em 0 0 1.4em;}

label.active { font-weight: bold; color: #D0000F;}


input[name="author"].form-control,
input[name="title"].form-control { width: 60%; }
input[name="cover_url"].form-control { width: 60%; }

section#book_add,
section#inout,
section#view_profile {
  /*border-top: 1px solid rgb(15,91,163);*/
  min-height: 600px;
}

section#view_profile .alert {padding-left:.5em;padding-right:.5em; margin-bottom:.3em;}

@media (max-width: 768px) {
  section#book_add, section#inout, section#view_profile {
    border-top: none;
  }
}

section#view_profile,section#registration { padding-top: 1em; }
section#registration .form-row h2,
section#view_profile .form-row h2 { padding-left: .7em;}

#user_info span.help { top: -5px; }


@media (max-width: 768px) {
  .book-add-wrapper { padding-top: 1.5em; margin: 0 .1em; }
  .book-add-wrapper h2 { font-size: 1.1em; }
  .book-add-wrapper .search-field { width: 100%; }
  .book-add-wrapper input[name="term"].form-control,
  .book-add-wrapper input[name="user_isbn"].form-control { width: 100%; font-size: .9em; height: 30px;}
  #find_book_auto {height:30px;}
}

section#registration .col-sm-12,
section#book_add .col-sm-12,
section#view_profile .col-sm-12 { clear:both; float: none!important;padding:0;}

.form-group label { font-weight: bold; font-size: .9em; color: #444;}
.form-group { float:left; width:100%; margin-bottom: .3em; }
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group select { width: 300px; }

@media (max-width:768px) {
  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=password] { width: 100%; }
}

#book_cover_view { display: none; }

/* ************************** */

.clearfix {clear:both;}
.alert {
  padding: .3em .6em .4em .5em;
  margin: 1em 0;
  line-height: 1.4em;
 }

.alert-error,
.has-error  {
  padding: 5px;
  background: none;
  border: 1px solid #a94442;
  border-radius: 0;
}
.alert-error h4,
.has-error  h4 {
  margin-top: 0;
  color: inherit;
}

.alert-error > p,
.alert-error > ul,
.has-error  > p,
.has-error > ul {
  margin: 0;
}

.alert-error > p + p,
.has-error  > p + p {
  margin-top: 5px;
}

.alert-error,
.has-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-warning {
  color: #EB7F21;
  background-color: #FFF7B1;
  border-color: #EB7F21;
}

.alert-info {
  color: #3C4589;
  border-left: 10px solid #3C4589;
  font-weight: bold;
}

.has-warning {
  color: #FBAD22;
  border-color: #FBAD22;
}

.alert-success {
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-success a { color: #2b542c!important;}

.alert-no-margin { margin: 0;}

.alert { padding-left: 1em; font-size: .9em; font-weight: 300;}
.alert h1,.alert h2,.alert h3 { margin: .5em 0;}
.alert p { margin: .5em 0;}
.alert a { text-decoration: underline; }

.btn-icon {
  padding: .1em .4em 0 .4em!important;
}

.btn-default {
  background: none;
  border: 2px solid #6D6E6E;
  color: #6D6E6E;
}
.btn-default:hover {
  background-color: #6D6E6E;
  color: #FFF;
  transition: all color .3s ease 0s;
}

.btn-primary {
  background-color: rgb(15,91,163);
  transition: all .2s ease 0s;
}
.btn-primary:hover {
  background-color: #C4243E;
  color: #FFF;
  transition: all .3s ease 0s;
}

button.btn-success {
  color: #FFF;
  background-color: #22B635;
  border: none;
}

.btn-color-2 {
  color: #DEA24B;
  border: 2px solid #DEA24B;
}

.btn-color-2:hover {
  background-color: #DEA24B;
  color: #FFF;
  transition: all .3s ease 0s;
}

.btn-color-error { color: #DD2F3A;border: 2px solid #DD2F3A;}
.btn-color-error:hover {background-color: #DD2F3A;color: #FFF;transition: all .3s ease 0s;}

.btn-call-action {
  color: #FFF;
  border: 2px solid #FFF;
  background: none;
  font-size: 1.1em;
  transition: all .2s ease 0s;
  width: 100%;
}

.btn-call-action:hover {
  background-color: rgb(15,91,163);
  color: #FFF;
  transition: all .3s ease 0s;
}

button.btn-disabled, a.btn-disabled { color: #BBB; background: none; border: 2px solid #BBB;}
button.btn-disabled:hover,
a.btn-disabled:hover { color: #BBB; background: none; border: 2px solid #BBB; }

.form-control {
  padding: 3px 5px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.modal textarea.form-control {
  max-width: 100%;
  /*width: 98%;*/
}

input[type="search"] {
  -webkit-appearance: none;
}

.pull-left { float:left; }
.pull-right { float:right; }

.ajax-loader {
  position: absolute; width: 100%; height: 100%;
  display: none;
  width: 32px;
  height: 32px;
  background: transparent url(../img/ajax_loader.gif) no-repeat center center;
}


.ajax-loader-2 {
  position: absolute; width: 100%; height: 100%;
  display: none;
  z-index: 5;
  opacity: .7;
  background: #FFF
}

#meet_setup_modal .ajax-loader-2,
#chat_modal .ajax-loader-2 {
  width: 96%; height: 96%;
}

.ajax-loader-2 .wheel {
  margin: 0 auto;
  width: 64px; height: 64px;
  z-index: 7;
  background: transparent url(../img/ajax_loader.gif?1) no-repeat center center;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5),  (min-resolution: 192dpi) {
  .ajax-loader-2 .wheel { background-image: url(../img/ajax_loader@2x.gif?1); background-size: 64px 64px; }
}

.modal-dialog .ajax-loader {
  position: absolute;
  top:0; left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 7;
  opacity: 0.8;
}

#book_view_modal .ajax-loader {
  position: relative;
  min-height: 200px;
}

.modal select { height: 28px; }
.modal select.hour-minute { width: 60px;}

.turbolinks-progress-bar {
  height: 5px;
  background-color: green;
}

.label-available { color: #289D1D; }
.label-not_available { color: #E68540;  }
.label-on_the_road { color: #E68540; }
.label-owned { color: #949490; }

section.book-copy h1 { font-size: 1.7em; padding: 0; margin: .3em 0 0; font-weight: normal; }
section.book-copy h2 { font-size: 1.3em; padding: 0; margin: 0 0 .5em; }
section.book-copy h3 { font-size: 1.1em; padding: 0; margin: .2em 0 .5em; font-weight: bold; }
.book-head { width: 100%; margin-right: 1.5em;}
.book-head img { max-width: 20em; }

a.ui-state-default {border-color: #0AB21E!important;color:#0AB21E!important;font-weight: bold;}
.ui-datepicker-unselectable a {background-color: #CCC!important;}

section#registration .has-error,
section#registration .alert-error {margin: 1em 0 2em 0;}

section#registration .form-row .has-error,
section#registration .form-row .alert-error {margin: .5em 0 .5em 0;}

section#registration #address_row { line-height: 30px; width: 50%; }
section#registration #address_row select { height: 30px;}

@media (max-width: 768px) {
  section#registration #address_row { width: 100%; }
}

section#registration button[type=submit] { margin: .6em 0 1em 0;}

.book-add-wrapper label.choice { display: inline-block; border: 1px solid #474747; border-radius: 15px; padding: .2em .5em .2em; line-height: 1.3em; margin-right: 1em; }

.hidden { display: none; }
/*.uppercase { text-transform: uppercase;}*/

.ico {
  font-family: 'Glyphicons Halflings';
  font-size: 18px;
  color: #289D1D;
  z-index: 0;
  position: absolute;
  top: 5px;
  right: 10px;
}
.ico-book-available:before {
  content: "\e013";
}
.ico-book-unavailable:before {
  content: "\e014";
  color: #919A7A;
}
.ico-user:before {
  content: "\e008";
  font-size: 12px;
}

.formholder {
  background: #ecf0f1;
  padding: 5px 10px;
}
.formholder .alert{ margin-bottom: 0;}
.formholder input[name="identity"], .formholder input[type="email"], .formholder input[type="password"] {
  padding: 7px 5px;
  margin: 10px 0;
  width: 100%;
  display: block;
  font-size: 1em;
  border: none;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}
.formholder input[type="email"]:focus, .formholder input[type="password"]:focus {
  outline: none;
  box-shadow: 0 0 1px 1px #1abc9c;
}
.formholder button[type="submit"] {
  display: block;
  width: 100%;
}
.formholder input[type="submit"]:hover {
  background: #1bc6a4;
}
.formholder fieldset { border: none;}
.formholder label { font-size: .9em; text-align: left; }
.randompad {
  padding: 10px;
}

.green {
  color: #1abc9c;
}

/*a {
  color: #ecf0f1;
  text-decoration: none;
}
a:hover {
  color: #1abc9c;
}
*/

#fetched_info label { width: 4em; display: inline-block; }
#fetched_info .image-wrap {
  width: 90px;
  height: 122px;
  float:left;
}

#inout .inout-box header.col-header { border-bottom: 2px solid #4BAB33; }

#inout .outbox header.col-header { border-color: #DC3941; }
#inout .inout-box header.col-header h3 { font-size: 1em }


.book-inquiry {
  padding-top:.6em;
  border-bottom: 1px solid #efefef;
  position: relative;
  padding-bottom: 8px;
}
.inbox .book-inquiry {
  border-color: #4BAB33;
}
.outbox .book-inquiry {
  border-color: #DC3941;
}
.book-inquiry .book-wrapper { min-height: 85px; z-index: 1;}
.book-inquiry .book-wrapper .image-wrap {
  float: left;
  width: 65px;
  margin-right: 10px;
}
.book-inquiry header { position: relative; border-bottom: 1px dotted #ccc; padding-bottom: 1em; margin-bottom: 1em;}
.book-inquiry header h4 { margin: 0em 0 0; font-size: 1.3em }
.book-inquiry .ico-avatar { text-align: center; padding: .5em; margin-right: 1em; background-color: #FFF; border-radius: 3em; height: 40px; width: 40px;}
.book-inquiry .book-wrapper h4.title { font-size: 1em; }
.book-inquiry button, .book-inquiry a.btn { 
  padding: 0 1em;
  line-height: 2em;
}

@media (max-width: 767px) {
  .book-inquiry button, .book-inquiry a.btn { width: 100%; }
}

.book-inquiry footer div { text-align: center; margin-bottom: 1em; }

.inquiry-detail-toggler { 
  position: absolute;
  top: 20px;
  right: 10px;
  border: 1px solid rgb(15,91,163);
  border-radius: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.inquiry-detail-toggler span { 
  font-size: 17px;
  text-align: center;
  width: 100%;
  margin-top: 6px;
}

.inquiry-detail-toggler span.glyphicon-comment { font-size: 20px; top: 9px; left: 9px;}

.inbox .inquiry-detail-toggler { border-color: #4BAB33; color: #4BAB33; }
.inbox .inquiry-detail-toggler span:before { color: #4BAB33; }
.inbox .inquiry-detail-toggler:hover { background-color: #4BAB33;}
.inbox .inquiry-detail-toggler:hover span:before{ color: #FFF;}

.outbox .inquiry-detail-toggler { border-color: #DC3941; color: #DC3941; right: 0;}
.outbox .inquiry-detail-toggler span:before { color: #DC3941; }
.outbox .inquiry-detail-toggler:hover { background-color: #DC3941;}
.outbox .inquiry-detail-toggler:hover span:before{ color: #FFF;}

.inquiry-detail-toggler-2 { right: 3em!important;}

h4.title a { width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; font-size: 1.2em; }
.shelf-list h4.title a { width: 80%;font-size: 1em; font-weight: 700;}


.ellipsize { width:60%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
@media (max-width: 768px) {
  .ellipsize { width:90%; }
  .shelf-list h4.title a { width: 50%;}
  .shelf-list h4.author { width: 50%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
}
.form-row { margin-bottom: .5em; }
.form-row-last { padding-top: 1em; margin: 0;}

.form-row input.datepicker { display: inline-block; }
#view_profile .form-row { line-height: 1.9em; }
#view_profile .form-label,
#registration .form-label{ width: 183px; float: left; text-align: right; padding-right: .7em; line-height: 30px; }

#registration .form-label-2-rows { line-height: 18px;}

#view_profile .form-label{ width: 185px; }
@media (max-width: 768px) {
  #registration .form-label{ width: 120px; font-size: .8em;}
  #view_profile .form-label{ width: 120px; }
  #registration .col-sm-12 { margin: 0; padding:0;}
}
#book_add .form-label { width: 200px; float: left; padding-right: .7em; line-height: 30px; }

#view_profile .form-label { padding-right: 1.2em; }
#view_profile .form-row,
#registration .form-row,
#book_add .form-row { width: 55%; float: left; }

#view_profile .form-row-max,
#registration .form-row-max,
#book_add .form-row-max { width: 100%; float: left; text-align: center; }

.modal-dialog form label { display: inline-block; /*width: 40%;*/ text-align: right; padding-right: .5em;}

a.no-ul {text-decoration:none!important;border:none!important;}
a.no-decoration { text-decoration: none; line-height: 2.3em; padding: 0 .5em;}
a.reset {text-decoration: none;}

#explain { position: fixed; bottom: 0; height: 35px; z-index:1000; background-color: rgb(15,91,163); width: 100%; text-align: center; overflow-y: scroll;z-index:1000; opacity:.95;}
#explain a { line-height: 2em; color: #FFF;}
#explain .content {position: relative;width:40em;margin: 0 auto; text-align: left;color: #FFF;}
#explain .content .close { color: #FFF; opacity:1;}
@media (max-width: 768px) {
  #explain .content { width: 100%;padding: 1em;}
  a.no-decoration { line-height: 1.9em; }
}
/****** NAVBAR BOOTSTRAP */
.navbar-default { background: none!important; border: none!important; }
.navbar-toggle {
  float: right;
  padding: 10px 12px;
  margin-top: 15px;
  margin-right: 20px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  z-index: 900;
  border: none !important;
}

.help-box:before {content: "?"; }
.help-box { display: inline-block; width: 20px; height: 1em; line-height: 1.2em; text-align: right; font-size: .9em;color: #fff;  background-color: rgb(15,91,163); }
.close {z-index: 10;}

ul.book-prop { padding: .8em 0 .6em 0;}
ul.book-prop li { list-style-type: none; padding: .1em 0; border-bottom: 1px dotted #bbb; }
ul.book-prop li div {display: inline-block; font-size: 0.9em; }
ul.book-prop li .label { vertical-align:top;margin:0!important;width: 30%; color: #000; text-align: left; padding-left: 0; font-weight: normal;}
ul.book-prop li .val { color: #696A6C; width: 70%; text-align: left;}

#book_detail .fulltext, 
#book_detail ul.book-prop {
  max-width: 550px;
  margin: 2rem auto 0;
  text-align: justify;
}

#book_detail ul.book-prop li .label { width: 120px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: rgb(15,91,163)!important;
  color: #FFF!important;
}

#explain .content h1 { font-size: 2em;}
#explain .content h2 { font-size: 1.5em;}
@media (max-width: 768px) {
  #book_detail ul.book-prop { margin-left: 0;}
  #book_detail ul.book-prop li .label { width: 100px;}
  #explain .content h1 { font-size: 1.5em;}
  #explain .content h2 { font-size: 1.2em;}
}

section.stats { padding-bottom: 1em}
section.stats h2 { line-height: 2em; display: inline-block;}
section.stats a.bl { line-height: 2em; display: inline-block;}
section.stats ul { padding: 0; margin:0; }

section.stats .row-header { border-bottom: 1px solid #eee;}
section.stats ul li { list-style-type: none; line-height: 2em;}
section.stats .row { padding: .6em 0 .3em;}
section.stats .col { line-height: 1.3em;}


.book_owner { margin:0 auto;font-size:.8em;width:auto; border-radius: 20px; border: 2px solid #fdbd0c; padding: 5px 16px 4px 10px; color: #646464;}
.book_owner i.fa-heart { color: #f00;}
.book_owner a { font-weight:bold;color:#cf1705;}

.conversation { position:relative;margin-bottom:1em;padding-bottom:2em;max-height:150px;height:150px; width:100%; overflow: scroll;z-index:0;
box-shadow: inset -2px -41px 25px -41px #ABABAB;
}
/*.conversation-shadow {box-shadow: 0 -10px 10px #888888; height:10px; width:100%;display: block;z-index:100;}*/

.msg-row { height:1em;position:relative;margin-bottom: .7em; clear: both;}
.msg-row .ts { clear:both;font-size:.75em; color: #bbb; margin-top: .5em; }

.msg-row-right .ts { margin-right: 3em; }
.msg-row-left .ts { margin-left: 3em; }

.speech-bubble {
  position: relative;
  border-radius: .4em;
  margin: 1em 0 0;
  padding: .6em 1em;
  color: #FFF;
  display: inline-block;
  max-width: 80%;
  font-size:.9em;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #4394FF;
  border-bottom: 0;

  margin-left: -3px;
  margin-bottom: -10px;
}
.speech-bubble-left { background: #4394FF; }
.speech-bubble-right { background: #AAA; }

/*.speech-bubble-right .ts {}*/

.speech-bubble-left:after {
    left: 15px;
    border-left: 0;
    border-top-color: #4394FF;
}
.speech-bubble-right:after {
    right: 15px;
    border-right: 0;
    border-top-color: #AAA;
}

#channel_tabs { 
  margin-top: 0;
}
#channel_tabs li a {
  border: 1px solid #cf1705;
  border-bottom: 0;
  margin-right: 5px;
  padding: 8px 11px 6px;
  display: block;
  border-radius: 3px 3px 0 0;
  color: #cf1705;
  text-decoration: none;
}
#channel_tabs li a.active {
  color: #999;
  border-color: #999;
}

#meet_setup_modal h3 { margin-bottom: 0;}

#meet_info { background-color:#FFF7B1;padding:1em; }

#splash-wrapper { position: absolute; top: -290px; background-color: #FFF; height: 350px; width:100%; z-index: 1005; opacity: .97; }
#splash { position: absolute;  left:1%;width:98%;height: 350px; border-bottom:4px solid rgb(15,91,163); }
#splash-content { float:left; width:65%; }
#splash-map {
  float:left;
  width:35%;
  height:245px;
  margin-top:25px;
  background: transparent url(../img/map-splash.png) no-repeat center center;
  background-size: 100% auto;
  max-width: 441px;
}

#splash-map a { float: left; width:100%; height: 100%;}

#splash h2 {
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Ubuntu", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 300;
  font-size: 1.8em;
  margin: 1.3em auto .8em auto;
}
#splash .underline { bottom: -2em;
border-bottom: 3px solid #707478; width: inherit;
margin: 0 auto; display: none;
}
#splash h2 strong { font-weight: 700;}
#splash ul { list-style-type: none; margin: 0 auto; text-align: center; padding:0;}
/*#splash > ul { margin-left: 2em;}*/
#splash-content > ul > li { display: inline-block; width: 25%; text-align: left; padding: .6em 0; position: relative; }
#splash-content > ul > li.step-2 { width: 30%;}
#splash-content > ul > li h3 {padding: 0 0 0 2.6em; margin: 0; line-height: 2.3em; font-size: 1.1em; font-weight: 300;}
#splash-content > ul > li div { border-radius: 40px; background-color: #0f0; float:left; width: 40px; height: 40px; font-size: 1.4em; text-align: center; line-height: 1.7em; font-weight: 500; color: #FFF; vertical-align: baseline;}
#splash .step-1 div {background-color: rgb(247,185,43); }
#splash .step-2 div {background-color: rgb(41,175,21);}
#splash .step-3 div {background-color: rgb(234,38,29);}
/*#splash .step-1 { position: absolute; left: 30px;}*/
#splash .divider { display: none; width: 3px; /*display: inline-block;*/ position: absolute; right:15px; top: -0px; background-color: rgb(15,91,163); height: 60px; transform: rotate(10deg);}
#splash .collapser { position: absolute; right: 1em; top: 1em; width: 40px; height: 40px; margin: 0 auto; cursor: pointer; }
#splash .collapser:hover span { line-height: 1.3em;}
#splash .collapser span { display:inline-block;width:100%;color: rgb(15,91,163); font-size: 1.3em; line-height: 1.7em; text-align: center;}

#splash hr { width: 70%; border-top: 1px solid #707478; margin: .4em auto;}
.transfer-point { padding: .3em 0;margin: 1.4em auto 0 auto; text-align: center; background: transparent url(../img/arrows.png) no-repeat center center; }
.transfer-point ul { display: inline-block; font-size: 1em; vertical-align: top; width:30%;}
.transfer-point ul li { line-height: 1.7em; }
.transfer-point .col {width: 30%; display: inline-block; text-align: center;
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg); }
.transfer-point ul.transfer-point-praha li { display: block; padding: 0;}
.transfer-point h4 { padding: 0;margin:0; font-size: 1.1em; line-height: 1.6em;}

.transfer-point .col h3 { color: rgb(234,38,29); font-size: 1.2em; line-height: 1.3em;
  padding-top: .2em;
  margin: .4em 0 0 0;
  background-color: #FFF;
  text-decoration: underline;
}


.icon-close {
  position: absolute;
/*  right: 32px;
  top: 32px;*/
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.icon-close:hover {
  opacity: 1;
}
.icon-close:before, .icon-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.icon-close:before {
  transform: rotate(45deg);
}
.icon-close:after {
  transform: rotate(-45deg);
}

#map { height: 500px; width:100%;}

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



@media (max-width: 1200px) {
  /*body > header { height: 150px;}*/
  body.modal-open {
    position: fixed;
    overflow-y: hidden !important;
    margin: 0 !important;
  }

  select[name="tag"] {
    width:95%;
  }

  /*.login { width: 100%; }*/
  #splash-wrapper, #splash { height: 380px;}
  #splash h2 {font-size: 1.1em; width:85%; margin: .4em auto .3em auto; }
  #splash ul { text-align: left; margin-bottom: 0; width:80%;}
  #splash ul li h3 { font-size: 1em; line-height: 1.7em;  padding-left: 2.2em; }
  #splash ul li div { font-size: 1em; width: 25px;height:25px;}
  #splash ul li { width: 100%; padding: .2em 0; text-align: left;}
  #splash ul li .divider { display: none;}
  #splash .step-1 { padding-left: 0;}
  #splash ul li.step-2 { width: 100%;}

  #splash .collapser { position: absolute; right:  0; top: 0; }
  .transfer-point { background: none; margin-top:0; }
  .transfer-point .col h3 { font-size: 18px; text-decoration: none;}

  .transfer-point h4 { font-size: 1.1em; line-height: 1.3em;}
  .transfer-point ul li {font-size: .9em; line-height: 1.2em; padding:0; text-align: center!important;}
  .transfer-point ul { display: block; width: 100%;}
  .transfer-point .col { width:100%;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
    /*.handwritten { letter-spacing: .3;}*/
  .icon-close { width: 20px; height: 20px;}
  .icon-close:before, .icon-close:after { left: 10px; height: 22px; width: 2px;}
}

@media (max-width: 768px) {
  #splash-content, #splash-map { width:100%;}
  #splash-map { display:none;background-size: 300px auto;}
}