@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;150;200;250;300;350;400;450;500;600;700;800;900&display=block');

@font-face {
    font-family: InterItalics;
    src: url("../Inter-Italic.otf") format("opentype");
}html, body 
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none;
	-moz-osx-font-smoothing: grayscale;
    font-size:16px;
    font-weight:400;
    height:100%;
    margin:0px;
    padding:0px;
    font-smoothing: antialiased;
                }

#wrapper
{
    display:flex;
    margin-top:4px;
    min-height:100%;
}

#header
{
	height:52px;
	background-color:#F5F5F5;
	box-shadow:0px 4px 4px -1px #D9D9D9;
}

#logo
{
	display:inline-block;
	width:20%;
	padding-top:7px;
	padding-bottom:9px;
	padding-left:20px;
}

#img-logo
{
    height:36px;
    width:auto;
    filter:contrast(1.2);
}

#searchbar
{
	display:inline-block;
	width:58%;
	vertical-align:top;
	margin-left:0px;
	padding-top:9px;
	text-align:center;
}

.account-links
{
	float:right;
	margin-right:16px;
	margin-top:16px;
	width:17%;
	text-align:right;
	font-size:16px;
	font-weight:500;
}

.account-links a
{
	color:#484848;
	text-decoration:none;
}

.account-links a:hover
{
	text-decoration:none;
	color:#0A9595;
}

.account-links-user
{
	float:right;
	margin-right:16px;
	margin-top:10px;
	width:17%;
	text-align:right;
	font-size:16px;
	font-weight:500;
	line-height:18px;
}

.account-links-user a
{
	color:#484848;
	text-decoration:none;
}

.account-links-user a:hover
{
	text-decoration:none;
	color:#565FAC;
}

.account-links-score
{
	font-size:12px;
	font-weight:500;
}

#nav
{
	position:relative;
	z-index:1;
	width:250px;
	background-color:#F5F5F5;
	box-shadow:3px 0px 3px -1px #D9D9D9;
}

#nav-links
{
	margin-left:24px;
	font-size:18px;
	line-height:30px;
	font-weight:400;
}

.nav-links-section
{
	padding-top:8px;
	padding-bottom:8px;
}

.nav-border
{
	margin-right:20px;
	border-bottom:1px solid #C0C0C0;
}

.nav-link-gen a
{
	text-decoration:none;
	color:#282828;
}

.nav-link-gen a:hover
{
	text-decoration:none;
	color:#000000;
	font-weight:500;
}

.nav-link-user a
{
	text-decoration:none;
	color:#282828;
}

.nav-link-user a:hover
{
	text-decoration:none;
	color:#000000;
	font-weight:500;
}

.bullet-gen
{
	font-size:20px;
	line-height:18px;
	color:#0A9595;
}

.bullet-user
{
	font-size:20px;
	line-height:18px;
	color:#636CB9;
}

#content
{
	position:relative;
	z-index:0;
	flex:1;
	margin-top:80px;	margin-bottom:20px;
	margin-left:-8%;}

#sd-banner
{
	position:absolute;
	text-align:center;
	width:calc(99% - 250px);
	margin:0 auto;
	margin-top:15px;
	padding-left:250px;
	margin-left:-3.5%;}

#sd-banner-content
{
	cursor:pointer;
	display:inline-block;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:12px;
	padding-left:8px;
	border-radius:4px;
	background-color:#4D569B;
	color:#FFFFFF;
	font-size:18px;
	font-weight:450;
	box-shadow:0 0 3px 1px #B0B0B0;
	opacity:.9;
}

#sd-banner-content:hover
{
	box-shadow:0 0 3px 2px #B0B0B0;
	opacity:1;
}

#container
{
	width:920px;
	margin:0 auto;
}

#footer
{
	height:28px;
	background-color:#686868;
	font-size:12px;
	text-align:center;
	color:#F5F5F5;
}

#footer a
{
	color:inherit;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}#book-left
{
    float:left;
    width:250px;
    margin-top:6px;
    text-align: center;
}

#book-right
{
    float:right;
    width:650px;
}

.book-border
{
	border-bottom:1px dotted #C0C0C0;
}

.book-review-border
{
	border-bottom:1px dotted #D9D9D9;
	width:94%;
	margin-bottom:10px;
}

.img-shadow-no-hover
{
    border-radius:5px;
    -webkit-appearance: none;
	box-shadow:0 0 5px 1px #A0A0A0;
}

.defaultcover
{
	display:inline-block;
	background-color:#004F4F;
	background-image: url(/resources/handmade-paper.png);
	color:#F5F5F5;
	font-weight:400;
	word-wrap:break-word;
	overflow:hidden;
}

#book-buttons
{
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
    opacity:.9;
}

.book-buttons-my
{
    margin:0 auto;
    width:130px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:16px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #9A9FCD;
}

.book-buttons-my-edit
{
    margin-top:8px;
    font-size:14px;
    font-weight:400;
    color:#B0B0B0;
}

.book-buttons-saved-option
{
    word-wrap:break-word;
    max-width:118px;
    cursor:pointer;
    display:inline-block;
    margin-top:8px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:5px;
    font-size:14px;
    font-weight:450;
    color:#686868;
    border-radius:3px;
    border:1px dotted #D9D9D9;
    background-color:#F5F5F5;
    box-shadow:0 0 1px 0px #636CB9;
}

.book-buttons-saved-option:hover
{
    font-weight:500;
    color:#4D569B;
    border:1px dotted #D9D9D9;
    background-color:#EDEDED;
    box-shadow:0 0 1px 0px #636CB9;
}

.priority-pick-expand
{
    display:none;
    position:absolute;
    width:132px;
    margin-top:38px;
    margin-left:-67px;
    z-index:10;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
}

#quick-edit-grade
{
    display:none;
    margin-top:20px;
    margin-bottom:-76px;
}

#preview-button
{
    margin-top:10px;
}

#book-numbers
{
    display:inline-block;
    margin-top:20px;
    text-align:center;
}

.book-numbers-link
{
    margin-bottom:8px;
    font-size:15px;
    font-weight:450;
    color:#686868;
}

.book-settings-link
{
    margin-top:4px;
    margin-bottom:8px;
    font-size:13px;
    font-weight:400;
    color:#B0B0B0;
}

#book-edit
{
    margin-top:30px;
    margin-bottom:20px;
    text-align:center;
    font-size:13px;
    color:#B0B0B0;
}

#book-right-main
{
    display:inline-block;
    width:90%;
}

#book-right-badges
{
    display:inline-block;
    width:9%;
    vertical-align:top;
}

.book-title
{
    margin-bottom:4px;
    font-size:20px;
    font-weight:500;
    color:#282828;
}

.book-author
{
    margin-bottom:6px;
    font-size:18px;
    font-weight:450;
}

.book-series
{
    margin-bottom:4px;
    font-size:16px;
    font-weight:400;
    color:#686868;
}

.book-details
{
    margin-bottom:12px;
    font-size:15px;
    font-weight:400;
    color:#808080;
}

.genre-ask
{
    font-size:14px;
}

.book-badge
{
    cursor:pointer;
    width:41px;
    margin-bottom:6px;
    padding:4px;
    text-align:center;
    font-size:9px;
    font-weight:500;
    color:#686868;
    border-radius: 46px / 14px;
    border:3px solid #EEE0A6;
    background-color:#F4E8B3;
}

.book-badge:hover
{
    box-shadow:0 0 3px 0px #C0C0C0;
}

.book-synopsis
{
    max-height:54px;
    overflow:hidden;
    margin-top:12px;
    margin-bottom:12px;
    text-align:justify;
    font-size:14px;
    font-weight:300;
    color:#686868;
}

.book-synopsis p
{
    margin-block-start:0px;
}

#book-synopsis-more
{
    display:none;
    margin-bottom:12px;
    font-size:14px;
    font-weight:300;
    opacity:.7;
}

#book-stats
{
    margin-top:20px;
    margin-bottom:12px;
}

#book-stats-grade
{
    display:inline-block;
    width:30%;
    text-align:center;
    cursor:default;
}

#book-stats-grade-display
{
    cursor:pointer;
    margin:0 auto;
    margin-bottom:24px;
    width:60px;
    height:60px;
    border-radius:50%;
    line-height:60px;
    font-size:28px;
    font-weight:500;
    letter-spacing:1px;
    background-color:rgba(10, 149, 149, .2);
    box-shadow:0 0 3px 1px #9DD5D5;
    color:#282828;
}

.book-stats-chart-bar
{
    cursor:pointer;
    display:inline-block;
    width:16px;
    border-radius:1px;
    vertical-align:text-bottom;
    background-color:#54B5B5;
    opacity:.7;
}

.book-stats-chart-axis
{
    cursor:pointer;
    display:inline-block;
    width:16px;
    margin-top:5px;
    text-align:center;
    font-size:13px;
    color:#686868;
}

#book-stats-tags
{
    display:inline-block;
    width:36%;
    text-align:center;
    vertical-align:top;
}

#book-stats-tags-list
{
    display:inline-block;
    text-align:left;
}

.book-stats-tags-text
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:400;
}

.book-stats-tags-text-alt
{
    margin-bottom:9px;
    font-size:15px;
    font-weight:400;
}

.book-stats-tags-none
{
    cursor:pointer;
    margin-top:30px;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
    font-size:15px;
    line-height:28px;
    font-weight:400;
    color:#686868;
    border:2px dotted #54B5B5;
    border-radius:4px;
}

.book-stats-tags-none:hover
{
    border:2px solid #54B5B5;
    box-shadow:0 0 3px 1px #9DD5D5;
}

.book-stats-tags-text a:hover
{
    color:#076868;
}

#book-stats-tags-more
{
    margin-top:8px;
    font-size:14px;
    font-weight:300;
    opacity:.7;
}

.book-stats-tags-percent
{
    display:inline-block;
    width:36px;
    margin-right:8px;
    text-align:right;
}

#book-stats-other
{
    display:inline-block;
    width:32%;
    text-align:center;
    vertical-align:top;
}

#book-stats-other-list
{
    display:inline-block;
    text-align:left;
}

.book-stats-other-text
{
    margin-bottom:8px;
    line-height:18px;
    font-size:14px;
    font-weight:400;
    color:#686868;
    cursor:default;
}

.book-stats-other-icon
{
    display:inline-block;
    width:32px;
    text-align:center;
    vertical-align:middle;
    opacity:.9;
}

#book-related
{
    margin-top:12px;
}

.book-related-group
{
    display:inline-block;
    vertical-align:text-top;
}

.book-related-head
{
    margin-left:5px;
    font-size:15px;
    font-weight:400;
    color:#A0A0A0;
}

.book-related-img
{
    vertical-align:text-top;
    height:60px;
    width:60px;
    margin-top:12px;
    margin-bottom:12px;
    object-fit:cover;
    object-position:50% 20%;
    margin-left:4px;
    margin-right:4px;
    border-radius:30%;
    box-shadow:0 0 5px 1px #A0A0A0;
    opacity:.8;
}

.book-related-img:hover
{
    height:90px;
    margin-top:4px;
    margin-bottom:-12px;
    object-fit:fill;
    object-position:50% 50%;
    border-radius:10%;
    opacity:1;
    transition:height .3s, margin .3s;
}

#book-reviews
{
    margin-top:18px;
}

#book-reviews-head
{
    display:inline-block;
    width:20%;
    margin-bottom:18px;
    text-align:left;
    font-size:16px;
    font-weight:400;
    color:#A0A0A0;
}

#book-reviews-sort
{
    position:relative;
    z-index:0;
    display:inline-block;
    width:78%;
    text-align:right;
}

.book-reviews-sort-button
{
    position:absolute;
    top:-20px;
    right:0px;
    display:inline-block;
    border-radius:4px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    font-size:14px;
    font-weight:400;
    color:#A0A0A0;
    border:1px solid #A0A0A0;
}

.book-reviews-sort-button:hover
{
    box-shadow:0 0 2px 0px #A0A0A0;
}

.book-reviews-sort-button-alt
{
    color:#686868;
    font-weight:500;
}

.book-reviews-sort-button-expand
{
    position:absolute;
    z-index:10;
    top:-20px;
    right:0px;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
}

.book-reviews-sort-choice
{
    word-wrap:break-word;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
    font-weight:400;
    border-radius:4px;
    background-color:#F5F5F5;
    color:#282828;
}

.book-reviews-sort-choice:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

.book-reviews-text
{
    display:inline-block;
    width:92%;
    margin-bottom:4px;
    font-size:14px;
    font-weight:400;
    color:#484848;
}

.book-reviews-heart
{
    cursor:pointer;
    display:inline-block;
    width:6%;
    padding-left:4px;
    vertical-align:top;
    text-align:left;
    font-size:13px;
    font-weight:400;
    color:#686868;
}

.book-reviews-heart-img
{
    display:inline-block;
}

.book-reviews-heart-number
{
    display:inline-block;
    vertical-align:top;
}

.book-reviews-other
{
    margin-bottom:10px;
    font-size:13px;
    font-weight:300;
    color:#808080;
}

#book-reviews-more
{
    margin-bottom:12px;
    font-size:14px;
    font-weight:300;
    opacity:.7;
}

.book-numbers-selected
{
    font-weight:500;
    color:#282828;
}

#book-numbers-list
{
    display:none;
    margin-top:16px;
    text-align:left;
}

.book-numbers-back
{
    margin-bottom:12px;
    font-size:14px;
    font-weight:300;
    text-align:left;
    opacity:.5;
}

.book-numbers-head
{
    display:inline-block;
    width:40%;
    margin-bottom:18px;
    text-align:left;
    font-size:16px;
    font-weight:500;
    color:#686868;
}

#book-ratings-sort
{
    position:relative;
    z-index:0;
    display:inline-block;
    width:59%;
    text-align:right;
}

.rating-list-row
{
    width:510px;
    padding-bottom:5px;
    margin-bottom:5px;
    text-align:left;
    font-size:14px;
    color:#484848;
    border-bottom:1px dotted #D9D9D9;
}

.rating-list-user
{
    display:inline-block;
    width:220px;
}

.rating-list-grade
{
    display:inline-block;
    width:140px;
}

.rating-list-date
{
    display:inline-block;
    width:142px;
}

#rating-list-more
{
    margin-bottom:12px;
    font-size:14px;
    font-weight:300;
    text-align:left;
    opacity:.7;
}

#rating-view
{
    display:none;
    margin-top:16px;
}

.rating-view-dates
{
    font-size:13px;
    color:#808080;
}

#rating-view-stats
{
    margin-top:10px;
    margin-bottom:10px;
}

#rating-view-stats-grade
{
    display:inline-block;
    width:30%;
    text-align:center;
    cursor:default;
}

.rating-view-grade-selected-display
{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    letter-spacing:1px;
    line-height:60px;
    font-size:28px;
    font-weight:500;
    color:#565FAC;
    background-color:#F5F5F5;
    border:2px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
}

.rating-view-grade-selected-display-teal
{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    letter-spacing:1px;
    line-height:60px;
    font-size:28px;
    font-weight:500;
    color:#0A9595;
    background-color:#F5F5F5;
    border:2px solid #54B5B5;
    box-shadow:0 0 3px 0px #54B5B5;
}

#rating-view-stats-tags
{
    display:inline-block;
    width:36%;
    text-align:center;
    vertical-align:top;
}

#rating-view-stats-tags-list
{
    display:inline-block;
    text-align:left;
}

.rating-view-stats-tags-text
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:400;
}

#rating-view-stats-other
{
    display:inline-block;
    width:32%;
    text-align:center;
    vertical-align:top;
}

#rating-view-stats-other-list
{
    display:inline-block;
    text-align:left;
}

.rating-view-stats-other-text
{
    margin-bottom:8px;
    line-height:18px;
    font-size:14px;
    font-weight:400;
    color:#686868;
    cursor:default;
}

.rating-view-stats-other-icon
{
    display:inline-block;
    width:32px;
    text-align:center;
    vertical-align:middle;
    opacity:.9;
}

#rating-view-review
{
    display:inline-block;
    width:490px;
    margin-left:60px;
    padding:14px;
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:#484848;
    border-top:1px dotted #565FAC;
}

#rating-view-review-teal
{
    display:inline-block;
    width:490px;
    margin-left:60px;
    padding:14px;
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:#484848;
    border-top:1px dotted #0A9595;
}

#rating-view-series
{
    display:none;
    margin-bottom:20px;
    margin-left:64px;
    padding:8px;
    font-size:16px;
    font-weight:500;
    color:#484848;
    border-radius:4px;
    border:2px dotted #9A9FCD;
}

#rating-view-screen
{
    display:none;
    margin-bottom:20px;
    margin-left:64px;
    padding:8px;
    font-size:16px;
    font-weight:500;
    color:#484848;
    border-radius:4px;
    border:2px dotted #9A9FCD;
}

#rating-edit-form
{
    display:none;
    margin-top:16px;
    margin-left:10px;
    margin-right:10px;
}

#rating-edit-form-left
{
    display:inline-block;
    width:300px;
    vertical-align:top;
}

#rating-edit-form-right
{
    display:inline-block;
    width:300px;
    margin-left:20px;
    vertical-align:top;
}

#rating-edit-form-bottom
{
    margin-top:20px;
    margin-left:50px;
}

#rating-edit-grade
{
    margin-top:20px;
    margin-left:50px;
    margin-bottom:-40px;
}

.rating-edit-grade-selected-container
{
    height:130px;
}

.rating-edit-grade-selected-display
{
    cursor:pointer;
    margin-top:-10px;
    margin-left:70px;
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    letter-spacing:1px;
    line-height:60px;
    font-size:28px;
    font-weight:500;
    color:#565FAC;
    background-color:#F5F5F5;
    border:2px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
}

.rating-edit-grade-level
{
    display:inline-block;
    height:120px;
    vertical-align:middle;
}

.rating-edit-grade-pick
{
    cursor:pointer;
    display:block;
    position:relative;
    z-index:1000;
    height:30px;
    width:40px;
    padding-top:6px;
    font-size:18px;
    font-weight:600;
    text-align:center;
    color:#282828;
    background-color:#F5F5F5;
    border:1px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
}

.rating-edit-grade-pick:hover
{
    color:#F5F5F5;
    background-color:#636CB9;
}

.grade-pick-plus
{
    display:none;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.grade-pick-minus
{
    display:none;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}

#rating-edit-genre
{
    margin-top:22px;
    margin-left:40px;
}

#rating-edit-themes
{
    margin-left:50px;
}

.rating-edit-themes-block
{
    margin-bottom:12px;
}

.rating-edit-themes-row
{
    margin-bottom:6px;
}

.rating-edit-themes-row-alt
{
    margin-bottom:8px;
}

.rating-edit-themes-percent
{
    user-select:none;
    cursor:pointer;
    display:none;
    width:30px;
    height:18px;
    margin-right:6px;
    margin-left:-44px;
    padding:3px;
    font-size:14px;
    text-align:center;
    border-radius:4px;
    color:#808080;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.rating-edit-themes-percent:hover
{
    box-shadow:0 0 2px 0px #A0A0A0;
}

.rating-edit-themes-percent-button
{
    user-select:none;
    position:absolute;
    margin-left:-80px;
    font-size:22px;
    font-weight:500;
    color:#686868;
}

.rating-edit-themes-percent-total
{
    width:30px;
    margin-left:-40px;
    text-align:center;
    font-size:15px;
    color:#808080;
}

.rating-edit-themes-percent-purple
{
    color:#454C8A;
}

.rating-edit-autofill-link
{
    margin-left:66px;
    font-size:12px;
    color:#B0B0B0;
}

#rating-edit-arrows
{
    margin-top:50px;
    margin-right:60px;
}

.rating-edit-arrows-row
{
    margin-bottom:16px;
    text-align:right;
}

.rating-edit-arrows-head
{
    display:inline-block;
    margin-right:6px;
    font-size:15px;
    font-weight:500;
    color:#484848;
}

.rating-edit-arrows-buttons
{
    display:inline-block;
    line-height:20px;
}

.rating-edit-arrows-img
{
    cursor:pointer;
    display:inline-block;
    width:30px;
    height:20px;
    margin-left:6px;
    text-align:center;
    border-radius:4px;
    background-color:#F5F5F5;
    border:1px solid #9A9FCD;
}

.rating-edit-arrows-img:hover
{
    box-shadow:0 0 3px 0px #636CB9;
}

.rating-edit-arrows-img-pick
{
    cursor:pointer;
    display:inline-block;
    width:30px;
    height:20px;
    margin-left:6px;
    text-align:center;
    border-radius:4px;
    background-color:#F5F5F5;
    border:1px solid #9A9FCD;
    box-shadow:0 0 3px 2px #636CB9;
}

#rating-edit-review-count
{
    display:none;
    width:60px;
    text-align:right;
    margin-left:330px;
}

#rating-edit-form-dates
{
    margin-top:30px;
    font-size:14px;
    font-weight:500;
    color:#686868;
}

#rating-edit-delete
{
    text-align:right;
    font-size:13px;
    font-weight:500;
    color:#B0B0B0;
}

#book-edit-form
{
    display:none;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}


#book-edit-form-left
{
    display:inline-block;
    width:45%;
    vertical-align:text-top;
}

#book-edit-form-right
{
    display:inline-block;
    width:54%;
    vertical-align:text-top;
}

.book-edit-block
{
    margin-bottom:10px;
}

.book-edit-head
{
    margin-bottom:4px;
    font-size:15px;
    font-weight:500;
    color:#484848;
}

.book-edit-head-alt
{
    font-size:14px;
    color:#A0A0A0;
}

.book-edit-cover
{
	width:240px;
	padding-top:4px;
	padding-left:8px;
	border-radius:3px;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.date-pick
{
    cursor:pointer;
    display:inline-block;
    min-width:18px;
    margin-right:10px;
    border-radius:4px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    font-size:14px;
    font-weight:400;
    color:#686868;
    border:1px solid #808080;
}

.date-pick:hover
{
    box-shadow:0 0 2px 0px #808080;
}

.date-month
{
    width:42px;
}

.date-day
{
    width:26px;
}

.date-year
{
    width:36px;
}

.date-pick-expand
{
    display:none;
    position:absolute;
    width:56px;
    margin-top:-120px;
    margin-left:-2px;
    z-index:10;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
}

.rating-date-pick-expand
{
    display:none;
    position:absolute;
    width:56px;
    margin-top:-160px;
    margin-left:-2px;
    z-index:10;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
}

#library-top
{
    margin-top:30px;
    margin-bottom:30px;
    margin-left:10px;
    margin-right:30px;
}

#library-top:empty
{
    margin-top:0px;
    margin-bottom:0px;
}

#book-current-history
{
    cursor:pointer;
    margin-top:8px;
    font-size:14px;
    font-weight:400;
    color:#808080;
}

#book-current-date
{
    display:none;
    margin-top:12px;
    margin-bottom:20px;
}

.book-buttons-my-read
{
    margin-top:12px;
    font-size:14px;
    font-weight:400;
    color:#A0A0A0;
}.no-bottom-border
{
    border-bottom:none;
}

.img-shadow-hover
{
    border-radius:5px;
    -webkit-appearance: none;
	box-shadow:0 0 5px 1px #A0A0A0;
}

.img-shadow-hover:hover
{
	box-shadow:0 0 5px 1px #686868;
}

#series-view
{
    display:none;
    margin-top:16px;
}

.series-head
{
    display:inline-block;
    margin-top:-4px;
    text-align:left;
    font-size:18px;
    font-weight:500;
    color:#484848;
}

.series-author-head
{
    display:inline-block;
    margin-top:4px;
    text-align:left;
    font-size:16px;
    font-weight:500;
    color:#484848;
}

.series-view-row
{
    margin-top:20px;
    margin-left:24px;
}

.series-view-sequence
{
    display:inline-block;
    width:34px;
    vertical-align:top;
    font-size:18px;
    font-weight:400;
    color:#000000;
}

.series-view-cover
{
    display:inline-block;
    width:90px;
    vertical-align:top;
}

.series-view-main
{
    display:inline-block;
    width:340px;
    margin-top:2px;
    vertical-align:top;
}

.series-view-title
{
    font-size:17px;
    font-weight:400;
    color:#282828;
}

.series-view-details
{
    margin-top:8px;
    font-size:14px;
    font-weight:400;
    color:#808080;
}

.series-view-grade
{
    display:inline-block;
    margin-top:20px;
    margin-left:2px;
    font-size:15px;
    padding:1px;
    padding-left:6px;
    color:#484848;
    border-left:3px dotted #54B5B5;
}

.series-view-grade-bold
{
    font-weight:500;
}

.series-view-buttons
{
    display:inline-block;
    width:130px;
    margin-top:4px;
    margin-left:10px;
    text-align:center;
}

.series-view-buttons-my
{
    margin:0 auto;
    width:120px;
    margin-top:4px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #9A9FCD;
}

.series-view-buttons-my-edit
{
    margin-top:2px;
    font-size:13px;
    font-weight:400;
    color:#B0B0B0;
}

.series-view-my-head
{
    margin-bottom:6px;
}

.series-quick-edit-grade
{
    display:none;
    margin-top:20px;
    margin-left:12px;
    margin-bottom:-76px;
}

.series-buttons-saved-option
{
    word-wrap:break-word;
    max-width:100px;
    cursor:pointer;
    display:inline-block;
    margin-bottom:6px;
    padding-top:3px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    font-size:13px;
    font-weight:450;
    color:#686868;
    border-radius:3px;
    border:1px dotted #D9D9D9;
    background-color:#F5F5F5;
    box-shadow:0 0 1px 0px #636CB9;
}

.series-buttons-saved-option:hover
{
    font-weight:500;
    color:#4D569B;
    border:1px dotted #D9D9D9;
    background-color:#EDEDED;
    box-shadow:0 0 1px 0px #636CB9;
}

.series-priority-pick-expand
{
    display:none;
    position:absolute;
    width:117px;
    margin-top:24px;
    margin-left:-59px;
    z-index:10;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
}

.series-expand-choice
{
    word-wrap:break-word;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
    font-weight:400;
    border-radius:4px;
    background-color:#F5F5F5;
    color:#282828;
}

.series-expand-choice:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

#list-left
{
    float:left;
    width:200px;
    margin-top:50px;
    text-align:center;
}

#list-right
{
    float:right;
    width:680px;
}

#list-center
{
    margin: 0 auto;
    width:750px;
}

.list-count
{
    font-size:22px;
    color:#686868;
}

.list-count-text
{
    font-size:18px;
    color:#686868;
}

.list-left-head
{
    margin-top:30px;
    margin-left:46px;
    margin-right:46px;
    padding-bottom:4px;
    font-size:17px;
    font-weight:500;
    color:#686868;
    border-bottom:2px dotted #A0A0A0;
}

.list-left-head-hover
{
    margin-top:30px;
    margin-left:46px;
    margin-right:46px;
    padding-bottom:4px;
    font-size:17px;
    font-weight:500;
    color:#686868;
    border-bottom:2px dotted #54B5B5;
}

.list-left-block
{
    margin-top:10px;
}

.list-right-head
{
    display:inline-block;
    width:450px;
    margin-bottom:4px;
    font-size:22px;
    font-weight:500;
    color:#484848;
}

.list-row
{
    margin-top:24px;
}

.list-cover
{
    display:inline-block;
    width:100px;
    vertical-align:top;
}

.list-main
{
    display:inline-block;
    width:430px;
    vertical-align:top;
}

.list-title
{
    font-size:17px;
    font-weight:450;
    color:#282828;
}

.list-author
{
    margin-top:6px;
    font-size:16px;
    font-weight:400;
    color:#484848;
}

.list-details
{
    margin-top:6px;
    font-size:14px;
    font-weight:400;
    color:#808080;
}

.list-series
{
    margin-top:4px;
    font-size:15px;
    font-weight:400;
    color:#686868;
}

.list-grade
{
    display:inline-block;
    margin-top:12px;
    margin-left:2px;
    font-size:15px;
    padding:1px;
    padding-left:6px;
    color:#484848;
    border-left:3px dotted #54B5B5;
}

.list-grade-bold
{
    font-weight:500;
}

.list-buttons
{
    display:inline-block;
    width:130px;
    margin-top:6px;
    margin-left:10px;
    text-align:center;
}

.list-quick-edit-grade
{
    display:none;
    margin-top:20px;
    margin-left:12px;
    margin-bottom:-76px;
}

.list-buttons-my
{
    margin:0 auto;
    width:120px;
    margin-top:4px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #9A9FCD;
}

.list-buttons-my-edit
{
    margin-top:0px;
    font-size:13px;
    font-weight:400;
    color:#B0B0B0;
}

.list-my-head
{
    margin-bottom:6px;
}

.list-buttons-saved-option
{
    word-wrap:break-word;
    max-width:100px;
    cursor:pointer;
    display:inline-block;
    margin-bottom:6px;
    padding-top:3px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    font-size:13px;
    font-weight:450;
    color:#686868;
    border-radius:3px;
    border:1px dotted #D9D9D9;
    background-color:#F5F5F5;
    box-shadow:0 0 1px 0px #636CB9;
}

.list-buttons-saved-option:hover
{
    font-weight:500;
    color:#4D569B;
    border:1px dotted #D9D9D9;
    background-color:#EDEDED;
    box-shadow:0 0 1px 0px #636CB9;
}

.list-current-option
{
    max-width:120px;
    margin-top:4px;
    margin-bottom:10px;
    padding-top:4px;
    padding-bottom:3px;
    padding-left:4px;
    padding-right:4px;
    font-size:14px;
    font-weight:450;
    border:1px dotted #D9D9D9;
    box-shadow:0 0 2px 0px #636CB9;
}

.list-current-option:hover
{
    border:1px dotted #D9D9D9;
    box-shadow:0 0 2px 0px #636CB9;
}

.list-priority-pick-expand
{
    display:none;
    position:absolute;
    width:117px;
    margin-top:24px;
    margin-left:-59px;
    z-index:10;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
}

.list-expand-choice
{
    word-wrap:break-word;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
    font-weight:400;
    border-radius:4px;
    background-color:#F5F5F5;
    color:#282828;
}

.list-expand-choice:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

#list-more-container
{
    height:50px;
    margin-top:24px;
}

.list-more
{
    cursor:pointer;
    display:inline-block;
    width:668px;
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#0A9595;
}

.list-more:hover
{
    width:666px;
    margin-top:-1px;
    border:1px solid #54B5B5;
    border-radius:4px;
    box-shadow:inset 0 0 3px 0px #9DD5D5;
}

.grid-more
{
    cursor:pointer;
    display:inline-block;
    width:670px;
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#0A9595;
}

.grid-more:hover
{
    width:668px;
    margin-top:-1px;
    border:1px solid #54B5B5;
    border-radius:4px;
    box-shadow:inset 0 0 3px 0px #9DD5D5;
}

.grid-row
{
    overflow:hidden;
    height:202px;
    padding-left:4px;
    transition:all .4s;
}

.grid-row-expand
{
    height:240px;
    padding-left:4px;
    transition:all .4s;
}

.grid-cover
{
    display:inline-block;
    width:120px;
    margin-top:10px;
    margin-right:11px;
    vertical-align:top;
}

.grid-buttons-my
{
    width:120px;
    margin-top:4px;
    text-align:center;
}

.grid-cover-wrap:hover .grid-cover-img
{
	opacity:.3;
}

.grid-cover-wrap
{
	width:120px;
	height:194px;
	display:block;
	word-wrap:break-word;
}

.grid-cover-wrap .grid-cover-overlay
{
    display:none;
}

.grid-cover-wrap:hover .grid-cover-overlay
{
    display:block;
	position:absolute;
	width:120px;
	height:190px;
	margin-top:-194px;
	text-align:center;
	color:rgba(255,255,255,1);
	font-weight:400;
	background-color:#000000;
	border-radius:5px;
	opacity:.7;
}

.grid-my-head
{
    margin-left:6px;
    margin-right:6px;
    padding:3px;
    vertical-align:middle;
    font-size:14px;
    font-weight:500;
    border-radius:4px;
    border:2px dotted #9A9FCD;
}

.compact-row
{
    height:80px;
    margin-top:0px;
    transition:all .4s;
}

.compact-row:hover
{
    height:110px;
    transition:all .4s;
}

.compact-row-manage
{
    height:150px;
    margin-top:0px;
    transition:all .4s;
}

.compact-cover
{
    display:inline-block;
    width:75px;
    vertical-align:top;
}

.compact-cover-img
{
    height:60px;
    width:60px;
    margin-top:8px;
    margin-bottom:8px;
    object-fit:cover;
    object-position:50% 20%;
    border-radius:30%;
    box-shadow:0 0 5px 1px #A0A0A0;
    transition:all .4s;
}

.compact-cover-img-expand
{
    height:90px;
    width:60px;
    margin-top:10px;
    margin-bottom:2px;
    object-fit:fill;
    object-position:50% 50%;
    border-radius:10%;
    box-shadow:0 0 5px 1px #A0A0A0;
    transition:all .4s;
}

.compact-main
{
    display:inline-block;
    width:370px;
    margin-top:14px;
}

.compact-title
{
    white-space:nowrap;
    overflow:hidden;
    font-size:16px;
    font-weight:450;
    color:#282828;
}

.compact-author
{
    white-space:nowrap;
    overflow:hidden;
    margin-top:6px;
    font-size:15px;
    font-weight:400;
    color:#484848;
}

.compact-details
{
    visibility:hidden;
    opacity:0;
    margin-top:6px;
    font-size:13px;
    font-weight:400;
    color:#808080;
    transition:opacity .6s;
}

.compact-series
{
    visibility:hidden;
    opacity:0;
    margin-top:4px;
    font-size:14px;
    font-weight:400;
    color:#686868;
    transition:opacity .6s;
}

.compact-grade
{
    cursor:default;
    display:inline-block;
    width:45px;
    margin-left:14px;
    vertical-align:top;
}

.compact-grade-display
{
    display:inline-block;
    width:45px;
    height:45px;
    margin-top:16px;
    border-radius:50%;
    text-align:center;
    vertical-align:top;
    line-height:45px;
    font-size:22px;
    font-weight:500;
    letter-spacing:1px;
    background-color:rgba(10, 149, 149, .2);
    box-shadow:0 0 3px 1px #9DD5D5;
    color:#282828;
    opacity:.8;
}

.compact-buttons
{
    display:inline-block;
    margin-top:26px;
    margin-left:34px;
    vertical-align:top;
}

.compact-buttons-my
{
    overflow:hidden;
    width:120px;
    height:22px;
    margin-top:-6px;
    margin-left:-5px;
    padding-top:8px;
    padding-bottom:2px;
    vertical-align:top;
    text-align:center;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #9A9FCD;
    transition:height .3s;
}

.compact-buttons-my-expand
{
}

.list-filter-pick-expand
{
    display:none;
    position:absolute;
    width:106px;
    margin-top:24px;
    margin-left:-54px;
    z-index:10;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
    scrollbar-width:none;
}

.list-filter-pick-expand::-webkit-scrollbar
{
    display:none;
}

.list-filter-choice
{
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
    font-weight:400;
    border-radius:4px;
    background-color:#F5F5F5;
    color:#282828;
}

.list-filter-choice:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

.list-filter-clear
{
    margin-top:4px;
    margin-bottom:8px;
    font-size:13px;
    font-weight:400;
    color:#B0B0B0;
}

.list-sequence
{
    cursor:default;
    display:inline-block;
    vertical-align:top;
    width:42px;
    margin-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
    font-size:22px;
    font-weight:500;
    color:#484848;
    border-radius:46px / 14px;
    background-color:#EEE0A6;
    border:3px solid #EEE0A6;
    opacity:.8;
}

.grid-sequence
{
    position:absolute;
    cursor:default;
    width:36px;
    margin-left:6px;
    margin-top:6px;
    padding-top:1px;
    padding-bottom:1px;
    text-align:center;
    font-size:20px;
    font-weight:500;
    color:#686868;
    border-radius:46px / 14px;
    background-color:#EEE0A6;
    border:3px solid #EEE0A6;
    opacity:.95;
}

.list-subhead
{
    font-size:15px;
    font-weight:400;
    color:#A0A0A0;
}

.list-buttons-user
{
    margin:0 auto;
    width:110px;
    margin-top:4px;
    padding-top:8px;
    padding-bottom:2px;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #54B5B5;
}

.list-history
{
    display:inline-block;
    margin-top:12px;
    margin-left:2px;
    font-size:14px;
    padding-left:6px;
    color:#686868;
    border-left:2px dotted #54B5B5;
}

.list-history-my
{
    display:inline-block;
    margin-top:12px;
    margin-left:2px;
    font-size:14px;
    padding-left:6px;
    color:#686868;
    border-left:2px dotted #9A9FCD;
}

.grid-user-head
{
    margin-left:6px;
    margin-right:6px;
    padding:3px;
    vertical-align:middle;
    font-size:14px;
    font-weight:500;
    border-radius:4px;
    border:2px dotted #54B5B5;
}

.compact-buttons-user
{
    overflow:hidden;
    width:110px;
    height:22px;
    margin-top:-6px;
    padding-top:8px;
    padding-bottom:2px;
    vertical-align:top;
    text-align:center;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #54B5B5;
    transition:height .3s;
}

.compact-grade-display-user
{
    display:inline-block;
    width:45px;
    height:45px;
    margin-top:16px;
    border-radius:50%;
    text-align:center;
    vertical-align:top;
    line-height:45px;
    font-size:22px;
    font-weight:500;
    letter-spacing:1px;
    background-color:#F5F5F5;
    border:2px solid #54B5B5;
    box-shadow:0 0 3px 0px #54B5B5;
    color:#0A9595;
    opacity:.8;
}

.compact-grade-display-my
{
    display:inline-block;
    width:45px;
    height:45px;
    margin-top:16px;
    border-radius:50%;
    text-align:center;
    vertical-align:top;
    line-height:45px;
    font-size:22px;
    font-weight:500;
    letter-spacing:1px;
    background-color:#F5F5F5;
    border:2px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
    color:#565FAC;
    opacity:.8;
}

.list-empty
{
    margin-top:30px;
    font-size:17px;
    color:#686868;
}

.list-buttons-saved-option-user
{
    word-wrap:break-word;
    max-width:100px;
    cursor:default;
    display:inline-block;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
    font-size:13px;
    font-weight:450;
    color:#686868;
}

.featured-book
{
    display:inline-block;
    width:100px;
    margin-bottom:10px;
    text-align:center;
}

.featured-book-text
{
    margin-bottom:6px;
    font-size:11px;
    font-weight:500;
    color:#484848;
}

.find-block
{
    display:inline-block;
    width:400px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    border-radius:8px;
    border:3px solid #9DD5D5;
}

.find-block-my
{
    display:inline-block;
    width:400px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    border-radius:8px;
    border:3px solid #9A9FCD;
}

.find-block-done
{
    border:3px solid #C0C0C0;
}

.find-block-done:hover
{
    border:3px solid #9DD5D5;
}

.find-block-done-my
{
    border:3px solid #C0C0C0;
}

.find-block-done-my:hover
{
    border:3px solid #9A9FCD;
}

.find-block-head
{
    margin-bottom:24px;
    font-size:17px;
    font-weight:400;
    color:#484848;
}

.find-block-sub
{
    font-size:15px;
    color:#808080;
}

.find-no
{
    font-size:14px;
    color:#808080;
}

.find-separator
{
    height:70px;
    width:0px;
    margin:auto;
    border-left:3px dotted #9DD5D5;
}

.find-separator-my
{
    height:70px;
    width:0px;
    margin:auto;
    border-left:3px dotted #BBBFDE;
}

.find-separator-inactive
{
    height:70px;
    width:0px;
    margin:auto;
    border-left:3px dotted #D9D9D9;
}

.find-collapsed
{
    cursor:pointer;
    display:inline-block;
    width:200px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    font-size:16px;
    font-weight:450;
    color:#808080;
    border-radius:8px;
    border:3px solid #C0C0C0;
}

.find-collapsed:hover
{
    font-weight:500;
    color:#0A9595;
    border:3px solid #9DD5D5;
}

.find-collapsed-my
{
    cursor:pointer;
    display:inline-block;
    width:200px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    font-size:16px;
    font-weight:450;
    color:#808080;
    border-radius:8px;
    border:3px solid #C0C0C0;
}

.find-collapsed-my:hover
{
    font-weight:500;
    color:#636CB9;
    border:3px solid #BBBFDE;
}

.find-collapsed-inactive
{
    cursor:default;
    pointer-events:none;
    display:inline-block;
    width:200px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    font-size:16px;
    color:#C0C0C0;
    border-radius:8px;
    border:3px solid #EDEDED;
}

.find-button-sub
{
    font-size:14px;
}

.find-theme
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:10px;
    padding:6px;
    font-size:12px;
    text-align:center;
    color:#484848;
    background-color:#F5F5F5;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.find-theme:hover
{
	color:#076868;
	box-shadow:0 0 3px 1px #54B5B5;
}

.find-theme-selected
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:10px;
    padding:6px;
    font-size:12px;
    text-align:center;
    color:#FFFFFF;
    background-color:#0A9595;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 1px #54B5B5;
    opacity:.9;
}

.find-theme-my
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:10px;
    padding:6px;
    font-size:12px;
    text-align:center;
    color:#484848;
    background-color:#F5F5F5;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.find-theme-my:hover
{
	color:#4D569B;
	box-shadow:0 0 3px 1px #565FAC;
}

.find-theme-selected-my
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:10px;
    padding:6px;
    font-size:12px;
    text-align:center;
    color:#FFFFFF;
    background-color:#636CB9;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 1px #636CB9;
    opacity:.9;
}

.find-results-none
{
    cursor:default;
    margin-top:24px;
    margin-bottom:20px;
    text-align:center;
    font-size:16px;
    font-weight:450;
    color:#808080;
}

.list-buttons-my-read
{
    margin-top:12px;
    font-size:13px;
    font-weight:400;
    color:#A0A0A0;
}

.list-buttons-my-read-compact
{
    margin-top:-2px;
    text-align:center;
    font-size:13px;
    font-weight:400;
    color:#A0A0A0;
}#column-left
{
    float:left;
    width:530px;
    margin-left:50px;
}

#column-right
{
    float:right;
    width:280px;
    margin-right:20px;
    text-align:center;
}

#column-center
{
    width:500px;
    margin:0 auto;
}

.page-head
{
    font-size:23px;
    font-weight:500;
    color:#484848;
}

.page-subhead
{
    padding-left:1px;
    font-size:14px;
    color:#A0A0A0;
}

.column-section
{
    margin-top:20px;
    margin-bottom:30px;
}

.column-section-head-my
{
    padding-left:6px;
    font-size:18px;
    font-weight:500;
    color:#686868;
    border-left:3px dotted #636CB9;
}

.column-section-head-user
{
    padding-left:6px;
    font-size:18px;
    font-weight:500;
    color:#686868;
    border-left:3px dotted #54B5B5;
}

.profile-link
{
    margin-bottom:10px;
    font-size:17px;
    font-weight:500;
    opacity:.9;
}

.profile-link a:hover
{
    font-weight:600;
    opacity:1;
}

.profile-button
{
    margin-top:10px;
}

.profile-button-alt
{
    opacity:.8;
}

.profile-button-alt:hover
{
    opacity:1;
}

.achievement-head
{
    font-size:16px;
    font-weight:500;
    color:#686868;
}

.achievement-text
{
    display:inline-block;
    width:160px;
    margin-top:2px;
    font-size:15px;
    font-weight:400;
    color:#808080;
}

.achievement-text-alt
{
    display:inline-block;
    width:200px;
    margin-top:8px;
    font-size:14px;
    font-weight:400;
    color:#A0A0A0;
}

.profile-head-my
{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:6px;
    padding-bottom:4px;
    font-size:17px;
    font-weight:500;
    color:#686868;
    border-bottom:2px dotted #636CB9;
}

.profile-head-user
{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:6px;
    padding-bottom:4px;
    font-size:17px;
    font-weight:500;
    color:#686868;
    border-bottom:2px dotted #54B5B5;
}

.column-more
{
    height:25px;
    font-size:14px;
    font-weight:300;
    opacity:.7;
}

.profile-compact-img
{
    position:relative;
    vertical-align:text-top;
    height:60px;
    width:60px;
    margin-top:8px;
    margin-bottom:4px;
    object-fit:cover;
    object-position:50% 20%;
    margin-left:5px;
    margin-right:5px;
    border-radius:30%;
    box-shadow:0 0 5px 1px #A0A0A0;
    opacity:.8;
}

.profile-compact-img:hover
{
    z-index:100;
    position:relative;
    height:90px;
    margin-top:-2px;
    margin-bottom:-16px;
    object-fit:fill;
    object-position:50% 50%;
    border-radius:10%;
    opacity:1;
    transition:height .3s, margin .3s;
}

.profile-author
{
    margin-top:12px;
    font-size:16px;
    color:#686868;
}

.profile-author-alt
{
    white-space:nowrap;
    color:#808080;
}

.profile-current-row
{
    margin-top:16px;
}

.profile-current-cover
{
    display:inline-block;
    vertical-align:top;
    width:75px;
    margin-left:10px;
}

.profile-current-main
{
    display:inline-block;
    vertical-align:top;
    width:400px;
}

.profile-current-title
{
    font-size:16px;
    font-weight:450;
    color:#282828;
}

.profile-current-author
{
    margin-top:6px;
    font-size:15px;
    font-weight:400;
    color:#484848;
}

.profile-current-history-user
{
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    font-size:14px;
    color:#686868;
}

.profile-current-history-my
{
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    font-size:14px;
    color:#686868;
}

.profile-buttons
{
    display:inline-block;
    width:130px;
    margin-left:10px;
}

.profile-buttons-my
{
    margin:0 auto;
    padding-top:6px;
    padding-bottom:8px;
    text-align:center;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #9A9FCD;
}

#profile-goal
{
    margin-top:10px;
}

#profile-goal-full
{
    z-index:-1;
    position:absolute;
    height:30px;
    width:450px;
    background-color:#EDEDED;
    border-radius:6px;
    border:1px solid #D9D9D9;
}

#profile-goal-progress-user
{
    display:inline-block;
    height:30px;
    background-color:#54B5B5;
    border-radius:6px;
    border:1px solid #D9D9D9;
}

#profile-goal-progress-my
{
    display:inline-block;
    height:30px;
    background-color:#636CB9;
    border-radius:6px;
    border:1px solid #D9D9D9;
    opacity:.8;
}

#profile-goal-pace
{
    position:absolute;
    display:none;
    height:28px;
    margin-top:2px;
    border-right:3px dashed #686868;
}

#profile-goal-percent
{
    position:absolute;
    cursor:default;
    display:inline-block;
    vertical-align:top;
    margin-top:7px;
    margin-left:6px;
    font-size:15px;
    font-weight:500;
    color:#808080;
}

#profile-goal-text
{
    cursor:default;
    margin-top:6px;
    margin-left:2px;
    font-size:15px;
    color:#A0A0A0;
}

.profile-activity-row
{
    padding-top:12px;
}

.profile-activity-img
{
    width:40px;
    height:40px;
    vertical-align:middle;
    object-fit:cover;
    object-position:50% 20%;
    border-radius:30%;
    box-shadow:0 0 5px 1px #A0A0A0;
    opacity:.8;
}

.profile-activity-img:hover
{
    opacity:1;
}

.profile-activity-img-alt
{
    width:32px;
    height:32px;
    vertical-align:middle;
    padding:4px;
    border-radius:30%;
    opacity:.8;
}

.profile-activity-img-alt:hover
{
    opacity:.9;
}

.profile-activity-cover
{
    display:inline-block;
    width:50px;
    margin-left:2px;
}

.profile-activity-main
{
    display:inline-block;
    vertical-align:middle;
    width:400px;
    font-size:16px;
    color:#484848;
}

.profile-activity-date
{
    margin-top:12px;
    margin-bottom:-2px;
    font-size:15px;
    color:#A0A0A0;
}

#achievement-action
{
    display:none;
    height:20px;
    margin-top:6px;
    margin-bottom:-26px;
    text-align:center;
    font-size:12px;
    font-weight:400;
    color:#B0B0B0;
}

#achievement-history
{
    display:none;
    margin-top:8px;
    text-align:left;
    font-size:14px;
    color:#686868;
}

#profile-goal-action
{
    display:none;
    margin-left:20px;
    font-size:12px;
    font-weight:400;
    color:#B0B0B0;
}

#profile-goal-history
{
    display:none;
    margin-top:8px;
    text-align:left;
    font-size:14px;
    color:#686868;
}

.profile-current-date
{
    display:none;
    margin-top:12px;
}

.grid-span-all
{
    grid-column: 1/-1;
}

.grid-line-user 
{
    grid-column: 1 / -1;
    margin-top:-22px;
    border-bottom:1px dotted #54B5B5;
}

.grid-line-my 
{
    grid-column: 1 / -1;
    margin-top:-22px;
    border-bottom:1px dotted #636CB9;
}

.stats-grade-grid
{
    display:grid;
    margin-left:20px;
    margin-right:20px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items:center;
    align-items:end;
}

.stats-grade-item
{
    margin-bottom:8px;
    font-size:16px;
    color:#484848;
}

.stats-grade-head
{
    font-weight:500;
}

.stats-grade-reread
{
    margin-top:2px;
    margin-bottom:10px;
    font-size:15px;
    color:#808080;
}

.stats-grade-bar-user
{
    cursor:pointer;
    width:24px;
    margin-top:16px;
    margin-bottom:10px;
    vertical-align:bottom;
    border-radius:1px;
    background-color:#54B5B5;
    opacity:.8;
}

.stats-grade-bar-my
{
    cursor:pointer;
    width:24px;
    margin-top:16px;
    margin-bottom:10px;
    vertical-align:bottom;
    border-radius:1px;
    background-color:#636CB9;
    opacity:.7;
}

.stats-filter-button
{
    cursor:pointer;
    display:inline-block;
    width:90px;
    margin-top:20px;
    margin-bottom:30px;
    border-radius:4px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:17px;
    font-weight:400;
    color:#808080;
    border:1px solid #A0A0A0;
}

.stats-filter-button:hover
{
    color:#686868;
    box-shadow:0 0 2px 0px #A0A0A0;
}

.stats-filter-button-expand
{
    display:none;
    position:absolute;
    z-index:10;
    width:90px;
    margin-top:20px;
    margin-left:-92px;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
    scrollbar-width:none;
}

.stats-filter-button-expand::-webkit-scrollbar
{
    display:none;
}

.stats-filter-choice
{
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
    font-weight:400;
    border-radius:4px;
    background-color:#F5F5F5;
    color:#282828;
}

.stats-filter-choice:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

.stats-top-grid
{
    display:grid;
    margin-top:20px;
    grid-template-columns: 95px 95px 105px 125px 90px 90px;
    justify-items:center;
    align-items:center;
}

.stats-top-item
{
    margin-bottom:16px;
    padding-left:4px;
    padding-right:4px;
    text-align:center;
    font-size:16px;
    font-weight:450;
    color:#686868;
}

.stats-top-head
{
    font-size:14px;
    font-weight:500;
    color:#808080;
}

.stats-main-grid
{
    display:grid;
    margin-top:20px;
    margin-left:10px;
    grid-template-columns: 40px 85px 85px 95px 115px 85px 85px;
    justify-items:center;
    align-items:center;
}

.stats-main-item
{
    margin-bottom:16px;
    padding-left:4px;
    padding-right:4px;
    text-align:center;
    font-size:15px;
    font-weight:400;
    color:#686868;
}

.stats-main-head
{
    font-size:14px;
    font-weight:500;
    color:#808080;
}

.recs-list-hide
{
    margin-top:12px;
    font-size:11px;
    line-height:16px;
    font-weight:400;
    color:#B0B0B0;
}

.recs-list-synopsis-show
{
    margin-top:6px;
    margin-left:6px;
    font-size:13px;
    font-weight:300;
    opacity:.7;
}

.recs-list-synopsis
{
    display:none;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:4px;
    margin-right:14px;
    text-align:justify;
    font-size:13px;
    font-weight:300;
    color:#686868;
}

.recs-mini-row
{
    margin-top:10px;
    padding-left:30px;
    text-align:left;
}

.recs-mini-cover
{
    display:inline-block;
    width:60px;
    opacity:.85;
}

.recs-mini-cover:hover
{
    opacity:.95;
}

.recs-mini-main
{
    display:inline-block;
    width:170px;
    vertical-align:top;
    opacity:.9;
}

.recs-mini-title
{
    font-size:14px;
    font-weight:450;
    color:#484848;
}

.recs-mini-author
{
    margin-top:2px;
    font-size:13px;
    font-weight:400;
    color:#686868;
}

.recs-mini-details
{
    margin-top:2px;
    font-size:12px;
    color:#808080;
}

.recs-mini-buttons
{
    margin-top:6px;
    text-align:left;
    opacity:.9;
}

.recs-mini-hide
{
    margin-left:10px;
    font-size:11px;
    font-weight:400;
    color:#A0A0A0;
}

.recs-users-row
{
    margin-top:12px;
}

.recs-users-name
{
    font-size:15px;
    font-weight:450;
    color:#686868;
}

.recs-users-count
{
    margin-top:2px;
    font-size:13px;
    color:#A0A0A0;
}

.compare-column
{
    display:inline-block;
    width:300px;
    text-align:center;
    vertical-align:top;
}

.compare-center
{
    display:inline-block;
    width:140px;
    text-align:center;
    vertical-align:middle;
}

.compare-head-row
{
    margin-top:20px;
    margin-bottom:20px;
    margin-left:40px;
    margin-right:40px;
    padding-bottom:4px;
    text-align:center;
    border-bottom:2px dotted #C0C0C0;
}

.compare-head
{
    width:220px;
    font-size:18px;
    font-weight:450;
    color:#282828;
}

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

.compare-grade
{
    margin-top:14px;
    font-size:16px;
    font-weight:450;
}

.compare-date
{
    margin-top:4px;
    font-size:14px;
    color:#A0A0A0;
}

.authors-row
{
    margin-top:18px;
    margin-left:10px;
}

.authors-sequence
{
    display:inline-block;
    vertical-align:top;
    width:26px;
    font-size:19px;
    font-weight:500;
    color:#000000;
}

.authors-main
{
    display:inline-block;
    width:300px;
    vertical-align:top;
    font-size:17px;
    font-weight:450;
    color:#282828;
}

.authors-main-sub
{
    margin-top:2px;
    font-size:15px;
    font-weight:400;
    color:#808080;
}

.authors-covers
{
    display:inline-block;
    vertical-align:middle;
}

.authors-compact-img
{
    vertical-align:middle;
    height:48px;
    width:48px;
    object-fit:cover;
    object-position:50% 20%;
    margin-left:4px;
    margin-right:4px;
    border-radius:30%;
    box-shadow:0 0 5px 1px #A0A0A0;
    opacity:.8;
}

.authors-compact-img:hover
{
    height:74px;
    margin-top:-13px;
    margin-bottom:-13px;
    object-fit:fill;
    object-position:50% 50%;
    border-radius:10%;
    opacity:1;
    transition:height .3s, margin .3s;
}

#home-head
{
    margin-left:100px;
    margin-right:100px;
    margin-bottom:10px;
    text-align:center;
    font-size:22px;
    font-weight:500;
    color:#484848;
    opacity:1;
}

#home-head-border
{
    height:2px;
    margin-bottom:10px;
    background-image:linear-gradient(to right, #FFFFFF, 1%, #C0C0C0, 20%, #54B5B5, 80%, #C0C0C0, 99%, #FFFFFF);
    border-radius:2px;
    opacity:1;
}

.home-featured
{
    margin-top:20px;
}

.home-featured-cover
{
    display:inline-block;
    vertical-align:top;
    width:150px;
    margin-left:10px;
}

.home-featured-main
{
    display:inline-block;
    position:relative;
    vertical-align:top;
    margin-top:10px;
    width:340px;
}

.home-featured-title
{
    display:inline-block;
    font-size:19px;
    font-weight:450;
    color:#282828;
}

.home-featured-author
{
    margin-top:6px;
    margin-bottom:30px;
    font-size:18px;
    font-weight:400;
    color:#484848;
}

.home-featured-links
{
    position:absolute;
    top:130;
    margin-top:20px;
    font-size:13px;
    line-height:20px;
    color:#484848;
    opacity:.6;
}

.home-img
{
    position:relative;
    vertical-align:text-top;
    height:60px;
    width:60px;
    margin-top:12px;
    margin-bottom:0px;
    object-fit:cover;
    object-position:50% 20%;
    margin-left:4px;
    margin-right:4px;
    border-radius:30%;
    box-shadow:0 0 5px 1px #A0A0A0;
    opacity:.8;
}

.home-img:hover
{
    position:relative;
    z-index:100;
    height:90px;
    margin-top:4px;
    margin-bottom:-24px;
    object-fit:fill;
    object-position:50% 50%;
    border-radius:10%;
    opacity:1;
    transition:height .3s, margin .3s;
}

.home-review-head
{
    font-size:16px;
    font-weight:500;
    color:#686868;
}

.home-review-text
{
    margin-top:6px;
    font-size:14px;
    line-height:18px;
    font-family:InterItalics,Helvetica Neue, Arial, sans-serif;
    color:#808080;
}

.home-review-heart
{
    margin-top:8px;
    margin-left:-2px;
    text-align:left;
}

.home-diamond-row
{
    margin-top:6px;
    margin-bottom:6px;
    font-size:15px;
    font-weight:450;
    color:#686868;
}

.home-diamond-none
{
    margin-top:8px;
    font-size:14px;
    line-height:20px;
    font-weight:450;
    color:#686868;
}

.home-user-sub
{
    margin-top:18px;
    margin-bottom:14px;
    font-size:16px;
    font-weight:450;
    color:#686868;
    opacity:.9;
}

.home-user-row
{
    margin-bottom:10px;
    line-height:20px;
    font-size:15px;
    font-weight:450;
    color:#686868;
}

.home-user-rank
{
    display:inline-block;
    vertical-align:top;
    margin-top:2px;
    margin-right:10px;
    text-align:right;
    width:24px;
    font-size:20px;
    font-weight:500;
}

.home-user-main
{
    display:inline-block;
    vertical-align:top;
}

.home-user-score
{
    font-size:14px;
    font-weight:400;
    color:#A0A0A0;
}

.column-auth-links
{
    margin-top:8px;
    font-size:14px;
    color:#686868;
}

.auth-error
{
    margin-top:-20px;
    margin-bottom:20px;
    margin-left:50px;
    margin-right:50px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:16px;
    line-height:22px;
    color:#FFFFFF;
    background-color:IndianRed;
    border-radius:4px;
    box-shadow:0 0 3px 0px #A0A0A0;
}

.auth-alert
{
    margin-top:-20px;
    margin-bottom:20px;
    margin-left:50px;
    margin-right:50px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:16px;
    line-height:22px;
    color:#282828;
    background-color:#EEE0A6;
    border-radius:4px;
    box-shadow:0 0 3px 0px #A0A0A0;
}

.column-settings-section
{
    margin-bottom:40px;
}

.column-settings-head
{
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:2px;
    margin-bottom:14px;
    font-size:17px;
    font-weight:500;
    color:#686868;
    border-bottom:2px dotted #636CB9;
}

.timezone-button
{
    cursor:pointer;
    display:inline-block;
    border-radius:4px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    font-size:15px;
    font-weight:400;
    color:#808080;
    border:1px solid #A0A0A0;
}

.timezone-button:hover
{
    color:#686868;
    box-shadow:0 0 2px 0px #A0A0A0;
}

.timezone-button-expand
{
    display:none;
    position:absolute;
    z-index:10;
    width:360px;
    left:70px;
    text-align:left;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 5px 1px #B0B0B0;
    scrollbar-width:none;
}

.timezone-button-expand::-webkit-scrollbar
{
    display:none;
}

.timezone-choice
{
    cursor:pointer;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-size:15px;
    font-weight:400;
    border-radius:4px;
    background-color:#F5F5F5;
    color:#282828;
}

.timezone-choice:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

.settings-error
{
    display:none;
    margin-top:10px;
    margin-left:120px;
    margin-right:120px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:15px;
    color:#FFFFFF;
    background-color:IndianRed;
    border-radius:4px;
    box-shadow:0 0 3px 0px #A0A0A0;
}

.about-block
{
    margin-top:20px;
    font-size:16px;
    line-height:22px;
    color:#484848;
}

.faq-questions
{
    font-size:15px;
    color:#484848;
}

.faq-answers
{
    font-size:15px;
    color:#484848;
}

.faq-head
{
    margin-top:24px;
    margin-bottom:-8px;
    font-size:16px;
    font-weight:500;
    color:#282828;
}

#stats-genre
{
    margin-top:12px;
}

#stats-genre-1-my
{
    display:inline-block;
    height:20px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

#stats-genre-2-my
{
    display:inline-block;
    height:20px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.stats-genre-more-my
{
    background-color:#636CB9;
    opacity:.7;
}

.stats-genre-less-my
{
    background-color:#636CB9;
    opacity:.35;
}

#stats-genre-1-user
{
    display:inline-block;
    height:20px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

#stats-genre-2-user
{
    display:inline-block;
    height:20px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.stats-genre-more-user
{
    background-color:#54B5B5;
    opacity:.8;
}

.stats-genre-less-user
{
    background-color:#54B5B5;
    opacity:.4;
}

#stats-genre-text
{
    margin-top:0px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
    font-size:14px;
    color:#808080;
}

#stats-graph
{
    border:1px dotted #A0A0A0;
    width:550px;
    height:293px;
    margin-left:14px;
    padding-left:2px;
    padding-right:15px;
    padding-bottom:80px;
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
    border-radius:6px;
}

.stats-graph-grid
{
    background-size: 23.2px 23.2px;
    background-image:
    linear-gradient(to right, #F5F5F5 1px, transparent 1px),
    linear-gradient(to bottom, #F5F5F5 1px, transparent 1px);
    background-attachment:local;
}

.stats-graph-column
{
    display:inline-block;
}

.stats-graph-bar-my
{
    width:26px;
    margin-top:40px;
    margin-left:16px;
    border-radius:1px;
    background-color:#636CB9;
    opacity:.7;
    transition:all .3s;
}

.stats-graph-bar-user
{
    width:26px;
    margin-top:40px;
    margin-left:16px;
    border-radius:1px;
    background-color:#54B5B5;
    opacity:.8;
    transition:all .3s;
}

.stats-graph-dot-my
{
    z-index:2;
    position:relative;
    width:22px;
    height:22px;
    margin-top:44px;
    margin-bottom:-32px;
    margin-left:20px;
    border-radius:50%;
    background-color:#636CB9;
    opacity:.7;
    transition:all .3s;
}

.stats-graph-dot-user
{
    z-index:2;
    position:relative;
    width:22px;
    height:22px;
    margin-top:44px;
    margin-bottom:-32px;
    margin-left:20px;
    border-radius:50%;
    background-color:#54B5B5;
    opacity:.8;
    transition:all .3s;
}

.stats-graph-line
{
    z-index:0;
    position:absolute;
    height:4px;
    margin-right:8px;
    transform-origin: right bottom;
    background-color:#C0C0C0;
    opacity:.7;
}

.stats-graph-x
{
    margin-left:11px;
    margin-right:-3px;
    margin-top:6px;
    font-size:14px;
    color:#808080;
}

.stats-graph-pick
{
    position:relative;
    height:12px;
    margin-top:-60px;
    margin-bottom:90px;
    text-align:center;
}

.stats-filter-choice-2
{
    display:inline-block;
    cursor:pointer;
    width:140px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
    font-weight:400;
    background-color:#F5F5F5;
    color:#282828;
}

.stats-filter-choice-2:hover
{
    border-radius:0px;
    background-color:#D9D9D9;
}

.stats-graph-text
{
    position:relative;
    z-index:100;
    visibility:hidden;
    text-align:center;
    direction:ltr;
    margin-top:10px;
    margin-bottom:-36px;
    margin-right:-15px;
    font-size:16px;
    font-weight:500;
    color:#686868;
    opacity:0;
    transition:all .3s;
}

#login-sso
{
    font-size:17px;
    font-weight:450;
    line-height:24px;
    color:#484848;
}b
{
    font-weight:bolder;
}

.link-reg a
{
    text-decoration:none;
    color:inherit;
}

.link-reg a:hover
{
    text-decoration:underline;
}

.link-no-underline a
{
    text-decoration:none;
    color:inherit;
}

.link-no-underline a:hover
{
    text-decoration:none;
}

.link-bold a
{
    font-weight:600;
}

.link-bold-hover a:hover
{
    font-weight:600;
}

.text-black a
{
    color:#282828;
}

.text-gray a
{
    color:#686868;
}

.text-teal a
{
    color:#0A9595;
}

.text-teal-hover a:hover
{
    color:#0A9595;
}

.text-purple a
{
    color:#4D569B;
}

.text-purple-hover a:hover
{
    color:#4D569B;
}

.text-gray-all
{
    color:#808080;
}

.text-gray-dark-all
{
    color:#484848;
}a:hover
{
    cursor:pointer;
}

.search-button
{
	display:inline-block;
	vertical-align:top;
	margin-top:7px;
	margin-left:-32px;
}

.button-gen-purple
{
	cursor:pointer;
	user-select:none;
	height:34px;
	width:116px;
	margin:0 auto;
	line-height:34px;
	text-align:left;
	border-radius:4px;
	font-size:15px;
	background-color:#D9CDFC;
	color:#484848;
	box-shadow:inset 0 0 2px 1px #9A9FCD;
}

.button-gen-purple:hover
{
	background-color:#636CB9;
	color:#F5F5F5;
	box-shadow:0 0 2px 1px #9A9FCD;
}

.button-gen-icon
{
	display:inline-block;
	width:44px;
	margin-top:3px;
	text-align:center;
	line-height:34px;
	opacity:.9;
}

.button-gen-text
{
	display:inline-block;
	width:70px;
	text-align:left;
	line-height:34px;
	vertical-align:top;
	font-weight:500;
}

.button-ratings-purple
{
	cursor:pointer;
	user-select:none;
	display:inline-block;
	height:34px;
	width:60px;
	margin:0 auto;
	margin-left:6px;
	margin-right:6px;
	line-height:34px;
	text-align:center;
	border-radius:4px;
	font-size:15px;
	font-weight:500;
	background-color:#D9CDFC;
	color:#484848;
	box-shadow:inset 0 0 2px 1px #9A9FCD;
}

.button-ratings-purple:hover
{
	background-color:#636CB9;
	color:#F5F5F5;
	box-shadow:0 0 2px 1px #9A9FCD;
}

.button-gen-purple-2
{
	cursor:pointer;
	user-select:none;
	height:34px;
	width:140px;
	margin:0 auto;
	line-height:34px;
	text-align:center;
	border-radius:4px;
	font-size:15px;
	font-weight:500;
	background-color:#D9CDFC;
	color:#484848;
	box-shadow:inset 0 0 2px 1px #9A9FCD;
}

.button-gen-purple-2:hover
{
	background-color:#636CB9;
	color:#F5F5F5;
	box-shadow:0 0 2px 1px #9A9FCD;
}

.button-gen-gold
{
	cursor:pointer;
	user-select:none;
	height:34px;
	width:116px;
	margin:0 auto;
	line-height:34px;
	text-align:center;
	border-radius:4px;
	font-size:14px;
	font-weight:450;
	background-color:rgba(244, 232, 179, .9);
	color:#686868;
	box-shadow:inset 0 0 3px 1px #D9D9D9;
}

.button-gen-gold:hover
{
	background-color:rgba(238, 224, 166, .9);
	color:#484848;
	box-shadow:0 0 2px 1px #F4E8B3;
}

.button-gen-teal
{
	cursor:pointer;
	user-select:none;
	height:34px;
	width:140px;
	margin:0 auto;
	line-height:34px;
	text-align:center;
	border-radius:4px;
	font-size:14px;
	font-weight:500;
	background-color:#9DD5D5;
	color:#004F4F;
	box-shadow:inset 0 0 2px 1px #54B5B5;
}

.button-gen-teal:hover
{
	background-color:#54B5B5;
	color:#FFFFFF;
	box-shadow:0 0 3px 1px #9DD5D5;
}

.genre-pick
{
    cursor:pointer;
    display:inline-block;
    width:100px;
    line-height:28px;
    font-size:13px;
    text-align:center;
    color:#282828;
    background-color:#F5F5F5;
    border:1px solid #A0A0A0;
    user-select:none;
    opacity:.9;
}

.genre-pick:hover
{
	color:#0A9595;
	box-shadow:inset 0 0 3px 0px #D9D9D9;
}

.genre-selected
{
	font-weight:500;
	color:#FFFFFF;
	background-color:#0A9595;
}

.genre-selected:hover
{
	font-weight:500;
	color:#FFFFFF;
	background-color:#0A9595;
	box-shadow:none;
}

.rating-genre-pick
{
    cursor:pointer;
    user-select:none;
    display:inline-block;
    width:100px;
    line-height:34px;
    font-size:15px;
    text-align:center;
    color:#282828;
    background-color:#F5F5F5;
    border:1px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
    user-select:none;
    opacity:.9;
}

.rating-genre-pick:hover
{
	color:#454C8A;
	box-shadow:0 0 3px 1px #636CB9;
}

.rating-genre-selected
{
	cursor:pointer;
    user-select:none;
    display:inline-block;
    width:100px;
    line-height:34px;
    font-size:15px;
    font-weight:500;
    text-align:center;
    border:1px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
    user-select:none;
    opacity:.9;
	color:#F5F5F5;
    background-color:#636CB9;
}

.button-list-purple
{
	cursor:pointer;
	user-select:none;
	height:30px;
	width:100px;
	margin:0 auto;
	line-height:30px;
	text-align:left;
	border-radius:4px;
	font-size:14px;
	font-weight:500;
	background-color:#D9CDFC;
	color:#484848;
	box-shadow:inset 0 0 2px 1px #9A9FCD;
}

.button-list-purple:hover
{
	background-color:#636CB9;
	color:#F5F5F5;
	box-shadow:0 0 2px 1px #9A9FCD;
}

.button-list-icon
{
	display:inline-block;
	width:38px;
	margin-top:3px;
	text-align:center;
	line-height:30px;
	opacity:.9;
}

.button-list-text
{
	display:inline-block;
	width:50px;
	text-align:center;
	line-height:30px;
	vertical-align:top;
	font-weight:500;
}

.button-list-ratings-purple
{
	cursor:pointer;
	user-select:none;
	display:block;
	height:30px;
	width:60px;
	margin:0 auto;
	line-height:30px;
	text-align:center;
	border-radius:4px;
	font-size:14px;
	font-weight:500;
	background-color:#D9CDFC;
	color:#484848;
	box-shadow:inset 0 0 2px 1px #9A9FCD;
}

.button-list-ratings-purple:hover
{
	background-color:#636CB9;
	color:#F5F5F5;
	box-shadow:0 0 2px 1px #9A9FCD;
}

.book-button-margin
{
    margin-bottom:10px;
}

.book-button-list-margin
{
    margin-bottom:8px;
}

.list-left-button
{
    cursor:pointer;
    display:inline-block;
    margin-bottom:3px;
    padding:5px;
    font-size:14px;
    color:#686868;
    border-radius:4px;
}

.list-left-button-hover
{
    cursor:pointer;
    display:inline-block;
    margin-bottom:3px;
    padding:5px;
    font-size:14px;
    color:#484848;
    border-radius:4px;
    background-color:#EDEDED;
}

.list-view-button
{
	cursor:pointer;
	display:inline-block;
	width:74px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size:12px;
	color:#484848;
	border:1px solid #D9D9D9;
	background-color:#F5F5F5;
}

.list-view-button:hover
{
	background-color:#EDEDED;
}

.list-view-button-selected
{
	cursor:pointer;
	display:inline-block;
	width:74px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	color:#484848;
	border:1px solid #D9D9D9;
	background-color:#EDEDED;
	box-shadow:inset 0 0 3px 0px #D9D9D9;
}

.grid-button
{
	cursor:pointer;
	user-select:none;
	display:inline-block;
	height:28px;
	width:32px;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
	border-radius:4px;
	background-color:#D9CDFC;
	box-shadow:inset 0 0 2px 1px #9A9FCD;
}

.grid-button:hover
{
	background-color:#636CB9;
	box-shadow:0 0 2px 1px #9A9FCD;
}

.grid-button-icon
{
	display:inline-block;
	vertical-align:middle;
	height:28px;
	margin-top:6px;
}

.find-button-user
{
    cursor:pointer;
    user-select:none;
    display:block;
    width:160px;
    margin:auto;
    margin-bottom:16px;
    line-height:34px;
    font-size:15px;
    text-align:center;
    color:#484848;
    background-color:#F5F5F5;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.find-button-user:hover
{
	font-weight:500;
	color:#076868;
	box-shadow:0 0 3px 1px #54B5B5;
}

.find-button-user-selected
{
	cursor:pointer;
    user-select:none;
    display:block;
    width:160px;
    margin:auto;
    margin-bottom:16px;
    line-height:34px;
    font-size:15px;
    text-align:center;
    font-weight:500;
    color:#FFFFFF;
    background-color:#0A9595;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 1px #54B5B5;
    opacity:.9;
}

.find-button-my
{
    cursor:pointer;
    user-select:none;
    display:block;
    width:160px;
    margin:auto;
    margin-bottom:16px;
    line-height:34px;
    font-size:15px;
    text-align:center;
    color:#484848;
    background-color:#F5F5F5;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.find-button-my:hover
{
	font-weight:500;
	color:#4D569B;
	box-shadow:0 0 3px 1px #565FAC;
}	

.find-button-my-selected
{
	cursor:pointer;
    user-select:none;
    display:block;
    width:160px;
    margin:auto;
    margin-bottom:16px;
    line-height:34px;
    font-size:15px;
    text-align:center;
    font-weight:500;
    color:#FFFFFF;
    background-color:#636CB9;
    border:1px solid #A0A0A0;
    border-radius:4px;
    box-shadow:0 0 3px 0px #636CB9;
    opacity:.9;
}

.find-button-large
{
	line-height:20px;
	padding-top:5px;
	padding-bottom:6px;
}

.button-gen-gray
{
    cursor:pointer;
    user-select:none;
    display:block;
    width:150px;
    line-height:32px;
    font-size:14px;
    font-weight:450;
    text-align:center;
    color:#484848;
    background-color:#F5F5F5;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.button-gen-gray:hover
{
	font-weight:500;
	color:#076868;
	box-shadow:0 0 3px 0px #0A9595;
}

.button-gen-gray-2
{
	cursor:pointer;
	user-select:none;
	height:34px;
	width:140px;
	margin:0 auto;
	line-height:34px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#484848;
    background-color:#EDEDED;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.button-gen-gray-2:hover
{
	font-weight:500;
	color:#076868;
	box-shadow:0 0 3px 0px #0A9595;
}

.button-gen-gray-3
{
	cursor:pointer;
	user-select:none;
	height:34px;
	width:140px;
	margin:0 auto;
	line-height:34px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#484848;
    background-color:#EDEDED;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.button-gen-gray-3:hover
{
	font-weight:500;
	color:#4D569B;
	box-shadow:0 0 3px 0px #565FAC;
}

.home-user-button
{
    cursor:pointer;
    user-select:none;
    display:inline-block;
    width:90px;
    margin:auto;
    line-height:28px;
    font-size:13px;
    text-align:center;
    color:#484848;
    background-color:#F5F5F5;
    border:1px solid #A0A0A0;
    box-shadow:0 0 3px 0px #B0B0B0;
    opacity:.9;
}

.home-user-button:hover
{
	color:#076868;
	font-weight:500;
	box-shadow:0 0 3px 0px #A0A0A0;
}

.home-user-button-selected
{
	cursor:pointer;
    user-select:none;
    display:inline-block;
    width:90px;
    margin:auto;
    line-height:28px;
    font-size:13px;
    text-align:center;
    font-weight:500;
    color:#076868;
    background-color:#F5F5F5;
    border:1px solid #0A9595;
    border-radius:4px;
    box-shadow:0 0 3px 0px #076868;
    opacity:.9;
}

.settings-toggle-pick
{
    cursor:pointer;
    user-select:none;
    display:inline-block;
    width:90px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    color:#282828;
    background-color:#F5F5F5;
    border:1px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
    user-select:none;
    opacity:.8;
}

.settings-toggle-pick:hover
{
	color:#454C8A;
	box-shadow:0 0 3px 1px #636CB9;
	opacity:.9;
}

.settings-toggle-selected
{
	cursor:pointer;
    user-select:none;
    display:inline-block;
    width:90px;
    line-height:30px;
    font-size:14px;
    font-weight:500;
    text-align:center;
    border:1px solid #9A9FCD;
    box-shadow:0 0 3px 0px #636CB9;
    user-select:none;
    opacity:.9;
	color:#F5F5F5;
    background-color:#636CB9;
}input:focus
{
	outline:0;
}

.searchinput
{
	height:34px;
	width:99%;
	box-sizing:border-box;
	padding-left:12px;
	padding-right:34px;
	margin-left:-10px;
	border-collapse:separate;
	border-radius:4px;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#282828;
	background-color:#FFFFFF;
	border:0px;
	box-shadow:0px 0px 5px 0px #D9D9D9;
}

.searchinput:focus
{
	box-shadow:0px 0px 5px 0px #9dc9c9;
}

.searchinput::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
    padding-left:20px;
}

.searchinput:-ms-input-placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
}

.searchinput::-ms-input-placeholder
{
     font-family:Inter,Helvetica Neue, Arial, sans-serif;
     font-weight:400;
     color:#A0A0A0;
}

#autofill-search
{
	display:none;
	position:relative;
	z-index:100;
	max-height:500px;
	margin-left:.5%;
	margin-right:.6%;
	margin-top:4px;
	overflow:scroll;
	border-radius:0 0 4px 4px;
	text-align:left;
    border-bottom:1px solid #D9D9D9;
    box-shadow:0 3px 5px 1px #B0B0B0;
    background-color:#F5F5F5;
    color:#282828;
}

.autofill-search-row
{
	padding-left:14px;
	padding-right:14px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:17px;
	font-weight:400;
}

.autofill-search-row:hover
{
	background-color:#D9D9D9;
	color:#076868;
}

.autofill-search-row-hover
{
	background-color:#D9D9D9;
	color:#076868;
}

.book-edit-input
{
	width:250px;
	height:28px;
	padding-left:6px;
	box-sizing:border-box;
	border-collapse:separate;
	border-radius:4px;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:14px;
	color:#282828;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.book-edit-input:focus
{
	border:2px solid #0A9595;
	padding-left:5px;
}

.input-textarea
{
	resize:none;
	outline:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	box-sizing:border-box;
	border-collapse:separate;
	border:1px solid #B0B0B0;
	border-radius:4px;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
}

.input-textarea:focus
{
	border:2px solid #0A9595;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
}

.input-textarea-rating
{
	resize:none;
	outline:none;
	width:520px;
	margin-top:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	line-height:20px;
	box-sizing:border-box;
	border-collapse:separate;
	border:1px solid #B0B0B0;
	border-radius:4px;
}

.input-textarea-rating:focus
{
	border:2px solid #565FAC;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	padding-right:9px;
}

.rating-edit-themes-input
{
	width:210px;
	height:28px;
	padding-left:8px;
	box-sizing:border-box;
	border-collapse:separate;
	border-radius:4px;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#454C8A;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.rating-edit-themes-input:focus
{
	border:2px solid #9A9FCD;
	padding-left:7px;
}

.autofill-theme
{
	display:none;
	position:absolute;
	z-index:100;
	width:206px;
	margin-top:-6px;
	margin-left:2px;
	border-radius:0 0 4px 4px;
	text-align:left;
    border-bottom:1px solid #D9D9D9;
    box-shadow:0 3px 5px 1px #B0B0B0;
    background-color:#F5F5F5;
    color:#282828;
}

.autofill-theme-row
{
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:14px;
	font-weight:400;
}

.autofill-theme-row:hover
{
	background-color:#636CB9;
	color:#FFFFFF;
}

.autofill-theme-row-hover
{
	background-color:#636CB9;
	color:#FFFFFF;
}

.autofill-theme-row-alt
{
	text-align:center;
}

.autofill-theme-row-alt:hover
{
	background-color:#0A9595;
}

.autofill-theme-row-hover-alt
{
	background-color:#0A9595;
	color:#FFFFFF;
}

#search-clear
{
	cursor:pointer;
	display:none;
	margin-top:-14px;
	margin-right:40px;
	text-align:right;
	font-size:11px;
	color:#A0A0A0;
}

#search-clear:hover
{
	font-weight:500;
}

.list-filter-input
{
	width:106px;
	height:28px;
	margin-top:4px;
	box-sizing:border-box;
	border-collapse:separate;
	border-radius:4px;
	text-align:center;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#0A9595;
	border:1px solid #C0C0C0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.list-filter-input:focus
{
	box-shadow:0px 0px 3px 1px #D9D9D9;
}

.list-filter-input:hover
{
	box-shadow:0px 0px 3px 1px #D9D9D9;
}

.list-filter-input::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
}

.list-filter-input:-ms-input-placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
}

.list-filter-input::-ms-input-placeholder
{
     font-family:Inter,Helvetica Neue, Arial, sans-serif;
     font-weight:400;
     color:#A0A0A0;
}

.column-input
{
	width:200px;
	height:28px;
	margin-top:4px;
	box-sizing:border-box;
	border-collapse:separate;
	border-radius:4px;
	text-align:center;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#484848;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.column-input:focus
{
	border:2px solid #54B5B5;
}

.column-input::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
}

.column-input:-ms-input-placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
}

.column-input::-ms-input-placeholder
{
     font-family:Inter,Helvetica Neue, Arial, sans-serif;
     font-weight:400;
     color:#A0A0A0;
}

.auth-input
{
	width:300px;
	height:38px;
	margin-bottom:20px;
	padding-left:12px;
	box-sizing:border-box;
	border-collapse:separate;
	border-radius:4px;
	text-align:left;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:17px;
	font-weight:500;
	color:#484848;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.auth-input:focus
{
	border:2px solid #54B5B5;
	padding-left:11px;
}

.auth-input::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
    margin-right:12px;
}

.auth-input:-ms-input-placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
}

.auth-input::-ms-input-placeholder
{
     font-family:Inter,Helvetica Neue, Arial, sans-serif;
     font-weight:400;
     color:#A0A0A0;
}

.auth-input:focus::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
    margin-right:11px;
}

.auth-input-alt
{
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.auth-input-my
{
	width:300px;
	height:38px;
	margin-bottom:20px;
	padding-left:12px;
	box-sizing:border-box;
	border-collapse:separate;
	border-radius:4px;
	text-align:left;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:17px;
	font-weight:500;
	color:#484848;
	border:1px solid #B0B0B0;
	box-shadow:0px 0px 3px 0px #D9D9D9;
}

.auth-input-my:focus
{
	border:2px solid #636CB9;
	padding-left:11px;
}

.auth-input-my::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
    margin-right:10px;
}

.auth-input-my:-ms-input-placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
}

.auth-input-my::-ms-input-placeholder
{
     font-family:Inter,Helvetica Neue, Arial, sans-serif;
     font-weight:400;
     color:#A0A0A0;
}

.auth-input-my:focus::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#A0A0A0;
    opacity: 1;
    text-align:center;
    margin-right:9px;
}#alert-container
{
    display:none;
    position:absolute;
    right:16px;
    top:70px;
    z-index:1000;
}

#main-alert
{
    display:none;
    max-width:14px;
    white-space:nowrap;
    overflow:hidden;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:14px;
    padding-right:16px;
    text-align:right;
    font-size:15px;
    border-radius:20px;
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #B0B0B0;
    transition:all .8s;
    line-height:19px;
}

#achievement-alert
{
    display:none;
    max-width:14px;
    white-space:nowrap;
    overflow:hidden;
    margin-top:30px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:14px;
    padding-right:16px;
    text-align:left;
    font-size:15px;
    border-radius:20px;
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #B0B0B0;
    transition:all .8s;
}

.alert-teal
{
    background-color:#0A9595;
}

.alert-purple
{
    background-color:#565FAC;
}

#main-alert-icon
{
    margin-right:4px;
}

#main-alert-close
{
    display:none;
    position:absolute;
    margin-top:36px;
    right:12px;
    padding:2px;
    font-size:12px;
    color:#686868;
    border-radius:4px;
    background-color:#FFFFFF;
}

#achievement-alert-icon
{
    margin-right:4px;
}

#achievement-alert-close
{
    display:none;
    position:absolute;
    margin-top:96px;
    right:12px;
    padding:2px;
    font-size:12px;
    color:#686868;
    border-radius:4px;
    background-color:#FFFFFF;
}

#list-alert-container
{
    display:none;
    position:fixed;
    right:16px;
    top:20px;
    z-index:1000;
}

#list-main-alert
{
    display:none;
    max-width:14px;
    white-space:nowrap;
    overflow:hidden;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:14px;
    padding-right:16px;
    text-align:right;
    font-size:15px;
    border-radius:20px;
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #B0B0B0;
    transition:all .8s;
    line-height:19px;
}

#list-achievement-alert
{
    display:none;
    max-width:14px;
    white-space:nowrap;
    overflow:hidden;
    margin-top:30px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:14px;
    padding-right:16px;
    text-align:left;
    font-size:15px;
    border-radius:20px;
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #B0B0B0;
    transition:all .8s;
}

#list-main-alert-icon
{
    margin-right:4px;
}

#list-main-alert-close
{
    display:none;
    position:absolute;
    margin-top:36px;
    right:12px;
    padding:2px;
    font-size:12px;
    color:#686868;
    border-radius:4px;
    background-color:#FFFFFF;
}

#list-achievement-alert-icon
{
    margin-right:4px;
}

#list-achievement-alert-close
{
    display:none;
    position:absolute;
    margin-top:96px;
    right:12px;
    padding:2px;
    font-size:12px;
    color:#686868;
    border-radius:4px;
    background-color:#FFFFFF;
}

#alert-goal-met
{
    cursor:default;
    position:fixed;
    z-index:2000;
    width:60%;
    min-width:800px;
    margin-top:-200px;
    margin-left:20%;
    margin-right:20%;
    padding-top:20px;
    padding-bottom:24px;
    text-align:center;
    font-size:22px;
    font-weight:500;
    color:#FFFFFF;
    background-image:linear-gradient(to right, #9A9FCD, 1%, #636CB9, 20%, #565FAC, 80%, #636CB9, 99%, #9A9FCD);
    border-radius:10px;
    box-shadow:0 0 6px 2px #A0A0A0;
    transition:margin .4s, padding .4s;
}

#alert-goal-met-share
{
    opacity:0;
    position:absolute;
    width:100%;
    margin-top:10px;
    font-size:14px;
    transition:all .4s;
}

.pyro > .pyro-before, .pyro > .pyro-after {
  position: fixed;
  z-index:3000;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }.admin-left-button
{
    cursor:pointer;
    display:inline-block;
    width:90px;
    margin-bottom:6px;
    padding:6px;
    font-size:16px;
    color:#686868;
    border-radius:4px;
}

.admin-left-button-hover
{
    cursor:pointer;
    display:inline-block;
    width:90px;
    margin-bottom:6px;
    padding:6px;
    font-size:16px;
    color:#484848;
    border-radius:4px;
    background-color:#EDEDED;
}

.admin-left-count
{
    position:absolute;
    min-width:12px;
    margin-top:5px;
    margin-left:4px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:6px;
    padding-right:6px;
    font-size:14px;
    font-weight:500;
    background-color:#E34234;
    color:#FFFFFF;
    border-radius:3px;
    opacity:.9;
}

.admin-main
{
    margin-top:40px;
}

.admin-recent-user
{
    margin-top:6px;
    font-size:15px;
    color:#686868;
}

.admin-stats
{
    margin-top:10px;
    margin-bottom:20px;
}

.admin-stats-row
{
    margin-bottom:10px;
    font-size:17px;
    font-weight:500;
    color:#4D569B;
}

.admin-block-center
{
    margin-top:60px;
    text-align:center;
    color:#484848;
}

.admin-output
{
    display:none;
    margin-top:40px;
    font-size:17px;
    font-weight:450;
    color:#0A9595;
}