[data-sr] { visibility: hidden }

[data-sr-id] { visibility: hidden }

body {
    background-color: #333 !important;
    width: 100%;
}

.container {
    overflow: hidden !important;
    max-width: 100% !important;
    margin-top: 15px;
}

#savingModal {
    z-index: 10000;
}

.main-container {
    overflow: hidden;
    margin-left: 17% !important;
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.2;
}

.opacity-2 {
    opacity: 0.4;
}

.opacity-3 {
    opacity: 0.6;
}

.opacity-4 {
    opacity: 0.8;
}

.opacity-5 {
    opacity: 1;
}

.h2, h2 {
    font-size: 1.5rem !important;
}

.h3, h3 {
    font-size: 1.25rem !important;
}

.no-plr {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.breadcrumb .text {
    width: 90%;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 105px;
    display:none;
}

.account-container .card-header{
    display: unset !important;
}

.card-header {
    display: none;
}

.card-body {
    border-radius: 15px;
}

.login-row {
    margin: 10px 0 0;
}

.login-book-row {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 15px;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}

.home-login-register-btn a {
    color: #fff;
    padding: 0;
}

.home-login-register-btn a:hover {
    color: #fff;
}

.sign-up-btn-container {
    overflow: hidden;
    margin-left: 30px !important;
}

.sign-up-btn-container div {
    margin: 0 15px 0;
}

.sign-up-btn-container button {
    min-width: 180px;
}

#deleteReviewModal {
    z-index: 100000;
 }

/*.sign-up-btn-container .btn {*/
    /*border: 1px solid #ddd;*/
    /*border-radius: 6px;*/
    /*margin: 20px 0 0;*/
/*}*/

/*.sign-up-btn-container .btn:hover {*/
    /*border: 1px solid #333;*/
    /*background-color: #ddd;*/
    /*cursor: pointer;*/
/*}*/


.home-description {
    font-size: 1.25em;
    padding: 0 !important;
    text-align: center;
}

.home-description .card-body {
    padding: 0 5px 10px;
}

.home-description span {
    font-size: 1.75em;
}

.home-award {
    font-size: 1.25em;
    padding: 0 !important;
    text-align: center;
}

.home-award .card-body {
    padding: 10px 5px;
}

.home-award .home-book-container {
    margin-left: 60px;
    overflow: hidden;
}

.home-award .book {
    margin-right: 20px;
    margin-left: 20px;
}

.home-award .text {
    font-family: "raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 0 0;
}

.home-award h4 {
    font-size: 1em;
}

.recent-review-container h1 {
    color: #3490dc;
    font-size: 1.25em;
    padding: 0;
    margin-bottom: 2px;
}

.recent-review-container  .card-body {
    height: auto;
    min-height: 220px;
    padding: 0.75rem 0.75rem 1.25rem;
}

.recent-review-container .card {
    margin-bottom: 10px;
}

.recent-review-container  .recent-review {
    padding-left: 5px;
    padding-right: 0;
}

.recent-review-container .recent-review .review {
    font-style: italic;
    height: auto;
    min-height: 65px;
}

.recent-review-container .book-cover {
    padding-left: 6px;
}

.recent-review-container .book-title {
    cursor: pointer;
}

.recent-review-reviewer {
    clear: left;
    padding-left: 0 !important;
    padding-top: 5px;
}

.recent-review-reviewer .col-sm-2 {
    padding-left: 0;
}

.recent-review-reviewer .avatar-rating {
    padding-top: 5px;
}

.user-info-container .first .user-initials  {
    margin-top: 0;
}

.user-info-container .profile-img .user-initials {
    color: #fff;
    padding: 8px 0 0;
    width: 50px;
    height: 50px;
    border-radius: 9px;
    text-align: center;
    font-size: 1.5em;
}

.user-widget .user-info-container .profile-img .user-initials {
    padding: 12px 0 0;
    width: 60px;
    height: 60px;
    font-size: 1.75em;
    margin: 0 auto;
}

.recent-review-reviewer .profile-img .user-initials {
    width: 60px;
    height: 60px;
}


.genre,
.author,
.recommended-member {
    border: 1px #eee solid;
    border-radius: 6px;
    float: left;
    margin: 0 0 5px;
    text-align: center;
}

.genre,
.author {
    padding: 25px 0 !important;
}

.recommended-member {
    padding: unset;
}

.recommended-member {
    padding: 10px;
}

.genre:hover,
.author:hover,
.recommended-member:hover {
    cursor: pointer;
    opacity: 0.8 !important;
}

.genre:active,
.author:active,
.recommended-member:active {
    background-image: linear-gradient(#e0bbe4, #e0bbe4);
}

.recommended-member .avatar {
    margin: 5px 0 0;
}

.recommended-member p {
    text-align: left;
    margin: 0 10px 0;
    font-size: 0.9em;
}

.recommended-member p.name {
    color: #3490dc;
    font-weight: bold;
}

.recommended-member p.username {
    color: #3490dc;
}

.recommended-member p.username:hover {
    text-decoration: none;
}

.num-of-favs {
    margin-right: 5px;
}

.select-favs-container .logo {
    width: 175px;
}

.select-favs-container .btn {
    padding: 5px;
    margin: 10px 0 0 0;
}

.select-favs-container {
    background: #fff;
    box-shadow: 4px 0 5px #999;
    margin: -35px 0 0 0 !important;
    padding: 10px 0 5px;
    position: fixed !important;
    text-align: right;
    z-index: 9999;
    width:100% !important;
}

.select-cms-container {
    margin: -15px 0 0 0 !important;
}

.select-comm-members-container,
.select-favs-authors-container {
    margin: -15px 0 0 0 !important;
}

.genres-outer-container {
    margin-top: 35px;
}

.genres-container {
    margin-top: 20px;
}

.genres-container h1,
.select-members-container h1 {
    font-size: 1.1rem;
    font-weight: bold;
}

.select-members-container {
    margin-top: 40px;
}

.favs-next-link .link-disabled {
    opacity: 0.5;
}

.favs-next-link .link-enabled {
    color: #fff;
}

.genre-selected,
.author-selected,
.member-selected {
    background-color: #e0bbe4;
    color: #fff;
}

/*========= Dashboard =========*/

.dashboard-container {
    margin-bottom: 1em;
}

.dashboard-container .card-body .first:hover {
    border-radius: 15px 15px 0 0;
}

.dashboard-container .card-body .last:hover {
    border-radius: 0 0 15px 15px;
}

.search-container .card-body {
    padding: 0;
}

.more-to-follow-container .member-container {
    padding-left: 0;
    padding-right: 0;
}

.more-to-follow-container .member-container .profile-img {
    display: grid;
    justify-content: center;
    min-height: unset;
}

/*=============================*/


/*========= Activity =========*/

.dashboard-container .first .activity:hover {
    border-radius: 15px 15px 0 0;
}

.dashboard-container .last .activity:hover {
    border-radius: 0 0 15px 15px;
}

.dashboard-container .only .activity:hover {
    border-radius: 15px;
}

.dashboard-container .last,
.dashboard-container .only {
    border-bottom: none !important;
    border-radius: 0 0 15px 15px;
}

.book-reviews .activity-comments-container {
    padding: 0;
}

.book-reviews .book-index-reviews-container:hover {
    background-color: transparent !important;
}

.activity-reviews-container,
.activity-index-review-container,
.activity-bookshelves-container,
.activity-challenges-container,
.activity-comments-container {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    position: relative;
}

.activity-comments-container:hover {
    background-color: #f9f9f9;
}

.activity {
    -o-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    cursor: pointer;
    font-size: 0.95em;
    padding: 5px 0 0;

    overflow: hidden;
    position: relative;
}

/* -------- Social Bar -------- */

.activity .social-bar {
    color: #999;
    overflow: hidden;
    border-top: 1px solid #ddd;
    font-size: 0.9em;
    padding: 0;
    margin-top: 5px;
}

#db-activity-container .only {
    border-radius: 15px;
}

#db-activity-container .first {
    border-radius: 15px 15px 0 0;
}

#db-activity-container .last {
    border-radius: 0 0 15px 15px;
}

#db-activity-container .last .social-bar,
#db-activity-container .only .social-bar  {
    border-radius: 0 0 15px 15px;
}

.activity .social-bar:hover {
    border-radius: 0;
}

.activity .social-bar .cell {
    height: 20px !important;
}

.activity .social-bar .icon-only {
    padding: 3.75px 0;
}

.activity-index-review-container .social-bar .icon-only {
    padding: 0 !important;
}

.activity .social-bar div.first {
    border-left: 1px solid #ddd;
    border-radius: 0 !important;
}

.activity .social-bar div {
    background-color: #f4f4f4;
    border-right: 1px solid #ddd;
    transition: all 300ms ease-out;
    transition-property: background-color, color;
}

.activity .social-bar div:hover {
    background-color: #e6e6e6;
    color: #666;
}

.activity .social-bar div.review-this-book:hover {
    background-color: #e6e6e6;
    color: #3490dc;
    text-decoration: underline;
}

.activity .social-bar label {
    font-size: 0.9em;
    margin-bottom: 0;
}

.activity .social-bar .comment_icon,
.activity .social-bar .like_icon {
    margin-right: 2px;
}

.activity .social-bar .review-this-book {
    color: #3490dc;
    overflow: hidden;
}

.activity .social-bar .empty-review-this-book-cell {
    max-width: 16.65%;
}

.activity .social-bar .empty-cell {
    padding: 0 0 19.75px;
}

.activity .status-container,
.status .status-container {
    overflow: hidden;
    padding: 0;
    min-height: 70px;
    height: auto;
}

.status .social-bar {
    margin-top: 10px;
}

.activity .social-bar .text,
.status .social-bar .text{
    color: #999;
    font-size: 12px;
    top: 10%;
    left: 60%;
    position: unset;
}

/*.status .bookshelf-container .empty-review-this-book-cell{*/
    /*padding-bottom: 3.25% !important;*/
/*}*/

.activity .user-likes-activity {
    color: #c9273d;
}

@media (max-width: 479px) and (min-width: 375px){

    .activity .social-bar .empty-cell {
        padding: 0 0 4.9% !important;
    }

}


/*   Mobile Styles */
@media (max-width: 480px) {

    .activity .social-bar {
        font-size: 0.9em;
        padding: 0;
    }

    .activity .social-bar div {
        max-width: 15%;
        line-height: 1.1;
        padding: 3.5px 0;
    }

    .activity .social-bar .comment_icon i {
        display: block;
    }

    .activity .social-bar-sm div {
        max-width: 15% !important;
    }

    .status .activity .social-bar .empty-review-this-book-cell {
        /*padding-bottom: 4.5% !important;*/
    }

    .activity .social-bar .empty-review-this-book-cell {
        max-width: 25% !important;
        padding-bottom: 16.5px;
    }

    .activity .social-bar label {
        font-size: 0.75em;
        margin-bottom: 0;
    }

    .activity .social-bar div .icon-only {
        width: 100% !important;
    }

    .activity .social-bar div .icon {
        width: 40%;
        display: block;
        float: left;
        margin-right: 0;
        text-align: center;
    }

    .activity .social-bar .icon-only {
        padding: 3.5px 0 !important;
    }

    .status .activity .social-bar div .text {
        padding-top: 0 !important;
    }

    .activity .social-bar div .text {
        display: block;
        width: auto;
        float: left;
        padding-top: 2px;
        text-align: left;
        position: unset;
    }

    .status .activity .social-bar div.review-this-book {
        padding-top: 1.25%;
        padding-bottom: 6px !important;
    }

    .activity .social-bar div.review-this-book {
        font-size: 0.8em;
        max-width: 25% !important;
        padding-top: 5px;
        padding-bottom: 4px;
    }

    .status .activity {
        border-radius: unset;
    }

    .status .activity .social-bar .empty-cell {
        /*padding: 0 0 21.5px !important*/
    }

    .activity .social-bar .empty-cell {
        /*padding: 0 0 5% !important;*/
        max-width: 25%;
    }

    .challenge-container .social-bar .empty-cell {
        padding: 0 0 5%;
    }

    .challenge-container .social-bar div {
        padding: 3px 0;
    }

    .challenge-container .social-bar .empty-review-this-book-cell {
        padding-bottom: 4.25%;
    }

    .activity-index-review-container .activity .social-bar div {
        padding: 3px 0;
    }

    .activity-index-review-container .social-bar .empty-review-this-book-cell {
        /*padding-bottom: 18px !important;*/
    }

}

@media (max-width: 667px) and (min-width:480px){

    .activity .social-bar div {
        display: block;
        width: 15%;
    }

    .activity .social-bar div.empty-review-this-book-cell,
    .activity .social-bar div.review-this-book {
        max-width: 25%;
        width: 25%;
    }

}

@media (max-width: 812px) and (min-width:480px){

    .activity .social-bar .empty-review-this-book-cell {
        max-width: 16.65%;
        padding-bottom: 19.5px !important;
    }

    .activity .social-bar .icon-only {
        padding: 3.5px 0;
    }

    .activity .social-bar .empty-cell {
        padding: 0 0 2.66% !important;
    }

}

@media (max-width: 1024px) and (min-width:812px) {

    .activity .social-bar .empty-cell {
        padding: 0 0 2% !important;
    }

    .activity .social-bar .empty-review-this-book-cell {
        max-width: 16.65%;
        padding-bottom: 2%;
    }
}


/* ------ End Social Bar ------ */



.activity .book-title:hover {
    text-decoration: underline;
}

.challenge-container {
    min-height: 100px !important;
}

.review-container {
    overflow: hidden;
    position: relative;
}

.review-container .review {
}

.bookshelf-container {
    min-height: 110px !important;
}

.status .status-container {
    overflow: hidden;
}

.activity:hover {
    background-color: #f9f9f9;
    border-radius: 0;
}

.first-activity {
    border-radius: 15px 15px 0 0 !important;
}

.last-activity {
    border-radius: 0 0 15px 15px !important;
}

.only-activity {
    border-radius: 15px !important;
    padding: 0;
}
.only-activity:hover {
    background-color: #f9f9f9;
}

a.to-user-profile:hover {
    text-decoration: underline;
}

a.to-user-profile:hover span {
    text-decoration: none !important;
    color: #3490dc;
}

a.to-user-profile span {
    display: inline-block;
    font-weight: normal;
    font-size: 0.95em;
}


.activity p {
    margin-bottom: 0.25rem;
}

.activity p.title {
    font-size: 1.1em;
}

.avatar-container {
    min-height: 125px;
    text-align: center;
    margin: 5px 0 0;
}

.avatar-container .blocked-button-container,
.avatar-container .follow-button-container {
    margin: -50px 0 0 0 !important;
}

.comment_container .avatar img,
.activity .avatar-container img,
.status-activity .avatar-container img,
.user-info-container .avatar-container img,
.user-likes-activity-container .avatar-container img {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.activity .book-cover {
    text-align: center;
}

.book-cover img {
    cursor: pointer;
}


/*=============================*/


/*========== Rating ===========*/

.rating_bar {
    width: 80px;
    height: 16px;
    background: url(/images/rating/stars.png?d=3);
    background-repeat: repeat-x;
    background-position: 0 0;
    text-align: left;
}

.rating_bar span {
    float: right;
    margin: -16px -10px 0px 0;
    font-size: 0.9em;
}

.rating {
    height: 16px;
    background: url(/images/rating/stars.png?d=3);
    background-position: 0 -16px;
    background-repeat: repeat-x;
}

/*=============================*/

/*======= Social Buttons ======*/

.social_btn_group {
    float: left;
    text-align: center;
}

.social_btn_group ul {
    list-style: none;
    padding: 0;
}

.social_btn_group li {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    cursor: pointer;
    float:left;
    height: 24px;
    min-width: 40px;
    padding: 4px 0 0 5px;
    background-color: #fff;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.status .social_btn_group li,
.activity-index-review-container .social_btn_group li {
    padding: 0 0 0 5px;
}

.profile-nav-panel .social_btn_group li {
    padding: 5px 0 0 5px !important;
}

.search-tabs .profile-nav-panel .social_btn_group li {
    padding: 0 0 0 5px !important;
}

.social_btn_group li.left {
    border-radius: 4px 0 0 4px;
}

.social_btn_group li.right {
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 0;
}

.social_btn_group li.left .like_icon,
.social_btn_group li.left .like_num {
    float:left;
}

.social_btn_group li.left .likes,
.social_btn_group li .comment_likes {
    color: #999;
    font-size: 0.8em;
    margin: 0 3px 0;
}

.social_btn_group li .comment_icon,
.social_btn_group li .comments_num {
    float: left;
}

.social_btn_group li i {
    color: #999;
    font-size: 0.9em;
}

.social_btn_group li:hover {
    background-color: #e6e6e6;
}

.social_btn_group li:hover i {
    color: #666;
}

.social_btn_group li:hover .likes,
.social_btn_group li:hover .comment_likes {
    color: #666;
}

.social_btn_group li.blank {
    background: transparent;
    border: 0;
}

.social_btn_group li.blank:hover {
    background: transparent;
}

/*.likes-given {*/
    /*font-size: 0.8em;*/
/*}*/

#reportReview textarea,
#groupPost textarea {
    color: #6e696a;
    font-size: 0.95em;
    height: 80px;
    margin: 0 0 4px 0;
    background: #fff;
    line-height: 20px;
    box-shadow: inset 0 1px 2px #eee;
    border: 1px solid #CCC;
    border-radius: 5px;
    width: 99.5%;
    padding: 7px 10px;
}

#reportReview .btn {
    padding: 3px 5px;
}

.modal-comment-err-msg,
.report-review-err-msg,
.modal-report-comment-err-msg {
    color: #ff0000;
    margin: 0 0 0 15px;
    font-weight: bold;
    font-size: 0.9em;
}

#shareReview .panel input,
#shareBook .panel input {
    border-radius: 6px;
    margin: 5px 0;
    padding: 5px;
    width: 280px;
}

.social-sharing-link,
.copy-social-sharing-link,
.copy-social-sharing-book-link{
    float: left;
}

.copy-social-sharing-link,
.copy-social-sharing-book-link{
    cursor: pointer;
    margin: 10px 0 0 10px;
    font-size: 0.9em;
}

.copy-social-sharing-link:hover,
.copy-social-sharing-book-link:hover{
    opacity: 0.8;
}

#shareReview .close-modal {
    clear: left;
    float: right;
}

#modal-comment-form .report-comment-btn,
#modal-comment-form .comment-btn,
#modal-report-form .report-btn {
    float: right;
    padding-right: 0;
    padding-left: 25px;
}


#modal-comment-form .report-comment-btn {
    margin: 0 5px 0;
}


#modal-comment-form textarea,
#modal-report-form textarea {
    padding: 5px 10px;
    margin: 5px 0 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 0.85em;
    min-height: 75px;
    width: 100%;
}

#modal-report-form .report-btn button {
    margin: 5px 0 0 -5px;
}

#modal-comment-form .report-comment-btn button,
#modal-comment-form .comment-btn button {
    margin: 5px 0 0 0;
}

#modal-comment-form .report-comment-btn button,
#modal-comment-form .comment-btn button,
#modal-report-form .report-btn button {
    padding: 6px 10px 5px;
    border: 1px solid #ccc;
    font-size: 0.9em;
}

#reportPostComment .review-rating,
#reportActivityComment .review-rating,
#commentOnActivity .review-rating,
#viewAllComments .review-rating,
#reportReview .review-rating {
    font-size: 0.9em;
    margin: 0 0 10px;
    min-height: 100px;
}

#reportPostComment .review-rating,
#reportActivityComment .review-rating {
    min-height: 50px !important;
}

#reportPostComment label.close-modal,
#reportActivityComment label.close-modal {
    cursor: pointer;
    margin-top: 10px;
}

#reportPostComment .review-rating p,
#reportActivityComment .review-rating p,
#commentOnActivity .review-rating p,
#viewAllComments .review-rating p,
#reportReview .review-rating p {
    margin-bottom: 0.25rem;
}

#reportPostComment .comment-form-container,
#reportActivityComment .comment-form-container,
#commentOnActivity .comment-form-container,
#reportReview .report-form-container {
    clear: left;
    background-color: #ddd;
    padding: 0 0 5px;
    border-radius: 4px;
    overflow: hidden;
}

#updateBookGenres {
    font-size: 0.9em;
}

#updateBookGenres .modal-body {
    padding: 0 0 10px 0;
    height: 450px;
    overflow: auto;
}

#updateBookGenres .panel {
    margin: 0;
}

#updateBookGenres .close-update-book-genre {
    position: fixed;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    z-index: 9999;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ddd;
    min-height: 35px;
    height: auto;
    padding-top: 5px;
}

#updateBookGenres .close-update-book-genre h5 {
    font-size: 1rem;
}

#updateBookGenres .close-modal{
    clear: left;
}

.modal label {
    font-size: 0.8em;
    margin-bottom: 0;
}

label.close-modal {
    cursor: pointer;
}

.comments_container {
    clear: left;
    padding: 0 !important;
    margin: 0 !important;
}

.comments_container div {
    padding: 0;
}

.view-all-comments {
    cursor: pointer;
    padding: 0 0 3px;
    font-size: 0.9em;
    margin: 0 0 0 -15px;
}

.comment_container {
    font-size: 0.9em;
    min-height: 45px;
    padding: 5px 0 !important;
}

.comment_container  .avatar {
    margin: 5px 0 0;
    min-height:  45px;
    text-align: center;

    padding-left: 15px;
    padding-right: 15px;
}

.comment_container p {
    margin-bottom: 0.5rem;
}

.comments_display .even {
    background-color: #f5f5f5;
}
.comments_display .odd {
    background-color: #f8f8f8;
}

#viewAllComments .comments_display {
    height: 225px;
    overflow: auto;
}

#viewAllComments .comments_container {
    padding: 0;
}

.comment_container .report-delete {
    cursor: pointer;
    opacity: 0.8;
}

.comment_container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

#deleteCommentModal,
#reportActivityComment {
    z-index: 2000;
}

.hashtag, .username {
    color:  #3490dc;
    cursor: pointer;
    font-weight: bold;
}

.hashtag:hover, .username:hover {
    text-decoration: underline;
}

/*=============================*/

/*========= sidebar ==========*/

.user-widget {
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 15px;
    margin: 0;
    min-height: 75px;
    padding: 0 !important;;
}

.books-user-widget {
    margin: 5px 0
}

.user-widget::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.user-widget h1 {
    font-size:  1.25em;
    margin: 5px 0 5px 10px;
}

.user-widget hr {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.user-widget .user-info-container {
    margin-top: 0;
    min-height: 70px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.user-widget a:hover {
    text-decoration: none;
}

.user-widget .username .to-user-profile {
    display: block;
}

.user-widget .username {
    padding: 0;
    margin: 0 0 0 15px;
    font-weight: normal;
    font-size: 0.95em;
}

.user-widget .username .to-user-profile:hover {
    text-decoration: none;
}

.user-widget .user-info-container .details {
    padding: 0;
}

.user-widget .book-info-container {
    min-height: 80px;
    padding: 5px 0;
    overflow: hidden;
}


.user-widget .book-info-container .book-cover {
    overflow: hidden;
    position: relative;
    max-width: 25%;
    text-align: center;
}

.user-widget .book-info-container .details {
    color: #3490dc;
    padding-left: 0;
    width: 75%;
}

.user-widget .book-info-container .details .sb-book-title {
    font-size: 0.95em;
}
.user-widget .book-info-container .details .book-author {
    font-size: 0.85em;
}

.user-widget .show-more {
    color: #3490dc;
    min-height: 20px !important;
    padding: 10px 0;
}

.user-widget .book-info-container:hover,
.user-widget .user-info-container:hover,
.user-widget .news-interviews-container:hover {
    background: #f9f9f9;
    cursor: pointer;
}

.user-widget .news-interviews-container:hover {
    color: #1d68a7;
}

.user-widget .news-interviews-container {
    color: #3490dc;
}

.user-widget .news-interviews-container .date-posted {
    font-size: 0.9em;
    color: #767676;
}

.user-widget .user-info-container .book-review-stats {
    font-size: 0.9em;
}

.user-widget #book-info-container-show-more {
    border-radius: 0 0 15px 15px;
}
.user-widget .user-info-show-more,
.user-widget .book-info-show-more,
.user-widget .news-interviews-show-more {
    border-radius: 0 0 15px 15px;
}

.follow-button-container button {
    -o-transition: color .2s ease-out, background-color .2s ease-out;
    -moz-transition: color .2s ease-out, background-color .2s ease-out;
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out;

    border: 1px solid #3490dc;
    border-radius: 9999px;
    display: block;
    width: auto;
    min-width: 7rem;
    padding: 3px 11px 5px;
    font-size: 1em;
    font-weight: bold;
    color: #3490dc;
    background-color: transparent
}

.follow-button-container button:hover {
    cursor: pointer;
    color: #3490dc;
    background-color: #d6e9f8;
}

.follow-button-container button.follow {
    background-color: inherit !important;
    cursor: pointer;
    color: #3490dc;
    float: left;
}

.follow-button-container button.follow:hover {
    background-color: #d6e9f8 !important;
    cursor: pointer;
    color: #3490dc;
}

.follow-button-container button.following {
    background-color: #3490dc !important;
    border: 1px solid #3490dc;
    cursor: pointer;
    color: #ffffff;
    float: left;
}

.follow-button-container button.following:hover {
    background-color: #d0211c !important;
    border: 1px solid #d0211c;
    cursor: pointer;
    color: #ffffff;
}

.block-user {
    cursor: pointer;
    font-size: 1.25em;
}

.blocked-button-container button {
    -o-transition: color .2s ease-out, background-color .2s ease-out;
    -moz-transition: color .2s ease-out, background-color .2s ease-out;
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out;

    border: 1px solid #c9273d;
    border-radius: 9999px;
    display: block;
    width: auto;
    min-width: 7rem;
    padding: 3px 11px 5px;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background-color: #c9273d
}

.blocked-button-container button:hover {
    cursor: pointer;
    color: #fff;
    background-color: #b62438;
}

#editProfileModal .container {
    margin-top: 0;
}

#editProfileModal .container h1 {
    font-size: 1.5em;
}

#editProfileModal .container h4 {
    font-size: 1.25em;
}

#editProfileModal .navigation-container {
    height: 1rem;
    margin: 0 0 15px;
}

.cropit-image-input {
    display: none;
}

#editProfileModal .next-step {
    background: #227dc7;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 2px 5px;
}

#editProfileModal .prev-step,
#needToLogin .close-modal,
#loginModal .close-modal {
    -o-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-color: #fff;
    border-radius: 50%;
    color: #227dc7;
    cursor: pointer;
    float: left;
    font-size: 1.1em;
    padding: 7px 9px;
}

#loginModal {
    z-index: 9999;
}

#loginModal .close-modal {
    padding: 1px 8px;
}

#needToLogin .close-modal {
    padding: 1px 7px;
}

#editProfileModal .prev-step:hover,
#needToLogin .close-modal:hover,
#loginModal .close-modal:hover {
    background-color: #d6e9f8;
}

#editProfileModal .modal-body {
    min-height: 500px;
}

#editProfileModal .rotation-btns {
    float: left;
    margin: 1px 10px 0 0;
}

#editProfileModal .rotation-btns i {
    cursor: pointer;
    margin: 0 2px;
}

#editProfileModal .scale_large i {
    font-size: 1.25em;
}

#editProfileModal .save-image-btn i {
    font-size: 1em;
}

#editProfileModal .cropit-image-zoom-input {
    width: 13.5rem;
}

#editProfileModal .step-four-body{
    margin-top: 12.5%;
}

#editProfileModal .step-four-body h4,
#editProfileModal .step-four-body div {
    margin-top: 10%;
}

.step-four-container h4 {
    margin-bottom: 12.5%;
}

.banner-row {
    margin-bottom: 10px;
}

.banner-row img {
    cursor: pointer;
}

#upload-bespoke-banner,
#upload-bespoke-banner p {
    margin-bottom: 0;
}

.step-three-container input {
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 5px;
}

.step-three-container .container,
.bio-container {
    background: #ddd;
    margin-bottom: 10px;
    border-bottom: 2px solid #999;
    padding-bottom: 5px;
}

.step-three-container .container .header,
.bio-container .header {
    padding: 5px 0 0;
}

.step-three-container .container .header  span,
.bio-container .header  span{
    font-size: 1em;
    font-weight: bold;
    padding: 0 10px 0;
}

.step-three-container .container .body textarea,
.step-three-container .container .body input,
.bio-container .body textarea {
    background: #ddd;
    border: 1px solid #eee;
    padding: 2px 10px;
}

.step-three-container .container .body input.first-name,
.step-three-container .container .body input.last-name {
    width: 46%;
}

.step-three-container .container .body input {
    width: 75%;
}

.step-three-container .container .body textarea {
    width: 100%;
    min-height: 70px;
}

.step-three-container .edit-username {
    font-size: 0.95em;
}


.step-three-container .edit-username i {
    font-size: 0.8em;
}


.bio-container .character-count label {
    font-weight: bold;
    font-size: 1em !important;
}

.left-sidebar-menu-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: fixed !important;
    z-index: 1;
}

.card {
    border-radius: 15px !important;
}

.left-sidebar-menu-container .card {
    border-radius: 15px;
}

.left-sidebar-menu-container .card-body {
    border-radius: 15px;
    padding: 0;
}

.left-sidebar-menu-container ul {
    list-style: none;
    padding: 0 0 0 5px;
}

.left-sidebar-menu-container li {
    margin: 5px 10px;
    font-size: 1em;
}

.left-sidebar-menu-container li {
    color: #3490dc;
    cursor: pointer;
    -o-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    border-radius: 9999px;
    padding: 5px 10px;
    width: 88%;
}

.left-sidebar-menu-container li:hover {
    background-color: #d6e9f8;
}

.left-sidebar-menu-container li a {
    width: 100%;
    display: inline-block !important;
}

.left-sidebar-menu-container li a:hover {
    text-decoration: none;
}

.left-sidebar-menu-logo {
    margin: 10px 0 5px 25px;
}

.container .fixed-top {
    background-color: #fff;
    border-radius: 6px;
    position: sticky;
    margin-top: 0 !important;
    padding: 0;
}

.container .navigation-container {
    height: 30px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.container .follows-tabs-menu .nav-item {
    width: 50%;
}

.container .navigation-container span {
    font-size: 1.25em;
    font-weight: bold;
}

.container .navigation-container span.username {
    font-size: 1em;
}
.container .navigation-container span.username:hover {
    text-decoration: none;
}

.container .navigation-container span a:hover {
    text-decoration: none;
}

.main-container .navigation-container .prev-step i {
    padding: 7px;
    border-radius: 9999px;
}

.main-container .navigation-container .prev-step {
    -o-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-color: #fff;
    border-radius: 50%;
    color: #227dc7;
    cursor: pointer;
    float: left;
    font-size: 1.1em;
    padding: 0 7px 0 0
}

.main-container .navigation-container .prev-step :hover {
    background-color: #d6e9f8;
}

.all-follow-container {
    margin-top: 0;
}

.all-follow-container {
    margin-top: 0;
}



.main-challenge-progress-container .card-body,
.main-follow-container .card-body {
    padding: 0.25rem 0 0;
}

.main-challenge-progress-container .navigation-container {
    border-bottom: 1px solid #ddd;
    height: 60px !important;
    margin-bottom: 0 !important;
}

.main-challenge-progress-container .navigation-container h4 {
    font-size: 1.15em;
    font-weight: bold;
}

.follow-container,
.blocked-user-container {
    -o-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    padding-top: 10px;
    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;;

}

.follow-container:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.follow-container img {
    border-radius: 9999px;
}

.follow-container p {
    margin-bottom: 0.25rem;
}

.user-likes-activity-container .follow-button-container button,
.follow-container .follow-button-container button {
    min-width: 5rem;
    padding: 2px 0 3px;
    font-size: 0.8em;
}

#likesActivity .loading {
    text-align: center;
    padding: 20px 0 0;
}

#likesActivity .modal-body {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
}

#likesActivity .close-likes-activity {
    position: fixed;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    z-index: 9999;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ddd;
    height: 25px;
}

#likesActivity .close-likes-activity label {
    margin-top: 3px;
}

.user-likes-activity-container {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 5px 0;
}

.user-likes-activity-container:hover {
    background: #f9f9f9;
}

.user-likes-activity-container p {
    margin-bottom: 0.25rem;
}

.user-likes-activity-container .follow-button-container {
    margin: 0;
}

.progress-container {
    clear: left;
    background: #f5f5f5;
    border-radius: 6px;
    height: 85px;
    padding: 5px;
    margin-bottom: 10px;
}

.challenge-container .progress-container {
    background: transparent;
}

.progress-container h1 {
    font-size: 1.2em;
}

.progress-container p,
.progress-container h1 {
    margin-bottom: 0.25rem;
}

.book-search-container,
.book-container {
    min-height: 130px !important;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 !important;
    display: inline-block;
    vertical-align:top;
}

#nav-books .book-search-container:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.book-container h1 {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.book-container .book-img {

}

.book-container .title-rating {
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
}

.book-container .remove-from-challenge i {
    opacity: 0.3;
}

.book-container .remove-from-challenge i:hover {
    opacity: 1;
}

.book-container .remove-from-challenge:hover {
    cursor: pointer;
}

#nav-like .card-body,
#nav-review .card-body {
    padding: 0;
    box-shadow: none;
}

.account-container .settings-privacy,
.dashboard-container .home-link,
.profile-container .profile-link,
.level-container .level-link,
.badges-container .badges-link,
.challenge-container .challenges-link,
.main-invitation-container .invite-link,
.notifications-container .notifications-link,
.add-new-book-container .admin-books,
.stored-books-container .admin-books,
.admin-users-container .users-link {
    background-color: #d6e9f8;
    border-radius: 9999px;
    padding: 5px 10px;
    width: 88%;
}

.admin-books-children li,
.recommendations-children li,
.settings-privacy-children li {
    padding: 5px 10px !important;
    width: 80% !important;
    margin-left: 20px;
}

.settings-privacy-children li:hover,
.left-sidebar-menu-container .sublink {
    background-color: #e7f0f7;
    border-radius: 9999px;
    padding: 5px 10px;
    width: 80%;
}

.menu-children i {
    font-size: 0.9em;
}

.admin-book-authors,
.admin-book-genre {
    overflow: hidden;
}

.admin-book-authors:hover,
.admin-book-genre:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.admin-book-authors i,
.admin-book-genre i,
.add-new-author,
.add-new-genre {
    color: #3490dc;
    cursor: pointer;
}

.add-new-author:hover,
.add-new-genre:hover {
    text-decoration: underline;
}


/*.right-side-bar {*/
    /*margin-left: 515px;*/
/*}*/

/*.user_widget .stat,*/
/*.user_widget .avatar {*/
    /*padding: 0;*/
/*}*/

/*.stats-container {*/
    /*margin: 0 0 40px;*/
    /*padding: 0 !important;*/
    /*text-align: center;*/
/*}*/

/*.stats-container p {*/
    /*margin-bottom: 0;*/
/*}*/

#needToLogin h4,
#loginModal h4 {
    font-size: 1.25em;
}

needToLogin p,
#loginModal p {
    margin-bottom: 0.75rem;
}

#needToLogin ul,
#loginModal ul {
    list-style: none;
}

#needToLogin li,
#loginModal li {
    float:  left;
    margin: 0 10px 0 0;
}

#needToLogin .nav-link,
#loginModal .nav-link {
    min-width: 85px;
    padding: 0.25rem 1rem;
    border-radius: 9999px;
}

#needToLogin .follow-icon,
#loginModal .follow-icon {
    clear: left;
    margin: 0 0 15px;
}

#needToLogin .follow-icon i,
#loginModal .follow-icon i {
    color: #227dc7;
    font-size: 1.5em;
}

#needToLogin .action-btns {
    display: inline-table;
}

#needToLogin .action-btns ul {
    padding: 0;
}

.sidebar-login {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.sidebar-login ul {
    list-style: none;
    padding: 0;
}

.sidebar-login li {
    width: 50%;
    margin: 0 0 5px;
    float: left;
}


.sidebar-login li a {
    border-radius: 9999px;
    display: inline-block;
    min-width: 6rem;
    width: auto;
    padding: 3px 11px 5px;
}

.sidebar-login h4 {
    font-size: 1.25rem;
    margin-bottom: 0.15rem;
}

.sidebar-login p {
    margin-bottom: 0.5rem;
}

/*==============================*/

/*========== Book page ===========*/

.books-to-read .book-container {
    margin: 0 !important;
}

.suggested-books-container .book-container:hover {
    background: #f9f9f9;
    cursor: pointer;
}

.main-book-container .book-container {
    margin: 15px 0;
}

.main-book-container .book-info-card {
    margin-bottom: 15px;
}

.update-genres {
    cursor: pointer;
    margin: 0 0 0 5px;
    font-size: 0.85em;
}

.update-genres-logged-out {
    cursor: pointer;
    margin: 0 0 0 5px;
    font-size: 0.85em;
}

.title-rating span {
    font-size: 0.8em;
    float: left;
    padding: 0px 0 0 5px !important;
}

.title-bookshelf-count {
    clear: left;

}

.title-bookshelf-count span {
    font-weight: bold;

}

.publishing-date {
    clear: left;
}

.description-display-toggle {
    color:  #3490dc;
    cursor: pointer;
    font-weight: bold;
}

.description-display-toggle:hover {
    color: #1d68a7;
    text-decoration: underline;
}

.social-share-bar {
    clear: left;
    padding: 10px 0 0;
}

.social-share-bar .sb-write {
    background: #c9273d;
    border-radius: 3px;
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 10px 0;
    padding: 3px 0;
    text-align: center;
}

.social-share-bar .sb-write:hover {
    cursor: pointer;
    background: #ed0008;
}

.social-share-bar .buy-online {
    padding: 0 1px;
}
.social-share-bar .buy-online a{
    padding: 2px 10px;
    margin: 0 1px;
    font-size: 0.9em;
    width: 99%;
}

/*.social-share-bar .buy-online:hover > .dropdown-menu {*/
    /*display: block;*/
/*}*/

.social-share-bar .sb-btn {
    float: left;
    font-size: 0.9em;
    background: -webkit-linear-gradient(#ffffff, #eeeeee);
    background: linear-gradient(#ffffff, #eeeeee);
    cursor: pointer;
    padding: 2px 0;
    text-align: center;
}

.social-share-bar .sb-btn:hover {
    background: #fff;
}

.social-share-bar .sb-first {
    border: 1px solid #ddd;
    border-radius: 3px 0 0 3px;
    border-right: 0;
}

.social-share-bar .sb-mid {
    border: 1px solid #ddd;
    text-align: center;
}

.social-share-bar .sb-last {
    border: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
    border-left: 0;
}

.social-share-bar .amazon-link a {
    color: #212529;
}

.social-share-bar .amazon-link a:hover {
    text-decoration: none;
}

#pills-reading-tab.active {
    background: #1d643b !important;
}

#pills-wanted-tab.active {
    background: #337ab7 !important;
}

#pills-read-tab.active {
    background: #f5b340 !important;
}

#pills-loved-tab.active {
    background: #c9273d !important;
}

#loadingModal {
    z-index: 9999;
}

#manageReadingShelf .shelf,
#manageWantedShelf .shelf,
#manageReadShelf .shelf,
#manageLovedShelf .shelf,
#addBookToShelves .shelf {
    border-radius: 6px;
    color: #fff;
    height: 30px;
    width: 100%;
    text-align: center;
    padding: 0;
    cursor: pointer;
}

#manageReadingShelf h1,
#manageWantedShelf h1,
#manageReadShelf h1,
#manageLovedShelf h1,
#addBookToShelves h1 {
    font-size: 1.25em;
    margin: -5px 0 10px 0;
}

#manageReadingShelf .shelf:hover,
#manageReadShelf .shelf:hover,
#manageWantedShelf .shelf:hover,
#manageLovedShelf .shelf:hover,
#addBookToShelves .shelf:hover {
    opacity: 0.9;
}

#manageReadingShelf .shelf a:hover,
#manageReadShelf .shelf a:hover,
#manageWantedShelf .shelf a:hover,
#manageLovedShelf .shelf a:hover,
#addBookToShelves .shelf a:hover {
    text-decoration: none;
}

#manageReadingShelf .shelf a,
#manageReadShelf .shelf a,
#manageWantedShelf .shelf a,
#manageLovedShelf .shelf a,
#addBookToShelves .shelf a {
    color: #fff;
    width: 100%;
    display: block;
    height: 30px;
    padding: 3px 0 0 0;
}

#addBookToShelves .shelf {
    cursor: pointer;
}

.reading-shelf,
.add-to-reading-shelf {
    background-color: #1d643b;
    margin: 0 0 10px 0;
    border-radius: 6px;
    padding: 0 10px;
}

.wanted-shelf {
    background-color: #337ab7;
    margin: 0 0 10px 0;
    border-radius: 6px;
    padding: 0 10px;
}

.read-shelf,
.add-to-read-shelf {
    background-color: #f5b340;
    margin: 0 0 10px 0;
    border-radius: 6px;
    padding: 0 10px;
}

.loved-shelf,
.add-to-loved-shelf {
    background-color: #c9273d;
    margin: 0 0 10px 0;
    border-radius: 6px;
    padding: 0 10px;
}

.remove-from-shelves a,
.view-book-details a,
.remove-from-shelf a {
    color: #999 !important;
}


.remove-from-shelves a:hover,
.view-book-details a:hover,
.remove-from-shelf a:hover {
    color: #000 !important;
}

.view-shelf {
    background-color: #2bcab2;
    border-radius: 6px;
    padding: 0 10px;
}

.challenge-cbk-container {
    margin: 0 0 10px;
    font-size: 0.9em;
}

.challenge-cbk-container .challenge-text {
    float: left;
    margin: 0;
}

.bookshelf-book-container {
    cursor: pointer;;
    width: 14% !important;
    padding-left: 12px !important;
    padding-right: 10px !important;
}

@media (max-width: 1024px) and (min-width: 768px) {

    .bookshelf-book-container {
        height: 150px;
    }
}

.bookshelf-book-container .manage-shelved-book {
    font-size: 0.8em;
    text-align: center;
}

.bookshelf-book-container .manage-shelved-book i{
    margin-right: 2px;
}

.bookshelf-bookcover {
    cursor: pointer;
    min-height: 115px;
    margin-top: 5px;
}

@media (max-width: 1024px){

    .bookshelf-bookcover {
        min-height: 125px;
        margin-top: 5px;
        justify-content: center;
        display: grid;
    }
}

.challenge-cbk-container .btn-group {
    margin: 0 10px 0 !important;
}

.challenge-cbk-container .btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
}

.challenge-cbk-container .btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    font-size: .75rem !important;
}

.challenge-cbk-container .btn-default:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.challenge-cbk-container .btn .active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

@media(min-width: 768px){

    .rate-and-review-container .breadcrumb-container {
        margin-top: 80px;
    }

}

@media (max-width: 1024px) and (min-width:812px) {

    .rate-and-review-container .breadcrumb-container {
        margin-top: 95px;
    }

}

@media(min-width: 1224px){

    .rate-and-review-container .breadcrumb-container {
        margin-top: 0;
    }

}

#editReviewModal .review-text-area textarea {
    width: 100%;
}

#editReviewModal .st-delete-custom{
    font-size: 0.85em;
    padding: 5px 0 0 15px !important;
    overflow: hidden;
}

#editReviewModal .character-count #reviewCharacterCounter {
    font-size: 0.8em !important;
}

#editReviewModal .action-box {
    margin-top: 10px;
}

.review-textarea-alert {
    margin: 0 6em 0 0;
    padding: 0;
    font-size: 0.9em;
}

.subtle-text {
    color: #999;
    font-weight: normal;
}

small {
    font-size: 0.9em;
    line-height: 1.5em;
}

.action-box {
    clear: left;
}

.action-box .save-btn {
    margin: 0 10px 0 0;
}

.action-box .save-btn .btn {
    padding: .175rem .75rem;
}

.action-box .cancel-btn {
    float: left;
    margin: 5px 8px 0 0;
}

#reviewCharacterCounter {
    font-size: 0.9em;
}

.review-err {
    color: #d0211c;
    padding-top: 0.5em;
    font-weight: 600;
}

.review-err p {
    margin-bottom: 0.5em;
}

.rate-review-link {
    cursor: pointer;
}

.find-a-book {
    margin: 10px 0;
}

.find-a-book a {
    background-color: #c9273d;
    border-radius: 9999px;
    width: 100%;
}

.input-group-addon select {
    background: transparent;
    border: none;
    padding: 4.5px 12px;
}

.search-bar .input-group-addon select {
    padding: 5.5px 12px;
}

@media (max-width: 1024px) {
    .search-bar .input-group-addon select {
        padding: 4.5px 12px;
    }
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    height: 1%;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .form-control {
    height: 31.5px;
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon:last-child {
    border-left: 0;
}

button.search {
    padding: 4px 12px;
    background: transparent;
    border: none;
}

#search-err {
    color: #ff0000;
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 105px;
}

.search-tabs {
    border: none;
    margin: 10px 0 0;
    min-height: 400px;
    padding: 0;
}

.main-book-search-container .search-bar {
    border: none;
    background-color: transparent;
}

.main-book-search-container .search-bar .card-body {
    border-radius: 6px;
    box-shadow: none;
}

.main-book-search-container .search-bar input {
    height: 32.25px;
}
.main-book-search-container .search-bar .delete-search-text {
    color: #fff;
    font-size: 0.9em;
    margin-left: -36px;
    z-index: 100;
}

.main-book-search-container .book-container {

}

.book-search-container .title a {
    color: #3490dc !important;
    cursor: pointer;
}

.book-search-container .title a:hover {
    color: #23527c !important;
    text-decoration: underline !important;
}

.genre-books-container .genre-book-container h4,
.book-search-container h4 {
    font-size: 1.1em !important;
    margin: 0 0 5px;
}

.book-search-container .title-rating {
    margin-top: 26px;
}

.suggested-books-container .book-search-container .title-rating {
    margin-top: 4px !important;
}


.book-search-container img {
    cursor: pointer;
}

.book-search-container .title-rating span {
    font-size: 0.9em;
}

.book-search-container .author-container {
    margin-top: 0;
}

.search-in-progress {
    margin-top: 25px;
}

.title-rating {
    font-size: 0.9em;
}

.title-rating span,
.authors span {
    margin-right: 5px;
}

.authors span,
.authors .author-container {
    float: left;
}

.member-container {
    border: 1px solid #ddd;
    border-top: none;
    min-height: 110px;
    padding: 10px;
    overflow: hidden;
}

.member-container:hover {
    background-color: #f9f9f9;
}

.member-container .profile-img {
    min-height: 100px;
}

.recent-review-reviewer .profile-img img,
.member-container .profile-img img {
    border-radius: 9px;
}

.profile-img a {
    color: #fff;
}

.profile-img a:hover {
    text-decoration: none;
}

.main-profile-img .user-initials {
    width: 100px !important;
    height: 100px !important;
    padding: 18px 0 0 !important;
    font-size: 2.75em !important;
}

.user-widget .follow-users-container .user-initials,
.profile-img .user-initials {
    color: #fff;
    padding: 12px 0 0;
    width: 60px;
    height: 60px;
    border-radius: 9px;
    text-align: center;
    font-size: 1.75em;
    margin: 0 auto;
}

/*.likes-given {*/
    /*cursor: pointer;*/
    /*margin: 2px 0 0;*/
    /*padding: 0 !important;*/
/*}*/

.likes-given p {
    margin: 2px 4px 0;
}

.likes-given ul {
    list-style: none;
    margin: 0;
}

.likes-given li,
.profile-nav-panel .social_btn_group .likes-given li {
    border-top: none;
    border-bottom: none;
    border-left: none;
    cursor: pointer;
    float: left;
    height: 15px;
    min-width: 10px;
    padding: 0 !important;
}

.likes-given li,
.likes-given li:hover {
    background-color: transparent;
}

.likes-given .profile-img,
.book-reviews .likes-given .profile-img {
    margin: 0 -3px 0 0 !important;
}

.dashboard-activities .likes-given .profile-img {
    margin: 2.5px -3px 0 0 !important;
}

#nav-like .likes-given .profile-img img,
#nav-review .likes-given .profile-img img {
    margin-top: 2.5px;
}

.likes-given .profile-img img {
    border-radius: 9999px;
}

.likes-given .profile-img .user-initials {
    height: 15px;
    font-size: 0.6em;
    margin-top: 2.5px;
    padding: 3px 0 0 !important;
    width: 15px;
}


.select-members-container .profile-img .user-initials {
    padding: 5px 0 0;
    width: 50px;
    height: 50px;
}

.profile-img .orange {
    background-color: orange;
}

.profile-img .blue {
    background-color: blue;
}

.profile-img .green {
    background-color: green;
}

.profile-img .purple {
    background-color: purple;
}

.profile-img .red {
    background-color: #c9273d;
}

.highlight {
    font-weight: bold;
}

.status-activity .title {
    margin-bottom: 0.25rem;
}

.status-activity .review {
    margin-bottom: 0.5rem;
}

.sidebar-sign-up .card-body {
    padding: 1.25rem !important;
}

.sidebar-sign-up .card-body .image {
    display: grid;
    justify-content: center;
}

.sat-social-links {
    font-size: 1.25rem;
    overflow: hidden;
    position: relative;
}

.right-sidebar-links {
    font-size: 0.95em;
    padding-left: 15px;
}

.right-sidebar-links p {
    margin: 0.5rem 0 0.25rem !important;
}

.right-sidebar-links .copyright {
    margin-top: 0 !important;
    color: #fff;
}

.right-sidebar-links .fa-circle {
    font-size: 0.3em;
    vertical-align: middle;
    color: #fff;
}

.notifications  ul {
    padding: 0;
    margin: 0;
}

.notifications .first {
    border-radius: 15px 15px 0 0;
}

.comments_display .last,
.notifications .last {
    border-radius: 0 0 15px 15px;
}

.notifications .notification-container {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 10px 10px 1px;
    min-height: 70px;
}

.notifications .notification-container:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.notifications .notification-container .profile-img .user-initials{
    padding: 5px 0 0;
    width: 50px;
    height: 50px;
}


.notifications .notification-container .profile-img img{
    width: 50px;
    height: 50px;
    border-radius: 9px;
}

.notifications .notification-container .text {
    margin: 0 10px 0;
}

.notifications .notification-container p {
    margin: 0;
}

.notifications .unread {
    background: #ececec;
}

.new-notifications {
    background: #c9273d;
    border-radius: 9999px;
    color: #fff;
    font-size: 0.8em;
    margin: 0 5px 0;
    padding: 2px 7px;
}

.nav-tabs #nav-books-tab,
.nav-tabs #nav-books-tab:hover {
    border-radius: 15px 0 0 0;
}

.nav-tabs #nav-members-tab,
.nav-tabs #nav-members-tab:hover {
    border-radius: 0 15px 0 0;
}

.no-search-results-msg {
    font-size: 1.1em;
    margin: 10px 10px 0;
}

.search-container .input-group-addon {
    padding: 0!important;
}

/*================================*/

.account-container .accordion .card-body {
    box-shadow: none;
    border-radius: unset !important;
}

.account-container .accordion .card-header {
    cursor: pointer;
}

.account-container .title span {
    width: 150px;
    display: block;
    float: left;
}

.account-container .title i {
    float: left;
}

.account-container .account-sections-container .card {
    border-radius: unset !important;
}

.account-container .name-taken-container {
    padding: 0;
}

.account-container .name-taken {
    font-weight: bold;
    font-size: 0.9em;
    margin: 8px 0 0;
}

.account-container .form-group {
    margin-bottom: 0.5rem;
}

.account-container .err-msg {
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 5px;
    padding: 0 0 0 25px;
}

.account-container .divider {
    height: 5px;
    background: #ddd;
    margin: 10px 0;
}

.account-container .clear-divider {
    height: 5px;
    background: #fff;
    margin: 10px 0;
}

.account-container .password-request {
    padding: 0;
}

.account-container .view-password {
    cursor: pointer;
    margin-top: 8px;
    padding: 0;
}

.account-container .subtext {
    font-size: 0.9em;
    font-weight: bold;
}

.account-container h4 {
    font-size: 1.15rem;
    font-weight: bold;
}

.account-container h4.deactivate-heading {
    margin-top: 10px;
}

.account-container .card-header {
    padding: .5rem 0.75rem;
}

.account-container .card-header h5 {
    font-size: 1rem;
}

.account-container  .authors-container,
.account-container  .genres-container {
    margin-top: 0 !important;
}

.account-container .genre,
.account-container .author {
    font-size: 0.9em;
    padding: 15px 0 !important;
}

.deactivation_warning {
    background: #fff;
    padding: 10px 0 10px 7px;
    line-height: 20px;
    border-radius: 4px;
}

.deactivation_warning i {
    fontunblock-user-size: 2.75em;
    margin: 0 8px 0 0;
}

.blocked-user-container:hover {
    background-color: #f9f9f9;
}

.blocked-user-container button.unblock-user:hover,
.blocked-user-container button.block-user,
#unblockUserModal .confirm-unblock-user:hover,
#blockUserModal .confirm-block-user {
    background-color: #c9273d;
}

.blocked-user-container button.unblock-user,
.blocked-user-container button.block-user {
    border-radius: 9999px;
    padding: 2px 0 3px;
    min-width: 5rem;
    font-size: 0.8em;
}


.privacy-accordion .blocked-user-card-body {
    padding: 0.1rem 0.9rem !important;
}



/* ---------- Profile Page ------------- */

.stats {
    clear: left;
}

.stats ul,
.additional-user-info-container ul{
    list-style: none;
}

.stats li,
.additional-user-info-container li {
    float: left;
    margin: 0 65px 10px -40px;
}

.main-container .avatar-container .main-profile-img {
    margin: -65px 0 10px 0;
}

.profile-img img {
    background: #fff;
    border-radius: 9px;
}

.follow-button-container {
    float: right;
    margin: 0;
}

.member-name h1 {
    color: #c9273d;
    font-size: 1.2em;
    font-weight: bold;
}

.member-name .username {
    color: unset;
    font-size: 1em;
    font-weight: normal;
}

.member-name .username:hover {
    cursor: unset;
    text-decoration: none !important;
}

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
}

.cropit-preview {
    cursor: move;
}

.social-email-notification-container {
    overflow: hidden;
    position: relative;
}

.notification-container-disabled {
    opacity: 0.5;
}

.mobile-nav-bar {
    display: none;
}

.activity-info {
    margin-bottom: 5px;
    right: 0;
    top: 0;
}

.comment_container p.title-one {
    margin-bottom: 0 !important;
}

.blocked-user-container .profile-info {
    padding-left: 0;
}

.blocked-user-container  .unblock-button-container {
    padding: 0;
}

.users-likes-activity-container .stats {
    font-size: 0.9em;
}

.users-likes-activity-container .stats .books {
    float: left;
    margin-right: 10px;
}

.users-likes-activity-container  .stats .reviews {
    float: left;
    margin-right: 10px;
}

.user-levels {
    color: #ffffff;
    margin: auto;
    width: 60%;
}

.activity-list {
    font-size: 0.9em;
    margin: 10px auto;
    width: 60%;
}


.level-container .card-body {
    min-height: 460px;
}

.user-levels ul {
    list-style: none;
    padding: 0;
}
.user-levels li.level {
    height: 35px;
}

.user-levels .level span.name {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
}

.user-levels .level span.achieved {
    float: right;
    font-size: 0.8em;
    padding-top: 7px;
    padding-right: 5px;
}

.user-levels .level-disabled {
    background-color: #ddd;
}

.user-levels .level-five{
    background-color: #e3342f;
}
.user-levels .level-four{
    background-color: orange;
}
.user-levels .level-three{
    background-color: #3490dc;
}
.user-levels .level-two{
    background-color: purple;
}
.user-levels .level-one {
    background-color: green;
}

.user-levels li.num-activities-to-go {
    color: #333;
    font-size: 0.8em;
    height: 8px;
    margin-bottom: 10px;
}

.badges-container .card-body {
    min-height: 460px;
    padding-left: 0;
    padding-right: 0;
}

.user-bookshelf-badges {
    clear: left;
}

.user-badges ul {
    list-style: none;
    padding: 0;
}

.user-badges li {
    float: left;
    padding: 0.75em 1.75em !important;
}

.challenge-container h1 {
    font-size: 1.1em;
}

.challenge-container .main-container .card-body {
    padding: 0.6rem 1.25rem 1.25rem
}

.challenge-container .avatar {
    margin: 3px 7px 0 0;
    padding: 0;
    width: 10%;
}

.challenge-container .avatar img {
    border-radius: 50%;
}


.challenge-container .challenge-description {
    background: #eee;
    border-radius: 6px;
    margin: 5px 0;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
}

.challenge-container .challenge-timeline {
    clear: left;
    color: #999;
    font-size: 0.95em;
}

.challenge-container .progress-container {
    clear: left;
    height: 45px;
}

.challenge-container .challenge-target {
    padding: 0;
}

.challenge-container .challenge-target input{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    width: 50px;
}

.challenge-container button.join-challenge {
    padding: 5px 10px;
    margin: -3px 0 0;
}

.genre-books-container .select-genre {
    margin-bottom: 0;
}

.genre-books-container  .selected-genre h1 {
    font-size: 1.25rem;
}

.genre-books-container .book-container:first-child {
    border-top: 1px solid #ddd;
}

.genre-books-container .book-container:hover {
    background: #f9f9f9;
    cursor: pointer;
}

.genre-books-container .book-title a {
    color: #3490dc !important;
    text-decoration: none !important;
}

.genre-books-container .book-title a:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}
.genre-books-container .book-author a {
    font-size: 0.9emem;
}


.book-not-found-container .find-a-book:hover {
    cursor: pointer;
    text-decoration: underline;
}

.privacy-cookie-container ul {
    padding-left: 15px !important;
    list-style: none;

}

.main-book-container .book-container .book-info,
.main-book-container .book-container .book-info div {
    padding-left: 0;
}

.suggested-books-container .book-container .book-info div {
    padding-left: 15px !important;
}

.main-book-container .book-container .book-info h4 {
    margin-bottom: 0;
}

.main-book-container .book-container .book-image {
    text-align: center;
}


/* ------------------------------------- */

/*   Mobile Styles */
@media (max-width: 480px) {

    .mobile-search {
        border: 1px solid #ced4da !important;
    }

    h1 {
        font-size: 1.25em;
    }

    .h2, h2 {
        font-size: 1.25em !important;
    }

    .h3, h3 {
        font-size: 1.15em !important;
    }

    .mobile-nav-bar {
        display: block;
    }

    .login-row .description {
        padding: 0;
    }

    .login-book-row {
        padding-right: 0;
        padding-left: 0;
    }

    .login-book-row .col-md-4 {
        padding-left: 0;
        padding-right: 0;
        margin: 10px 0 0;
    }

    .login-book-row .first {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    footer {
        text-align: center;
        font-size: 0.8em;
    }

    body {
        font-size: 0.95rem !important;
    }

    #navbar-short-and-tweet li,
    #navbar-short-and-tweet li a {
        padding: 5px 0;
        color: #3490dc;
    }

    #navbar-short-and-tweet li .dropdown-item {
        font-size: 0.8rem;
        padding-left: 15px;
    }

    .favs-next-link {
        width: 50% !important;
        float: left;
        font-size: 0.9em !important;
        margin-left: 0 !important;
        margin-top: 5px !important;
    }

    .select-cms-container {
        margin: -15px 0 0 0 !important;
    }

    .dashboard-next-link {
        margin-left: 1px !important;
    }

    .genres-container{
        margin-top: 25px !important;
    }

    .genres-container h1 {
        font-size: 1em;
    }

    .container,
    .main-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .modal {
        top: 75px !important;
    }

    .no-lr-p {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .left-sidebar-menu-container,
    .right-side-bar {
        display: none;
    }

    .main-container {
        margin-left: 0 !important;
    }

    .dashboard-container .main-container .card {
        margin-top: 60px !important;
    }

    .account-container .main-container .account-sections-container {
        margin-top: 66px !important;
    }

    .main-container .card {
        margin-top: 66px;
    }

    .avatar-container {
        text-align: left;
    }

    .activity-comments-container .activity .profile-img,
    .activity-container .activity .profile-img {
        width: 19%;
        float: left;
        padding-left: 4px;
        padding-right: 0;
        text-align: center;
    }

    .activity-comments-container .activity .book-cover,
    .activity-container .activity .book-cover {
        width: 21%;
        float: right;
        padding-left: 0;
        padding-right: 10px;
    }

    .activity-comments-container .activity .book-cover img,
    .activity-container .activity .book-cover img {
        width: 65px;
    }

    .activity-comments-container .activity .col-sm-8,
    .activity-container .activity .col-sm-8 {
        float: left;
        font-size: 0.9em;
        padding: 0;
        width: 60%;
    }

    .activity-comments-container .activity .to-user-profile img,
    .activity-container .activity .to-user-profile img {
        width: 50px;
    }

    .activity-comments-container .activity .profile-img .user-initials,
    .activity-container .activity .profile-img .user-initials {
        padding: 5px 0 0 1px;
        margin-left: 0;
        width: 50px;
        height: 50px;
    }

    .activity-comments-container .activity .likes-given .profile-img .user-initials,
    .activity-container .activity .likes-given .profile-img .user-initials {
        width: 15px;
        height: 15px;
    }

    .activity-comments-container .activity .social_btn_group {
        margin-top: 10px !important;
    }

    .social_btn_group li {
        min-width: 35px;
    }

    .back-to-top {
        border-radius: .3rem !important;
        font-size: 1rem !important;
        line-height: 1.5 !important;
        padding: .15rem .5rem !important;
        right: 10px;
    }

    .login-book-row {
        margin: 0 0 15px;
    }

    .home-award h4 {
        margin-bottom: 0;
        font-size: 1em;
    }

    .home-award .book {
        float: left;
        margin-left: 13px;
        margin-right: -3px;
        margin-top: 10px;
        padding-left: 0;
        width: 22%;
        overflow: hidden;
    }

    .home-award .home-book-container {
        margin-left: 0;
    }

    .home-description .card-body {
        font-size: 15px;
    }

    .home-award .text {
        padding: 15px 0 0;
        font-size: 0.8em;
    }

    .recent-additions-container {
        margin-bottom: 10px;
    }

    .recent-review-container {
        margin-top: 0 !important;
    }

    .recent-review-container .book-cover {
        padding-left: 6px;
        float: right;
        width: 20%;
    }

    .recent-review-reviewer .profile-img img,
    .recent-review-container .book-cover img {
        width: 50px;
    }

    .recent-review-container .recent-review {
        width: 70%;
        float: left;
    }

    .recent-review-container .recent-review {
        width: 80%;
    }

    .recent-review-container .recent-review .review {
        height: auto;
        min-height: 50px;
    }

    .recent-review-reviewer .col-sm-2 {
        width: 20%;
        float: left;
    }


    .recent-review-reviewer .avatar-container {
        margin: 0;
        display: grid;
        justify-content: center;
        width: 18% !important;
        padding-right: 10px !important;
    }

    .recent-review-reviewer .avatar-rating {
        width: 80%;
        float: left;
        padding-left: 0;
        padding-top: 0;
    }

    .recent-review-container .card-body {
        height: auto;
        font-size: 13px;
        min-height: 165px;
    }

    .recent-review-reviewer .profile-img .user-initials {
        width: 50px;
        height: 50px;
        padding-top: 7px;
    }

    .social_btn_group .likes-given li {
        min-width: 0;
    }

    .social_btn_group .likes-given .profile-img .user-initials {
        margin-left: 0;
    }

    .dashboard-activities .social_btn_group .likes-given .profile-img img {
        margin-top: 3.5px;
    }

    .social_btn_group .likes-given .profile-img img {
        margin-top: 3px;
    }

    .social_btn_group .likes-given .profile-img,
    .social_btn_group .book-reviews .likes-given .profile-img {
        margin: 0 -3px 0 -3px !important;
    }

    .likes-given .profile-img .user-initials {
        margin-top: 3.5px;
    }

    .social_btn_group  .likes-given p {
        float: left;
        margin: 3px 8px 0px;
    }

    .modal .review-container .profile-img {
        width: 18%;
        float: left;
    }

    .modal .review-container .profile-img img {
        width: 50px;
    }

    .modal .review-container .profile-img .user-initials {
        width: 50px;
        height: 50px;
        padding: 8px 0 0;
    }

    .modal .review-container .book-cover {
        width: 15%;
        float: right;
        padding-left: 0;
    }

    .modal .review-container .book-cover img {
        width: 50px
    }

    .modal .review-container .review-rating {
        width: 65%;
        float: left;
        padding-right: 0;
        padding-left: 0;
    }

    #modal-report-form .report-btn,
    #modal-comment-form .comment-btn,
    #modal-comment-form .report-comment-btn {
        width: 25%;
    }

    .profile-container .card-body {
        padding: 0.25rem;
    }

    .profile-container .banner {
        border-radius: 15px 15px 0 0;
    }

    .profile-container .avatar-container .main-profile-img {
        margin: -50px 0 10px 0;
        width: 40%;
    }

    .profile-container .profile-data-container {
        font-size:  0.9em;
        margin-left: 5px;
    }

    .profile-container .profile-data-container .user-biog{
        margin-bottom: 0.25rem !important;
    }

    .profile-container .additional-user-info-container ul,
    .profile-container .stats ul{
        list-style: none;
        margin: 0 !important;
        padding-left: 30px;
    }


    .profile-container .progress-container {
        height: 80px;
    }

    .profile-container .stats li, .additional-user-info-container li {
        margin: 0px 45px 5px -30px;
    }

    .profile-container .nav-link {
        padding: .25rem 0.85rem;
        font-size: 0.9em;
    }

    .profile-container .comment_icon .activity_comment {
        display: block;
    }

    .user-likes-activity-container .profile-img {
        float: left;
        text-align: center;
        width: 20%
    }

    .user-badges li {
        float: unset;
        padding: 0.75em 1em !important;
    }

    .user-likes-activity-container .profile-img img {
        width: 50px;
    }

    .user-likes-activity-container .profile-img .user-initials {
        padding: 6px 0 0 1px;
        width: 50px;
        height: 50px;
    }

    .user-likes-activity-container .profile-img .user-initials {
        margin-left: 15px;
    }

    .user-likes-activity-container .profile-info {
        float: left;
        font-size: 0.9em;
        width: 50%
    }

    .users-likes-activity-container .follow-button-container {
        width: 30%;
        float: left;
        padding: 8px 0 0;
    }

    .profile-container .nav-pills .nav-link {
        padding: .25rem 0.5rem;
    }

    #nav-bookshelf #pills-tab .nav-item {
        float: left;
        padding: 0;
        margin-right: 2.5%;
        margin-left: 2.5%;
        text-align: center;
        width: 20%;
    }

    .profile-container .bookshelf-book-container {
        width: 23.75% !important;
        margin-left: 3px;
        min-height: 125px;
        font-size: 0.8em;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .profile-container .bookshelf-bookcover {
        min-height: 100px;
    }

    .profile-container .bookshelf-bookcover img {
        width: 60px;
    }

    .bookshelf-book-container .manage-shelved-book {
        width: 50px;
    }

    .bookshelf-book-container .manage-shelved-book .icon {
        float: left;
        margin-top: 3px;
        margin-right: 2px;
    }

    .bookshelf-book-container .manage-shelved-book i {
        margin-right: 0;
    }

    .bookshelf-book-container .manage-shelved-book .text {
        float: left;
    }

    .profile-container .avatar-container {
        min-height: 90px;
    }

    .modal .shelf {
        height: 27px !important;
    }
    
    .close-modal {
        float: right;
    }

    .follow-button-container button {
        min-width: 5rem;
        padding: 1px 7px 2px;
        font-size: 0.8em;
    }

    #editProfileModal {
        font-size: 0.9em;
    }

    #editProfileModal .btn {
        padding: .1rem .25rem;
    }

    #editProfileModal .modal-body {
        min-height: 475px;
    }

    .step-three-container .container .body textarea,
    .step-three-container .container .body input,
    .bio-container .body textarea {
        padding: 0 5px;
    }

    .step-three-container .container .header span, .bio-container .header span {
        padding: 0 4px 0;
    }

    #editProfileModal .step-four-body {
        text-align: center;
    }

    .follow-container .profile-img {
        float: left;
        margin-top: 5px;
        padding-left: 25px;
        width: 23%;
        display: grid;
        justify-content: center;
    }

    .follow-container .profile-img img {
        width: 50px;
    }

    .follow-container .profile-img .user-initials {
        font-size: 1.5em;
        height: 50px;
        padding: 8px 0 0;
        width: 50px;
    }

    .follow-container .user-profile-info {
        float: left;
        font-size: 0.9em;
        width: 50%;
    }

    .follow-container .follow-button-container {
        width: 20%;
        padding: 0;
    }

    .container .fixed-top .navigation-container {
        font-size: 0.9em;
    }

    .all-follow-container {
        overflow: hidden;
    }

    .challenge-container,
    .main-challenge-progress-container {
        font-size: 0.9em;
    }

    .challenge-container .book-container,
    .main-challenge-progress-container .book-container {
        min-height: 100px !important;
    }

    .challenge-container .book-img,
    .main-challenge-progress-container .book-img {
        width: 20%;
        float: left;
        padding-right: 0;
    }

    /*.challenge-container .book-img img,*/
    /*.main-challenge-progress-container .book-img img {*/
        /*width: 65px;*/
    /*}*/

    .challenge-container .book-data,
    .main-challenge-progress-container .book-data {
        float: left;
        padding-left: 5px;
        width: 65%;
    }

    .challenge-container .remove-from-challenge,
    .main-challenge-progress-container .remove-from-challenge {
        width: 5%;
        padding: 0;
        float: right;
    }

    .challenge-container button.join-challenge {
        padding: 2px 5px;
        margin: -3px 0 0;
        font-size: 1em;
    }

    .challenge-container .challenge-target input {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 2px 5px;
        width: 33px;
    }

    .main-book-container .book-info-card {
        margin-bottom: 0;
    }

    .main-book-container .breadcrumb-container {
        display: none;
    }

    .main-book-container  .card {
        margin-bottom: 5px;
        margin-top: 66px !important;
    }

    .main-book-container .book-container {
        margin: 0;
    }

    .main-book-container .book-container .authors {
        margin-bottom: 5px;
    }

    .main-book-container .book-container .book-image {
        width: 25%;
    }

    .main-book-container .book-container .book-image img {
        float: left;
        width: 75px;
    }

    .main-book-container .book-container .book-info{
        float: left;
        font-size: 0.9em;
        padding-left: 15px !important;
        width: 75%;
    }

    .main-book-container .book-container .book-info h4 {
        font-size: 1rem;
    }

    .main-book-container .sb-btn {
        margin-bottom: 10px;
        width: 50%;
    }

    .main-book-container .buy-online {
        margin-bottom: 10px;
    }

    .main-book-container .social-share-bar {
        overflow: hidden;
    }

    .main-book-container .social-share-bar .write-rate-review {
        width: 99%;
        margin-left: 1px;
    }

    .main-book-container .social-share-bar .buy-online {
        padding: 0 !important;
        margin-left: 1px;
    }

    .main-book-container .buy-online .dropdown-menu {
        min-width: 21rem;
    }

    .main-book-container #db-activity-container {
        clear: left;
        margin-top: 0 !important;
    }
    
     .main-book-container #db-activity-container .profile-img {
         float: left;
         width: 20%;
     }
    
    .main-book-container #db-activity-container .book-reviews .review-data {
        float: left;
        font-size: 0.9em;
        margin-bottom: 5px;
        padding: 0;
        right: 0;
        top: 0;
        width: 80%;
    }

    .main-book-container .leave_review_container {
        font-size: 0.9em;
        margin: 0;
    }

    .main-book-container #star-rating ul {
        margin: 0;
        padding: 7% 0 0 0;
    }

    .main-book-container #rating_text {
        padding: 5px 0 0 0;
    }

    #alreadyReviewedComments .comments-img {
        float: left;
        width: 25%;
    }

    #alreadyReviewedComments .comments_display {
        float: left;
        margin-top: 8px;
        width: 75%;
    }

    .review-text-area textarea {
        width: 100% !important;
    }

    .booker-books-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .login-container {
        overflow: hidden;
    }

    .write-review-container h1 {
        font-size: 1.25em;
    }

    .write-review-container .book-container .book-img {
        width: 25%;
        float: left;
        padding-left: 0;
        overflow: hidden;
        padding-right: 0;
        text-align: center;
    }

    .write-review-container .book-container .book-info {
        width: 75%;
        float: left;
        padding-right: 0;
        padding-left: 10px !important;
    }

    .main-invitation-container h1 {
        font-size: 1.25em;
    }

    .account-container .account-sections-container,
    .main-invitation-container .card {
        margin-top: 60px !important;
    }

    .already-registered .avatar-container {
        min-height: unset !important;
        width: 20%;
        float: left;
    }

    .already-registered .member-info-container {
        padding: 0;
        width: 75%;
        float: left;
        margin-left: 14px;
    }

    .already-registered-container .last {
        margin-bottom: 15px;
    }

    .already-registered .profile-img .user-initials {
        font-size: 1.5em;
        padding: 8px 0 0;
        width: 50px;
        height: 50px;
    }

    .already-registered .profile-img img {
        width: 50px;
    }

    .notification-container .profile-img {
        width: 20%;
        float: left;
    }

    .notification-container .text {
        width: 80%;
        float: left;
        margin: 0 !important;
    }

    .status-activity .profile-img {
        width: 15%;
        float: left;
        padding-right: 0;
        padding-left: 5px;
    }

    .status-activity .profile-img img {
        width: 50px;
    }

    .status-activity .profile-img .user-initials {
        width: 50px;
        height: 50px;
        padding: 8px 0 0;
    }

    .status-activity .book-cover {
        width: 15%;
        float: right;
        padding-left: 0;
    }

    .status-activity .book-cover img {
        width: 50px;
    }

    .status-activity .activity-info span.book-cover {
        width: unset !important;
        float: unset !important;
    }

    .status-activity .activity-info {
        width: 70% !important;
        float: left;
        padding: 0 0 0 10px;
    }

    .status-activity .social_btn_group .likes-given .profile-img .user-initials {
        width: 15px;
        height: 15px;
    }

    .status-activity .social_btn_group .likes-given .profile-img img {
        width: 15px;
    }

    .status-activity .likes-given .profile-img {
        margin: 3px -3px 0 0;
        padding-left: 0 !important;
    }

    .comment_container .avatar {
        margin: 0;
        min-height: 45px;
        text-align: center;
        width: 20%;
        float: left;
        padding: 5px 10px;
    }

    .blocked-users-container .profile-img {
        float: left;
        width: 20%;
    }

    .blocked-users-container .profile-info {
        width: 55%;
        float: left;
        padding-left: 10px;
    }

    .blocked-user-container  .unblock-button-container {
        float: right !important;
        overflow: hidden;
        padding: 0;
        width: 20%;
    }

    .blocked-users-container .profile-img img,
    .comment_container .profile-img img {
        width: 50px;
    }

    .blocked-users-container .profile-img .user-initials,
    .comment_container .profile-img .user-initials {
        width: 50px;
        height: 50px;
        padding: 8px 0 0;
    }
    
    .comment_container .comment-info {
        float: left;
        width: 70% ;
    }

    .comment_container .report-delete {
        width: 8% ;
    }

    .main-container .fixed-top .navigation-container .prev-step {
        padding: 0;
    }

    .main-container .fixed-top .navigation-container .prev-step i {
        padding: 4px 7px;
        border-radius: 9999px;
    }

    .container .fixed-top .navigation-container {
        margin-bottom: 0px;
    }

    .account-container .main-container .card {
        margin-top: 0;
    }

    .account-sections-container p.text-danger {
        margin-bottom: 0.1rem;
    }

    .account-sections-container .password {
        padding: 0 0 0 10px;
        float: left;
        width: 92%;
    }

    .account-sections-container .view-password {
        float: right;
        width: 5%;
        padding-left: 5px;
    }

    .account-container .name-taken {
        padding-left: 15px;
    }

    .account-container .clear-divider {
        height: 0;
        margin: 0;
    }

    .blocked-user-container button.unblock-user,
    .blocked-user-container button.block-user {
        padding: 2px 0 2px;
        min-width: 4rem;
        font-size: 0.8em;
    }

    .account-container .notification-text {
        padding: 0;
        float: left;
        width: 80%;
    }

    .account-container .notification-toggle {
        padding: 0;
        float: left;
        width: 20%;
    }

    .account-container .notification-text-and-toggle {
        padding: 0;
    }

    .search-container .card {
        margin-top: 65px;
    }

    .search-container .search-tabs {
        margin-top: 10px !important;
    }

    .search-container .nav-item {
        width: 33%
    }

    .search-container .book-image {
        float: left;
        padding-right: 0;
        width: 20%;
    }

    .search-container .book-info {
        float: left;
        padding-left: 0;
        width: 80%;
    }

    .search-container .book-cover img,
    .search-container .book-image img {
        width: 60px;
    }

    .search-container .book-cover {
        width: 20%;
        float: right;
        padding-left: 0;
    }

    .search-container .book-container {
        min-height: 110px !important;
    }

    .search-container .profile-img {
        width: 20%;
        float: left;
    }

    .search-container .profile-img img {
        width: 50px;
    }

    .search-container .profile-img .user-initials {
        padding: 5px 0 0;
        width: 50px;
        height: 50px;
    }

    .search-container .member-profile-container {
        width: 55%;
        padding-left: 0;
        padding-right: 0;
    }

    .search-container .follow-button-container {
        width: 25%;
        padding: 0;
    }

    .search-container .book-title-date span.book-cover {
        width: unset;
        float: unset;
    }

    .search-container .review-info {
        width: 60%;
        float: left;
        padding-left: 5px;
    }

    .search-container .profile-nav-panel .social_btn_group li {
        padding: 1px 0 0 5px !important;
    }

    .search-container .nav-tabs #nav-books-tab, .nav-tabs #nav-books-tab:hover {
        margin: -1px;
    }

    .search-container .nav-tabs #nav-members-tab, .nav-tabs #nav-members-tab:hover {
        margin: -1px -3px 0 0;
    }

    .search-container .member-container .profile-img {
        min-height: 0;
    }

    .find-a-book {
        margin: 0 0 10px;
    }

    .find-a-book button {
        box-shadow: unset;
        width: 50%;
        font-size: 0.9em;
        padding: 3px 5px;
    }

    .navbar-light .navbar-toggler{
        margin-top: 5px;
    }

    .navbar-light .sign-in {
        margin-top: 20px;
        font-weight: bold;
        float: right;
    }

    .navbar-light .sign-in a {
        color: #3490dc !important;
    }

    .update-genres-logged-out {
        display: none;
    }

    .block-user {
        float: left;
        margin-top: 0.15rem !important;
        padding-top: 0;
    }

    .follow-button-container .mt-2 {
        margin-top: 0.15rem !important;
    }

    .profile-container .main-profile-img .user-initials {
        width: 80px !important;
        height: 80px !important;
        padding: 12px 0 0 !important;
        font-size: 2.75em !important;
        margin: 0 !important;
    }

    .profile-container .main-profile-img img {
        width: 80px !important;
    }

    .profile-container .avatar-container .blocked-button-container,
    .profile-container .avatar-container .follow-button-container {
        margin: -35px 0 0 0 !important;
    }

    .more-to-follow-container .main-container .card {
        margin-top: 65px !important;
    }

    .more-to-follow-container .member-container .profile-img {
        float: left;
        padding: 0;
        width: 17%;
    }

    .more-to-follow-container .member-container .follow-button-container {
        float: right;
        padding-left: 0;
        width: 23%;
    }

    .more-to-follow-container .member-container .member-profile-container {
        float: left;
        padding: 0;
        width: 60%;
    }

    .more-to-follow-container .member-container .profile-img .user-initials{
        width: 50px;
        height: 50px;
        padding: 8px 0 0;
    }

    .more-to-follow-container .member-container .profile-img img{
        width: 50px;
    }

    .suggested-books-container .book-search-container .book-image img {
        float: left;
        width: 60px !important;
    }

    .suggested-books-container .book-search-container .book-image {
        width: 22% !important;
        float: left;
    }

    .suggested-books-container .book-search-container .book-info {
        width: 78% !important;
        float: left;
        padding: 0 !important;
        font-size: 0.9em;
    }

    .book-search-container .book-img {
        width: 25%;
        padding-right: 10px !important;
    }

    .book-search-container .book-data {
        width: 70%;
    }

    .book-search-container .title-rating {
        margin-top: 25px;
    }

    .suggested-books-container .book-search-container .title-rating {
        margin-top:0px;
    }

    .suggested-books-container .book-container {
        min-height: 110px !important;
    }

    .user-badges h5 {
        font-size: 1rem;
        margin-bottom: 0;
    }

    .challenge-container .avatar {
        margin: 3px 7px 0 0;
        padding: 0;
        float: left;
        overflow: hidden;
        width: unset;
    }

    .challenge-container .text {
        padding: 0;
        width: 75%;
        float: left;
    }

    .user-badges li {
        padding: 0.75em 0.25em !important;
    }

    .user-badges img {
        width: 75px;
    }

    .user-badges-top-block {
        margin-top: 10px;
    }

    .title-rating span {
        font-size: 0.9em;
        padding: 1px 0 0 5px !important;
    }

    .title-rating .rating_bar {
        float: left;
    }

    .notifications .notification-container {
        border-bottom: 1px solid #ddd;
        height: auto;
        min-height: 70px;
        overflow: hidden;
        padding: 5px 10px 1px;
    }

    .notification-container .profile-img {
        margin-top: 4px;
    }

    .notifications .notification-container .profile-img .user-initials {
        margin-left: 0;
    }

    .account-container .card-header h5 {
        font-size: 0.85rem;
    }

    .account-container h4 {
        font-size: 1rem;
        font-weight: bold;
    }


    .modal {
        z-index: 9999;
    }

    .modal-body {
        padding: 0 0 10px 0;
        height: 90%;
        overflow: auto;
    }

    .modal .modal-header h4 {
        font-size: 1.25em;
    }

    .modal-footer {
        padding: .5rem;
    }

    .search-pagination .page-link {
        padding: .5rem .5rem !important;
    }

    .main-challenge-progress-container .navigation-container {
        border-bottom: 1px solid #ddd;
        height: 50px !important;
        margin-bottom: 0 !important;
    }

    .container .navigation-container {
        font-size: 0.8em;
        height: 25px;
    }

    #editReviewModal .review-rating-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #editReviewModal .review-text-area textarea {
        margin-bottom: 0;
    }

    #editReviewModal .character-count {
        margin-bottom: 5px;
    }

    #editReviewModal .character-count #reviewCharacterCounter {
        font-size: 0.8em !important;
    }

    #editReviewModal .st-delete-custom {
        font-size: 0.8em;
    }

    #editReviewModal .action-box .save-btn {
        margin: 0 10px 0 0;
        width: 40%;
        float: left;
    }

    .status .challenge-container .avatar-container {
        min-height: unset;
        padding-left: 11px;
    }

    .status .challenge-container .avatar-container,
    .status .challenge-container .book-cover {
        width: 20%;
    }

}

/* ---- Admin Section ---- */

.admin-menu {
    background: transparent;
}

.admin-menu hr {
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}

.admin-menu h5 {
    padding: 10px 0 0 10px;
    font-size: 1rem;
    margin-bottom: 0;
}

.user-suspended {
    text-align: center;
}

.genres-container .genre-container:first-child,
.users-container .user-container:first-child {
    height: unset;
    border-bottom: unset;
}

.genres-container .genre-container:first-child:hover,
.users-container .user-container:first-child:hover {
    background-color: unset;
}

.genres-container .genre-container,
.users-container .user-container {
    clear: left;
    border-bottom: #ddd solid 1px;
    padding-top: 2px;
}

.genres-container .genre-container {
    overflow: hidden;
    position: relative;
}

.users-container .user-container {
    height: 75px;
}

.genres-container .genre-container:hover,
.users-container .user-container:hover {
    background-color: #f9f9f9;
}

.search-for-user {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.searched-user-container .book-review-stats {
    padding: 0;
}


.searched-user-container a.to-user-profile:hover span.username  {
    text-decoration: none !important;
    color: #3490dc;
}

.searched-user-container a.to-user-profile:hover span.name  {
    text-decoration: underline !important;
    color: #3490dc;
}

.genres-container .genre-container .genre {
    border: unset;
    padding: 5px !important;
}


.genres-container .genre-container .genre-parent {
    padding-top: 10px;
}

.admin-genres-container .genre-pagination {
    clear: left;
    padding-top: 10px;
}

.admin-genres-container .genres-container {
    margin-top: 0;
}

/* ---- Admin/Blog Post Section ---- */

.post-summary-container {
    clear: left;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 0;
}

.post-summary-container:hover {
    background: #f6f6f6
}
.post-container .delete-post,
.post-summary-container .delete-post {
    background: transparent;
    border: none;
}

.post-container .delete-post:hover,
.post-summary-container .delete-post:hover {
    cursor: pointer;
    text-decoration: underline;
}

.post-container {
    overflow: hidden;
}

.post-container .title {
    margin-bottom: 0;
}

.post-container .heading-bar i {
    font-size: 0.8em;
}

.post-summary-container .heading-bar {
    font-size: 0.9em;
    color: #767676;
}

.post-summary-container .heading-bar .category {
    font-weight: bold;
}

.post-container .date-posted {
    color: #999999;
    padding-bottom: 10px;
    font-size: 14px;
}

.post-container .social-bar {
    overflow: hidden;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    font-size: 0.9em;
    color: #00635d;
}

.post-container .social-bar .like-post:hover,
.post-container .social-bar .comment-post:hover {
    cursor: pointer;
}

.post-container .social-bar .count{
    color: #3490dc;
    padding-top: 10px !important;
}

.post-container .social-bar .share {
    font-size: 1.5em;
}

.post-container .social-bar .share-link {
    color: #3490dc;
    font-size: 1em;
    vertical-align: super;
}

.post-container .social-bar .share-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.post-container .social-bar .facebook {
    color: #3b5998;
    font-size: 2em;
}
.post-container .social-bar .facebook a:hover{
    text-decoration: none;
}

.post-container .social-bar .twitter {
    font-size: 1.4em;
    color: #00acee;
    padding: 0 5px;
}

.post-container .post-keywords,
.post-container .post-content {
    margin: 0 0 5px;
    padding-bottom: 5px !important;
}

.post-container .social-bar {
    overflow: hidden;
    font-size: 0.9em;
    color: #00635d;
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 5px;
    padding-bottom: 0 !important;
}

.post-container .post-content p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.post-comment-container {
    border-bottom: 1px solid #f6f6f6;
    font-size: 0.9em;
    overflow: hidden;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.post-comment-container .profile-img {
    padding: 0 10px !important;
    overflow: hidden;
    text-align: center;
}

.post-comment-container p {
    margin-top: 0;
    margin-bottom: 0;
}

.post-comment-container .profile-img .user-initials {
    padding: 7px 0 0;
    width: 50px;
    height: 50px;
}

.post-comment-container  .report-delete {
    cursor: pointer;
    color: #00635d;
}

.showing-comments-bar {
    font-weight: bold;
    border-bottom: 1px solid #f6f6f6;
    font-size: 0.8em;
    margin-bottom: 10px;
}

.edit-post .keywords span,
.create-post .keywords span {
    font-size: 0.9em;
}

.post-summary-container .social-bar {
    font-size: 0.9em;
    color: #3490dc;
}

.post-summary-container .social-bar .comment-post:hover,
.post-summary-container .social-bar .like-post:hover,
.post-summary-container .social-bar .share-link:hover {
    cursor: pointer;
}

.post-summary-container .social-bar .share-link:hover {
    text-decoration: underline;
}

.post-summary-container .social-bar .links .facebook {
    font-size: 1.25em;
}

.post-summary-container .social-bar .links .facebook a:hover {
    text-decoration: none;
}

.leave-comments-container .comment-permissions {
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
}

.leave-comments-container .comment-permissions p {
    margin-bottom: 0.5rem;
}

.offset-register {
    padding-left: 0 !important;
    margin-left: 31.333% !important;
}

.eu-cookie-consent {
    background: #fff;
    bottom: 0px;
    box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
    display: block;
    padding: 0 0 5px;
    position: fixed !important;
    max-width: 100%;
    z-index: 9999;
}

.review-not-found-container {}

.search-container .profile-img {
    width: 13% !important;
}

.follow-user-widget .profile-img {
    width: 25% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0 0 0 15px;
}

.post-container .book-container {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.post-container .book-container:hover {
   background-color: #f9f9f9;
    cursor: pointer;
}

.post-container .book-container h4 {
    color: #3490dc;
    font-size: 1.15rem;
}

.post-container .book-container .book-cover {
    max-width: 13% !important;
}

.post-container .book-container .book-info {
    overflow: hidden;
    position: relative;
}

.post-container .book-container .book-author {
    border: none;
    color: #3490dc;
    margin: 0;
    padding: 0 !important;
    float: unset;
    text-align: unset;
}

/*.post-container .book-container .author:hover {*/
    /*cursor: unset;*/
/*}*/

/* ---- Admin/Blog Post Mobile/Tablet Section ---- */

@media (max-width: 480px) {

    .login-container {
        margin-top: 0;
    }

    .login-container .sat-logo {
        margin-bottom: 5px;
    }

    .select-favs-container {
        padding-right: 1px;
        padding-left: 1px;
    }

    .post-summary-container {
        padding: 0 !important;
    }

    .post-summary-container img {
        width: 332px;
    }

    .post-summary-container .post {
        height: auto;
        padding: 5px;
    }

    .post-summary-container .social-bar {
        overflow: hidden;
        padding: 0 5px !important;
    }

    .post-summary-container .post .heading-bar .category,
    .post-summary-container .social-bar .count {
        width: 75%;
    }

    .post-summary-container .social-bar .count {
        padding-top: 1px !important;
    }

    .post-summary-container .post .heading-bar .date,
    .post-summary-container .social-bar .links {
        width: 25%;
    }

    .post-summary-container h4,
    .post-container h4 {
        font-size: 1.25em;
    }

    .post-container .book-cover {
        width: 30%;
        padding: 0 5px;
        text-align: center;
        float: right;
    }

    .show-post-container .post-container .book-cover {
        max-width: 30% !important;
        padding: 0;
        text-align: center;
        float: right;
    }

    .show-post-container .post-container .book-info {
        font-size: 0.9em;
        padding-right: 0;
        width: 69% !important;
    }

    .show-post-container .post-container .book-info h4 {
        font-size: 1rem;
    }

    .post-container .book-cover img {
        width: 75px;
    }

    .post-container .date-posted {
        font-size: 0.9em;
    }

    .post-container .social-bar .count {
        padding-top: 5px !important;
        width: 65%;
    }

    .post-container .social-bar .links {
        font-size: 0.75em;
        width: 35%;
    }

    .post-container .social-bar .links .share-link {
        font-size: 1.25em !important
    }

    .post-comment-container .profile-img {
        float: left;
        padding-right: 0 !important;
        width: 20%;
    }

    .post-comment-container .comment-info {
        float: left;
        padding-left: 0 !important;
        width: 70%;
    }

    .post-comment-container .report-delete {
        float: left;
        padding: 0 !important;
        text-align: center;
        width: 10%;
    }

    .post-comment-container .profile-img .user-initials {
        padding: 9px 0 0;
    }

    .comment-permissions-container {
        overflow: hidden;
    }

    .comment-permissions-container .image {
        float: left;
        width: 20%;
    }

    .comment-permissions-container .comment-permissions {
        float: left;
        padding-left: 3px !important;
        width: 80%;
    }

    .comment-permissions-container .comment-permissions p {
        margin-bottom: 0.25rem;
    }

    .leave-comments-container textarea {
        font-size: 0.9em;
        height: 100px !important;
    }

    .leave-comments-container .comment-box {
        padding-right: 0;
        width: 100%;
    }

    .leave-comments-container .btn{
        padding: .175rem .75rem !important;
    }

    .sign-up-btn-container {
        margin-left: 0 !important;
    }

    .sign-up-btn-container button {
        min-width: 120px;
        padding: 5px 0;
    }

    .offset-register {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    #nav-followers .follow-container,
    #nav-following .follow-container {
        height: 85px;
    }

    .select-members-container {
        margin-top: 45px !important;
    }

    .genres-container h1, .select-members-container h1 {
        font-size: 1em;
    }

    .main-following-container .card {
        margin-top: 60px;
    }

    .show-post-container .card-body {
        padding: 1.25rem 0.25rem 3.75rem !important;

    }

    .review-rating-container .action-box .save-btn {
        margin: 0 10px 0 0;
        width: 45%;
        float: left;
    }

    .review-rating-container .action-box .cancel-btn {
        float: left;
        margin: 3px 0 0 0;
        width: 50%;
        text-align: left;
    }

    .rate-and-review-container .breadcrumb-container {
        display:none;
    }

    .rate-and-review-container .write-review-container {
        margin-top: 65px;
    }


}

@media (max-width: 1024px) and (min-width:480px) {

    .nav-search-container {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
    }

    .search-term {
        width: 425px !important;
    }

    .mobile-search {
        border: 1px solid #ced4da !important;
    }

    .h2, h2 {
        font-size: 1.25em !important;
    }

    .h3, h3 {
        font-size: 1.15em !important;
    }

    .login-container {
        margin-top: 0;
    }

    .login-container .sat-logo {
        margin-bottom: 5px;
    }

    .login-block {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .login-book-row .book-cover {
        max-width: 13% !important;
    }

    .login-book-row .book-cover img {
        width: 75px;
    }

    .login-book-row .avatar-container {
        padding-right: 0;
        max-width: 11%;
    }

    .recent-review-container {
        flex: 100% !important;
        margin-bottom: 5px;
        max-width: 100% !important;
    }

    .recent-review-container .recent-review .review {
        font-style: italic;
        font-size: 1em;
        height: auto;
        min-height: 40px;
    }

    .recent-review-container .card-body {
        height: auto;
        min-height: 165px;
    }

    .recent-review-reviewer .avatar-rating {
        font-size: 0.9em;
        max-width: 60% !important;
        padding-top: 0;
        padding-left: 0;
    }

    .recent-review-reviewer .profile-img .user-initials {
        margin-left: 0;
    }

    .modal.show .modal-dialog {
        margin-top: 125px;
    }

    .mobile-nav-bar {
        box-shadow: 0 4px 5px -4px gray;
        display: flex !important;
        position: fixed !important;
        z-index: 9999;
        width: 100%;
        margin-top: -15px;
        padding: 0.25rem 1rem;
    }

    #navbar-short-and-tweet li, #navbar-short-and-tweet li a {
        padding: 5px 0;
        color: #3490dc;
    }

    #navbar-short-and-tweet li .dropdown-item {
        padding-left: 15px;
    }

    .container {
        overflow: hidden;
        margin-left: 0;
        margin-right: 0;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .container .main-container {
        margin-left: 0 !important;
        margin-top: 75px;
        max-width: 100% !important;
    }

    .container .center-block {
        padding-right: 0 !important;
        padding-left: 0 !important;
        max-width: 100%;
        flex: 100%;
    }

    .right-side-bar,
    .left-sidebar-menu-container {
        display: none;
    }

    .main-container {
        width: 100%;
    }

    .main-follow-container .profile-img {
        padding-right: 0;
        margin-top: 5px;
        display: grid;
        justify-content: center;
    }

    .main-follow-container .user-profile-info {
        padding-left: 0;
    }

    .main-follow-container .profile-img img {
        width: 60px;
    }

    .likes-given .profile-img img {
        width: 15px !important;
    }

    .home-award .book {
        margin-right: 15px;
        margin-left: 15px;
        padding-left: 0;
        padding-right: unset;
    }

    .home-award h4 {
        font-size: 1em;
    }

    .recommended-member {
        max-width: 50% !important;
    }

    .activity .avatar-container {
        /*text-align: unset;*/
    }

    .home-award .home-book-container {
        margin-left: 0;
        display: flex;
        justify-content: center;
    }

}

@media (max-width: 800px) and (min-width:650px) {

    .genres-container {
        margin-top: 25px !important;
    }

    .select-members-container {
        margin-top: 45px !important;
    }

    .select-members-container h1,
    .genres-container h1 {
        font-size: 1em;
    }

    .favs-next-link {
        max-width: 32% !important;
        margin-right: 10px !important;
    }

    .genres-container .genre {
        font-size: 0.9em;
        padding: 25px 5px !important;
        height: 90px;
    }

    .select-cms-container {
        margin: -15px 0 0 0 !important;
    }

}

@media (max-width: 1024px) and (min-width:801px) {

    .navbar {
        position: relative;
        padding: 1.5rem 1rem .25rem !important;
    }

    .nav-search-container {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
    }

    .container {
        margin: unset !important;
    }

    .left-sidebar-menu-container {
        max-width: 20% !important;
    }

    .genres-container {
        margin-top: 60px !important;
    }

    .select-members-container {
        margin-top: 55px !important;
    }

    .select-members-container h1,
    .genres-container h1 {
        font-size: 1em;
    }

    .select-cms-container {
        margin: 0 !important;
    }

    .books-to-read .book-image {
        max-width: 9%;
    }

    .main-book-search-container {
        margin-top: 90px !important;
    }

}

@media (max-width:667px) {

    .write-review-container .book-container .book-img {
        width: 20%;
        padding-right: 0;
        text-align: center;
    }

}

@media (max-width: 1024px) and (min-width:668px) {

    .activity .profile-img {
        padding-right: 12px;
        width: 12%;
    }

    .main-book-container .book-image {
        max-width: 20%;
    }

    .main-book-container .book-info {
        padding-left: 5px !important;
    }

    .write-review-container .book-container .book-img {
        width: 15%;
        padding-left: 0px;
        overflow: hidden;
        padding-right: 0px;
        text-align: center;
    }

}

@media (max-width: 736px) and (min-width:667px) {

    .activity .profile-img {
        float: left;
    }

    .activity .book-cover {
        float: right;
    }
    
    .activity .col-sm-8 {
        float: left;
    }

    .book-container .book-image {
        float: left;
        width: 25%;
    }

    .book-container .book-info {
        float: left;
        width: 75%;
    }

}

@media (max-width: 825px) and (min-width: 800px){

    .favs-next-link {
        max-width: 30% !important;
        margin-right: 10px !important;
    }

    .genre {
        font-size: 0.75em;
    }

}

@media (max-width: 768px) and (min-width: 667px) {

    .books-to-read .book-image {
        max-width: 11%;
    }

    .profile-nav-panel .activity .profile-img {
        padding-left: 0;
    }

}

@media (min-width: 480px) {
    #star-rating {
        margin: 0 25.7%;
    }
}

@media (min-width: 768px) {

    #star-rating {
        margin: 0 27.7%;
    }

    .search-container .profile-img {
        width: 10%;
        padding-right: 0;
        padding-left: 15px;
    }

}

@media (min-width: 1024px) {
    #star-rating {
        margin: 0 23.75%;
    }
}

.modal .modal-header {
    background-color: #fcfcfc;
    position: relative;
    padding: .25rem !important;
}

.modal .modal-header h4 {
    font-size: 1rem;
}

.modal .modal-body {
    padding: 10px;
    height: auto;
    max-height: 450px;
    overflow: auto;
}

.modal .modal-footer {
    background-color: #fcfcfc;
    padding: 0.25rem;
}

.modal-affiliate-list ul {
    list-style: none;
}


.modal-affiliate-list li {
    margin-bottom: 5px;
}


/* -------- By same author widget -------- */

.books-by-same-author {
    background: #fff;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 15px;
    padding: 10px 0;
    position: relative;
}

.books-by-same-author h1 {
    font-size: 1.25rem;
    padding-left: 14px;
}

.books-by-same-author .title-rating {
    margin-top: 5px;
    margin-left: -2px;
}

@media (max-width: 480px) {

    .books-by-same-author {
        margin-top: 5px;
    }

    .books-by-same-author .book {
        float: left;
        width: 30% ;
        text-align: center;
    }

    .books-by-same-author .book a {
        display: grid;
        justify-content: center;
    }

    .books-by-same-author h1 {
        font-size: 1rem;
        padding-left: 14px;
    }

    .books-by-same-author .books-container {
        overflow: hidden;
        margin-left: 15px;
        margin-right: -35px;;
    }

    .books-by-same-author .book img {
        width: 65px;
        height: 102px;
    }

    .books-by-same-author .book .title-rating {
        display: grid;
        justify-content: center;
        text-align: center;
    }

    .books-by-same-author .book .title-rating span {
        font-size: 0.8em;
        padding: 0 !important;
    }
}

@media  (max-width: 736px) and (min-width: 667px)  {

    .book-search-container .book-image {
        max-width: 14% !important;
        padding-right: 0;
    }

    .books-by-same-author .book img {
        width: 65px;
        height: 102px;
    }

    .book-search-container .book-info {
        width: 75%;
        float: left;
        padding-left: 0;
    }

    .search-container .nav-tabs .nav-item {
        width: 33% !important;
    }

}

@media (max-width: 1023px) and (min-width: 768px) {

    .books-by-same-author .book img {
        width: 65px;
        height: 102px;
    }

    .books-by-same-author .book a {
        display: grid;
        justify-content: center;
    }

    .books-by-same-author .book .title-rating {
        display: grid;
        justify-content: center;
        text-align: center;
    }

}

@media (max-width: 1224px) and (min-width: 1024px) {

    .books-by-same-author .books-container {
        padding-left: 40px;
    }

}

/* ------- End by same author widget ------- */

/* ---------- Book search results ---------- */

.book-search-container .book-image {
    max-width: 14% !important;
    padding-right: 0;
}

.book-search-container .book-info {
    padding-left: 0;
}

@media (max-width: 480px) {

    .book-search-container .book-image {
        max-width: 19.5% !important;
    }

}

@media  (max-width: 736px) and (min-width: 667px)  {

    .book-search-container .book-image {
        max-width: 13% !important;
        padding-right: 0;
    }

    .book-search-container .book-info {
        width: 75%;
        float: left;
        padding-left: 10px !important;;
    }

    .search-container .nav-tabs .nav-item {
        width: 33% !important;
    }

}

@media (max-width: 1023px) and (min-width: 768px) {

    .book-search-container .book-image {
        max-width: 12% !important;
    }

}

@media (max-width: 1224px) and (min-width: 1024px) {

    .book-search-container .book-image {
        max-width: 10% !important;
    }

}

/* -------- End book search results -------- */

/* ------------ Book genre results ------------ */

.genre-books-container .center-block .card-body {
    padding: 10px 0;
}

.genre-books-container .center-block .select-genre {
    padding: 0 15px 10px;
}

.genre-books-container .center-block .book-container .book-cover {
    padding-right: 0;
    max-width: 16%;
}

.genre-books-container .book-container .details,
.genre-books-container .book-container .details div {
    padding-left: 0;
}

@media (max-width: 480px) {

    .genre-books-container .select-genre {
        margin-bottom: 3px;
        padding: 0 !important;
    }

    .genre-books-container .select-genre label {
        width: 20%;
    }

    .genre-books-container .select-genre select {
        width: 75%;
    }

    .genre-books-container .selected-genre h1 {
        font-size: 1rem;
    }

    .genre-books-container .book-container{
        min-height: 100px !important;
    }

    .genre-books-container .book-container .book-cover {
        width: 16%;
        padding-left: 0;
    }

    .genre-books-container .book-container .book-cover img {
        width: 60px;
    }

    .genre-books-container .book-container .details {
        width: 75%;
        padding-left: 5px !important;
    }

    .genre-books-container .center-block .card-body .select-genre {
        padding: 0 10px !important;
    }

}

@media  (max-width: 736px) and (min-width: 667px)  {

    .genre-books-container .select-genre label {
        float: left;
        width: 15%;
    }

    .genre-books-container .select-genre select {
        width: 70%;
        float: left;
    }

}

@media (max-width: 1023px) and (min-width: 768px) {

    .genre-books-container .main-container {
        margin-top: 80px !important;
    }

    .genre-books-container .center-block .book-container .book-cover {
        padding-right: 0;
        max-width: 14%;
    }

}

@media (max-width: 1224px) and (min-width: 1024px) {

    .genre-books-container .main-container {
        margin-top: 80px !important;
    }

    .genre-books-container .center-block .book-container .book-cover {
        padding-right: 0;
        max-width: 10.5%;
    }

}

/* ---------- End book genre results ---------- */

/* ------------ Leave/Write review container ------------ */

.write-review-container {
    background: #fff;
    border-radius: 15px;
}

.write-review-container hr {
    margin-bottom: 0;
}

.write-review-container h1 {
    font-size: 1.35em;
    font-weight: bold;
    padding-top: 15px;
}

.write-review-container h2 {
    font-size: 1.15em !important;
    margin: 0px;
}

.write-review-container h1,
.write-review-container h2 {
    color: #c9273d;
}

.write-review-container .book-container .book-img {
    text-align: center;
    padding-left: 0;
}

.write-review-container .book-container .book-info {
    padding-left: 0;
    overflow: hidden;
    width: 80%;
}

.write-review-container .book-container .title-rating {
    padding-left: 0;
}

.review-rating-container {
    padding: 10px 0 0;
}

.review-rating-container h2 {
    margin: 3px 0 10px;
    font-weight: bold;
}

.review-text-area {
    clear: left;
    margin-bottom: 0;
}

.review-text-area textarea {
    background: #fffbfb;
    box-shadow: inset 0 1px 2px #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 110px;
    margin: 10px 0 0 0;
    padding: 7px 10px;
    width: 60%;
}

.leave_review_container {
    background: #f3f3f3;
    border-radius: 15px;
    margin: 1em 0 0 0;
    min-height: 60px;
}

.leave_review_container hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.leave_review_container p {
    margin-bottom: 0.5rem;
}

#star-rating {
    overflow: hidden;
    margin: 0 auto;
}

#star-rating ul {
    list-style: none;
    padding: 8% 0 0 0;
    display: flex;
    justify-content: center;
    margin-bottom: 0 !important;
}

#star-rating-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#star-rating ul li,
#star-rating-container ul li {
    float: left;
    margin: 0 5px 0 0;
    border: 1px solid #ccc;
    padding: 3px 4px;
    border-radius: 3px;
    cursor: pointer;
    background: #cccccc;
}

#star_rating_txt {
    text-align: center;
    margin: 0 0 6px 0;
}

#rating_text {
    background: transparent;
    border: 0;
    clear: left;
    font-size: 1em;
    font-weight: bold;
    margin: 3px 0 5px 0;
    padding: 0;
    text-align: center;
}

#star-rating ul li i,
#star-rating ul li a i,
#star-rating ul li:hover i,
#star-rating-container ul li i,
#star-rating-container ul li a i,
#star-rating-container ul li:hover i {
    color: #ffffff;
    font-size: 1em;
    cursor: pointer;
}

#star-rating-container ul li.rating-text {
    background: transparent;
    border: 0;
    margin: 3px 0 0 0;
    font-size: 1em;
    font-weight: bold;
}

@media (max-width: 1224px) and (min-width: 1024px) {

    .leave_review_container #star-rating {
        margin: 0 auto !important;
        overflow: hidden;
    }

    .leave_review_container #star-rating ul {
        display: flex;
        justify-content: center;
        list-style: none;
        padding: 7% 0 0 1%;
        margin: 0;

    }

    .leave_review_container #rating_text {
        padding: 5px 0 0 0;
    }

}

/* ---------- End leave review container ---------- */

/* ------------ Status container ------------ */


.parent-status-container .main-container .center-block .card-body {
    padding: 0;
}

.status-container .profile-img {
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    justify-content: center;
}

.status-container .book-cover {
    /*margin-right: 5px;*/
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 20% !important;
}

.status-container .book-shelf-info {
    padding-right: 0 !important;
    width: 58% !important;
}

@media (max-width: 480px) {
    /*.status-container .profile-img {*/
        /*width: 20%;*/
    /*}*/

    /*.status-container .book-cover {*/
        /*width: 20%;*/
    /*}*/

    /*.status-container .book-shelf-info {*/
        /*width: 58% !important;*/
    /*}*/
}

@media (max-width: 1023px) and (min-width: 667px) {

    .status-container .book-cover img {
        width: 65px;
    }

}

@media (max-width: 1224px) and (min-width: 1024px) {

    .parent-status-container .main-container {
        margin-top: 80px !important;
    }
}

/* ---------- End status container ---------- */


/* --------------- Profile ----------------- */


.main-profile-img .avatar {
    position: relative;
}

.main-profile-img .avatar-hover {
   cursor: pointer;
}


.avatar .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin-left: 0;
    border-radius: 8px;
}

.avatar .overlay:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}

.avatar .text {
    color: #333;
    font-size: 20px;
    position: absolute;
    top: 60%;
    left: 40%;
}

.avatar .text i {
    filter: drop-shadow(0 0 3px #fff);
}

.banner {
    height: 190px;
}

.banner .banner-image {
    position: relative;
}

.banner .banner-image-hover {
    cursor: pointer;
}

.banner-image .overlay {
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin-left: 0;
}

.banner-image  .overlay:hover {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}

.banner-image .text {
    color: #333;
    font-size: 20px;
    position: absolute;
    top: 75%;
    left: 50%;
}

.banner-image .text i {
    filter: drop-shadow(0 0 3px #fff);
}

.image_area {
    position: relative;
}

@media (max-width: 1024px) {

    .banner img {
        width: 952px;
    }

    .avatar-container {
        margin: 110px 0 0;
    }

    .recent-review-reviewer .avatar-container {
        margin: 0;
        width: 8%;
    }

    .status-container .avatar-container {
        margin: 5px 0 0 !important;
    }

}

@media (min-width: 769px) and (max-width: 1023px) {

    .avatar-container {
        margin: 55px 0 0;
    }

    .recent-review-reviewer .avatar-container {
        margin: 0;
        width: 10%;
    }

    .status-container .avatar-container {
        margin: 5px 0 0 !important;
    }

}

@media (max-width: 768px) {

    .avatar-container {
        margin: 35px 0 0;
    }

    .recent-review-reviewer .avatar-container {
        margin: 0;
        display: grid;
        justify-content: center;
        width: 11%;
        padding-right: 10px;
    }

    .status-container .avatar-container {
        margin: 5px 0 0 !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {

    .profile-container .main-container {
        margin-top: 70px;
    }

    .avatar-container {
        margin: 20px 0 0;
    }

    .status-container .avatar-container {
        margin: 5px 0 0 !important;
    }

    .avatar-container .follow-button-container {
        margin: -55px 0 0 0 !important;
    }

}

@media (max-width: 480px) {

    .profile-container .card {
        margin-top: 60px;
    }

    .profile-container .avatar-container .follow-button-container {
        margin: -47px 0 0 0 !important;
    }

    .banner {
        height: 110px;
        background: #ddd;
    }

    .banner img {
        border-radius: 15px 15px 0 0;
    }

    .banner-image .text {
        color: #333;
        font-size: 15px;
        position: absolute;
        top: 70%;
        left: 50%;
    }

    .avatar .text {
        color: #333;
        font-size: 15px;
        position: absolute;
        top: 65%;
        left: 40%;
    }

    .avatar-container {
        margin: 10px 0 0;
    }

    .status-container .avatar-container {
        margin: 5px 0 0 !important;
    }

}

img {
    display: block;
    max-width: 100%;
}

.preview {
    overflow: hidden;
    width: 60px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

.banner-preview {
    overflow: hidden;
    width: 250px;
    height:250px;
    margin: 10px;
    border: 1px solid red;
}

.image_area:hover .overlay {
    cursor: pointer;
}

.banner_area .overlay {
    bottom: 0px;
    height: 20%;
}

.banner_area:hover .overlay {
    cursor: pointer;
}

.image_area img {
    border-radius: 9999px;
}



.img-container,
.img-preview {
    background-color: #f7f7f7;
    text-align: center;
    width: 100%;
}

.img-container {
    margin-bottom: 1rem;
    max-height: 497px;
    min-height: 200px;
}

@media (max-width: 768px) {

    .img-container {
        min-height: 497px;
        width: 100%;
    }

    .modal {
        width: 100%;
    }

}

.img-container > img {
    max-width: 74%;
}


@media (max-width: 480px) {

    .img-container {
        min-height: 497px;
    }
}

.img-container > img {
    max-width: 100%;
}


/*---------------------------------------*/
/*---------------------------------------*/


label.btn {
    margin-bottom: 0;
}

.d-flex > .btn {
    flex: 1;
}

.footer {
    font-size: .875rem;
}

.img-container,
.img-preview {
    background-color: #f7f7f7;
    text-align: center;
    width: 100%;
}

.img-container {
    margin-bottom: 1rem;
    max-height: 497px;
    min-height: 200px;
}

@media (min-width: 768px) {
    .img-container {
        min-height: 497px;
        padding-left: 0 !important;
    }
}

@media (max-width: 480px) {
    .img-container {
        padding-left: 0 !important;
    }
}

.img-container > img {
    max-width: 100%;
}

.docs-preview {
    margin-right: -1rem;
}

.img-preview {
    float: left;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
}

.img-preview > img {
    max-width: 100%;
}

.preview-lg {
    height: 9rem;
    width: 16rem;
}

.preview-md {
    height: 4.5rem;
    width: 8rem;
}

.preview-sm {
    height: 2.25rem;
    width: 4rem;
}

.preview-xs {
    height: 1.125rem;
    margin-right: 0;
    width: 2rem;
}

.docs-data > .input-group {
    margin-bottom: .5rem;
}

.docs-data > .input-group > label {
    justify-content: center;
    min-width: 5rem;
}

.docs-data > .input-group > span {
    justify-content: center;
    min-width: 3rem;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
    margin-bottom: .5rem;
    margin-right: .25rem;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
    margin-bottom: .5rem;
}

.docs-tooltip {
    display: block;
    margin: -.5rem -.75rem;
    padding: .5rem .75rem;
}

.docs-tooltip > .icon {
    margin: 0 -.25rem;
    vertical-align: top;
}

.tooltip-inner {
    white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
    white-space: nowrap;
}

.btn-toggle {
    padding: .5rem;
}

.btn-toggle > .docs-tooltip {
    margin: -.5rem;
    padding: .5rem;
}

@media (max-width: 400px) {
    .btn-group-crop {
        margin-right: -1rem!important;
    }
    .btn-group-crop > .btn {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .btn-group-crop .docs-tooltip {
        margin-left: -.5rem;
        margin-right: -.5rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

.docs-options .dropdown-menu {
    width: 100%;
}

.docs-options .dropdown-menu > li {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.docs-options .dropdown-menu > li:hover {
    background-color: #f7f7f7;
}

.docs-options .dropdown-menu > li > label {
    display: block;
}

.docs-cropped .modal-body {
    text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
    max-width: 100%;
}


/* ------------- End Profile --------------- */