/* Add here all your css styles (customizations) */

body {
    font-size: 14px;
    line-height: 1.75;
}

.wrapper {
    /*background: #fff;*/
    background-color: transparent;
}

.boxed-layout {
    background: #000;
    padding: 0;
    box-shadow: none;
    margin-left: auto !important;
    margin-right: auto !important;
}

.header-v4 {
    margin-bottom: 0px;
    margin:0;
}


.content {
    background: #fff;
}
.content-sm {
    background: #fff;
}




.topbar-v1 {
    background-color: transparent;
    border-top: solid 0px #f0f0f0;
    border-bottom: solid 0px #f0f0f0;
}
.topbar-v1 .top-v1-data li {
    border-right: solid 0px #eee;
}
.topbar-v1 .top-v1-data li {
    border-top: solid 0px #eee;
}
.topbar-v1 .top-v1-data li:first-child {
    border-left: solid 0px #eee;
}
.topbar-v1 .top-v1-data li a {
    font-size: 14px;
    color:#fff;
}
.topbar-v1 .top-v1-data li i {
    color: #fff;
    font-size: 16px;
}

.navbar-header {
    height:140px;
}

.header-v4 .navbar-default .navbar-nav > li > a {
    color: #fff;
    border-color:transparent;

}
.header-v4 .navbar-default .navbar-nav > li > a:hover {
    color: #fff;

}


.header-v4 .navbar-collapse {
    background: rgba(0, 0, 0, 0.6);
    border-color:#000;
}

.collapse .navbar-collapse .navbar-responsive-collapse {
    border:0;
}


.header-v4 .navbar .nav > li > .search {
    min-width: 25px;
}



.header-v4 .navbar-default .navbar-nav > li {
    margin-left: -1px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}


.header-v4 .navbar-default .navbar-nav > li > a:hover,
.header-v4 .navbar-default .navbar-nav > .active > a {
    background-color: #000;
}


.header-v4 .navbar .nav > li > .search {
    margin: 4px 9px 0 10px;
}



.header-v4 .navbar-default .navbar-toggle {	
    background: rgba(0, 0, 0, 0.6);
    border:0;
    color:#fff;
}

.header-v4 .navbar-toggle,
.header-v4 .navbar-default .navbar-toggle:hover,
.header-v4 .navbar-default .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0.6);
    color:#fff;
}


.full-width-menu {
    color:#fff;
}

.footer-logo {
    width:100px;
}



.sky-form {
    text-align: left;
    margin:0 !important;
    padding:0 !important;
    border:0;
}

.rating {
    text-align: left;
    margin:0 !important;
    padding:6 !important;
    color:red;
}

.smallrating {
    text-align: center;
    margin:0 !important;
    padding:6 !important;
    color:gray;
}

.smallratingleft {
    text-align: left;
    margin:0 !important;
    padding:0 !important;
    color:gray;
}

.list-inline, .badge-lists {
    margin:0;
    padding:0;
}

.list-inline, .badge-lists li {
    margin:0;
    padding:0;
}

.award-row {
    display: -webkit-flex;
    display: flex;
}


/* BOOK BLOCKS */
.book-lg {
    display: inline-block;
    vertical-align: top !important;
    text-align:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:0;
}
.book-lg-short {
    display: inline-block;
    vertical-align: top !important;
    text-align:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:0;
}
.book-lg-short h4 {
    vertical-align: text-top;
    font-size:28px;
    line-height:32px;
    margin:0;
    margin-top:10px;
    padding:0;
    text-decoration: none;
}
.book-lg-short a {
    text-decoration: none;
}
.book-lg-short p {
    position: absolute;
    bottom: 60px;
    right: 20px;
    font-size:16px;
    line-height:18px;
    text-align:right;
    text-decoration: none;
}

.book-ml {
    display: inline-block;
    vertical-align: top !important;
    text-align:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:0;
}
.book-ml-short {
    display: inline-block;
    vertical-align: top !important;
    text-align:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:0 !important;
}
.book-ml-short h4 {
    vertical-align: text-top;
    font-size:18px;
    line-height:20px;
    margin:0 !important;
    padding:0 !important;
    text-decoration: none;
}
.book-ml-short a {
    text-decoration: none;
}
.book-ml-short p {
    position: absolute;
    bottom: 50px;
    right: 14px;
    font-size:14px;
    line-height:15px;
    text-align:right;
    text-decoration: none;
}

/* RESOURCES BLOCKS */
.podblock {
    display: inline-block;
    width: 150px;
    vertical-align: top !important;
    text-align: left;
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 0;
}

.podblock h4 {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
}

.podblock p {
    font-size: 12px;
    line-height:16px;
}

.imagenospace {
    margin:0 !important;
    padding:0 !important;
}
.book-list {
    display: inline-block;
    vertical-align: top !important;
    text-align:left;
    margin:10px;
    padding:0;
}

/*
@media (max-width: 679px) {
  .winner {
      clear:right;
      display: block !important;
      background:red;
  }
  
}

@media (max-width: 679px) {
  .nominees {
      display: block !important;
      background:yellow;
  }
}
*/

/* COLOR CODING */
.booknotread {
    background:#ebebeb;
}
.bookread {
    background:#cef0bd;
}
.bookreading {
    background:#efd095;
}
.bookfavorite {
    background:#c7e1fd;
}
.booktoread {
    background:#fffab8;
}



.badge {
    font-weight:bold !important;
}

/*
width: 500px;
  margin: 20px auto;
  padding: 50px;
  
*/

.tab-content {
    background:#fff;
    padding:10px !important;
}

.tab-pane {
    overflow: auto;
}


/* VARIOUS BOXES FOR THUMBNAILS */
.awardsthumb {
    display:inline-block;
    margin:0 15px 10px 0;
    width:190px;
}


@media (max-width: 768px) {
    .awardsthumb {
        display:inline-block;
        margin:0 15px 10px 0;
        width:150px;
    }
}


.headline {
    border-bottom: 1px dotted ccc;
}



.memberrating {
    margin:3px;
    padding:5px;
    text-align:center;
    width:100px;
    height:120px;
    overflow:hidden;
    border:0px solid #e7e7e7;
    display:inline-block;
}

.memberreview {
    margin:3px;
    padding:5px;
    text-align:left;
    width:255px;
    height:90px;
    overflow:hidden;
    border:1px solid #e7e7e7;
    display:inline-block;
}

.altcover {
    margin:3px;
    padding:0px;
    text-align:center;
    width:150px;
    overflow:hidden;
    border:0px solid #e7e7e7;
    display:inline-block;
}

.adaptation {
    margin:3px;
    padding:10px;
    text-align:left;
    width:300px;
    height:170px;
    overflow:hidden;
    border:0px solid #e7e7e7;
    float:left;
    background-color:#f7f7f7;
}

.tiny {
    font-size:11px;
    line-height:14px;
    padding:0;
    margin:0;
    overflow: hidden;
}
.tiny2 {
    font-size:12px;
    padding:4px 0 0 0;
    margin:0;
}



.frame {
    height: 190px;
    width: 190px;
    overflow: hidden;
}

.zoomin img {
    height: 190px;
    width: 190px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}
.zoomin img:hover {
    width: 210px;
    height: 210px;
}

.table_overflow {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1.5em;
    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 70%) 100% 0, radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) 100% 0;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
}


.table {
    width:100% !important;
}

.table-condensed {
    width:100% !important;
}

.tab-pane {
    width:100% !important;
    min-height:200px; 
}