/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by onyxdaman -------------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@import "https://dl.dropboxusercontent.com/s/1qs3gwfkljlgeex/peach-icon-topbar.css";
@import url(https://malcat-gen.appspot.com/series?preset=more);


body
{background-image: url(https://dl.dropboxusercontent.com/s/ua22oe6k35cap2q/kotori-dal.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
color: #493034;
font-family: Calibri;
font-size: 18px;}

#list_surround
{position: absolute;
width: 650px;
left: 175px;
top: 15px;
padding-top: 150px;
background-image: url(https://dl.dropboxusercontent.com/s/fdjkvw9etilbp8d/dallogo.png);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;}

a
{color: #992d49;
text-decoration: none;}

strong
{font-weight: normal !important;}

.td1, .td2
{background-color: rgba(225, 116, 121, 0.6);}

tr:hover [class^=td]
{background-color: rgba(225, 116, 121, 0.2);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

tr:hover [class^=td] .animetitle
{font-weight: bold;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.header_title span
{display: none;}
.header_title
{height: 40px;}

.header_cw
{background-image: url(https://dl.dropboxusercontent.com/s/fkdobvqnhhgz1kz/kotori-cw.png);
background-position: center;
background-repeat: no-repeat;}
.header_completed
{background-image: url(https://dl.dropboxusercontent.com/s/adnsbbhh7a8azdl/kotori-completed.png);
background-position: center;
background-repeat: no-repeat;}
.header_onhold
{background-image: url(https://dl.dropboxusercontent.com/s/kyupp0pgeiefsgx/kotori-onhold.png);
background-position: center;
background-repeat: no-repeat;}
.header_dropped
{background-image: url(https://dl.dropboxusercontent.com/s/ipi8bvrylvtjjhz/kotori-dropped.png);
background-position: center;
background-repeat: no-repeat;}
.header_ptw
{background-image: url(https://dl.dropboxusercontent.com/s/727xu2jps9xpq19/kotori-ptw.png);
background-position: center;
background-repeat: no-repeat;}

.table_header, .category_totals
{background-color: rgba(225, 116, 121, 0.9);
font-weight: normal !important;
height: 20px;}

.category_totals
{border-radius: 0 0 8px 8px;
font-size: 12px;
text-align: center;
color: #fff;}

.table_header:first-of-type
{border-radius: 8px 0 0 0;}

.table_header:last-of-type
{border-radius: 0 8px 0 0;}

.table_header:nth-of-type(2)
{padding-left: 42px;}

.table_headerLink
{color: #fff !important;}

#grand_totals, #copyright
{background-color: rgba(225, 116, 121, 0.9);
font-size: 12px;
text-align: center;
height: 20px;
line-height: 20px;
border-radius: 8px;
color: #fff;}

.status_selected, .status_not_selected
{display: block;
position: fixed;
left: 17px;
height: 22px;
width: 120px;
padding: 0 10px 0 10px;
background-color: rgba(225, 116, 121, 0.3);}

.status_selected:first-of-type a, .status_not_selected:first-of-type a
{font-size: 0px !important;
color: transparent !important;}

.status_selected:first-of-type a:before, .status_not_selected:first-of-type a:before
{content: "Watching";
font-size: 18px !important;
color: #992d49 !important;}

.status_selected a
{color: #493034;}

.status_selected a:hover, .status_not_selected a:hover
{font-weight: bold;}

.status_selected:first-of-type, .status_not_selected:first-of-type
{top: 20px;
border-radius: 8px 8px 0 0;}
.status_selected:nth-of-type(2), .status_not_selected:nth-of-type(2)
{top: 42px;}
.status_selected:nth-of-type(3), .status_not_selected:nth-of-type(3)
{top: 64px;}
.status_selected:nth-of-type(4), .status_not_selected:nth-of-type(4)
{top: 86px;}
.status_selected:nth-of-type(5), .status_not_selected:nth-of-type(5)
{top: 108px;}
.status_selected:last-of-type, .status_not_selected:last-of-type
{top: 130px;
border-radius: 0 0 8px 8px;}

::-webkit-scrollbar
{width:10px;
background-color: #ffffff;}
 
::-webkit-scrollbar-thumb:vertical
{background-color: rgba(225, 116, 121, 0.6);
border: 2px solid #fff;
border-radius: 4px;}   

::-webkit-scrollbar-thumb:vertical:hover
{background-color: rgba(225, 116, 121, 0.9);}

/* THUMBNAIL SETTINGS */
.hide
{height: 50px;
width: 30px;
margin-left: 33px;
margin-top: -57px;
border:1px solid #e17479;
background-color: rgba(225, 116, 121, 0.6);
background-position: 50% 50%;
background-repeat: no-repeat no-repeat;
background-size: cover;
border-bottom-left-radius: 1px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 1px;
display: inline-block !important;
position: absolute;}

/* THUMBNAIL HOVER SETTING */
.hide:hover
{margin-left: -162px;
padding-right: 120px;
padding-top: 180px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:15px;
border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:15px;
box-shadow: 4px 4px 5px 0px rgba(225, 116, 121,0.65);
position:absolute;
z-index:1;}

/* THUMBNAIL HOVER FLICKER FIX */
.hide:hover:after
{background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;}

/*ANIMATION FOR ZOOM */
*
{-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;}

/*ROW WIDTH AND SPACING */
.td1:nth-of-type(2), .td2:nth-of-type(2)
{height: 62px;
padding-left: 42px;}

/* REMOVES "MORE" BUTTON */
#list_surround div[style="float: right;"]
{font-size: 0 !important;
color: transparent !important;}

#list_surround div[style="float: right;"] a
{font-size: 16px !important;
color: #992D49 !important;}

a[title="View More Information"]
{display: none !important;}