body {
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0;
}

#docBody {
    width: 100%;
    margin: auto;
    color: white;
}


#loginScreen {
    width: 100%;
    margin: auto;
}

#registerScreen {
    width: 100%;
    margin: auto;
}

.dataDownload{
    font-family: 'Montserrat';
    font-size: 15px;
    width: 100%;
    float: left;
    overflow-wrap: break-word;
}

.listLabel {
    font-weight: bold;
}



button {
    border: none;
    background: #232A33;
    color: inherit;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background: #8895A7;
}

.submitButton {
    border: none;
    background: #232A33;
    color: inherit;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
    width: auto;
    font-size: 13px;
}

.submitButton:hover {
    background: #8895A7;
}

#Profile_Delete_Book.submitButton {
    background: #8895A7;
}

#Profile_Delete_Book.submitButton:hover {
    background: #561717;
}


.profileBookButton {
    float: left;
    width: 100px;
    height: 150px;
    background: #92a0b3;
    border: 2px dashed #EDF0F3;
    margin-bottom: 0px;
    color: #d9d9d9;
    border-radius: 5px;
    cursor: pointer;
    font-size: 50px;
}

.profileBookButton:hover {
    border-color: #e4e4e4;
    background: #8895A7;
}

#Save_Publish_Terms_Button {
    float: right;
}

#Home_Page_Book_Title {
    font-size: 15px;
    font-weight: 600;
}

#Category_Book_Title {
    font-size: 15px;
    font-weight: 600;  
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

ul,
ol {
    padding: 0;
    margin: 0 0 10px 20px;
    color: inherit;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0
}

li {
    line-height: 20px;
    margin-bottom: 5px;
}



img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

.mainColumn {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 70vh;
}

.categoryMenu {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
}

.login-box {
    position:relative;
    margin-right:auto;
    margin-left:auto;
    top:0%;
    background-color: #edf0f3;
    border-radius: 7px;
    opacity: 0.9;
    width: 30%;
    max-width: 375px;
    min-width: 330px;
}

.login-header {
    margin-top:0px;
    margin-bottom:0px;
    color:#2785b4;
}

.login-header-h1 {
    font-size:22px;
    text-align:center;
    margin-bottom: 10px;
    color: #27313c;
}

.login-header-h2 {
    font-size:14px;
    text-align:center;
    font-weight:400;
    color: white;
    margin-top:0px;
}

.logInEmail {
    height: 25px;
}

.logInPassword {
    height: 25px;
}

.formLabel {
    width: 160px;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-top: 2px;
    color: white;
}

.profilePicUploadForm {
    float: left;
    width: 100%;
}

.settingsProfilePic {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.settingsText {
    font-size: 14px;
    line-height: 15px;
    padding: 5px;
    margin-top: 4px;
    float: left;
    color: inherit;
}

.imageUploadButton {
    float: left;
    width: 100%;
}

.profileImageUpload {
    float: left !important;
    width: 75% !important;
    height: auto;
    border: none;
}

.homepagePublishingSignupButton {
    width: 100%;
    height: 35px !important;
    border: none;
    border-radius: 5px;
    background-color: #232A33 !important;
    color: white;
    position: relative;
    outline: 0;
    margin: 10px 0 0 0;
    cursor: pointer;
}



.settingsSubmitButton {
    width:95%;
}

#login {
    display:block;
}

#register {
    display: block;
    padding: 10px 20px;
}

form#LoginForm {
    text-align:center;
    margin:0 auto;
    margin-bottom: 15px;
}

form#RegistrationForm {
    text-align:center;
}

#Registration_Form {
    width: 100%;
    margin: auto;
    padding-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#registerFirstName {
    width: 40%;
}

#registerLastName {
    width: 40%;
}

input {
    height: 30px;
    padding: 10px;
    margin: 0px;
    border-radius: 2px;
    border: 1px solid #ddd;
    width: 65%;
    border-radius: 4px;
}

input:hover {
    border-color:#64bde8;
}

.registerTitleDropdown {
    height: 40px;
    padding: 5px 5px;
    color: #8a8684;
    margin: 2px;
    border: 1px solid #ddd;
    width: 99%;
    border-radius: 4px;
}

.inputField.registerInput {
    width: 100%;
    max-width: 330px;
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 30px;
    background-color: #fff;
}

.regCountryInputField {
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 5px;
    float: left;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.errortext {
    font-size: 12px;
    padding: 0px 30px;
    margin: 0px;
    background: #fde8796b;
}

.successtext {
    font-size: 12px;
    padding: 0px 30px;
    margin: 0px;
    background: #64bde8;
}

.registerRadioButtons {
    float: left;
    width: 93%;
    margin-bottom: 10px;
    padding: 5px 0px 5px 20px;
}

.registerRadioButton {
    width: 20px;
    height: 20px;
    float: left;
}

.accountTypeBox {
    background: #c4e1ef;
    float: left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 5px;
}

.accountTypeBox:hover {
    background: #badcec;
}

.accountTypeHeader {
    font-size: 14px;
    padding: 5px 0px 5px 10px;
    float: left;
    width: 95%;
}

.AccountTypeSelect {
    width: 48%;
    float: left;
    margin-right: 5px;
}

.accountTypeLabel {
    line-height: 17px;
    margin-top: 3px;
    float: left;
    margin-left: 5px;
    font-size: 14px;
}

#loginButton {
    border-radius:5px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 60%;
    background: #232a33;
    color: #fff;
}

#registerButton {
    border-radius:5px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;  
    background: #232a33;
    color: #fff;
}


.signup_link {
    font-size:13px;
    color: #2d6ab5 !important;
    width:100%;
    float: left;
    margin-bottom: 5px;
}

#signin {
    font-size:13px;
    color: #2d6ab5;
}

.registerSignInLink {
    width: 100%;
    text-align: center;
}

.agreementLoginButtons {
    padding: 10px;
}

#savepublishtermsButton {
    border: 1px solid #ddd;
    border-radius:5px;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 150px;
    background: #232A33;
    color: #fff;
    margin-right: 50px;
    float:right;
}

.pageDocument {
    float: left;
    margin: 0% 12% 0% 15%;
    width: 100%;
}

#agreementHeader {
    margin-bottom: 60px !important;
    float:left;
}

.accountBody {
    max-width: 1100px;
    margin: auto;
}


.userDetailsTile  {
    width: 20%;
    float: left;
    margin-right: 10px;
}

.accountTile {
    border-radius: 5px;
    padding: 20px;
    margin-top: 10px;
    float: left;
    width: calc(100% - 40px);
}

.profile-pic {
    border-radius: 5px;
    float: left;
    margin-bottom: 10px;
    width: calc(100% - 40px);
}

.profilePicImage {
    width: 160px;
}

.uploadProfilePicOverlay {
    position: absolute;
    left: 34%;
    top: 30%;
    opacity: 0.7;
}

.profileUserName {
    margin-bottom: 10px;
}


.userNameProfile {
    font-size: 18px;
    float: left;
    margin-top: 5px;
    margin-bottom: 2px;
    word-break: break-word;
    width: 100%;
    color: inherit;
    font-family: inherit;
}

.userName {
    color: #90949c;
    font-weight: 600;
    font-size: 13px;
    word-break: break-word;
}

.userDetails {
    margin: 0;
    font-size: 14px;
}

.userStats {
    font-size: 13px;
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Montserrat';
}


.profile_info_bottom {
    line-height: 20px;
    margin-left: 5px;
    float: left;
    font-size: 13px;
}

.friendsButtonForm {
    float: right;
    margin-bottom: 0px;
}

.privacyAndCookies {
    width: 99%;
    height: 40px;
    float: left;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px;

}

.privacyAndCookies a:link {
    font-size: 12px;
}

.agreementLink a:link {
    font-size: 12px;
}

.settingsTile {
    width: 99%;
    height: 40px;
    background: #ffffff;
    float: left;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    margin-top: 0px;

}

.checkoutItems {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

.shoppingCheckoutBlock {
    width: 70%;
    float: left;
    line-height: 40px;
    margin-left: 50px;
    padding: 10px;
}

.paymentLocationSelect {
    float: left;
    width: 100%;
    height: 35px;
}

.checkoutCountryLabel {
    float: left;
    width: 120px;
    line-height: 30px;
}

.checkoutCountryDropdown {
    height: 32px;
    width: 190px;
    border-radius: 5px;
    margin-left: 5px;
    padding: 5px;
    font-size: 15px;
    font-family: 'Montserrat';
    outline: none;
    border-color: #bfbfbf;
}

#bookCheckout {
    width: 100%;
    float: left;
}

.Checkout_Item_Book_Title {
    word-break: break-all;
    line-height: 20px;
    margin-bottom: 0px;
}

.Checkout_Item_Chapter_Title  {
    word-break: break-all;
    line-height: 20px;
    margin-bottom: 0px;
    font-weight: 400;
}

.checkoutItem {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 5px;
}

.Checkout_Book_Image {
    width: 80px;
    float: left;
    padding: 10px;
}

.checkoutBookDetails {
    float: left;
    text-align: right;
    width: 80%;
    margin-right: 15px;
}

.Checkout_Item_Title {
    word-break: break-all;
    line-height: 20px;
}

.Checkout_Item_Author {
    word-break: break-all;
    line-height: 20px;
}

.Checkout_Item_Price {
    word-break: break-all;
    line-height: 20px;
}

.checkoutWrapup {
    width: 23%;
    float: left;
    padding: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

.checkoutSummary {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 15px;
}

.checkoutLabel {
    text-align: right;
    width: 98%;
    line-height: 30px;
    color: white;
}

.checkoutTotal {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    font-weight: 600;
    font-size: 15px;
}

.authorByLine {
    margin-top:4px;
    margin-bottom:4px;
    font-weight:400;
    font-size:14px;
}

.settingsTile a:link {
    font-size: 12px;
}

.publishingTerms {
    width: 99%;
    height: 40px;
    background: #697d96;
    float: left;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.settingsLink {
    float: left;
    text-align: center;
    width: 100%;
}

.infoLink {
    float: left;
    width: 100%;
    height: 34px;
}

.privacyLink {
    float: left;
    text-align: center;
    width: 50%;
}

.cookiesLink {
    float: left;
    text-align: center;
    width: 50%;
}

.agreementLink {
    float: left;
    text-align: center;
    width: 100%;
}

.publishedBookListing {
    float: left;
    width: 80%;
}

.yourPublishedBooks {
    float: left;
    width: 100%;
}

.edit_chapter_pricing_accordion_button {
    width: auto;
    float: left;
    padding: 5px 10px;
    background-color: #232A33;
    color: white;
    border-radius: 3px;
}

.edit_chapter_titles_accordion_button {
    width: auto;
    float: left;
    padding: 5px 10px;
    background-color: #232A33;
    color: white;
    border-radius: 3px;
}

.edit_chapter_names_accordion_button {
    width: auto;
    float: left;
    padding: 5px 10px;
    background-color: #232A33;
    color: white;
    border-radius: 3px;
}

.editBookSelection{
    width: 100% !important;
    float: left;
    cursor: pointer;
    text-align: left;
    margin: 0px;
    padding: 2px 0px;
    background: none;
}

.publishedBook{
    width: 100% !important;
    float: left;
    cursor: pointer;
    text-align: left;
    margin: 0px;
    padding: 2px 0px;
}

.bookAddToCart {
    float: left;
    width: 100%;
}

.bookChapterListing {
    width: 100%;
    margin: 2px;
}

.chapterPricingColumn {
    width: auto;
    float: left;
    padding: 10px 5px;
    display: none;
}

.editBookChapterPricing {
    float: left;
    width: 100%;
}

.chapterPricingSection {
    width: 100%;
    float: left;
    padding: 10px 5px;
}

.chapterNumberColumn {
    float: left;
    width: 15%;
}

.chapterTitleColumn {
    float: left;
    width: 70%;
}

.chapterPriceColumn {
    float:left;
}

.chapterNameColumn {
    width: 30%;
    float: left;
    margin-right: 10px;
}

.purchasableChapterPriceColumn {
    float: right;
    width: 100%;
}

.bookChapterNumber {
    height: 30px;
    float: left;
    width: 100%;
    padding-top: 5px;
}

.bookChapterPrice {
    width: 100%;
    float: left;
}

.chapterPrice {
    width: 35%;
}

.bookPartName {
    font-weight: 600;
    margin-top: 5px;
    font-family: 'Montserrat', sans-serif;
    width: 55%;
    float: left;
    height: 30px;
    padding-top: 5px;
    font-size: 15px;
}

.chapterPriceName {
    width: 65%;
    float: left;
    height: 30px;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
}

.chapterPriceValue {
    width: 34%;
    float: left;
    height: 30px;
    text-align: left;
    padding-top: 5px;
    font-size: 15px;
}

.chapterAddToCart {
    width: 84%;
    height: 35px;
    float: left;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
}


.chapterAddToCartLogin {
    width: 100%;
    height: 35px;
    float: left;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
}

.chapterPriceDetails {
    width: 50%;
    float: left;
}

.chapterPrefaceDetails {
    width: 51%;
    float: left;
}

.Chapter_Mark_As_Read {
    width: 16%;
    height: 35px;
    float: right;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
}

.chapterAddToCartButton {
    width: 82px !important;
    background-color: #232A33;
    height: 30px;
    padding: 5px 5px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right;
    margin: 2px 5px 2px 2px
}

.chapterAddToCartButton:hover {
    background-color: #8895A7;
}

.bookAddToCartButton {
    width: 82px !important;
    background-color: #561717;
    height: 30px;
    padding: 5px 5px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right;
    margin: 2px 5px 2px 2px
}

.bookAddToCartButton:hover {
    background-color: #771d1d;
}

.chapterInCartButton {
    width: 82px !important;
    background-color: #185421;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 0px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right;
    border-radius: 4px;
    margin: 2px 5px 2px 2px;
}

.chapterInCartButton:hover {
    background-color: #13441a;
}

.chapterMarkReadButton {
    width: 70px !important;
    background-color: #14619c;
    height: 30px;
    padding: 5px 5px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right; 
}

.chapterMarkReadButton:hover {
    background-color: #3388ca;
}

.chapterMarkedReadButton {
    width: 70px !important;
    background-color: #185421;
    height: 30px;
    padding: 5px 5px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right;
}

.chapterMarkedReadButton:hover {
    background-color: #13441a;
}

.chapterReadNowButton {
    width: 80px !important;
    background-color: #185421;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 0px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right;
    border-radius: 4px;
    margin: 2px 5px 2px 2px;
}

.chapterLoginButton {
    width: 165px !important;
    background-color: #14619c;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 0px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    float: right;
    border-radius: 4px;
    margin: 2px 5px 2px 2px;
}

.chapterLoginButton:hover {
    background-color: #3388ca;;
}

#Read_Chapter_Now_Link {
    float:right;
}

.chapterReadNowButton:hover {
    background-color: #13441a;
}

.yourPublishedBookChapterNumber {
    height: 22px;
    padding: 5px;
}

.chapterPricingLabel {
    font-size: 15px;
    line-height: 20px;
}

.bookImage {
    float: left;
    width: 30%;
}

.book-image-input-field {
    height: 30px;
    width: 100px;
}

.publishedBookName {
    margin-top:4px;
    margin-bottom:4px;
}

.trend_details {
    float: left;
    width: 80%;
    margin-top: 5px;
    background: white;
}

.centralProfileColumn {
    float: left;
    width: calc(80% - 10px);
    margin-bottom: 50px;
}

.user_details {
    padding: 20px;
    border-radius: 5px;
    margin-top: 10px;
    height: auto;
    float: left;
    width: calc(100% - 40px);
}


.profilePublishedBooks {
    height: auto;
    float: left;
    width: 90%;
}

.profilePublishedBooksMini {
    width: 42%;
    height: 240px;
    position: relative;

}

.profilePublishedBooksMiniRight {
    width: 42%;
    height: 240px;
    margin-left:1%;
}

.profileReadBooks {
    height: auto;
    float: left;
    width: 90%;
}

.profilePublishedBooksHeader {
    height: auto;
    float: left;
    width: 90%;
}

.yourBooksPublishedWorksHeader {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.profileBookListing {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}

.Published_Book {
    min-height: 150px;
    float: left;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.profilePublishedBookCover {
    width: 95px;
    height: 150px;
}

.profileBookDetails {
    width: calc(100% - 9px);
    padding: 2px 5px;
}

.profileOptionsContainer {
    display: flex;
    width: 12%;
    float: left;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 0px 5px;
}

.editBookStats {
    font-size: 14px;
    margin: 0px;
}

.editBooksLink {
    width: 50%;
    float: left;
}

.newBookLink {
    width: 40%;
    float:right;
    color: #1c8bc3 !important;
    text-align: right;
}

.editBookShelvesLink {
    width: 30%;
    float: right;
    text-align: right;
}

.yourBooksBookListing {
    width: 100%;
}

.edit-book-selection-form {
    margin: 0;
}

.shortcut {
    float:left;
    width: 100%;
    position: relative;
    bottom: 50px;
}

.yourBooksBookListing {
    display: grid;
}

.yourPublishedBookCover {
    float:left;
    width:100px;
}

.bookDetails {
    min-height: 50px;
}

.bookListingButton {
    width: 100% !important;
    background: #ababab !important;
    color: white;
    height: 25px;
    line-height: 6px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 0px;
}

.bookListingEditButton:hover {
    background: #8a8a8a !important;
}

.update_book_image_confirm {
    width: 100px !important;
    border: none !important;
    border-radius: 5px;
    color: white;
    position: relative;
    margin: 0px;
    float: right;
    padding: 5px;
}

.book-image-input-field {
    height: 25px;
    width: 85%;
    padding: 0;
    border: none;
    margin: 10px 8px 10px 8px;;
}

.update_book_confirm#update_image {
    position: absolute;
    bottom: 18px;
    right: 20px;
}

.yourPublishedBookDetails {
    float: left;
    width: 100%;
    margin-left: 10px;
    font-size: 14px;
    line-height: 14px;
}

.profileBookmarkListing {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}

#bookmarkDelete {
    width: 100%;
    float: left;
    border-bottom: 1px solid #92a0b3;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
}

.profileBookmark {
    width: 90%;
    float: left;
}

.profilebookMarkDelete {
    width: 10%;
    height: 30px;
    float: left;
    margin-right: 5px;
}

#chapterStructureUpdate {
    float:left;
    width:100%;
}

.detailsOptions {
    width: 55%;
    float: left;
}

.detailsNotice {
    width: 40%;
    float: right;
    height: 125px;
    margin-right: 2%;
}

.importantNotice {
    float: left;
    width: 95%;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 14px;
    background: #73c1e6;
    padding: 5px 10px 5px 10px;
    color: white;
}

.updateMessage {
    padding: 10px;
    height: 23px;
    font-size: 15px;
    margin-bottom: 10px;
}

.bookPreviewLabel {
    margin-bottom: 5px;
    overflow-wrap: break-word;
}

.aboutText {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 20px;
}

#Web_Social_Icon {
    float: left;
    margin-right: 5px;
}

#bookAboutURLReflect {
    color:#5f6368;
    font-size:16px;
    line-height: 16px;
}

#bookStartURLReflect {
    color:#5f6368;
    font-size:16px;
    line-height: 16px;
}

.previewBlockDisplay {
    width:95%;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom:10px;
    float:left
}

.bookTitleInput {
    width:550px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    float:left
}

.bookTitleReflect {
    color:#656565;
    font-size:20px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.notPublishedNotice {
    float: left;
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px;
    padding: 5px 7px;
    border: 1px dashed #c5c5c5;
    background: #e8e8e8;
    color: #b3b3b3;
}

.yourPublishedBookId:before {
    content:'Book ID: ';
    font-size: 14px;
}

.yourPublishedBookTitle {
    margin-top: 0px;
    margin-bottom: 5px !important;
    font-size: 16px !important;
    word-break: break-all;
}

.publishedBookDetails {
    font-size: 14px;
    line-height: 14px; 
    margin-bottom: 5px;
}

.tooltip {
    position: relative;
    display: inline-block;
    width: 5%;
    float: left;
    margin-top: 0px;
    margin-left: 5px;
    opacity: 0.5;
}

.tooltip .tooltipText {
  visibility: hidden;
  width: 310px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -15px;
  left: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
    }
    
.tooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}

.tooltipSide#Edit_Book_Status_Tooltip {
    position: relative;
    display: inline-block;
    width: 10%;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    opacity: 0.5;
}

.tooltipSide#Edit_Book_Status_Tooltip .tooltipText {
    visibility: hidden;
  width: 160px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -50px;
  left: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
    }
    
.tooltipSide#Edit_Book_Status_Tooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}

.tooltipSide#Edit_Book_Visibility_Tooltip {
    position: relative;
    display: inline-block;
    width: 10%;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    opacity: 0.5;
}

.tooltipSide#Edit_Book_Visibility_Tooltip .tooltipText {
  visibility: hidden;
  width: 160px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -80px;
  left: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
    }
    
.tooltipSide#Edit_Book_Visibility_Tooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}

.tooltipSideMid {
    position: relative;
    display: inline-block;
    width: 5%;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    opacity: 0.5;
}

.tooltipSideMid .tooltipText {
    visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
    }
    
.tooltipSideMid .tooltipText#New_Chapter_Upload_Tooltip_Text {
    width: 215px;
}
    
.tooltipSideMid:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}




.tooltipFileUpload {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-left: 2px;
    opacity: 0.5;
}

.tooltipFileUpload#Book_File_Upload_Tooltip {
    width: 15%;
}

.tooltipFileUpload#Book_Image_Upload_Tooltip {
    width: 3%;
}

.tooltipFileUpload#Book_Price_Tooltip {
    width: 6%;
}


.tooltipFileUpload .tooltipText {
    visibility: hidden;
    width: 330px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 230px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
    }
    
.tooltipFileUpload:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}


.tooltipTextShortSide {
    position: relative;
    display: inline-block;
    width: 10%;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    opacity: 0.5;
}

.tooltipTextShortSide .tooltipText {
    visibility: hidden;
    width: 230px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 20px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
}

.tooltipTextShortSide:hover .tooltipText {
    visibility: visible;
    opacity: 1;
}

#Book_Categories_Tooltip_Text {
    width: 247px;
    top: -18px;
}

#New_Book_Categories_Tooltip_Text {
    width: 247px;
    top: -18px;
}

#Book_SEO_Tooltip_Text {
    width: 350px;
}

.tooltip .tooltipIndicator#Book_SEO_Tooltip_Indicator {
    visibility: hidden;
    width: 634px;
    height: 115px;
    border: 5px solid #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 200px;
    left: -310px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_SEO_Tooltip_Indicator {
    visibility: visible;
    opacity: 1;
}


#Chapter_SEO_Tooltip_Text {
    width: 360px;
}

.tooltip .tooltipIndicator#Chapter_SEO_Tooltip_Indicator {
    visibility: hidden;
    width: 634px;
    height: 118px;
    border: 5px solid #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 200px;
    left: -284px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Chapter_SEO_Tooltip_Indicator {
    visibility: visible;
    opacity: 1;
}

.tooltip .tooltipIndicator#Book_Meta_Desc_Tooltip_Indicator {
    visibility: hidden;
    width: 621px;
    height: 44px;
    background-color: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 165px;
    left: -270px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_Meta_Desc_Tooltip_Indicator {
    visibility: visible;
    opacity: 1;
}

.tooltip .tooltipIndicator#Chapter_Meta_Desc_Tooltip_Indicator {
    visibility: hidden;
    width: 621px;
    height: 44px;
    background-color: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 165px;
    left: -123px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Chapter_Meta_Desc_Tooltip_Indicator {
    visibility: visible;
    opacity: 1;
}

#Book_Meta_Desc_Tooltip_Text {
    top: -111px;
    left: -17px;
    width: 300px;
}

#Chapter_Meta_Desc_Tooltip_Text {
    top: -111px;
    left: 170px;
    width: 300px;
}

.tooltip .tooltipIndicator#Book_Meta_Title_Tooltip_Indicator {
    visibility: hidden;
    width: 621px;
    height: 22px;
    background-color: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 200px;
    left: -215px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_Meta_Title_Tooltip_Indicator {
    visibility: visible;
    opacity: 1;
}

#Book_Meta_Title_Tooltip_Text {
    top: -47px;
    left: 38px;
    width:310px;
}

#Chapter_Meta_Title_Tooltip_Text {
    top: -47px;
    left: 80px;
    width:310px;
}




#Book_Social_Media_Tooltip_Text {
    top: -16px;
    width: 202px;
}

#Book_OG_Title_Tooltip_Text {
    top: -48px;
    left: 89px;
    width: 185px;
}

#Book_OG_Desc_Tooltip_Text {
    top: -112px;
    left: 34px;
    width: 185px;
}

#Book_Social_Media_Tooltip_Facebook_Indicator {
    width: 350px;
}

.tooltip .tooltipIndicator#Book_Social_Media_Tooltip_Facebook_Indicator {
    visibility: hidden;
    width: 533px;
    height: 144px;
    border: 5px solid #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 210px;
    left: -303px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_Social_Media_Tooltip_Facebook_Indicator {
    visibility: visible;
    opacity: 1;
}

#Book_Social_Media_Tooltip_Twitter_Indicator {
    width: 350px;
}

.tooltip .tooltipIndicator#Book_Social_Media_Tooltip_Twitter_Indicator {
    visibility: hidden;
    width: 503px;
    height: 114px;
    border: 5px solid #73c1e6;
    border-radius: 21px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 405px;
    left: -302px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_Social_Media_Tooltip_Twitter_Indicator {
    visibility: visible;
    opacity: 1;
}



.tooltip .tooltipIndicator#Book_OG_Title_Tooltip_Facebook_Indicator {
    visibility: hidden;
    width: 370px;
    height: 21px;
    background: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 218px;
    left: -68px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_OG_Title_Tooltip_Facebook_Indicator {
    visibility: visible;
    opacity: 1;
}


.tooltip .tooltipIndicator#Book_OG_Title_Tooltip_Twitter_Indicator {
    visibility: hidden;
    width: 368px;
    height: 19px;
    background: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 385px;
    left: -98px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_OG_Title_Tooltip_Twitter_Indicator {
    visibility: visible;
    opacity: 1;
}


.tooltip .tooltipIndicator#Book_OG_Desc_Tooltip_Facebook_Indicator {
    visibility: hidden;
    width: 370px;
    height: 57px;
    background: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 183px;
    left: -123px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_OG_Desc_Tooltip_Facebook_Indicator {
    visibility: visible;
    opacity: 1;
}


.tooltip .tooltipIndicator#Book_OG_Desc_Tooltip_Twitter_Indicator {
    visibility: hidden;
    width: 368px;
    height: 37px;
    background: #73c1e6;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 348px;
    left: -153px;
    opacity: 0;
    transition: opacity 0.3s;
    }
    
.tooltip:hover .tooltipIndicator#Book_OG_Desc_Tooltip_Twitter_Indicator {
    visibility: visible;
    opacity: 1;
}

#Edit_Chapter_Pricing_Tooltip_Text {
    width: 330px;
    top: -15px;
    left: 190px;
    background-color: #555;
}

#Edit_Chapter_Titles_Tooltip_Text {
    width: 330px;
    top: -15px;
    left: 190px;
    background-color: #555;
}


.publishedBookDetails:before {
    color: #989292;  
}

.yourPublishedBookStatusDropdown  {
    width: 85px;
    height: 30px;
    margin-left: 18px;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
}

.yourPublishedBookStatus {
    width: 100%;
    margin-top: 5px;
    float: left;
}

.yourPublishedBookVisibilityDropdown  {
    width: 85px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
}

.editPublishedBookURL {
    width: 100%;
    float: left;
}

.yourPublishedBookURL  {
    color: #1c8bc3;
    word-break: break-all;
    line-height: inherit;
    margin-bottom: 5px;
    width: auto;
    float: left;
}

.yourPublishedBookURL:before  {
    content: 'URL: ';
    font-size: 14px;
}

.yourPreviewBookURL  {
    color: #1c8bc3;
    word-break: break-all;
    line-height: inherit;
    margin-bottom: 5px;
    width: auto;
    float: left;
}

.yourPreviewBookURL:before  {
    content: 'Preview URL: ';
    font-size: 14px;
    color: #bb4141;
}

.copyLinkIcon {
    width:18px;
}

.copyLinkButton{
    width: 90px;
}

.copyLinkButton:after {
    content: ' Copy URL';
    font-size: 12px;
}

.yourPublishedBookStatus:before {
    content: 'Status: ';
    font-size: 14px;
    float: left;
    line-height: 30px;
}

.yourPublishedBookVisibility:before {
    content: 'Visibility: ';
    font-size: 14px;
    float: left;
    line-height: 30px;
}

.yourPublishedBookComments:before {
    content:'Comments: ';
    font-size: 14px;
}

.yourPublishedBookPrice {
    width: 100%;
    float: left;
}

.yourPublishedBookPrice:before {
    content:'Price: €';
    font-size: 14px;
}

.editableBookPrice {
    width: 85px;
    text-align: right;
    border: 1px solid #ddd;
    margin-left: 10px;
    margin-top: 0px;
}


.editableBookChapterTitle {
    width: 100%;
    text-align: left;
    border: 1px solid #ddd;
    margin-left: 10px;
    margin-top: 0px;
}

.publishedBookCategories {
    float:left;
    margin-top: 5px;
}

.yourPublishedBookCategoriesTitle {
    margin-bottom: 10px;
    margin-top: 0px;
    width: auto;
    float: left;
}

.categoryTitle {
    font-weight: 400;
    font-size: 15px;
    margin: 0px 0px 2px 2px;
}

.currentCatLabel {
    font-size: 14px;
    margin-left: 5px;
}

.currentCatName {
    margin-left: 14px;
    line-height: 25px;
    font-size: 14px;
}

.yourPublishedBookCatDropdown  {
    width: 160px;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
}

.yourPublishedBookByLineDropdown  {
    width: 160px;
    height: 30px;
    margin-left: 0px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: none;
    float: left;
}

.yourPublishedBookCategories {
    width: 100%;
    margin-top: 2px;
    float: left;
}

.editableBookCategories {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.editableBookCategory {
    width: 150px;
}

.editableBookCategory1:before {
    content:'Category 1: ';
    font-size: 14px;
}


.newBookDescription {
    font-size: 15px;
    float: left;
    margin-top: 5px;
}


.yourPublishedBookDescription {
    float: left;
    width: 100%;
}

.yourPublishedBookShortDescriptionTitle {
    margin-bottom: 10px;
    margin-top: 0px;
    width: auto;
    float: left;
}

.yourPublishedBookLongDescriptionTitle {
    margin-bottom: 10px;
    margin-top: 0px;
    width: auto;
    float: left;
}

.yourPublishedBookShortDescription {
    font-size: 15px;
}

.yourPublishedBookLongDescription {
    font-size: 15px;
}

.longDescriptionParagraphTitle {
    font-weight: 400;
    font-size: 14px;
    margin: 0px 0px 2px 2px;
    width: auto;
    float: left;
}

.editBookSectionTitle {
    float: left;
    width: 100%;
}

.bookFileUploadBlock {

    float: left;
}

.bookImageUploadBlock {
    float: left;
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}

.book_description_input {
    height: 100px;
    resize: none;
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}


#googleSearchAppearanceBlock {
    width:620px;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom:10px;
}


.socialMediaPreviews {
    margin-top: 10px;
}

.facebookPreview {
    margin-bottom: 10px;
    float: left;
}

#facebookShareAppearanceBlock {
    width:540px;
    background: #f2f3f5;
    border: 1px solid #dddfe2;
    padding: 0px;
    margin-bottom:10px;
    float: left;
}

#facebookShareImage {
    float:left;
    width:150px;
}

#facebookShareDetails {
    float:left;
    width:365px;
    margin-left: 15px;
    margin-top: 20px;
}

#facebookSearchAppearanceURL {
    color:#5f6368;
    font-size:12px;
    line-height: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#editableBookOGTitleReflectFB {
    color:#1c1e21;
    font-size:16px;
    font-weight:600;
    margin-bottom: 5px;
    height: 22px;
    overflow: hidden;
}

#editableBookOGDescReflectFB {
    color:#5f6368;
    font-size:14px;
}

#editableChapterOGTitleReflectFB {
    color:#1c1e21;
    font-size:16px;
    font-weight:600;
    margin-bottom: 5px;
    height: 22px;
    overflow: hidden;
}

#editableChapterOGDescReflectFB {
    color:#5f6368;
    font-size:14px;
}

#twitterShareAppearanceBlock {
    width:510px;
    background: #ffffff;
    border: 1px solid #dddfe2;
    padding: 0px;
    margin-bottom:10px;
    float: left;
    border-radius: 15px;
}

#twitterShareImage {
    float:left;
    width:120px;
    border-radius: 15px 0px 0px 15px;
}

#twitterShareDetails {
    float:left;
    width:365px;
    margin-left: 10px;
    margin-top: 15px;
}

#editableBookOGTitleReflectTW {
    color:#1c1e21;
    font-size:14px;
    font-weight:400;
    margin-bottom: 2px;
    height: 22px;
    overflow: hidden;
}

#editableBookOGDescReflectTW {
    color:#5f6368;
    font-size:14px;
    margin-bottom: 8px;
    height: 42px;
    overflow: hidden;
}

#editableChapterOGTitleReflectTW {
    color:#1c1e21;
    font-size:14px;
    font-weight:400;
    margin-bottom: 2px;
    height: 22px;
    overflow: hidden;
}

#editableChapterOGDescReflectTW {
    color:#5f6368;
    font-size:14px;
    margin-bottom: 8px;
    height: 42px;
    overflow: hidden;
}

#twitterSearchAppearanceURL {
    color:#5f6368;
    font-size:14px;
    line-height: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.bookName {
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    width: auto;
    float: left;
    margin-bottom: 5px;
}

.bookImage {
    margin: 5px 5px 0px 5px;
}

#Upload_Replacement_Book_Cover {
    height:auto;
    width: 150px;
    border: none;
}

.subLevelTitle {
    font-weight: 400;
    font-size: 14px;
    margin: 0px 0px 2px 2px;
    width: auto;
    float: left;
    margin-bottom:5px;
}

.fileAttachment#Book_File {
    float: left;
    width: 121px;
}

.fileUploadLabel#Book_File {
    font-weight: 400;
    font-size: 14px;
    margin: 0px 0px 2px 2px;
    width: 85px;
    float: left;
    margin-top: 10px;
}

.fileUploadLabel#Book_Image {
    font-weight: 400;
    font-size: 14px;
    margin: 0px 0px 2px 2px;
    width: 95px;
    float: left;
    margin-top: 10px;
}

.fileUploadLabel#Book_Price {
    font-weight: 400;
    font-size: 14px;
    margin: 0px 0px 2px 2px;
    width: 80px;
    float: left;
    margin-top: 10px;
}

.fileUploadButton {
    height: auto;
    width: 300px;
    border: none;
    padding: 10px;
    margin: 2px;
    border-radius: 4px;
    color: white;
}

.newBookPrice {
    height:30px;
    margin-top:5px;
    width: 100px;
    text-align: right;
}

#googleSearchAppearanceURL{
    color:#5f6368;
    font-size:14px;
    line-height: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
    word-break: break-all;
}

.new_book_title_input {
    height: 30px;
    float: left;
    resize: none;
    width: 65%;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.book_meta_title_input {
    height: 30px;
    resize: none;
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#editableBookMetaTitleReflect {
    color:#1a0dab;
    font-size:20px;
    margin-bottom: 5px;
    height: 22px;
    overflow: hidden;
}

.book_meta_description_input {
    height: 50px;
    resize: none;
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#editableBookMetaDescReflect {
    color:#5f6368;
    font-size:14px;
}


.update_book_confirm {
    width: auto !important;
    min-width: 130px;
    border: none !important;
    border-radius: 5px;
    color: white;
    position: relative;
    outline: 0;
    margin: 10px 0 0 0;
    float:right;
}

.upload_book_confirm {
    width: 100% !important;
    height: 45px !important;
    font-size: 16px;
    border: none !important;
    border-radius: 5px;
    background-color: #4da5d2 !important;
    color: white;
    position: relative;
    margin: 10px 0 0 0;
    float:right; 
}

.upload_book_confirm:hover {
    background-color: #1c8bc3 !important;
}


.previewBlock {
    float: left;
    width: 100%;
}

.yourPublishedBookEditLink {
    float: right;
    margin-right: 5px;
    color: #1c8bc3;
}

.profileBook {
    float: left;
    height: auto;
    margin-bottom: 25px;
    width: 100px;
    margin-right: 12px;
}

.central-column {
    float: left;
    width: calc(100% - 40px);
}


.newsFeed {
background: #ffffff;
}

.newsFeed.comingSoon {
    background: #e4e4e4;
    border: 1px dashed #c3c3c3;
}

.status_post.comingSoon {
    background: #eaeaea;
    border: 1px dashed #cccbcb;
}

.postMessageBlock {
    padding: 0px;
    border: none;
    width: 95%;
}

.account_main_column {
    width:70%;
}

.profile_left {
    width:20%;
}


.share_options {
    margin-bottom: 20px;
    margin-top: 5px;
    width: 100%;
    float: left;
}

.shareProfileSectionHeader {
    padding: 2px;
    border-bottom: 1px solid #ddd;
}

.share_button {
    background: #232a33;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    float: left;
}

.share_button:hover {
    background: #8895A7;
}


.connections_button {
    width: 100%;
    float: left;
    min-height: 70px;
}

.settings_options {
    width: 100%;
    float: left;
    min-height: 70px;
}

.regulatory_links {
    width: 100%;
    float: left;
    min-height: 135px;
    margin-top: 10px;
}

.add_friend_button {
    width: auto !important;
    height: 30px !important;
    background: #217505;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.friend_request_container {
    float: left;
    margin-right: 10px;
    width: 100%;
    height: 110px;
}

.friend_request_notice {
    float: left;
}

.sent_request_button {
    width: auto !important;
    height: 30px !important;
    background: #057551;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.respond_request_button {
    width: auto !important;
    height: 30px !important;
    background: #057551;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.remove_friend_button {
    width: 90px !important;
    height: 30px !important;
    background: #922424;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.remove_friend_button:hover {
    background: #691313;
}


.message_button {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.send_message_button {
    width: 90px !important;
    height: 30px !important;
    background: #4da5d2;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 2px;
    float: right;
}

.send_message_button:hover {
    background: #1c8bc3;
}

.friendRequestDecisionButtons {
    width: 100%;
    float: left;
    margin-top: 20px;
}

#Accept_Friend_Request {
    width: 20% !important;
    height: 30px !important;
    background: #232a33;
    color: white;
    padding: 0;
    border-radius: 5px;
    float:right;
    cursor: pointer;
    margin-right:10px;
}

#Accept_Friend_Request:hover {
    background: #8895A7 !important;
}

#Ignore_Friend_Request {
    width: 20% !important;
    height: 30px !important;
    background: #561717;
    color: white;
    padding: 0;
    border-radius: 5px;
    float:right;
    cursor: pointer;
}

#Ignore_Friend_Request:hover {
    background: #771d1d !important;
}

.friend_request_more_info {
    display:none;
    height:auto;
    width: 94%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px solid rgb(221, 221, 221);
    float: left;
    border-radius: 5px;
}

.friend_request_user_details {
    height: auto;
    color: white;
    margin-bottom: 10px;
}

.friend_request_books_container{
    float: left;
    height: auto;
    width: 100%;
}


.friend_request_info_title {
    margin-bottom:5px;
    margin-top: 5px;
}


.profile-central-column {
    width:70%;
}

.profilePicture {    
    position: relative;
}

.profile_more_info {
    display: none;
    margin-top: 10px;
    float: right;
}

.post_form {
    padding: 20px;
    height: auto;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 0px;
    background: white;
}

.post_form textarea {
    width:80%;
    height:60px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-right: 5px;
    padding: 5px;
    font-family: 'Open Sans', Arial, sans-serif;
    max-width: 80%;
    min-width: 80%;
    background: white;
}

.post_form.comingSoon {
    border: 1px dashed #c3c3c3;
    background: #e4e4e4;
    cursor: auto;
}

.post_form.comingSoon textarea {
    border: 1px dashed #cccbcb;
    background: #eaeaea;
}

.post_form.comingSoon input[type="submit"] {
    background-color: #9cb9c7;
    cursor: not-allowed;
}

.post_form.comingSoon input[type="submit"]:hover {
    background: #cccccc;
    cursor: not-allowed;
}

.postedImage img {
    max-height: 300px;
    max-width: 100%;
    display: block;
    margin: 5px;
}

#fileToUpload {
    height: 32px;
    padding: 10px;
    border: none;
    float: none;
}

#uploadFileText {
    position: absolute;
    margin-left: -91px;
    margin-top: 2px;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}


.status_post {
    padding: 10px;
    height: auto;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom:10px;
    background: white;
}

.post_profile_pic {
    padding: 5px 10px 5px 5px;
    float: left;
    width: 50px;
    height: 50px;
}

.posted_by {
    padding-top: 5px;
}

.post_added_by_name {
    color: #1c8bc3 !important;
}

.time_posted {
    color: #ACACAC;
    font-size: 14px;
}

textarea:focus {
outline: 0;    
}

.post_form input[type="submit"] {
    width:6%;
    max-width: 115px;
    height: 60px;
    border:none;
    border-radius: 5px;
    background-color:#4da5d2;
    color: white;
    position:absolute;
    outline: 0;
    margin: 0px;
}

.post_form input[type="submit"]:hover {
    background: #1c8bc3;
}

.post_footer button[type="button"] {
    width:9%;
    height: 60px;
    border:none;
    border-radius: 5px;
    background-color:#1c8bc3;
    color: white;
    position:absolute;
    outline: 0;
    margin: 0px;
}

.post_form input[type="submit"]:active {
    margin: 0px 0px 0px -5px;
    background-color: white;   
    color:black;
    border:1px solid #ddd;
}

#Post_Body_Text {
    min-height: 25px;
    margin-bottom: 10px;
    font-size: 15px;
    max-height: 100px;
    overflow: auto;
}


#comment_iframe {
    height: auto;
    width: 92%;
    margin-left: 1%;
    margin-top: 20px;
    border-radius: 5px;
    padding: 10px;
    background-color: #f3f3f3;
}


#Post_Body {
    font-size: 15px;
    color: #717171;
}

.newsfeedPostOptions {
    color: #488bcb;
    font-size: 13px;
}


.newsfeedPostOptions iframe {
    width: 185px;
    height: 25px;
    border: 0px;
    margin-bottom: -10px;
}

.comment_like {
    background-color: #1c8bc3 !important;
    font-size: 12px;
    color: #fff;
    float: left;
    height: 17px !important;
    padding: 0px 2px 0px 2px;
    width: 55px !important;
}

.like_value {
    font-size:13px;
    float: left;
    margin-left: 5px;
}

/*.comment_section {
    padding: 0px 5px 5px 5px;
    font-size: 15px;
}*/

.noMoreComments {
    text-align:center;
    margin-top: 20px;
}

.noMorePosts {
    text-align:center;
}

.commentsButton {
    float:left;
}

.comment_section {
    padding: 10px 5px 5px 5px;
    background-color: #f9f9f9;
    max-height: 300px;
    overflow-y: auto;
}

.comments_area {
	display: flex;
	float: left;
    width: 100%;
}
 
.comments_area textarea {
	border-color: #D3D3D3;
	width: 100%;
    height: 70px;
	border-radius: 5px;
	color: #616060;
	padding: 5px 8px;
	font-size: 14px;
	margin: 20px 3px 30px 5px;
}

.comments_area input[type="button"] {
	border:none;
	background-color: #20AAE5;
	color: #fff;
	border-radius: 5px;
	width: 13%;
	height: 35px;
	margin-top: 19px;
	margin-left: 10px;
	font-family: 'Bellota-BoldItalic', sans-serif;
	text-shadow: #73B6E2 0.5px 0.5px 0px;
}

.comments_area.comingSoon textarea {
	background-color: #ddd;
}

.comment_section.comingSoon {
    background-color: #e4e4e4;
}

.comment_section img {
    margin: 0px 3px 3px 3px;
    border-radius: 3px;
}

#comment_form {
    width: 100%;
    float: left;
}

#comment_form textarea {
    float: left;
    border-color: #d3d3d3;
    width: 100%;
    height: 70px;
    border-radius: 3px 3px 3px 5px;
    max-width: 100%;
    min-width: 100%;
    font-size: 15px;
}

#postCommentSubmit {
    width: 25%;
    height: 35px;
    float: right;
    background-color: #1c8bc3;
    border-radius: 3px;
    margin: 2% 0% 0% 0%;
    color: white;
    
}

.previous_comment {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.commentUserDetails {
    margin-right:3px;
}

.commentUsername {
    color: #1c8bc3 !important;
    font-weight:400;
}

.commentProfilePic {
    margin-right:3px;
}

.commentBody {
    padding-left: 10px;
}


.delete_post_button {
    float: right;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    font-size: 10px;
    border-radius: 2px;
}

.bootbox-confirm {
    opacity:1 !important;
}

.copyright_violation_url {
    width: 70%;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-right: 5px;
    padding: 5px;
    font-family: 'Open Sans', Arial, sans-serif;
    max-width: 70%;
    min-width: 70%;
    background: white;
}

.copyright_violation_textarea {
    width: 70%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-right: 5px;
    padding: 5px;
    font-family: 'Open Sans', Arial, sans-serif;
    max-width: 70%;
    min-width: 70%;
    background: white;
}

.publishing_signup_textarea {
    width: 65%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-left: 2px;
    margin-top: 2px;
    padding: 5px 10px;
    font-family: 'Open Sans', Arial, sans-serif;
    max-width: 65%;
    min-width: 65%;
    background: white;
}

.accordion_button {
    width: 100px;
    float: left;
    background: #232A33;
    padding: 4px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.accordion_button:hover {
    background: #8895A7;
}

.profile_accordion_button {
    width: 100px;
    float: right;
    background: #232A33;
    padding: 4px;
    color: inherit;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
}

.profile_accordion_button:hover {
    background: #8895A7;
}

.profileMoreInfoButton {
    margin-top: 11px;
    float: right;
}

.royaltyNotice {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.accordion_button.transactions {
    width: auto;
    padding: 8px 12px;
    float: left;
}


.transactions_more_info {
    display:none;
    height:auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 95%;
    float: left;
}

.transactionListing {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 5px 0px;
}

.transactionTitle {
    width: 40%;
    float: left;
}

.transactionBookTitle {
    float:left;
}

.transactionTiming {
    float:left;
}

.transactionValue {
    float: right;
    width: 15%;
    text-align: right;
}

.transactions_total_revenue {
    margin-top: 10px;
    margin-right: 3%;
    width: 92%;
    float: right;
    text-align: right;
    border-top: 1px solid #8e8e8e;
    padding: 15px;
}

.royaltyDrawdownRequest {
    width: auto !important;
    min-width: 130px !important;
    height: 35px !important;
    border: none;
    border-radius: 5px;
    background-color: #4da5d2 !important;
    color: white;
    position: relative;
    outline: 0;
    margin: 10px 0 0 0;
    float:right;
    cursor: pointer;
}

.royaltyViewAllButton {
    width: 100%;
    height: 35px !important;
    border: none;
    border-radius: 5px;
    background-color: #4da5d2 !important;
    color: white;
    position: relative;
    outline: 0;
    margin: 10px 0 0 0;
    cursor: pointer;
}

.royaltyDrawdownRequest:hover {
  background-color: #1c8bc3 !important;  
}



/*Chat Messages*/

.newMessageLink {
    height: 35px;
    float: left;
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#Existing_Message_Link {
    float: left;
    width: 100%;
}

#View_All_Messages {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.chatAndNotifications {
    float: left;
    width: calc(100% - 8px);
    height: 40px;
    padding: 10px 4px;
    margin-top: 0px;
    margin-bottom: -1px;
}

.noticeIcon {
    float: left;
    text-align: center;
    width: 30%;
    margin-top: 5px;
    margin-left:2%;
}

.noticeImage {
    width: 30px;
}

.notification_badge {
    position: absolute;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    background: #561717;
    border-radius: 10px;
    margin-left: -10px;
    margin-top: -5px;
    color: #ffffff;
}

.centralMessagesColumn {
    width: 75%;
    float: left;
    margin-bottom: 60px
}

.loaded_messages {
    margin-bottom: 20px;
    height: 55%;
    max-height: 650px;
    overflow: auto;
    padding: 15px 20px;
    border-bottom: 15px solid #fff;
    border-top: 15px solid #fff;
    border-radius: 5px;
    width: calc(100% - 45px);
    background: #ffffff;
}

.messageTextArea {
    height: 45px;
    resize: vertical;
    width: calc(100% - 45px);
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 15px 20px;
    border-radius: 5px;
}

.chat_message {
    padding: 12px 20px;
    border-radius: 5px;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    margin-top: 5px;
    clear: both;
}

#conversations {
    float: left;
    width: calc(100% - 20px);
    padding: 20px 10px;
}

#my_message {
   background: #50545a;
   float: left;
   margin-right: 15%;
   color: #dddddd;
}

#their_message {
   background: #aebcc5;
   float: right;
   margin-left: 15%;
   color: #505050;
}

.loaded_conversations {
    float: left;
    height: 250px;
    overflow: auto;
    width:100%;
}

.messageDetails {
    margin: 0px;
    font-size: 12px;
    color: #fff;
}

.user_found_messages {
    float: left;
    width: 94%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 10px 5px;
    font-size: 12px;
    color: black;
}

.user_found_messages:hover {
    outline: 0;
    background: #536a86;
    color: white;
}

.user_found_messages_profilePic {
    border-radius:5px;
    margin-right:5px;
    width: 35px;
    float: left;
}

.timestamp_smaller {
    float: left;
}

#grey {
    margin:0px;
    font-size:12px;
    color: #777;
}

.grey {
    margin:0px;
    font-size:12px;
    color: #777;
}

.grey:hover {
    color: white;
}

.neutral {
    margin:0px;
    font-size:12px;
    color: black;
}

.resultDisplay {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    height: auto;
    float: left;
    width: 90%;
}

.resultDisplay:hover {
    outline: 0;
    background: #f7f7f7;
}

.results {
    width: 64%;
    margin-left: 4%;
    height: auto;
    max-height: 240px;
    overflow: auto;
    background-color: #EDF0F3;
    color: #000;
}

.mainsearchresults {
    width: 350px;
    position: absolute;
    z-index: 1000;
    top: 47px;
    right: 24%;
    margin-left: 0%;
    height: auto;
    max-height: 240px;
    overflow: auto;
    background: white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.liveSearchProfilePic {
    width: 35px;
    float: left;
    margin: 2px 10px 0px 0px;
}

.searchResultsBookTitle {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
}

.searchResultsAuthorName {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    color: black;
    font-weight: 300;
}

.messageUsername {
    color: #000 !important;
}

.liveSearchText {
    font-size: 14px;
    margin: 0px;
    color: #000;
}

.sliderButton {
    width: 30px;
    background: #e2e2e2;
    height: 70px;
    margin-top: 0px;
    border-radius: 3px;
    color: #4a4a4a;
    cursor: pointer;
}

.sliderButton:hover {
    background: #1c8bc3
}

#authorSlideLeft {
    float: left;
    margin-right: 10px;
}

#authorSlideRight {
    float: right;
}

#bookSlideLeft {
    float: left;
    margin-right: 10px;
    height: 110px;
}

#bookSlideRight {
    float: right;
    height: 110px;
}


/*Notifications*/

.notificationsProfilePic {
    border-radius: 5px;
    margin-right: 5px;
    width: 35px;
    float: left;
}


/*Connection Requests*/

.connectionsProfilePic {
    border-radius: 5px;
    margin-right: 5px;
    width: 80px;
    float: left;
}

.noConnectionRequests {
    text-align:center;
    font-size: 14px;
    margin-top: 20px;
    color: black;
}

.viewAll {
    text-align:center;
    font-size: 14px;
    color: black;
    margin-top: 10px;
}

/*Your Published Books Stats*/

.totalPublishedBooksStats {
    float: left;
    width: 80%;
    height: auto;
    padding: 20px;
    background: #fff;
    margin-top: 5px;
    margin-bottom: -1px;
}

/*Checkout*/

.cartWrapup {
    width: 88%;
    float: left;
    padding: 10px 20px;
}

.proceedtocheckoutbutton {
    text-align: center;
    width: 100%;
    float: left;
    background-color: #232a33;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    cursor: pointer;
}


.cartItems {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
}

.cartSummary {
    width: 80%;
    float: left;
    margin-bottom: 20px;
}

.checkoutBook {
    padding: 10px;
    width: 90%;
    margin-left: 1%;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.checkoutBookImage {
    width: 100px;
    float: left;
}

.checkoutBookDetails {
    float: right;
    text-align: right;
    width: 80%;
    margin-right: 15px;
}



.checkout_payment_details_input {
    width: 75%;
    max-width: 405px;
    min-width: 350px;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 14px;
    font-family: montserrat;
    padding: 5px 13px;
    float: left;
    resize: none;
    margin-top: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}


.checkout_payment_card_input {
    width: 75%;
    max-width: 405px;
    min-width: 350px;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 14px;
    font-family: montserrat;
    padding: 5px 13px;
    background: white;
    float: left;
    resize: none;
    margin-top: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/*Settings Page*/
#Settings_Icon {
    float: left;
    opacity: 1;
    margin-top: 7px;
    margin-right: 2px;
}

#Settings_Link {
    height: 34px;
    float: left;
    width: 100%;
}

#Change_Profile_Pic_Link {
    height: 35px;
    float: right;
    position: absolute;
    background: #8895A7;
    right: 0px;
    bottom: 0px;
}

#Small_Profile_Pic {
    width: 20%;
    margin-right: 10px;
    float: left;
}

.imageCropModal {
    display: block;
    width: 50%;
    max-width: 700px;
    top: 10% !important;
    border-radius: 5px;
}

#profileImageUploadBody {
    padding: 25px;
    height: 350px;
}

.settings_input {
    border: 1px solid #ddd;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    width: 350px;
}

#Settings_About {
    width: 95%;
    height: 200px;
}

.preferencesSelect {
    width: 100%;
    margin-bottom: 10px;
}

.settings_confirm {
    width: 150px !important;
    height: 35px !important;
    border: none !important;
    border-radius: 5px;
    background-color: #232A33;
    color: white;
    position: relative;
    outline: 0;
    margin: 0px;
    float:right;
}

.settings_close_account {
    width: auto !important;
    height: 35px !important;
    border: none !important;
    border-radius: 5px;
    background-color: #8895A7;
    color: white;
    position: relative;
    outline: 0;
    margin: 0px;
}




.publisher-terms {
    padding: 10px 0px;
    float: left;
    width: 100%;
    height: 200px;
}

.termsandconditions-textbox {
    margin-top: 40px;
    overflow: auto;
    border: 1px solid #ddd;
    height: 500px;
    padding: 0px 20px;
    margin-bottom: 20px;
}



.accountOptions{
    list-style-type: none;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    width: 100%;
}

.accountOptionItem {
    line-height: 28px;
    background: #e0e0e0;
    border: 0.5px solid #c3c3c3;
    border-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
    padding: 0px 5px;
    margin: 0px 3px;
    font-size: 10px;
    text-align: center;
}

.accountOptionItem:hover {
    background: #a9a8a8;
}

.snippetList {
    line-height: 50px;
    width: 44%;
    float: left;
    background: #ddd;
    margin: 10px;
    height: 50px;
    text-align: center;
}

.categoryMenu {
    height: 50px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0px 1px 2px 0px #e6e6e6;
    width: 76%;
    padding-left: 12%;
    padding-right: 12%;
}

/*
.navContainer {
    margin: auto;
    width: 1170px;
}
*/

.categoryHeader {
    margin-right: 10px;
    margin-left: 10px;
}

.categoryH1Title {
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  color: #333;
  margin-bottom:10px;
  margin-top: 10px;
}

.categoryDescription {
    margin-bottom:25px;
}

.categoryH2Block {
 margin-right: 10px;
 margin-left: 10px;
 margin-bottom: 20px;
 width: 96%;
 float: left;
}

.categoryH2Title {
    font-style: normal;
    font-weight: 300;
    line-height: 1.1;
    color: #333;
    margin-bottom: 10px;
    margin-top: 0px;
}

.book-listing {
    padding: 0px 10px 0px;
    float: left;
}

.books-column {
    list-style-type: none;
    float: left;
}

.books-column li{
   margin-bottom:20px;
   width: 160px;
   margin-right: 15px;   
   float:left;
}

.copyright {
    font-size: 12px;
}

.book {
    float:left;
    height: 270px;
}

/*.book a:link, a:visited, a:hover, a:active{
   text-decoration:none;
   color:black;
}*/


.book-title {
    margin-top:10px;
}

.book-author:before {
    content: "by ";
}

.book-author {
    font-size:13px;
}



/*Responsive Design Start*/

@media screen and (max-width: 1500px)  {
.accountBody {
    max-width: 1100px;
    margin: auto;
}

}

@media screen and (max-width: 1200px)  {
.accountBody {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
    float: left;
}

.profilePublishedBooksMiniRight {
    width: 41%;
    height: 180px;
    margin-left: 2%;
}

.profilePublishedBooksMini {
    width: 41%;
    height: 180px;
}

}


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

.accountBody {
    margin-left: 2%;
    margin-right: 0%;
    width: 98%;
}


.centralProfileColumn {
    width: 76%;
}


.categoryMenu {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

.pageDocument {
    margin: 0% 10% 0% 10%;
}



}

@media screen and (min-width: 767px) {

.accountHomeLatestBooks {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    height: 80%;
    width: 89%;
    float: left;
}

.latestBookDetails {
    margin-top: 5px;
    white-space: break-spaces;
    float: left;
    overflow-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.indexLatestBookTitle {
    height: 65px;
}

.bookTitle {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    line-break: anywhere;
    line-height: 18px;
}

.bookAuthor {
    font-weight: 400;
    color: black;
    font-size: 14px;
    margin-bottom: 5px;
}

.latestBookByLine {
    font-weight: 400;
    color: black;
    font-size: 14px;
    margin-bottom: 5px;
}

.latestBookTitle {
    margin-top:4px;
    margin-bottom:4px;
}

.profileBook {
    margin-right: 5px;
    margin-left: 5px;
    white-space: break-spaces;
}

.post_form input[type="submit"] {
    width: 10%;
    cursor: pointer;
}

.yourBookListing {
    margin-right: 5px;
    margin-left: 5px;
    height: auto;
    float: left;
    margin-bottom: 20px;
    width: 100px;
}

.profileChapterListing {
    float: left;

}

.yourBookshelfChapterListing {
    float: left;
}

.yourChapterListing {
    margin-right: 5px;
    margin-left: 5px;
    height: 185px;
    float: left;
    margin-bottom: 5px;
    width: 100px;
}

.totalBookStats {
    width: 100%;
    float: left;
}

.latestBooks {
    width: calc(100% - 40px);
    height: auto;
}

.latestBook {
    width: 100px;
    min-height: 200px;
    float: left;
    padding: 10px 5px;
    background: #efefef;
    color: black;
    margin-right: 10px;
    border-radius: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    display: flex;
    white-space: break-spaces;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.agoraLatestBookCover {
    width: 80%;
}

.indexLatestBookTitle {
    height: auto;
}

.accountHomeLatestAuthors {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    height: 60%;
    width: 89%;
    float: left;
}


.newestAuthors {
    width: calc(100% - 40px);
    height: auto;
}

.newestAuthor {
    width: 225px;
    height: auto;
    float: left;
    padding: 10px 2px 10px 10px;
    border-radius: 5px;
    background: #efefef;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0px;
    white-space: break-spaces;
    color: black;
}

#Latest_Author_Link {
    height: 50px;
    padding: 5px;
    border: 1px solid #ddd;
    background: #eee;
    margin-right: 5px;
    border-radius: 5px;
}

#Latest_Author_Pic {
    width: 50px;
    float: left;
}

.latestAuthorDetails {
    margin-right: 5px;
    margin-left: 5px;
    white-space: break-spaces;
    float: left;
    height: auto;
    margin-bottom: 0px;
    width: 165px;
}

.authorName {
    margin-top:4px;
    margin-bottom:4px;
}

.authorConnections {
    font-size: 14px;
}

.profileStats {
    margin-bottom: 20px;
    line-height: 13px;
}

.imageUploadSubmitButton {
    margin-top: 10px;
    float: left;
    width: 95%;
}

}

@media screen and (max-width: 850px) {

.userDetailsTile {
    width: 25%;
    float: left;
    margin-right: 0px;
}

.centralProfileColumn {
    width: 70%;
}

.accountTile {
    width: calc(100% - 40px);
}

.profileBook {
    margin-right: 20px;
    margin-left: 20px;
}

.agreementColumn {
    width: 100%;
}

#agreementHeader {
    border-radius: 5px;
    padding: 0px 1%;
    margin-top: 0px;
    background-color: #536a86;
    width: 96%;
}


}

@media screen and (min-width: 651px) and (max-width: 850px) {

.profileBook {
    margin-right: 13px;
    margin-left: 5px;
}

.post_form input[type="submit"] {
    width: 10%;
}

.postMessageBlock {
    padding: 0px;
    border: none;
    width: 98%;
}

}


@media screen and (max-width: 650px)  {
    
.categoryMenu {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    z-index: 1000;
}

.pageDocument {
    margin: 0% 2% 0% 6%;
}

.wrapper {
    width:100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.login-box {
    width:75%;
}

input {
    width:75%
}

.registerTitleDropdown {
    width: 100%;
}

.accountBody {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(100% - 10px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.userDetailsTile {
    width: 100%;
}

.searchBar {
    width: 57%;
}

.profile-pic {
    width: 90%;
    float: left;
    padding: 5px 15px;
    margin-bottom: -1px;
}

.profilePicture {
    float: left;
    width: 25%;
    margin-right: 10px;
    margin-top: 10px;
}

.userNameProfile {
    margin-bottom: 0px;
}

.profileAttributes {
    float: left;
    width: 70%;
}

.profileUserName {
    float: left;
    font-size: 20px;
    width: 100%;
    margin-bottom: 10px;
}


.profileStats {
    line-height: 13px;
}

.userStats {
    line-height: 13px;
}

.friendsButtonForm {
    float: right;
    margin-bottom:0px;
}

.friendButtons {
    width: 50%;
    float: right;
    margin-top: 0px;
    margin-right: -10px;
}

.trend_details  {
   display: none;
}

.centralProfileColumn {
    width: 100%;
}

.central-column {
    float: left;
    width: 100%;
    padding: 0%;
}

.post_form {
    padding: 10px;
}

.profileBookListing {
    margin-left: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.profilePublishedBooks {
    height: auto;
    float: left;
    width: 94%;
    padding: 10px;
}

.profileReadBooks {
    height: auto;
    float: left;
    width: 94%;
    padding: 10px;
}

.profileBook {
    margin-right: 0px;
    margin-left: 10px;
}

.post_form textarea {
    width: 96%;
    max-width: 96%;
    min-width: 96%;
}

input[type="file"] {
    width: 70%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.post_form input[type="submit"] {
    width: 25%;
    float: none;
    position: relative;
    margin-top: 10px;
    height: 35px;
}

.yourPublishedBookDetails {
    margin-left: 0px;
    width: 100%;
    margin-top: 5px;
}

.profileBookmark {
    width: 100%;
}

.profilebookMarkDelete {
    width: auto;
    height: 30px;
    float:right;
}

}

@media screen and (max-width: 425px) {

.profileBook {
    width: calc(50% - 10px);
    height: auto;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    white-space: break-spaces;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.latestBook {
    width: calc(50% - 20px);
    padding: 10px;
    float: left;
    margin-bottom: 10px;
    white-space: break-spaces;
}

.agoraLatestBookCover {
    width:80%;
}

.profileBookDetails {
    width: 95px;
}

.profile-pic {
    padding: 5px 15px;
    margin-top:0px;
    width: 92%;
}

.chatAndNotifications {
    width: 98%;
    margin-bottom: 0px;
    margin-top: 10px;
}

.profilePublishedBooks {
    margin-top: 5px;
    width: 94.5%;
}

.profilePublishedBooksMiniRight {
    margin-left: 0%;
    margin-top: 5px !important;
}

.profilePublishedBooks.editCategories {
    margin-top: 5px;
}

.profilePublishedBooks.editDescription {
    margin-top: 5px;
}

.profilePublishedBooks.editSEO {
    margin-top: 5px;
}

.profilePublishedBooks.editSocialMedia {
    margin-top: 5px;
}

.profileReadBooks {
    width: 94.5%;
}

.profileOptionsContainer {
    width: calc(50% - 10px);
}

.post_form {
    width: 94%;
}

.status_post {
    width: 94%;
}

.central-column.newsFeed.accountTile {
    border: none;
    margin-top: 15px;
}

.postedImage img {
    max-width: 97%;
}

.bookTitle {
    margin-top: 5px;
}

.settingsTile {
    margin-bottom: 0px;
    margin-top: 5px;
    width: 99%;
}

.imageCropModal {
    width: 95%;
    top: 10px !important;
}

#profileImageUploadPreview {
    width: 100%;
    margin-left: 0%;
}

.post_form {
    width: 95%;
}

.latestBooks {
    padding: 10px 15.5px;
    width: 91%;
    height: 340px;
}

.accountHomeLatestBooks {
    overflow: auto;
    height: 87%;
    width: 100%;
}

.latestBookDetails {
    white-space: break-spaces;
}

.indexLatestBookTitle {
    height: auto;
}

.bookTitle {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
}

.latestBookByLine {
    font-weight: 400;
    color: #353535;
}

#bookSlideLeft {
    display:none;
}

#bookSlideRight {
    display:none;
}

.totalPublishedBooksStats {
    float: left;
    width: 88.5%;
    height: auto;
    padding: 20px;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.yourBookListing {
    margin-right: 1%;
    margin-left: 2%;
    height: 255px;
    float: left;
    margin-bottom: 20px;
    width: 30%;
}

.shoppingCheckoutBlock {
    width: 95%;
}

.checkoutWrapup {
    width: 94.5%;
    margin-left: 0px;
}

.checkoutBookDetails {
    width: 65%;
    margin-left: 0px;
}

.paymentLabel{
    width: 100%;
    float: left;
}

.checkout_payment_card_input {
    width: 93.5%;
}

.profilePublishedBooksHeader {
    width: 88.5%;
    margin-bottom: 5px;
}

.publishedBookListing {
    width: 88.5%;
}

.newBookLink {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
}

.book_meta_description_input {
    height: 75px;
}

#Book_Categories_Tooltip_Text {
    width: 217px;
    top: -5px;
}

#New_Book_Categories_Tooltip_Text {
    width: 217px;
    top: -5px;
}

.tooltipText#Book_Description_Tooltip_Text {
    width: 166px;
    top: -7px;
}

#Book_SEO_Tooltip_Text {
    width: 337px;
    top: 23px;
    left: -308px;
    background: #000;
}

#googleSearchAppearanceBlock {
    width: 100%;
    border: none;
    padding: 10px 0px;
    margin-bottom: 20px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tooltip .tooltipIndicator#Book_SEO_Tooltip_Indicator {
    width: 332px;
    height: 119px;
    top: 241px;
    left: -310px;
}

#Book_Meta_Title_Tooltip_Text {
    top: -5px;
    left: -222px;
    width: 336px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_Meta_Title_Tooltip_Indicator {
    width: 334px;
    height: 27px;
    top: 240px;
    left: -223px;
}

#Book_Meta_Desc_Tooltip_Text {
    top: -72px;
    left: -280px;
    width: 336px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_Meta_Desc_Tooltip_Indicator {
    width: 337px;
    height: 65px;
    top: 209px;
    left: -282px;
}

.socialMediaDisplayImage#facebookShareImage {
    width: 29%;
}

#twitterShareImage {
    width: 30%;
}

#editableBookOGDescReflectTW {
    margin-bottom: 0px;
    height: 40px;
}

#facebookShareDetails {
    width: 65%;
    margin-top: 5px;
}

#facebookShareAppearanceBlock {
    width:100%;
}

#twitterShareAppearanceBlock {
    width: 100%;
}

#twitterShareDetails {
    width: 65%;
    margin-top: 7px;
}

#editableBookMetaTitleReflect {
    height: auto;
    word-break: break-all;
}

#editableBookOGTitleReflectTW {
    margin-bottom: 2px;
    padding-right: 5px;
}

#editableBookOGDescReflectFB {
    margin-bottom: 5px;
    height: 40px;
    overflow: hidden;
    padding-right: 5px;
}

#editableBookOGTitleReflectFB {
    margin-bottom: 0px;
}

#twitterSearchAppearanceURL {
    margin-top: 8px;
}

#Book_Social_Media_Tooltip_Text {
    top: 23px;
    left: -302px;
    width: 335px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_Social_Media_Tooltip_Facebook_Indicator {
    width: 331px;
    height: 93px;
    top: 235px;
    left: -304px;
}

.tooltip .tooltipIndicator#Book_Social_Media_Tooltip_Twitter_Indicator {
    width: 329px;
    height: 95px;
    top: 378px;
    left: -302px;
}

#Book_OG_Title_Tooltip_Text {
    top: -8px;
    left: -228px;
    width: 336px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_OG_Title_Tooltip_Facebook_Indicator {
    width: 212px;
    height: 18px;
    top: 229px;
    left: -115px;
}

.tooltip .tooltipIndicator#Book_OG_Title_Tooltip_Twitter_Indicator {
    width: 215px;
    height: 15px;
    top: 353px;
    left: -117px;
}

#Book_OG_Desc_Tooltip_Text {
    top: -72px;
    left: -283px;
    width: 335px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_OG_Desc_Tooltip_Facebook_Indicator {
    width: 214px;
    height: 41px;
    top: 190px;
    left: -170px;
}

.tooltip .tooltipIndicator#Book_OG_Desc_Tooltip_Twitter_Indicator {
    width: 217px;
    height: 37px;
    top: 315px;
    left: -172px;
}

.newBookUploadHeader {
    margin-top: 5px;
}

input[type="file"] {
    width: 60%;
    float: right;
    margin-bottom: 0px;
    margin-top: 0px;
}

.tooltipFileUpload#Book_Image_Upload_Tooltip {
    width: 5%;
}

.fileUploadLabel#Book_Price {
    margin-top: 25px;
}

.newBookPrice {
    float: right;
    margin-right: 30%;
}

#New_Book_Title_Tooltip_Text {
    width: 138px;
    background-color: #000;
    top: -55px;
    left: -65px;
}

.tooltipTextShortSide .tooltipText {
    width: 145px;
    top: -30px;
}

#Book_FilePrice_Tooltip_Text {
    width: 217px;
    top: 20px;
    left: -95px;
    background: #000;
}

#New_Book_FilePrice_Tooltip_Text {
    width: 217px;
    top: 20px;
    left: -95px;
    background: #000;
}


#Book_File_Upload_Tooltip_Text {
    left: 45px;
    background-color: #000;
}

#New_Book_File_Upload_Tooltip_Text {
    left: 45px;
    background-color: #000;
}

#Book_Image_Upload_Tooltip_Text {
    background-color: #000;
    top: 0px;
    left: 22px;
}

#New_Book_Image_Upload_Tooltip_Text {
    background-color: #000;
    top: 0px;
    left: 22px;
}

#Book_Price_Tooltip_Tip {
    background-color: #000;
    top: -10px;
    left: 35px;
}

#New_Book_Price_Tooltip_Tip {
    background-color: #000;
    top: -10px;
    left: 35px;
}

#Edit_Chapter_Pricing_Tooltip_Text {
    width: 215px;
    top: -7px;
    left: -29px;
    background-color: #000;
}


#Book_Categories_Tooltip_Text {
    width: 215px;
    top: -7px;
    left: 20px;
    background-color: #000;
}

#New_Book_Categories_Tooltip_Text {
    width: 215px;
    top: -7px;
    left: -29px;
    background-color: #000;
}

#Book_Description_Tooltip_Text {
    width: 165px;
    top: -5px;
    left: 5px;
    background-color: #000;
}

#New_Book_Description_Tooltip_Text {
    width: 165px;
    top: -5px;
    left: 20px;
    background-color: #000;
}

#conversations {
    width: 94.5%;
    margin-top: 5px;
}

.centralMessagesColumn {
    width: 88.5%;
    margin-bottom: 20px;
}

.requestsTile {
    padding: 10px;
    width: 94.5%;
}

.friend_request_container {
    margin-bottom: 10px;
    width: 98%;
    height: auto;
}

.connectionsProfilePic {
    width: 20%;
}

.friend_request_notice {
    width: 77%;
}

.accordion_button {
    float: right
}

.profileBook#Friend_Request_Book {
    width: 29%;
}


#Accept_Friend_Request {
    width: 45% !important;
    float:left;
}


#Ignore_Friend_Request {
    width: 45% !important;
}

.privacyAndCookies {
    margin-bottom: 5px;
    width: 100%;
}

.publishingTerms {
    width: 100%;
    margin-bottom: 0px;
}

.accountSettingsHeader {
    margin-bottom: 5px;
}

.accountSettingsTile {
    margin-top: 0px;
    width: 90%;
}

.settings_input {
    width: 95%;
}

.settingsSubmitButton {
    width: 100%;
}


.accountHomeLatestAuthors {
    overflow: auto;
    white-space: nowrap;
    display: flex;
    height: auto;
    width: 78%;
    float: left;
}

.sliderButton {
    height: 65px;
}

#authorSlideLeft {
    margin-right: 5px;
}

.newestAuthors {
    width: 92%;
    height: auto;
    padding: 10px 14px;
}

.newestAuthor {
    width: 220px;
    height: 60px;
    float: left;
    margin-right: 3px;
    margin-left: 2px;
    white-space: break-spaces;
    background: #ececec;
    padding-top: 5px;
    padding-left: 5px;
    border-radius: 5px;
}

#Latest_Author_Link {
    height: 50px;
    padding: 5px;
    border: 1px solid #ddd;
    background: #eee;
    margin-right: 5px;
    border-radius: 5px;
}

#Latest_Author_Pic {
    width: 40px;
    float: left;
}

.latestAuthorDetails {
    margin-right: 5px;
    margin-left: 5px;
    white-space: break-spaces;
    float: left;
    height: auto;
    margin-bottom: 0px;
    width: 75%;
}

.authorName {
    margin-top:4px;
    margin-bottom:4px;
}

.authorConnections {
    font-size: 14px;
}

.copyright_violation_url {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.copyright_violation_textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.publishing_signup_input {
    width: 100%;
}

.publishing_signup_textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.login-box {
    width: calc(100% - 60px);
    margin-top: 65px;
}


}

@media screen and (max-width: 410px) {

.chatAndNotifications {
    width: calc(100% - 8px);
} 

.settingsTile {
    width: 100%;
}

.post_form {
    width: 94.5%;
    height: auto;
    float: left;
}

.latestBooks {
    width: 91%;
}

.settingsSubmitButton {
    width:100%;
}

.imageUploadSubmitButton {
    width: 100%;
}

.profilePicUploadForm {
    width:100%;
}

.profileImageUpload {
    width:70% !important;
}

#fileToUpload {
    float: left;
}

.userStats {
    margin-bottom: 0px;
}

.profile_accordion_button {
    margin-right:-5px;
}

.profileMoreInfoButton {
    width: 100%;
    float: right;
}

.profile_more_info {
    float: right;
    margin-bottom: 10px;
}

.message_button {
    margin-bottom: 0px;
    float: right;
    margin-left: 10px;
}

.connections_button {
    float: left;
}

.chapterPricingColumn {
    padding: 10px 2px;
}

.chapterAddToCart {
    width: 75%;
}

.Chapter_Mark_As_Read {
    width: 25%;
}

.yourChapterListing {
    margin-right: 1%;
    margin-left: 2%;
    height: 175px;
    float: left;
    margin-bottom: 20px;
    width: 30%;
}

.profileChapterListing {
    float: left;
}
    
}


@media screen and (max-width: 320px) {

.searchBar {
    width: 52%;
}

.profileBook {
    width: calc(50% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    overflow-wrap: break-word;
    display: flex;
    flex-direction: column;
}

.profile-pic {
    padding: 5px 13.5px;
    margin-top:0px;
    width: calc(100% - 27px);
}

.latestBook {
    width: calc(50% - 20px);
    height: auto;
    float: left;
    white-space: break-spaces;
}

.totalPublishedBooksStats {
    width: 87%;
}

.checkoutBookDetails {
    width: 60%;
}

#New_Book_Title_Tooltip_Text {
    left: -55px;
    width: 120px;
}

.tooltipTextShortSide .tooltipText {
    width: 100px;
}

#Book_FilePrice_Tooltip_Text {
    width: 175px;
}

#New_Book_FilePrice_Tooltip_Text {
    width: 175px;
}


#Book_File_Upload_Tooltip_Text {
    left: 41px;
    width: 175px;
}

#New_Book_File_Upload_Tooltip_Text {
    left: 41px;
    width: 175px;
}

#Book_Image_Upload_Tooltip_Text {
    width: 175px;
    left: 18px;
}

#New_Book_Image_Upload_Tooltip_Text {
    width: 175px;
    left: 18px;
}

#Book_Price_Tooltip_Tip {
    background-color: #000;
    top: -10px;
    left: 35px;
    width: 170px;
}

#New_Book_Price_Tooltip_Tip {
    background-color: #000;
    top: -10px;
    left: 35px;
    width: 170px;
}

#Book_Categories_Tooltip_Text {
    width: 170px;
    top: -7px;
    left: 20px;
    background-color: #000;
}

#New_Book_Categories_Tooltip_Text {
    width: 170px;
    top: -7px;
    left: 20px;
    background-color: #000;
}

#Book_Description_Tooltip_Text {
    width: 192px !important;
    top: 25px !important;
    left: -55px;
}

#New_Book_Description_Tooltip_Text {
    width: 192px !important;
    top: 25px !important;
    left: -55px;
}

.tooltip .tooltipIndicator#Book_SEO_Tooltip_Indicator {
    width: 283px;
}

.tooltip .tooltipIndicator#Book_Meta_Title_Tooltip_Indicator {
    width: 288px;
}

.tooltip .tooltipIndicator#Book_Meta_Desc_Tooltip_Indicator {
    width: 287px;
}




.socialMediaDisplayImage#facebookShareImage {
    width: 29%;
}

#twitterShareImage {
    width: 30%;
}

#editableBookOGDescReflectTW {
    margin-bottom: 0px;
    height: 40px;
}

#facebookShareDetails {
    width: 65%;
    margin-top: 2px;
}

#facebookShareAppearanceBlock {
    width:100%;
}

#twitterShareAppearanceBlock {
    width: 100%;
}

#twitterShareDetails {
    width: 65%;
    margin-top: 2px;
}

#editableBookOGTitleReflectTW {
    margin-bottom: 0px;
    padding-right: 5px;
}

#editableBookOGDescReflectFB {
    margin-bottom: 0px;
}

#editableBookOGTitleReflectFB {
    margin-bottom: 0px;
}

#facebookSearchAppearanceURL {
    margin-bottom: 3px;
    margin-top: 3px;
}

#twitterSearchAppearanceURL {
    margin-top: 4px;
}


#Book_Social_Media_Tooltip_Text {
    top: 23px;
    left: -282px;
    width: 335px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_Social_Media_Tooltip_Facebook_Indicator {
    width: 282px;
    height: 78px;
    left: -278px;
}

.tooltip .tooltipIndicator#Book_Social_Media_Tooltip_Twitter_Indicator {
    width: 280px;
    height: 78px;
    top: 364px;
    left: -277px;
}

#Book_OG_Title_Tooltip_Text {
    top: -8px;
    left: -214px;
    width: 336px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_OG_Title_Tooltip_Facebook_Indicator {
    width: 183px;
    height: 17px;
    top: 225px;
    left: -117px;
}

.tooltip .tooltipIndicator#Book_OG_Title_Tooltip_Twitter_Indicator {
    width: 181px;
    height: 13px;
    top: 339px;
    left: -119px;
}

#Book_OG_Desc_Tooltip_Text {
    top: -72px;
    left: -268px;
    width: 335px;
    background: #000;
}

.tooltip .tooltipIndicator#Book_OG_Desc_Tooltip_Facebook_Indicator {
    width: 183px;
    height: 30px;
    top: 187px;
    left: -172px;
}

.tooltip .tooltipIndicator#Book_OG_Desc_Tooltip_Twitter_Indicator {
    width: 181px;
    height: 30px;
    top: 299px;
    left: -173px;
}





.newBookPrice {
    margin-right: 25%;
}

input[type="file"] {
    width: 58%;
}

#conversations {
    width: 94%;
}

.centralMessagesColumn {
    width: 87.5%;
}

.accountHomeLatestAuthors {
    width: 75%;
}

.chapterPricingColumn {
    padding: 10px 2px;
}

.chapterAddToCart {
    width: 75%;
}

.Chapter_Mark_As_Read {
    width: 25%;
}

}


/*iPhone 5 Landscape*/

@media screen and (min-width: 568px) and (min-height:320px) {

.pageDocument {
    margin: 0% 0% 0% 2%;
}

.categoryMenu {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
}
}

/*iPhone 6/7/8 Landscape*/

@media screen and (min-width: 667px) and (min-height:375px) and (max-height:376px) {

.pageDocument {
    margin: 0% 0% 0% 10%;
}

.categoryMenu {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
}
}



/*iPhone 6/7/8 Plus Landscape*/

@media screen and (min-width: 736px) and (min-height:414px) and (max-height:415px) {
.book-listing {
    padding: 0px 0px 0px;
}

.pageDocument {
    margin: 0% 0% 0% 3%;
}
}

/*iPhone X Landscape*/

@media screen and (min-width: 812px) and (min-height:375px) and (max-height:376px) {
.pageDocument {
    margin: 0% 2% 0% 6%;
}    
}


/*iPad Portrait */

@media screen and (min-width: 768px) and (min-height:1024px) and (max-height:1025px) {
.pageDocument {
    margin: 0% 2% 0% 4%;
}

#bookSlideLeft {
    margin-right: 10px;
    height: 100px;
}

#bookSlideRight {
    height: 100px;
}

.accountHomeLatestBooks {
    width: 83%;
}

#authorSlideLeft {
    margin-right: 5px;
}

.accountHomeLatestAuthors {
    width: 84%;
}

.profilePicUploadForm {
    width: 95%;
}

.userDetailsTile {
    width: 29%;
    float: left;
    margin-right: 5px;
}

.checkoutBookDetails {
    width: 73%;
}

}



/*iPad Landscape */

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

.categoryMenu {
    width: 100%;
    padding-left: 0%;
}

.checkoutBookDetails {
    width: 81%;
}


}
/*iPad Pro Portrait */

@media screen and (min-width: 1024px) and (min-height:1366px) {

.pageDocument {
    margin: 0% 2% 0% 6%;
}

.userDetailsTile {
    width: 22%;
    float: left;
    margin-right: 5px;
}

.centralProfileColumn {
    width: 76%;
}

.profilePublishedBooks {
    width: 94%;
}

.profileReadBooks {
    width: 94%;
}

.postMessageBlock {
    width: 99.5%;
}

.newsFeed  {
    width: 94%;
}

.checkoutBookDetails {
    width: 81%;
}

}


/*iPad Pro Portrait */
@media screen and (min-width: 1024px) and (min-height:1366)  {

}

/*iPad Pro Landscape */

@media screen and (min-width: 1366px) and (min-height:1024px) and (max-height:1025px) {
.pageDocument {
    margin: 0% 2% 0% 5%;
}      

.accountHomeLatestBooks {
    width: 90%;
}

.accountHomeLatestAuthors {
    width: 90%;
}

.userDetailsTile {
    width: 20%;
}

.checkoutBookDetails {
    width: 83%;
}

}


/*Pixel 2 Landscape*/

@media screen and (min-width: 731px) and (min-height:411px) and (max-height:412px){
.pageDocument {
    margin: 0% 0% 0% 1%;
}
}

/*Pixel 2 XL Landscape*/

@media screen and (min-width: 823px) and (min-height:411px) and (max-height:412px) {
.pageDocument {
    margin: 0% 0% 0% 6%;
}
}


@media screen and (min-width: 1680px)  {   
.categoryMenu {
    width: 78%;
    padding-left: 12%;
    padding-right: 10%;
}

.pageDocument {
    margin: 0% 15% 0% 15%;
}

/*#rightMenuButton {
    right: 10% !important;
}

#cartButton {
    right: 13% !important;
}

#leftMenuButton {
    left: 12% !important;
}*/

.mainsearchresults {
    position: absolute;
    width: 25%;
    min-width: 380px;
    left:15%;   
}


}