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

@font-face {
    font-family: InterItalics;
    src: url("../Inter-Italic.otf") format("opentype");
}

@font-face {
    font-family: InterItalicsMedium;
    src: url("../Inter-MediumItalic.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:2px;
    min-height:100%;
}

#header
{
	height:52px;
	background-color:#1D1D1D;
	box-shadow:0px 2px 2px 0px #686868;
}

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

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

#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;
	color:#F5F5F5;
}

.account-links a
{
	color:#FFFFFF;
	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:#FFFFFF;
	text-decoration:none;
}

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

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

#nav
{
	position:relative;
	z-index:1;
	width:250px;
	background-color:#1D1D1D;
	box-shadow:2px 0px 2px 0px #686868;
}

#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 #808080;
}

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

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

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

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

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

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

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

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

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

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

#footer a:hover
{
	text-decoration:underline;
}

.footer-logo
{
	filter:grayscale(1);
}

.footer-logo:hover
{
	filter:grayscale(0);
}

#video-player-container
{
	visibility:hidden;
	position:fixed;
	z-index:3000;
	height:574px;
	width:950px;
	margin-top:-800px;
	background-color:transparent;
	border-radius:5px;
}

#video-player-close
{
	position:absolute;
	width:100%;
	margin-top:10px;
	text-align:center;
	font-size:16px;
	color:#A0A0A0;
	transition:all .5s;
	opacity:0;
}

#video-player-close a:hover
{
	color:#F5F5F5;
}#title-left
{
    float:left;
    width:250px;
    margin-top:6px;
    text-align: center;
}

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

.img-shadow-no-hover
{
    border-radius:5px;
    -webkit-appearance: none;
	box-shadow:0 0 6px 0px #484848;
	filter:brightness(.95);
}

.defaultcover-purple
{
	display:inline-block;
	background-color:#3C4378;
	background-image: url(../../resources/handmade-paper.png);
	filter:brightness(.7);
	color:#FFFFFF;
	font-weight:500;
	word-wrap:break-word;
	overflow:hidden;
}

.defaultcover-teal
{
	display:inline-block;
	background-color:#004F4F;
	background-image: url(../../resources/handmade-paper.png);
	filter:brightness(.9);
	color:#FFFFFF;
	font-weight:500;
	word-wrap:break-word;
	overflow:hidden;
}

.title-border
{
	border-bottom:1px dotted #686868;
}

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

.title-more
{
    margin-top:2px;
    font-size:14px;
    font-weight:400;
}

.title-more a
{
    opacity:.8;
}

.title-more a:hover
{
    opacity:.9;
}

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

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

.title-title
{
    margin-bottom:12px;
    font-size:30px;
    font-weight:500;
    color:#F5F5F5;
}

.title-details
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:500;
    color:#C0C0C0;
}

.title-synopsis
{
    margin-top:16px;
    margin-bottom:12px;
    text-align:justify;
    font-size:14px;
    font-weight:450;
    color:#D9D9D9;
}

.title-tagline
{
    margin-top:12px;
    margin-bottom:16px;
    font-family:InterItalicsMedium,Helvetica Neue, Arial, sans-serif;
    font-size:14px;
    color:#D9D9D9;
}

.title-crew
{
    margin-top:16px;
    margin-bottom:8px;
    text-align:center;
    font-size:14px;
    line-height:24px;
    font-weight:500;
    color:#B0B0B0;
}

.title-crew-block
{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}

.title-actors
{
    width:604px;
    margin-bottom:20px;
    margin-left:23px;
    padding-bottom:10px;
    text-align:center;
    overflow-x:auto;
    white-space:nowrap;
}

.title-actors::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background:#484848;
    -webkit-border-radius: 1ex;
}

.title-actors::-webkit-scrollbar-thumb {
    background:#A0A0A0;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.title-actors::-webkit-scrollbar-corner {
    background: #000;
}

.title-actor-container
{
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
    margin-left:6px;
    margin-right:6px;
    border-radius:5px;
    box-shadow:0 0 6px 1px #484848;
}

.title-actor-container:hover
{
    box-shadow:0 0 6px 3px #686868;
}

.img-title-actor
{
    height:130px;
    width:105px;
    object-fit:cover;
    object-position:50% 10%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	filter: saturate(0.75) brightness(0.98);
}

.title-actor-text
{
    height:54px;
    width:105px;
    margin-top:4px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    background-color:#B0B0B0;
    overflow-y:scroll;
}

.title-actor-text::-webkit-scrollbar {
    display:none;
}

.title-actor-text-align
{
    display:table-cell;
    vertical-align:middle;
    height:52px;
    text-align:center;
    width:105px;
    max-width:105px;
}

.title-actor-text-name
{
    padding-top:2px;
    padding-left:2px;
    padding-right:2px;
    font-size:12px;
    font-weight:500;
    color:#000000;
    overflow-wrap:break-word;
    white-space:normal;
}

.title-actor-text-role
{
    padding-top:2px;
    padding-left:2px;
    padding-right:2px;
    font-size:12px;
    font-weight:400;
    color:#000000;
    overflow-wrap:break-word;
    white-space:normal;
}

.title-actor-award
{
    margin-top:8px;
    margin-bottom:-4px;
    color:#A0A0A0;
}

.title-actor-award-row
{
    margin-bottom:4px;
    filter:brightness(.9);
}

.title-actor-award-number
{
    display:inline-block;
    vertical-align:bottom;
    margin-left:2px;
    font-size:14px;
    font-weight:600;
    color:#EEE0A6;
}

.title-actor-award-tooltip
{
    display:none;
    position:absolute;
    z-index:10;
    margin-top:0px;
    margin-left:8px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:4px;
    padding-right:4px;
    font-size:14px;
    font-weight:550;
    color:#D9D9D9;
    background-color:#1D1D1D;
    border:1px solid #686868;
    box-shadow:0 0 3px 1px #EEE0A6;
    border-radius:4px;
}

#title-stats
{
    margin-top:28px;
    margin-bottom:12px;
}

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

#title-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:rgb(72, 72, 72,.4);
    box-shadow:0 0 5px 3px #54B5B5;
    color:#D9D9D9;
}

#title-stats-grade-display:hover
{
    box-shadow:0 0 5px 4px #54B5B5;
}

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

.title-stats-chart-bar:hover
{
    opacity:.8;
}

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

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

#title-stats-other-list
{
    display:inline-block;
    height:156px;
    overflow:hidden;
    text-align:left;
}

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

.title-stats-other-icon
{
    display:inline-block;
    width:32px;
    margin-top:1px;
    text-align:center;
    vertical-align:text-top;
    opacity:1;
}

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

.title-stats-genre-bg
{
    position:absolute;
    z-index:-1;
    display:inline-block;
    width:200px;
    height:15px;
    border-radius:4px;
    background-color:#282828;
}

.title-stats-genre-1
{
    position:relative;
    z-index:10;
    display:inline-block;
    height:15px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.title-stats-genre-2
{
    position:relative;
    z-index:10;
    display:inline-block;
    height:15px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.title-stats-genre-more
{
    background-color:#0A9595;
}

.title-stats-genre-less
{
    background-color:#0A9595;
    opacity:.5;
}

.title-stats-genre-more-purple
{
    background-color:#565FAC;
}

.title-stats-genre-less-purple
{
    background-color:#565FAC;
    opacity:.5;
}

.stats-genre-text
{
    cursor:default;
    margin-top:6px;
    margin-bottom:6px;
    margin-left:18px;
    margin-right:18px;
    font-size:13px;
    font-weight:450;
    color:#C0C0C0;
}

.title-stats-tag-block
{
    height:110px;
    overflow:hidden;
    margin-left:18px;
    margin-right:18px;
}

.title-stats-tag-text
{
    cursor:pointer;
    display:inline-block;
    margin-left:6px;
    margin-right:6px;
    margin-top:12px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    font-size:13px;
    font-weight:450;
    color:#CACACA;
    background-color:#1D1D1D;
    box-shadow:0 0 2px 1px #54B5B5;
    border-radius:4px;
}

.title-stats-tag-text:hover
{
    color:#F5F5F5;
    box-shadow:0 0 2px 2px #54B5B5;
}

.title-stats-none
{
    cursor:pointer;
    display:inline-block;
    width:300px;
    margin-top:30px;
    margin-left:50px;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    vertical-align:top;
    text-align:center;
    font-size:15px;
    line-height:28px;
    font-weight:400;
    color:#C0C0C0;
    box-shadow:0 0 3px 1px #54B5B5;
    border-radius:4px;
}

.title-stats-none:hover
{
    box-shadow:0 0 3px 2px #54B5B5;
}

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

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

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

.title-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:500;
    color:#B0B0B0;
    border:1px solid #B0B0B0;
}

.title-reviews-sort-button:hover
{
    color:#C0C0C0;
    box-shadow:0 0 2px 0px #C0C0C0;
}

.title-reviews-sort-button-expand
{
    position:absolute;
    z-index:10;
    top:-20px;
    right:0px;
    border-radius:4px;
    box-shadow:0 0 3px 1px #A0A0A0;
    filter:brightness(.95);
}

.title-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;
    background-color:#484848;
    color:#FFFFFF;
}

.title-reviews-sort-choice:hover
{
    border-radius:0px;
    background-color:#B0B0B0;
    color:#000000;
}

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

.title-reviews-heart
{
    cursor:pointer;
    display:inline-block;
    width:6%;
    padding-left:4px;
    vertical-align:top;
    margin-top:2px;
    text-align:left;
    font-size:13px;
    font-weight:450;
    color:#D9D9D9;
}

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

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

.title-reviews-other
{
    margin-bottom:10px;
    font-size:13px;
    font-weight:400;
    color:#B0B0B0;
}

#title-reviews-more
{
    height:30px;
    font-size:14px;
    font-weight:400;
}

#title-reviews-more a
{
    opacity:.8;
}

#title-reviews-more a:hover
{
    opacity:.9;
}

#title-streams
{
    display:inline-block;
    width:200px;
    margin-top:16px;
    margin-bottom:0px;
}

.title-provider
{
    position:relative;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:6px;
    text-align:center;
}

.title-provider-img
{
    height:50px;
    width:50px;
    padding:1px;
    box-shadow:0 0 3px 2px transparent;
    border-radius:10px;
    filter:brightness(.95) contrast(.8);
    image-rendering: -webkit-optimize-contrast;
}

.title-provider-img-my
{
    box-shadow:0 0 3px 3px #8C95E2;
    background-color:#000000;
}

.title-provider-tooltip-container
{
    display:block;
    position:absolute;
    z-index:10;
    width:200px;
    margin-left:-74px;
    margin-top:-74px;
    text-align:center;
}

.title-provider-tooltip
{
    display:none;
    position:relative;
    z-index:10;
    width:auto;
    margin-top:4px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:4px;
    padding-right:4px;
    font-size:13px;
    font-weight:550;
    color:#D9D9D9;
    background-color:#1D1D1D;
    border:1px solid #686868;
    box-shadow:0 0 3px 0px #C0C0C0;
    border-radius:4px;
}

.title-provider-tooltip-my
{
    border:1px solid #8C95E2;
    box-shadow:0 0 3px 1px #8C95E2;
}

.title-streams-link
{
    visibility:hidden;
    opacity:0;
    margin-top:2px;
    margin-bottom:4px;
    font-size:12px;
    font-weight:400;
    color:#A0A0A0;
    transition:all .2s;
}

.title-streams-link a:hover
{
    color:#AFB8FF;
}

.title-streams-more
{
    visibility:hidden;
    opacity:0;
    margin-top:2px;
    margin-bottom:4px;
    font-size:13px;
    font-weight:400;
    transition:all .2s;
}

#title-buttons
{
    margin-top:10px;
    margin-bottom:30px;
    text-align:center;
    filter:brightness(.95);
    position:relative;
    z-index:10;
}

.title-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 #BEC7FF;
    box-shadow:inset 0 0 2px 0px #AFB8FF;
}

.title-buttons-my:hover
{
    border:2px solid #AFB8FF;
}

.title-buttons-my-edit
{
    margin-top:8px;
    font-size:14px;
    font-weight:450;
    color:#CACACA;
}

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

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

.title-numbers-selected
{
    font-weight:550;
    color:#D9D9D9;
}

#setting-toggles
{
    margin-top:30px;
}

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

#title-custom
{
    margin-top:30px;
}

.title-custom-block
{
    cursor:pointer;
    display:inline-block;
    width:90px;
    margin-bottom:16px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    font-size:13px;
    font-weight:450;
    color:#EDEDED;
    background-color:#1D1D1D;
    box-shadow:0 0 2px 1px #AFB8FF;
    border-radius:4px;
}

.title-custom-block:hover
{
    box-shadow:0 0 2px 2px #AFB8FF;
}

.title-custom-row
{
    position:relative;
    z-index:3;
    width:90px;
    padding-top:3px;
    padding-bottom:3px;
}

.title-custom-row:hover
{
    font-weight:550;
    color:#F5F5F5;
}

.title-custom-divider
{
    height:.6px;
    background-image:linear-gradient(to right, #000000, 1%, #484848, 20%, #808080, 80%, #484848, 99%, #000000);
    border-collapse: collapse;
}

.title-custom-delete
{
    position:absolute;
    z-index:1;
    display:none;
    margin-left:-20px;
    margin-top:2px;
    font-weight:500;
}

.title-numbers-back
{
    margin-bottom:12px;
    font-size:14px;
    font-weight:300;
    text-align:left;
    color:#C0C0C0;
}

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

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

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

#title-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:#D9D9D9;
    border-bottom:1px dotted #686868;
}

.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;
}

#rating-edit-form
{
    display:none;
    position:relative;
    z-index:1;
    margin-top:16px;
    margin-left:10px;
    margin-right:10px;
}

#rating-edit-container
{
    position:relative;
    z-index:-1;
    text-align:center;
    margin-bottom:20px;
    padding:20px;
    border-radius:4px;
    box-shadow:0 0 4px 0px #808080;
    background-color:#222222;
}

.rating-edit-block
{
    margin-top:20px;
    margin-bottom:20px;
}

.rating-edit-head
{
    margin-bottom:14px;
    font-size:16px;
    font-weight:500;
    color:#D9D9D9;
}

#rating-edit-grade
{
    margin-top:20px;
    margin-bottom:-60px;
    height:130px;
}

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

.rating-edit-grade-selected-display
{
    cursor:pointer;
    margin-top:-10px;
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    letter-spacing:1px;
    line-height:60px;
    font-size:28px;
    font-weight:500;
    color:#D9D9D9;
    background-color:#222222;
    border:2px solid #8C95E2;
    box-shadow:0 0 4px 2px #8C95E2;
}

.rating-edit-grade-selected-display:hover
{
    box-shadow:0 0 4px 3px #8C95E2;
}

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

#rating-grade-bg
{
    position:absolute;
    display:inline-block;
    height:40px;
    width:220px;
    margin-left:0px;
    margin-top:0px;
    border-radius:4px;
    box-shadow:0 0 2px 1px #8C95E2;
}

.rating-edit-grade-pick
{
    cursor:pointer;
    display:block;
    position:relative;
    z-index:1000;
    height:40px;
    width:44px;
    padding-top:6px;
    font-size:18px;
    font-weight:600;
    text-align:center;
    color:#D9D9D9;
    background-color:#222222;
    border:2px solid #565FAC;
    box-sizing:border-box;
}

.rating-edit-grade-pick:hover
{
    color:#282828;
    background-color:#AFB8FF;
    border:2px solid #AFB8FF;
    box-shadow:0 0 2px 1px #8C95E2;
}

.grade-pick-plus
{
    display:none;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    box-shadow:0 0 2px 1px #8C95E2;
}

.grade-pick-minus
{
    display:none;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    box-shadow:0 0 2px 1px #8C95E2;
}

.rating-edit-genre-bg
{
    position:absolute;
    z-index:-1;
    display:inline-block;
    width:400px;
    height:26px;
    border-radius:6px;
    background-color:#282828;
    box-shadow:0 0 2px 1px #565FAC;
    user-select:none;
}

.rating-edit-genre-1
{
    position:relative;
    z-index:10;
    display:inline-block;
    height:26px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    transition:width .4s;
    user-select:none;
}

.rating-edit-genre-2
{
    position:relative;
    z-index:10;
    display:inline-block;
    height:26px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    transition:width .4s;
    user-select:none;
}

.rating-edit-genre-more
{
    background-color:#565FAC;
}

.rating-edit-genre-less
{
    background-color:#565FAC;
    opacity:.5;
}

.rating-edit-genre-text
{
    position:relative;
    display:inline-block;
    cursor:default;
    width:400px;
    margin-bottom:6px;
    font-size:15px;
    font-weight:500;
    color:#D9D9D9;
    user-select:none;
}

.rating-edit-genre-percents
{
    position:absolute;
    z-index:10;
    cursor:default;
    width:390px;
    height:26px;
    margin-top:-22px;
    margin-left:100px;
    font-size:14px;
    font-weight:550;
    color:#EDEDED;
    user-select:none;
}

.rating-edit-genre-buttons
{
    position:relative;
    display:inline-block;
    cursor:default;
    width:400px;
    margin-top:10px;
    user-select:none;
}

#rating-edit-arrows
{
    display:inline-block;
    margin-top:20px;
}

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

.rating-edit-arrows-head
{
    display:inline-block;
    margin-right:10px;
    margin-top:1px;
    font-size:15px;
    font-weight:500;
    color:#D9D9D9;
}

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

.rating-edit-arrows-img
{
    cursor:pointer;
    display:inline-block;
    width:36px;
    height:20px;
    margin-left:12px;
    text-align:center;
    border-radius:4px;
    background-color:#222222;
    border:1px solid #C0C0C0;
    opacity:.8;
}

.rating-edit-arrows-img:hover
{
    box-shadow:0 0 3px 1px #C0C0C0;
    opacity:1;
}

.rating-edit-arrows-img-pick
{
    cursor:pointer;
    display:inline-block;
    width:36px;
    height:20px;
    margin-left:12px;
    text-align:center;
    border-radius:4px;
    background-color:#222222;
    border:1px solid #8C95E2;
    box-shadow:0 0 0px 1px #8C95E2;
    opacity:1;
}

.rating-edit-highlight
{
    cursor:pointer;
    display:inline-block;
    user-select:none;
	height:24px;
	width:116px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	line-height:24px;
	text-align:center;
	font-size:13px;
	font-weight:450;
	color:#C0C0C0;
    background-color:#222222;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 2px 0px #A0A0A0;
}

.rating-edit-highlight:hover
{
	font-weight:500;
	color:#D9D9D9;
	border:1px solid #C0C0C0;
	box-shadow:0 0 2px 1px #C0C0C0;
}

.rating-edit-highlight-pick
{
    cursor:pointer;
    display:inline-block;
    user-select:none;
	height:24px;
	width:116px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	line-height:24px;
	text-align:center;
	font-size:13px;
    border-radius:4px;
    font-weight:500;
	color:#EEE0A6;
	border:1px solid #F4E8B3;
	box-shadow:0 0 2px 1px #F4E8B3;
}

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

.rating-edit-tags
{
    display:inline-block;
    width:500px;
    -webkit-user-select:none;
}

.rating-edit-award
{
    cursor:pointer;
    display:inline-block;
    user-select:none;
	height:42px;
	width:116px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
	line-height:18px;
	text-align:center;
	vertical-align:top;
	font-size:13px;
	font-weight:500;
	color:#C0C0C0;
    background-color:#222222;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 2px 0px #A0A0A0;
    transition:box-shadow .2s;
}

.rating-edit-award:hover
{
	color:#D9D9D9;
	border:1px solid #C0C0C0;
	box-shadow:0 0 2px 1px #C0C0C0;
}

.rating-edit-award-pick
{
    cursor:pointer;
    display:inline-block;
    user-select:none;
	height:42px;
	width:116px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
	line-height:18px;
	text-align:center;
	vertical-align:top;
	font-size:13px;
	font-weight:500;
    background-color:#222222;
    border-radius:4px;
    color:#F5F5F5;
	border:1px solid #C0C0C0;
	box-shadow:0 0 1px 1px #C0C0C0,0 16px 10px 0px #808080;
	transition:box-shadow .2s;
}

.rating-edit-award-done
{
    cursor:pointer;
    display:inline-block;
    user-select:none;
	height:42px;
	width:116px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
	line-height:18px;
	text-align:center;
	vertical-align:top;
	font-size:13px;
	font-weight:500;
	color:#EEE0A6;
    background-color:#222222;
    border-radius:4px;
    border:1px solid #F4E8B3;
    box-shadow:0 0 2px 1px #F4E8B3;
}

.rating-edit-award-align
{
    display:table-cell;
    vertical-align:middle;
    height:42px;
	width:116px;
	padding-left:2px;
	padding-right:2px;
}

#rating-edit-award-actors-container
{
    max-height:0px;
    overflow:hidden;
    transition:max-height .4s;
}

.rating-edit-award-waiting
{
    margin-top:20px;
    font-size:16px;
	font-weight:450;
	color:#EDEDED;
}

#rating-edit-review-count
{
    display:none;
    position:absolute;
    width:60px;
    text-align:right;
    margin-left:90px;
    margin-top:4px;
    font-size:14px;
    color:#A0A0A0;
}

.date-pick
{
    cursor:pointer;
    display:inline-block;
    min-width:18px;
    margin-left:5px;
    margin-right:5px;
    border-radius:4px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
    font-size:15px;
    font-weight:500;
    color:#C0C0C0;
    border:1px solid #C0C0C0;
}

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

.date-month
{
    width:46px;
}

.date-day
{
    width:26px;
}

.date-year
{
    width:36px;
}

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

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

.date-month-2
{
    width:42px;
}

.date-day-2
{
    width:26px;
}

.date-year-2
{
    width:36px;
}

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

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

.rating-date-pick-expand
{
    display:none;
    position:absolute;
    width:56px;
    margin-top:-160px;
    margin-left:4px;
    z-index:10;
    text-align:center;
    border-radius:4px;
    box-shadow:0 0 3px 1px #A0A0A0;
    scrollbar-width:none;
}

.rating-date-pick-expand::-webkit-scrollbar
{
    display:none;
}

.rating-edit-date-options
{
    margin-top:10px;
    font-size:13px;
    color:#A0A0A0;
}

.rating-edit-date-options a:hover
{
    color:#C0C0C0;
}

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

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

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

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

#rating-view-stats-grade
{
    display:inline-block;
    width:30%;
    margin-top:0px;
    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:#D9D9D9;
    background-color:#222222;
    border:2px solid #8C95E2;
    box-shadow:0 0 4px 2px #8C95E2;
}

.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;
    background-color:rgb(72, 72, 72,.4);
    box-shadow:0 0 5px 3px #54B5B5;
    color:#D9D9D9;
}

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

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

.rating-view-stats-tags-text
{
    cursor:pointer;
    display:inline-block;
    margin-left:6px;
    margin-right:6px;
    margin-top:12px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    font-size:13px;
    font-weight:450;
    color:#CACACA;
    background-color:#1D1D1D;
    box-shadow:0 0 2px 1px #AFB8FF;
    border-radius:4px;
}

.rating-view-stats-tags-text:hover
{
    color:#F5F5F5;
    box-shadow:0 0 2px 2px #AFB8FF;
}

#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-awards-list
{
    display:inline-block;
    text-align:left;
    margin-top:30px;
    margin-left:12px;
}

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

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

#rating-view-review
{
    display:inline-block;
    width:490px;
    margin-left:60px;
    padding:14px;
    font-size:14px;
    line-height:20px;
    font-weight:450;
    color:#CACACA;
    border-top:1px dotted #8C95E2;
}

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

#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 #AFB8FF;
}

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

#quick-edit-grade-bg
{
    position:absolute;
    display:inline-block;
    height:40px;
    width:220px;
    margin-left:0px;
    margin-top:0px;
    border-radius:4px;
    box-shadow:0 0 2px 1px #8C95E2;
}

.quick-edit-grade-bg
{
    position:absolute;
    display:inline-block;
    height:40px;
    width:220px;
    margin-left:0px;
    margin-top:0px;
    border-radius:4px;
    box-shadow:0 0 2px 1px #8C95E2;
}

.title-buttons-my-watched
{
    margin-top:12px;
    margin-bottom:-4px;
    font-size:13px;
    font-weight:450;
    color:#B0B0B0;
}

.title-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:6px;
    padding-right:6px;
    font-size:14px;
    font-weight:450;
    color:#EDEDED;
    border-radius:3px;
    background-color:#484848;
    box-shadow:0 0 3px 0px #686868;
}

.title-buttons-saved-option:hover
{
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #686868;
}

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

.title-buttons-saved-choice
{
    word-wrap:break-word;
    padding-top:4px;
    padding-bottom:4px;
    font-size:14px;
    font-weight:500;
    background-color:#484848;
    color:#FFFFFF;
}

.title-buttons-saved-choice:hover
{
    border-radius:0px;
    background-color:#B0B0B0;
    color:#000000;
}

.custom-pick-expand
{
    display:none;
    position:absolute;
    width:90px;
    max-height:200px;
    overflow-y:auto;
    margin-top:22px;
    margin-left:-45px;
    z-index:10;
    border-radius:0 0 4px 4px;
    box-shadow:0 0 3px 1px #A0A0A0;
}

.title-buttons-saved-choice-small
{
    word-wrap:break-word;
    padding-top:5px;
    padding-bottom:5px;
    font-size:13px;
    font-weight:450;
    background-color:#484848;
    color:#D9D9D9;
}

.title-buttons-saved-choice-small:hover
{
    border-radius:0px;
    background-color:#565FAC;
}

.title-saved-choice-scroll::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background:#484848;
    -webkit-border-radius: 1ex;
}

.title-saved-choice-scroll::-webkit-scrollbar-thumb {
    background:#A0A0A0;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.title-saved-choice-scroll::-webkit-scrollbar-corner {
    background: #000;
}

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

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

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

#seasons-view
{
    display:none;
    margin-top:16px;
    text-align:left;
}

#episodes-view
{
    display:none;
    margin-top:16px;
    text-align:left;
}

.seasons-view-row
{
    cursor:pointer;
    width:590px;
    margin-top:10px;
    margin-left:46px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:0px;
    border-radius:8px;
    transition:.2s all;
}

.seasons-view-row:hover
{
    background-color:#282828;
}

.seasons-view-save
{
    position:absolute;
    width:34px;
    margin-left:-50px;
    margin-top:-4px;
    padding-top:16px;
    padding-bottom:16px;
}

.seasons-view-title
{
    display:inline-block;
    width:140px;
    font-size:17px;
    font-weight:500;
    color:#D9D9D9;
    vertical-align:middle;
}

.seasons-view-main
{
    display:inline-block;
    width:140px;
    vertical-align:middle;
}

.seasons-view-details
{
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:#B0B0B0;
}

.seasons-view-grade
{
    display:inline-block;
    width:45px;
    margin-left:24px;
    vertical-align:middle;
}

.seasons-view-grade-display
{
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    text-align:center;
    vertical-align:top;
    line-height:40px;
    font-size:20px;
    font-weight:500;
    letter-spacing:1px;
    background-color:rgb(72, 72, 72,.4);
    box-shadow:0 0 4px 2px #54B5B5;
    color:#D9D9D9;
    filter:brightness(.95);
}

.seasons-buttons
{
    display:inline-block;
    width:90px;
    margin-left:20px;
    vertical-align:middle;
    filter:brightness(.85);
}

.seasons-heart
{
    display:inline-block;
    width:70px;
    margin-left:40px;
    vertical-align:middle;
    font-size:17px;
    font-weight:450;
    color:#D9D9D9;
    filter:brightness(.85);
}

.seasons-heart-number
{
    display:inline-block;
    vertical-align:top;
    margin-left:6px;
    margin-top:4px;
}

.seasons-lower
{
    max-height:0px;
    overflow:auto;
    margin-left:8px;
    margin-right:16px;
    opacity:0;
    scrollbar-width:none;
}

.seasons-lower::-webkit-scrollbar
{ 
    display: none; 
}

.seasons-view-image
{
    display:inline-block;
    width:15%;
    margin-top:12px;
    vertical-align:top;
}

.seasons-view-synopsis
{
    display:inline-block;
    width:80%;
    vertical-align:top;
    margin-top:14px;
    text-align:justify;
    font-size:13px;
    font-weight:450;
    color:#C0C0C0;
}

.season-rating-delete
{
    display:none;
    position:absolute;
    margin-top:20px;
    margin-left:8px;
    text-align:center;
    font-size:12px;
    color:#A0A0A0;
}

.episodes-view-title
{
    font-weight:500;
    color:#C0C0C0;
}

#person-bio-more
{
    display:none;
    margin-top:-8px;
    margin-bottom:8px;
}

#person-bio-more a
{
    font-size:14px;
    font-weight:400;
    opacity:.8;
}

#person-bio-more a:hover
{
    opacity:.9;
}

#person-credits
{
    margin-top:18px;
}

.person-credits-role
{
    font-size:15px;
    font-weight:350;
    color:#B0B0B0;
}

.person-credits-counts
{
    font-size:14px;
    font-weight:400;
    color:#B0B0B0;
}

.person-credits-counts-selected
{
    font-weight:600 !important;
    color:#D9D9D9 !important;
}

#person-scores
{
    margin:0 auto;
    width:150px;
    margin-top:24px;
    padding-top:12px;
    padding-bottom:12px;
    font-size:15px;
    font-weight:500;
    color:#D9D9D9;
    border-radius:8px;
    border:2px dotted #C0C0C0;
    box-shadow:inset 0 0 2px 0px #B0B0B0;
}

.person-scores-block
{
    margin-bottom:12px;
}

.person-scores-award
{
    display:inline-block;
    margin-bottom:12px;
    margin-left:6px;
    margin-right:6px;
    font-size:18px;
    font-weight:550;
    color:#F4E8B3;
}.no-bottom-border
{
    border-bottom:none;
}

.img-shadow-hover
{
    border-radius:4px;
    -webkit-appearance: none;
	box-shadow:0 0 6px 0px #484848;
}

.img-shadow-hover:hover
{
	box-shadow:0 0 6px 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:#EDEDED;
}

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

.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:450;
    color:#D9D9D9;
}

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

.series-view-grade
{
    display:inline-block;
    margin-top:12px;
    margin-left:2px;
    font-size:15px;
    padding:1px;
    padding-left:6px;
    color:#C0C0C0;
    border-left:3px dotted #0A9595;
}

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

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

.series-view-buttons-my
{
    margin:0 auto;
    width:120px;
    margin-top:4px;
    margin-bottom:4px;
    padding-top:8px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #BEC7FF;
    box-shadow:inset 0 0 2px 0px #AFB8FF;
}

.series-view-buttons-my:hover
{
    border:2px solid #AFB8FF;
}

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

.series-view-buttons-custom
{
    display:none;
    position:absolute;
    width:130px;
    margin-top:4px;
    padding-bottom:8px;
    font-size:13px;
    font-weight:400;
    color:#B0B0B0;
    opacity:.7;
}

.series-view-buttons-custom:hover
{
    opacity:1;
}

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

.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:#EDEDED;
    border-radius:3px;
    background-color:#484848;
    box-shadow:0 0 3px 0px #686868;
}

.series-buttons-saved-option:hover
{
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #686868;
}

.series-priority-pick-expand
{
    display:none;
    position:absolute;
    width:80px;
    margin-top:67px;
    margin-left:35px;
    z-index:10;
    text-align:center;
    border-radius:4px;
    box-shadow:0 0 3px 1px #A0A0A0;
}

.series-expand-choice
{
    word-wrap:break-word;
    padding-top:4px;
    padding-bottom:4px;
    font-size:13px;
    font-weight:500;
    background-color:#484848;
    color:#EDEDED;
}

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

.series-view-streams
{
    margin-top:16px;
    margin-left:3px;
}

.list-provider
{
    cursor:pointer;
    position:relative;
    display:inline-block;
    margin-right:14px;
    text-align:center;
}

.list-provider-img
{
    height:31px;
    width:31px;
    padding:1px;
    box-shadow:0 0 3px 2px transparent;
    border-radius:10px;
    filter:grayscale(.9) contrast(.9) opacity(.6);
    image-rendering: -webkit-optimize-contrast;
}

.list-provider-img:hover
{
    transition:.2s filter;
    filter:revert;
}

.list-provider-img-my
{
    box-shadow:0 0 3px 3px #8C95E2;
    background-color:#000000;
}

.grid-provider
{
    cursor:pointer;
    position:relative;
    display:inline-block;
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
    text-align:center;
}

.grid-provider-img
{
    height:38px;
    width:38px;
    padding:1px;
    box-shadow:0 0 3px 2px transparent;
    border-radius:10px;
    image-rendering: -webkit-optimize-contrast;
    filter:grayscale(.3) opacity(1);
}

.grid-provider-img-my
{
    box-shadow:0 0 3px 3px #8C95E2;
    background-color:#000000;
}

.list-custom-block
{
    cursor:pointer;
    display:inline-block;
    width:90px;
    margin-top:-4px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    font-size:13px;
    font-weight:450;
    color:#EDEDED;
}

.list-custom-delete
{
    position:absolute;
    z-index:1;
    display:none;
    margin-left:-10px;
    margin-top:2px;
    font-weight:500;
}

.list-provider-link
{
    display:none;
    margin-top:24px;
    height:26px;
    margin-left:2px;
    font-size:13px;
    font-weight:400;
    color:#A0A0A0;
}

.list-provider-link a:hover
{
    color:#AFB8FF;
}

#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:#D9D9D9;
}

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

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

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

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

.list-right-head
{
    display:inline-block;
    width:400px;
    margin-bottom:4px;
    font-size:25px;
    font-weight:500;
    color:#EDEDED;
}

.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:#D9D9D9;
}

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

.trailer-details
{
    font-size:14px;
    font-weight:450;
    color:#B0B0B0;
}

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

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

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

.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;
    margin-bottom:4px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #BEC7FF;
    box-shadow:inset 0 0 2px 0px #AFB8FF;
}

.list-buttons-my:hover
{
    border:2px solid #AFB8FF;
}

.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 #8C95E2;
}

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

.list-current-option
{
    max-width:120px;
    margin-top:4px;
    margin-bottom:10px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    padding-right:4px;
    font-size:14px;
    font-weight:450;
    color:#EDEDED;
    border:1px dotted #686868;
    border-radius:3px;
    background-color:#484848;
    box-shadow:0 0 3px 0px #686868;
}

.list-current-option:hover
{
    color:#FFFFFF;
    box-shadow:0 0 3px 1px #686868;
}

.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:#C0C0C0;
    border:1px solid transparent;
    border-radius:4px;
    transition:.4s all;
}

.list-more:hover
{
    border:1px solid #C0C0C0;
    box-shadow:inset 0 0 3px 0px #D9D9D9;
}

.list-filter-pick-expand
{
    display:none;
    position:absolute;
    width:112px;
    margin-top:28px;
    margin-left:-56px;
    z-index:10;
    border-radius:4px;
    box-shadow:0 0 3px 1px #A0A0A0;
}

.list-filter-pick-expand::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background:#484848;
    -webkit-border-radius: 1ex;
}

.list-filter-pick-expand::-webkit-scrollbar-thumb {
    background:#A0A0A0;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.list-filter-pick-expand::-webkit-scrollbar-corner {
    background: #484848;
}

.list-filter-choice
{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
    font-weight:450;
    background-color:#484848;
    color:#D9D9D9;
}

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

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

.grid-more
{
    cursor:pointer;
    display:inline-block;
    width:668px;
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#C0C0C0;
    border:1px solid transparent;
    border-radius:4px;
    transition:.4s all;
}

.grid-more:hover
{
    border:1px solid #C0C0C0;
    box-shadow:inset 0 0 3px 0px #D9D9D9;
}

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

.grid-row-expand
{
    overflow:hidden;
    height:240px;
    padding-left:4px;
    transition:height .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;
    opacity:.9;
}

.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;
	z-index:150;
	width:120px;
	height:190px;
	margin-top:-190px;
	text-align:center;
	color:rgba(255,255,255,1);
	font-weight:500;
	background-color:#1D1D1D;
	border-radius:5px;
	opacity:.85;
	overflow:hidden;
}

.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 #BEC7FF;
    box-shadow:inset 0 0 2px 0px #AFB8FF;
}

.grid-my-head:hover
{
    border:2px solid #AFB8FF;
}

.grid-award-head
{
    margin-left:6px;
    margin-right:6px;
    padding:3px;
    vertical-align:middle;
    font-size:14px;
    font-weight:500;
    color:#D9D9D9;
    border-radius:4px;
    border:2px dotted #C0C0C0;
    box-shadow:inset 0 0 2px 0px #B0B0B0;
}

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

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

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

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

.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 #484848;
    transition:all .4s .2s;
}

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

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

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

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

.compact-streams
{
    visibility:hidden;
    opacity:0;
    margin-top:6px;
    transition:opacity .4s .2s;
}

.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:rgb(72, 72, 72,.4);
    box-shadow:0 0 4px 2px #54B5B5;
    color:#D9D9D9;
    filter:brightness(.95);
}

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

.compact-buttons-my
{
    overflow:hidden;
    width:120px;
    height:20px;
    margin-top:-6px;
    margin-left:-5px;
    padding-top:8px;
    padding-bottom:4px;
    vertical-align:top;
    text-align:center;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #BEC7FF;
    box-shadow:inset 0 0 2px 0px #AFB8FF;
    transition:height .3s .2s;
    filter:brightness(.9);
}

.compact-buttons-my:hover
{
    border:2px solid #AFB8FF;
}

.compact-buttons-my-expand
{
}

.list-buttons-my-watched-compact
{
    margin-top:10px;
    text-align:center;
    font-size:13px;
    font-weight:450;
    color:#B0B0B0;
}

.list-sequence-container
{
    position:absolute;
    z-index:200;
    cursor:default;
    display:inline-block;
    vertical-align:top;
    width:70px;
    margin-left:-80px;
    text-align:right;
}

.list-sequence
{
    display:inline-block;
    padding-left:9px;
    padding-right:9px;
    padding-top:1px;
    padding-bottom:1px;
    text-align:center;
    font-size:17px;
    font-weight:450;
    color:#D9D9D9;
    background-color:transparent;
    box-shadow:0 0 3px 2px #D9D9D9;
    border-radius:100% / 50%;
    filter:brightness(.9);
}

.list-sequence-hover:hover
{
    box-shadow:0 0 3px 3px #D9D9D9;
}

#list-sequence-tooltip
{
    cursor:default;
    position:absolute;
    display:none;
    z-index:300;
    margin-left:-177px;
    margin-top:-2px;
    padding-top:1px;
    padding-bottom:3px;
    padding-left:8px;
    padding-right:6px;
    font-size:14px;
    font-weight:450;
    color:#EDEDED;
    background-color:#282828;
    border:2px dotted #A0A0A0;
    box-shadow:inset 0 0 2px 0px #B0B0B0;
    border-radius:6px;
}

.list-sequence-gold
{
    display:inline-block;
    padding-left:9px;
    padding-right:9px;
    padding-top:1px;
    padding-bottom:1px;
    text-align:center;
    font-size:17px;
    font-weight:450;
    color:#EEE0A6;
    background-color:transparent;
    box-shadow:0 0 3px 2px #EEE0A6;
    border-radius:100% / 50%;
    filter:brightness(.9);
}

.grid-sequence
{
    position:absolute;
    cursor:default;
    z-index:200;
    margin-left:6px;
    margin-top:6px;
    padding-left:11px;
    padding-right:11px;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    font-size:18px;
    font-weight:500;
    color:#EDEDED;
    background-color:#1D1D1D;
    box-shadow:0 0 3px 2px #D9D9D9;
    border-radius:100% / 50%;
    filter:brightness(.9);
}

.grid-sequence-hover:hover
{
    box-shadow:0 0 3px 3px #D9D9D9;
}

.grid-sequence-gold
{
    position:absolute;
    cursor:default;
    z-index:200;
    margin-left:6px;
    margin-top:6px;
    padding-left:11px;
    padding-right:11px;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    font-size:18px;
    font-weight:500;
    color:#EEE0A6;
    background-color:#1D1D1D;
    box-shadow:0 0 3px 2px #EEE0A6;
    border-radius:100% / 50%;
    filter:brightness(.9);
}

.list-subhead
{
    font-size:14px;
    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:#C0C0C0;
    border-left:2px dotted #54B5B5;
}

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

.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 #9DD5D5;
    box-shadow:inset 0 0 2px 0px #54B5B5;
}

.grid-user-head:hover
{
    border:2px solid #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 .2s;
}

.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:rgb(72, 72, 72,.4);
    box-shadow:0 0 4px 2px #54B5B5;
    color:#D9D9D9;
    filter:brightness(.95);
}

.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;
    color:#D9D9D9;
    background-color:#222222;
    box-shadow:0 0 4px 2px #8C95E2;
    filter:brightness(.95);
}

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

.list-person-score
{
    margin:0 auto;
    width:120px;
    margin-top:4px;
    margin-bottom:4px;
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
    font-weight:500;
    color:#D9D9D9;
    border-radius:8px;
    border:2px dotted #C0C0C0;
    box-shadow:inset 0 0 2px 0px #B0B0B0;
}

.list-person-scores-award
{
    display:inline-block;
    margin-bottom:2px;
    margin-left:4px;
    margin-right:4px;
    font-size:16px;
    font-weight:550;
    color:#F4E8B3;
}

.compact-person-score
{
    overflow:hidden;
    width:120px;
    height:20px;
    margin-top:-6px;
    margin-left:-5px;
    padding-top:8px;
    padding-bottom:4px;
    vertical-align:top;
    text-align:center;
    font-size:14px;
    font-weight:500;
    color:#D9D9D9;
    border-radius:8px;
    border:2px dotted #C0C0C0;
    box-shadow:inset 0 0 2px 0px #B0B0B0;
    transition:height .3s .2s;
}

.series-view-buttons-user
{
    margin:0 auto;
    width:120px;
    margin-top:4px;
    margin-bottom:4px;
    padding-top:8px;
    padding-bottom:2px;
    font-size:14px;
    font-weight:500;
    border-radius:8px;
    border:2px dotted #9DD5D5;
    box-shadow:inset 0 0 2px 0px #54B5B5;
}

.series-view-buttons-user:hover
{
    border:2px solid #54B5B5;
}

.lists-view-row
{
    cursor:pointer;
    width:422px;
    margin-top:2px;
    margin-left:-8px;
    margin-right:50px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:8px;
    border-radius:8px;
    transition:.2s all;
}

.lists-view-row:hover
{
    background-color:#282828;
}

.lists-view-name
{
    display:inline-block;
    width:300px;
    font-size:17px;
    font-weight:500;
    color:#D9D9D9;
    vertical-align:top;
}

.lists-view-details
{
    margin-top:2px;
    font-size:14px;
    font-weight:450;
    color:#A0A0A0;
}

.lists-view-titles
{
    display:inline-block;
    width:112px;
    margin-top:2px;
    vertical-align:top;
}

.lists-view-img
{
    width:32px;
    height:43px;
    margin-right:5px;
    border-radius:4px;
    image-rendering: -webkit-optimize-contrast;
    filter:grayscale(.3) opacity(.9);
}

.lists-view-edit
{
    position:absolute;
    display:inline-block;
    width:50px;
    margin-top:2px;
    padding-left:24px;
    font-size:13px;
    line-height:22px;
    font-weight:400;
    color:#B0B0B0;
    vertical-align:top;
    opacity:0;
    transition:.2s all;
}

.lists-view-notes-head
{
    margin-top:30px;
    padding-left:6px;
    font-size:18px;
    font-weight:500;
    color:#D9D9D9;
    border-left:3px dotted #8C95E2;
}

.lists-view-notes-block
{
    width:400px;
    margin-top:4px;
    margin-bottom:16px;
    padding-left:12px;
    padding-right:12px;
    text-align:center;
}

.lists-view-notes-text
{
    cursor:pointer;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    margin-top:20px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    font-size:15px;
    font-weight:450;
    color:#CACACA;
    background-color:#1D1D1D;
    border:1px solid #8C95E2;
    box-shadow:0 0 2px 0px #8C95E2;
    border-radius:4px;
}

.lists-view-notes-text:hover
{
    color:#F5F5F5;
    box-shadow:0 0 2px 2px #8C95E2;
}

.lists-view-tags-text
{
    cursor:pointer;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    margin-top:20px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    font-size:15px;
    font-weight:450;
    color:#CACACA;
    background-color:#1D1D1D;
    border:1px solid #A0A0A0;
    box-shadow:0 0 2px 0px #B0B0B0;
    border-radius:4px;
}

.lists-view-tags-text:hover
{
    color:#F5F5F5;
    box-shadow:0 0 2px 2px #54B5B5;
}#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:25px;
    font-weight:500;
    color:#EDEDED;
}

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

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

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

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

.profile-link
{
    margin-bottom:10px;
    font-size:17px;
    font-weight:500;
    color:#EDEDED;
    opacity:.85;
}

.profile-link a:hover
{
    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:#D4D4D4;
}

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

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

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

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

.column-more
{
    height:25px;
    font-size:14px;
    font-weight:400;
}

.column-more a
{
    opacity:.8;
}

.column-more a:hover
{
    opacity:.9;
}

.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 #484848;
    opacity:.9;
}

.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-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:#EDEDED;
}

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

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

.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 #BEC7FF;
    box-shadow:inset 0 0 2px 0px #AFB8FF;
}

.profile-buttons-my:hover
{
    border:2px solid #AFB8FF;
}

.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 #484848;
    opacity:.9;
}

.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-img-alt2
{
    width:28px;
    height:28px;
    vertical-align:middle;
    padding:4px;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:6px;
    border-radius:30%;
    opacity:.7;
}

.profile-activity-img-alt2:hover
{
    opacity:.8;
}

.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:#CACACA;
}

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

#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:#C0C0C0;
}

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

.profile-actor-alt
{
    white-space:nowrap;
    font-size:14px;
    color:#A0A0A0;
}

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

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

#home-head-border
{
    height:2px;
    margin-bottom:10px;
    background-image:linear-gradient(to right, #1D1D1D, 1%, #686868, 20%, #8C95E2, 80%, #686868, 99%, #1D1D1D);
    border-radius:2px;
    opacity:.9;
}

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

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

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

.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 #484848;
    opacity:.9;
}

.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-title
{
    margin-bottom:4px;
    font-size:16px;
    font-weight:500;
    color:#D9D9D9;
}

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

.home-review-text
{
    margin-top:6px;
    font-size:13px;
    line-height:17px;
    font-family:InterItalicsMedium,Helvetica Neue, Arial, sans-serif;
    color:#B0B0B0;
}

.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:#D9D9D9;
}

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

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

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

.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:#B0B0B0;
}

.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:#D9D9D9;
    border-bottom:2px dotted #AFB8FF;
}

.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:#B0B0B0;
    border:1px solid #A0A0A0;
}

.timezone-button:hover
{
    color:#C0C0C0;
    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 #686868;
    box-shadow:0 0 3px 1px #808080;
    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;
    background-color:#484848;
    color:#D9D9D9;
}

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

.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 #B0B0B0;
}

#settings-channels-list
{
    display:none;
    width:700px;
    margin-left:-100px;
    margin-top:10px;
    height:454px;
    overflow:hidden;
}

.settings-channels-block
{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    width:200px;
    margin-bottom:20px;
    margin-left:6px;
    margin-right:6px;
}

.settings-provider-img
{
    vertical-align:middle;
    height:40px;
    width:40px;
    padding:1px;
    box-shadow:0 0 3px 2px transparent;
    border-radius:10px;
    filter:brightness(.95) contrast(.9);
    image-rendering: -webkit-optimize-contrast;
}

.settings-provider-container
{
    cursor:pointer;
    display:inline-block;
    text-align:center;
    width:160px;
    padding:8px;
    border-radius:8px;
    background-color:#484848;
    transition:background-color .2s;
}

.settings-provider-container:hover
{
    box-shadow:0 0 6px 2px #808080;
}

.settings-provider-container-my
{
    cursor:pointer;
    display:inline-block;
    text-align:center;
    width:160px;
    padding:8px;
    border-radius:8px;
    background-color:#454C8A;
    box-shadow:0 0 6px 2px #565FAC;
    transition:background-color .2s;
}

.settings-provider-img-container
{
    display:inline-block;
    vertical-align:middle;
    width:50px;
}

.settings-provider-text-container
{
    display:inline-block;
    vertical-align:middle;
    width:110px;
    font-size:14px;
    font-weight:450;
    color:#D9D9D9;
}

.settings-provider-img-2
{
    vertical-align:middle;
    height:36px;
    width:36px;
    margin:6px;
    box-shadow:0 0 3px 0px #686868;
    border-radius:10px;
    filter:brightness(.95) contrast(.9);
    image-rendering: -webkit-optimize-contrast;
}

.home-featured-img
{
    position:relative;
    height:138px;
    width:90px;
    margin-right:-6px;
    border-radius:4px;
    box-shadow:0 0 16px 16px #1D1D1D;
    opacity:.9;
    transition:height .6s .2s, width .6s .2s, margin .6s .2s, opacity .6s .2s, box-shadow .6s .2s;
    transition-timing-function:cubic-bezier(0.5, 0.2, 0.5, 0.95);
    -webkit-appearance: none;
}

.home-featured-img:hover
{
    height:170px;
    width:113px;
    margin-left:20px;
    margin-right:14px;
    margin-bottom:-32px;
    box-shadow:0 0 6px 3px #484848;
    opacity:1;
    transition:height .6s .2s, width .6s .2s, margin .6s .2s, opacity .6s .2s, box-shadow 0s .2s;
}

.home-featured-img-no-left
{
    position:relative;
    height:138px;
    width:90px;
    margin-right:-6px;
    border-radius:4px;
    box-shadow:8px 0 8px 8px #1D1D1D;
    opacity:.9;
    transition:height .6s .2s, width .6s .2s, margin .6s .2s, opacity .6s .2s, box-shadow .6s .2s;
    transition-timing-function:cubic-bezier(0.5, 0.2, 0.5, 0.95);
    -webkit-appearance: none;
}

.home-featured-img-no-right
{
    position:relative;
    height:138px;
    width:90px;
    margin-right:-6px;
    border-radius:4px;
    box-shadow:-8px 0 8px 8px #1D1D1D;
    opacity:.9;
    transition:height .6s .2s, width .6s .2s, margin .6s .2s, opacity .6s .2s, box-shadow .6s .2s;
    transition-timing-function:cubic-bezier(0.5, 0.2, 0.5, 0.95);
    -webkit-appearance: none;
}

.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 #8C95E2;
}

.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:#D4D4D4;
}

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

.stats-grade-rewatch
{
    font-size:15px;
    color:#B0B0B0;
}

.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:#8C95E2;
    opacity:.8;
}

.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:#C0C0C0;
    border:1px solid #D9D9D9;
}

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

.stats-filter-button-expand
{
    display:none;
    position:absolute;
    z-index:10;
    width:94px;
    margin-top:20px;
    margin-left:-92px;
    border-radius:4px;
    box-shadow:0 0 4px 1px #A0A0A0;
    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:500;
    background-color:#484848;
    color:#EDEDED;
}

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

.stats-top-grid
{
    display:grid;
    margin-top:20px;
    grid-template-columns: 85px 85px 85px 85px 85px 85px 85px;
    justify-items:center;
    align-items:center;
}

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

.stats-top-head
{
    margin-bottom:16px;
    font-size:14px;
    font-weight:500;
    color:#C0C0C0;
}

.stats-main-grid
{
    display:grid;
    margin-top:20px;
    margin-left:10px;
    grid-template-columns: 36px 77px 77px 77px 77px 77px 77px 77px;
    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:#D9D9D9;
}

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

.stats-title-img
{
    width:60px;
    height:90px;
    margin-right:12px;
    opacity:.85;
    border-radius:4px;
    -webkit-appearance: none;
	box-shadow:0 0 6px 0px #484848;
}

.stats-title-img:hover
{
	box-shadow:0 0 6px 1px #686868;
	opacity:.95;
}

.recs-list-hide
{
    visibility:hidden;
    margin-top:12px;
    padding-bottom:12px;
    font-size:13px;
    font-weight:450;
    color:#A0A0A0;
    opacity:0;
    transition: all .2s;
}

.recs-list-trailer-show
{
    margin-top:18px;
    margin-left:2px;
    text-align:left;
}

.recs-list-play-trailer
{
}

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

.recs-mini-cover
{
    display:inline-block;
    width:60px;
    opacity:.85;
    position:relative;
    z-index:10;
}

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

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

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

.recs-mini-sub
{
    margin-top:4px;
    font-size:13px;
    font-weight:400;
    color:#D4D4D4;
}

.recs-mini-details
{
    margin-top:4px;
    margin-bottom:8px;
    font-size:12px;
    color:#C0C0C0;
}

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

.recs-mini-hide
{
    visibility:hidden;
    position:absolute;
    display:inline-block;
    margin-left:8px;
    margin-top:6px;
    text-align:center;
    font-size:12px;
    font-weight:400;
    color:#A0A0A0;
    opacity:0;
    transition: all .2s;
}

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

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

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

.recs-channel-head
{
    margin-top:12px;
    margin-bottom:-6px;
    font-size:16px;
    font-weight:450;
    color:#CACACA;
}

.recs-provider-img
{
    cursor:pointer;
    height:50px;
    width:50px;
    padding:1px;
    border-radius:10px;
    image-rendering: -webkit-optimize-contrast;
}

.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:#EDEDED;
}

.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;
}

.compare-subhead
{
    margin-top:4px;
    font-size:15px;
    font-weight:450;
    color:#B0B0B0;
}

.find-block
{
    display:inline-block;
    width:400px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    border-radius:8px;
    box-shadow:inset 0 0 5px 3px #54B5B5;
}

.find-block-my
{
    display:inline-block;
    width:400px;
    padding-top:16px;
    padding-bottom:16px;
    text-align:center;
    border-radius:8px;
    box-shadow:inset 0 0 5px 3px #8C95E2;
}

.find-block-done
{
    box-shadow:inset 0 0 5px 3px #808080;
    opacity:.7;
}

.find-block-done:hover
{
    box-shadow:inset 0 0 5px 3px #54B5B5;
    opacity:1;
}

.find-block-done-my
{
    box-shadow:inset 0 0 5px 3px #808080;
    opacity:.7;
}

.find-block-done-my:hover
{
    box-shadow:inset 0 0 5px 3px #8C95E2;
    opacity:1;
}

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

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

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

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

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

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

.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:#C0C0C0;
    border-radius:8px;
    box-shadow:inset 0 0 3px 1px #C0C0C0;
}

.find-collapsed:hover
{
    font-weight:500;
    color:#CACACA;
    box-shadow:inset 0 0 3px 2px #CACACA;
}

.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:#C0C0C0;
    border-radius:8px;
    box-shadow:inset 0 0 3px 1px #C0C0C0;
}

.find-collapsed-my:hover
{
    font-weight:500;
    color:#CACACA;
    box-shadow:inset 0 0 3px 2px #CACACA;
}

.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:#A0A0A0;
    border-radius:8px;
    box-shadow:inset 0 0 3px 1px #808080;
}

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

.find-theme
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:14px;
    padding:6px;
    font-size:13px;
    font-weight:450;
    text-align:center;
    color:#D9D9D9;
    background-color:#404040;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

.find-theme:hover
{
	background-color:#CACACA;
	font-weight:450;
	color:#222222;
	box-shadow:0 0 3px 1px #D9D9D9;
	opacity:.9;
}

.find-theme-selected
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:14px;
    padding:6px;
    font-size:13px;
    text-align:center;
    border-radius:4px;
    background-color:#CACACA;
	font-weight:450;
	color:#076868;
	box-shadow:0 0 3px 1px #D9D9D9;
	opacity:.95;
}

.find-theme-selected-my
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:14px;
    padding:6px;
    font-size:13px;
    text-align:center;
    border-radius:4px;
    background-color:#CACACA;
	font-weight:450;
	color:#454C8A;
	box-shadow:0 0 5px 2px #8C95E2;
	opacity:1;
}

.find-genre
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:16px;
    padding:8px;
    font-size:14px;
    font-weight:450;
    text-align:center;
    color:#D9D9D9;
    background-color:#404040;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

.find-genre:hover
{
	background-color:#CACACA;
	font-weight:450;
	color:#222222;
	box-shadow:0 0 3px 1px #D9D9D9;
	opacity:.9;
}

.find-genre-selected
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:16px;
    padding:8px;
    font-size:14px;
    text-align:center;
    border-radius:4px;
    background-color:#CACACA;
	font-weight:450;
	color:#076868;
	box-shadow:0 0 3px 1px #D9D9D9;
	opacity:.95;
}

.find-genre-selected-my
{
    display:inline-block;
    cursor:pointer;
    user-select:none;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:16px;
    padding:8px;
    font-size:14px;
    text-align:center;
    border-radius:4px;
    background-color:#CACACA;
	font-weight:450;
	color:#454C8A;
	box-shadow:0 0 5px 2px #8C95E2;
	opacity:1;
}

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

#trailers-stage
{
    width:700px;
    height:393px;
    margin-left:25px;
    border-radius:5px;
    background-color:#484848;
    box-shadow:0 0 10px 1px #686868;
}

.trailers-lower
{
    padding-top:20px;
    padding-bottom:20px;
}

.trailers-none
{
    padding-top:100px;
    text-align:center;
    font-size:19px;
    font-weight:450;
    color:#D4D4D4;
}

.trailer-stream
{
    display:inline-block;
    margin-right:10px;
    margin-left:-30px;
    margin-top:6px;
    vertical-align:top;
}

#trailer-count
{
    cursor:default;
    margin-top:30px;
    font-size:14px;
    font-weight:450;
    color:#A0A0A0;
    opacity:0;
}

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

.auth-error
{
    margin-top:-20px;
    margin-bottom:20px;
    margin-left:50px;
    margin-right:50px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:16px;
    font-weight:450;
    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;
    font-weight:450;
    line-height:22px;
    color:#EDEDED;
    background-color:#484848;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

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

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

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

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

.faq-head
{
    margin-top:24px;
    margin-bottom:-8px;
    font-size:16px;
    font-weight:500;
    color:#EDEDED;
}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-gray-light a
{
    color:#EDEDED;
}

.text-teal a
{
    color:#6ECFCF;
}

.text-more a
{
    color:#C0C0C0;
}

.text-more a:hover
{
    color:#6ECFCF;
}

.text-teal-hover a:hover
{
    color:#6ECFCF;
}

.text-purple a
{
    color:#AFB8FF;
}

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

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

.text-gray-dark-all
{
    color:#484848;
}

.text-black-all
{
    color:#000000;
}

.text-gray-light-all
{
    color:#EDEDED;
}

.text-purple-dark a
{
    color:#454C8A;
}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:30px;
	width:116px;
	margin:0 auto;
	line-height:30px;
	text-align:left;
	border-radius:4px;
	font-size:14px;
	background-color:#1D1D1D;
	color:#F5F5F5;
	box-shadow:0 0 2px 0px #8C95E2;
	border:2px solid #8C95E2;
	opacity:1;
}

.button-gen-purple:hover
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	color:#000000;
	box-shadow:0 0 2px 0px #AFB8FF;
}

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

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

.button-ratings-purple
{
	cursor:pointer;
	user-select:none;
	display:inline-block;
	height:30px;
	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:#1D1D1D;
	color:#F5F5F5;
	box-shadow:0 0 2px 0px #8C95E2;
	border:2px solid #8C95E2;
	opacity:1;
}

.button-ratings-purple:hover
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	color:#000000;
	box-shadow:0 0 2px 0px #AFB8FF;
}

.button-gen-purple-2
{
	cursor:pointer;
	user-select:none;
	display:inline-block;
	height:34px;
	width:130px;
	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:#1D1D1D;
	color:#F5F5F5;
	box-shadow:0 0 2px 0px #8C95E2;
	border:2px solid #8C95E2;
	opacity:1;
}

.button-gen-purple-2:hover
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	color:#000000;
	box-shadow:0 0 2px 0px #AFB8FF;
}

.button-gen-gold
{
	cursor:pointer;
	user-select:none;
	height:30px;
	width:116px;
	margin:0 auto;
	line-height:30px;
	text-align:center;
	border-radius:4px;
	font-size:14px;
	font-weight:500;
	background-color:#1D1D1D;
	color:#EDEDED;
	box-shadow:0 0 2px 0px rgba(244, 232, 179, .7);
	border:2px solid rgba(244, 232, 179, .7);
	opacity:.95;
	position:relative;
	z-index:0;
}

.button-gen-gold:hover
{
	background-color:rgba(244, 232, 179, 1);
	border:2px solid rgba(244, 232, 179, 1);
	color:#000000;
	box-shadow:0 0 2px 0px rgba(244, 232, 179, 1);
	opacity:.8;
}

.button-gen-teal
{
	cursor:pointer;
	user-select:none;
	display:inline-block;
	height:34px;
	width:130px;
	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:#1D1D1D;
	color:#F5F5F5;
	box-shadow:0 0 2px 0px #54B5B5;
	border:2px solid #54B5B5;
	opacity:1;
}

.button-gen-teal:hover
{
	background-color:#54B5B5;
	border:2px solid #54B5B5;
	color:#000000;
	box-shadow:0 0 2px 0px #54B5B5;
	opacity:.9;
}

.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 #AFB8FF;
    box-shadow:0 0 3px 0px #8C95E2;
    user-select:none;
    opacity:.9;
}

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

.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 #AFB8FF;
    box-shadow:0 0 3px 0px #8C95E2;
    user-select:none;
    opacity:.9;
	color:#F5F5F5;
    background-color:#8C95E2;
}

.button-list-purple
{
	cursor:pointer;
	user-select:none;
	height:26px;
	width:92px;
	margin:0 auto;
	line-height:30px;
	text-align:left;
	border-radius:4px;
	font-size:13px;
	background-color:#1D1D1D;
	color:#F5F5F5;
	box-shadow:0 0 2px 0px #8C95E2;
	border:2px solid #8C95E2;
	opacity:1;
}

.button-list-purple:hover
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	color:#000000;
	box-shadow:0 0 2px 0px #AFB8FF;
}

.button-list-purple-active
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	color:#000000;
	box-shadow:0 0 2px 0px #AFB8FF;
}

.button-list-icon
{
	display:inline-block;
	width:36px;
	margin-top:6px;
	text-align:center;
	line-height:26px;
	opacity:.9;
}

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

.button-list-ratings-purple
{
	cursor:pointer;
	user-select:none;
	display:block;
	height:26px;
	width:60px;
	margin:0 auto;
	line-height:26px;
	text-align:center;
	border-radius:4px;
	font-size:13px;
	font-weight:500;
	background-color:#1D1D1D;
	color:#F5F5F5;
	box-shadow:0 0 2px 0px #8C95E2;
	border:2px solid #8C95E2;
	opacity:1;
}

.button-list-ratings-purple:hover
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	color:#000000;
	box-shadow:0 0 2px 0px #AFB8FF;
}

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

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

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

.list-left-button-hover
{
    cursor:pointer;
    display:inline-block;
    margin-bottom:3px;
    margin-left:40px;
    margin-right:40px;
    padding:5px;
    padding-left:8px;
    padding-right:8px;
    font-size:14px;
    font-weight:450;
    color:#282828;
    border-radius:4px;
    background-color:#C0C0C0;
}

.list-view-button
{
	cursor:pointer;
	display:block;
	width:80px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size:12px;
	font-weight:450;
	color:#D9D9D9;
	border:2px solid #484848;
	background-color:#1D1D1D;
	transition:.2s background-color;
}

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

.list-view-button-selected
{
	cursor:pointer;
	display:block;
	width:80px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-size:12px;
	font-weight:550;
	color:#EDEDED;
	border:2px solid #686868;
	background-color:#404040;
	box-shadow:inset 0 0 2px 0px #686868;
}

.list-filter-button
{
	cursor:pointer;
	display:inline-block;
	width:84px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	font-size:14px;
	font-weight:450;
	color:#D9D9D9;
	border:2px solid #484848;
	background-color:#1D1D1D;
	transition:.2s background-color;
}

.list-filter-button:hover
{
	background-color:#404040;
}

.list-filter-button-selected
{
	cursor:pointer;
	display:inline-block;
	width:84px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	font-size:14px;
	font-weight:600;
	color:#EDEDED;
	border:2px solid #686868;
	background-color:#404040;
	box-shadow:inset 0 0 2px 0px #686868;
}

.list-filter-button-purple
{
	cursor:pointer;
	display:inline-block;
	width:84px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	font-size:14px;
	font-weight:450;
	color:#D9D9D9;
	border:2px solid #484848;
	background-color:#1D1D1D;
	transition:.2s background-color;
}

.list-filter-button-purple:hover
{
	background-color:#404040;
}

.list-filter-button-purple-selected
{
	cursor:pointer;
	display:inline-block;
	width:84px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#EDEDED;
	border:2px solid #686868;
	background-color:#454C8A;
	box-shadow:inset 0 0 2px 0px #686868;
}

.grid-button
{
	cursor:pointer;
	user-select:none;
	display:inline-block;
	height:26px;
	width:30px;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
	border-radius:4px;
	background-color:#1D1D1D;
	box-shadow:0 0 2px 0px #8C95E2;
	border:2px solid #8C95E2;
}

.grid-button:hover
{
	background-color:#AFB8FF;
	border:2px solid #AFB8FF;
	box-shadow:0 0 2px 0px #AFB8FF;
}

.grid-button-icon
{
	display:inline-block;
	vertical-align:top;
	height:26px;
	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;
    font-weight:450;
    text-align:center;
    color:#D9D9D9;
    background-color:#404040;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

.find-button-user:hover
{
	background-color:#CACACA;
	font-weight:500;
	color:#222222;
	box-shadow:0 0 3px 1px #D9D9D9;
	opacity:.9;
}

.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;
    border-radius:4px;
    background-color:#CACACA;
	font-weight:500;
	color:#076868;
	box-shadow:0 0 5px 2px #54B5B5;
	opacity:.95;
}

.find-button-my
{
    cursor:pointer;
    user-select:none;
    display:block;
    width:160px;
    margin:auto;
    margin-bottom:16px;
    line-height:34px;
    font-size:15px;
    font-weight:450;
    text-align:center;
    color:#D9D9D9;
    background-color:#404040;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

.find-button-my:hover
{
	background-color:#CACACA;
	font-weight:500;
	color:#222222;
	box-shadow:0 0 3px 1px #D9D9D9;
	opacity:.9;
}

.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;
    border-radius:4px;
    background-color:#CACACA;
	font-weight:500;
	color:#454C8A;
	box-shadow:0 0 5px 2px #8C95E2;
	opacity:1;
}

.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;
    border-radius:4px;
    color:#D9D9D9;
    background-color:#404040;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

.button-gen-gray-2:hover
{
	background-color:#CACACA;
	font-weight:500;
	color:#222222;
	box-shadow:0 0 3px 1px #C0C0C0;
}

.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:450;
    color:#D9D9D9;
    background-color:#404040;
    border-radius:4px;
    box-shadow:0 0 3px 1px #808080;
}

.button-gen-gray-3:hover
{
	background-color:#CACACA;
	font-weight:500;
	color:#222222;
	box-shadow:0 0 3px 1px #8C95E2;
}

.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:#F5F5F5;
    background-color:#404040;
    box-shadow:0 0 3px 1px #808080;
    opacity:.9;
}

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

.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:#FFFFFF;
    background-color:#4D569B;
    border-radius:4px;
    box-shadow:0 0 3px 1px #8C95E2;
    opacity:.95;
}

.settings-toggle-pick
{
    cursor:pointer;
    user-select:none;
    display:inline-block;
    width:90px;
    line-height:30px;
    font-size:14px;
    font-weight:450;
    text-align:center;
    color:#EDEDED;
    background-color:#1D1D1D;
    border:1px solid #565FAC;
    box-shadow:0 0 3px 0px #565FAC;
    user-select:none;
    opacity:.9;
}

.settings-toggle-pick:hover
{
	font-weight:500;
	box-shadow:0 0 3px 1px #565FAC;
	opacity:1;
}

.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;
    user-select:none;
    background-color:#4D569B;
	border:1px solid #565FAC;
	color:#FFFFFF;
	box-shadow:0 0 3px 0px #565FAC;
	opacity:.9;
}

.button-genre-add
{
	cursor:pointer;
	display:inline-block;
	user-select:none;
	height:20px;
	width:55px;
	line-height:16px;
	text-align:center;
	font-size:13px;
	font-weight:450;
	color:#C0C0C0;
    background-color:#222222;
    border-radius:4px;
    border:1px solid #A0A0A0;
    box-shadow:0 0 3px 0px #A0A0A0;
}

.button-genre-add:hover
{
	font-weight:500;
	color:#F5F5F5;
	border:1px solid #C0C0C0;
	box-shadow:0 0 3px 0px #C0C0C0;
}

.button-rating-expand
{
	cursor:pointer;
	display:inline-block;
	user-select:none;
	height:28px;
	width:116px;
	margin:10px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	font-weight:450;
	color:#D9D9D9;
    background-color:#222222;
    border-radius:4px;
    border:2px solid #B0B0B0;
    box-shadow:0 0 2px 0px #B0B0B0;
}

.button-rating-expand:hover
{
	background-color:#CACACA;
	font-weight:500;
	color:#222222;
	border:2px solid #CACACA;
	box-shadow:0 0 2px 1px #8C95E2;
}

.opacity-hover-95:hover
{
	opacity:.95 !important;
}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:#C0C0C0;
	border:0px;
	box-shadow:0px 0px 3px 0px #A0A0A0;
}

.searchinput:focus
{
	background-color:#EDEDED;
	box-shadow:0px 0px 3px 1px #565FAC;
}

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

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

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

#autofill-search
{
	display:none;
	position:relative;
	z-index:100;
	max-height:500px;
	margin-left:.5%;
	margin-right:.6%;
	margin-top:4px;
	border-radius:0 0 4px 4px;
	text-align:left;
    border-bottom:1px solid #C0C0C0;
    box-shadow:0 3px 5px 1px #A0A0A0;
    background-color:#EDEDED;
    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:#D4D4D4;
	color:#4D569B;
}

.autofill-search-row-hover
{
	background-color:#D4D4D4;
	color:#4D569B;
}

.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:400px;
	margin-top:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-weight:450;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	line-height:20px;
	box-sizing:border-box;
	border-collapse:separate;
	border:1px solid #A0A0A0;
	color:#CACACA;
	background-color:#222222;
	border-radius:4px;
	overflow:hidden;
	transition:all .2s;
}

.input-textarea-rating:focus
{
	color:#000000;
	background-color:#CACACA;
}

.rating-edit-tags-input
{
	display:inline-block;
	min-width:60px;
	height:26px;
	margin-bottom:15px;
	padding-left:8px;
	padding-right:8px;
	border-radius:4px;
	line-height:26px;
	font-size:14px;
	font-weight:450;
	color:#AFB8FF;
	background-color:transparent;
	border:1px solid #A0A0A0;
    box-shadow:0 0 2px 0px #A0A0A0;
    outline:0;
    overflow:hidden;
    -webkit-user-select:text;
    user-select:text;
}

.rating-edit-tags-input:focus
{
	border:1px solid #AFB8FF;
	box-shadow:0px 0px 2px 0px #AFB8FF;
	outline:0;
	overflow:hidden;
}

.rating-edit-tags-input-border
{
	display:inline-block;
	min-width:60px;
	height:26px;
	margin-bottom:15px;
	padding-left:8px;
	padding-right:8px;
	border-radius:4px;
	line-height:26px;
	font-size:14px;
	font-weight:450;
	color:#AFB8FF;
	background-color:transparent;
	border:1px solid #AFB8FF;
	box-shadow:0px 0px 2px 0px #AFB8FF;
    outline:0;
    overflow:hidden;
    -webkit-user-select:text;
    user-select:text;
}

.rating-edit-tags-container
{
	display:inline-block;
	position:relative;
	margin-left:5px;
	margin-right:5px;
}

.autofill-tag
{
	display:none;
	position:absolute;
	z-index:100;
	width:100%;
	margin-top:-6px;
	border-radius:0 0 4px 4px;
	text-align:left;
    box-shadow:0 0 3px 1px #A0A0A0;
    white-space:nowrap;
    overflow-x:hidden;
}

.autofill-tag:hover
{
	width:auto;
	min-width:100%;
}

.autofill-tag-hover
{
	position:absolute;
	z-index:100;
	margin-top:-6px;
	border-radius:0 0 4px 4px;
	text-align:left;
    box-shadow:0 0 3px 1px #A0A0A0;
    white-space:nowrap;
    overflow-x:hidden;
	width:auto;
	min-width:100%;
}

.autofill-tag-row
{
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
	font-weight:450;
	background-color:#484848;
    color:#D9D9D9;
}

.autofill-tag-row:hover
{
	border-radius:0px;
    background-color:#565FAC;
}

.autofill-tag-row-hover
{
	border-radius:0px;
    background-color:#565FAC;
}

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

.autofill-tag-row-alt:hover
{
	background-color:#B0B0B0;
    color:#000000;
}

.autofill-tag-row-hover-alt
{
	background-color:#B0B0B0;
    color:#000000;
}

#search-clear
{
	cursor:pointer;
	position:absolute;
	display:none;
	margin-top:20px;
	margin-left:-56px;
	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:#D9D9D9;
	background-color:#222222;
	border:1px solid #808080;
	box-shadow:0px 0px 3px 0px #A0A0A0;
}

.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:#B0B0B0;
    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:#B0B0B0;
}

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

.auth-input:focus::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#B0B0B0;
    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:#D9D9D9;
	background-color:#222222;
	border:1px solid #686868;
	box-shadow:0px 0px 3px 0px #808080;
}

.auth-input-my:focus
{
	border:2px solid #8C95E2;
	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;
}

.title-note-input
{
	display:inline-block;
	width:80px;
	margin-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-size:14px;
	font-weight:450;
	text-align:center;
	color:#AFB8FF;
	background-color:transparent;
	border:0px;
	border-bottom:1px solid #A0A0A0;
    box-sizing:border-box;
	border-collapse:separate;
}

.title-note-input:focus
{
	border-bottom:1px solid #AFB8FF;
}

.title-tag-input
{
	display:inline-block;
	width:80px;
	margin-top:4px;
	margin-bottom:6px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-size:14px;
	font-weight:550;
	text-align:center;
	color:#D9D9D9;
	background-color:transparent;
	border:0px;
	border-bottom:2px solid #A0A0A0;
    box-sizing:border-box;
	border-collapse:separate;
}

.title-tag-input:focus
{
	border-bottom:2px solid #0A9595;
}

.list-note-input
{
	display:inline-block;
	width:80px;
	margin-top:4px;
	margin-bottom:6px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	font-size:14px;
	font-weight:550;
	text-align:center;
	color:#D9D9D9;
	background-color:transparent;
	border:0px;
	border-bottom:2px solid #A0A0A0;
    box-sizing:border-box;
	border-collapse:separate;
}

.list-note-input:focus
{
	border-bottom:2px solid #AFB8FF;
}

.autofill-list
{
	display:none;
	position:absolute;
	z-index:100;
	margin-top:-6px;
	margin-left:41px;
	border-radius:0 0 4px 4px;
	text-align:left;
    box-shadow:0 0 3px 1px #A0A0A0;
    white-space:nowrap;
    overflow-x:hidden;
    background-color:#484848;
    color:#D9D9D9;
}

.listsearchinput
{
	height:28px;
	width:220px;
	box-sizing:border-box;
	padding-left:4px;
	margin-left:10px;
	margin-top:13px;
	padding-left:8px;
	border-collapse:separate;
	border-radius:4px;
	font-family:Inter,Helvetica Neue, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#282828;
	background-color:#C0C0C0;
	border:0px;
	box-shadow:0px 0px 3px 0px #A0A0A0;
	opacity:0;
	transition: opacity .2s;
}

.listsearchinput:focus
{
	background-color:#EDEDED;
	box-shadow:0px 0px 3px 2px #8C95E2;
}

.listsearchinput::placeholder
{
    font-family:Inter,Helvetica Neue, Arial, sans-serif;
    font-weight:400;
    color:#686868;
    opacity: 1;
    text-align:center;
    padding:left:0px;
    margin-right:8px;
}

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

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

#autofill-list-search
{
	display:none;
	position:absolute;
	z-index:500;
	max-height:500px;
	margin-top:4px;
	margin-left:122px;
	border-radius:0 0 4px 4px;
	text-align:left;
    border-bottom:1px solid #C0C0C0;
    box-shadow:0 3px 5px 1px #A0A0A0;
    background-color:#EDEDED;
    color:#282828;
    overflow-y:scroll;
}

.autofill-list-search-row
{
	height:36px;
	padding-left:14px;
	padding-right:14px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:15px;
	font-weight:400;
}

.autofill-list-search-row:hover
{
	background-color:#D4D4D4;
	color:#454C8A;
}

.autofill-list-none
{
	padding-left:14px;
	padding-right:14px;
	padding-top:14px;
	padding-bottom:14px;
	font-size:15px;
	font-weight:400;
}.no-scroll::-webkit-scrollbar
{
    display:none;
}#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 #484848;
    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 #484848;
    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;
    font-weight:500;
    color:#C0C0C0;
    border-radius:4px;
    background-color:transparent;
}

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

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

#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 #484848;
    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 #484848;
    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;
    font-weight:500;
    color:#C0C0C0;
    border-radius:4px;
    background-color:transparent;
}

#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;
    font-weight:500;
    color:#C0C0C0;;
    border-radius:4px;
    background-color:transparent;
}.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;
    font-weight:450;
    color:#C0C0C0;
}

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

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

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

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