/*
Theme Name: Animes Online
Theme URI: https://animesonline.eco.br
Author: Animes Online
Author URI: https://animesonline.eco.br
Description: Tema Responsivo de Animes
Version: 1.0
*/
/* HTML */
body {
background-color: #1d1d1d;
color: #FFF;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 20px;
}
body, html {
height: 100% !important;
}
a {
text-decoration: none;
}
a, a:hover {
color: #c62828;
}
* {
box-sizing: border-box;
outline:none
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
/* Icons */
.i-Search {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/icons/icon-search.png);
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
}
/* Especiais */
.rvlAlign {
max-width: 1170px;
margin: auto;
}
/* Header */
.mHeader {
background: #c62828;
position: relative;
}
.menuBtnC {
padding: 25px;
float: left;
font-weight: bolder;
text-transform: uppercase;
cursor: pointer;
}
.menuBtn {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/icons/icon-menu.png);
width: 25px;
height: 19px;
display: inline-block;
vertical-align: text-bottom;
margin-right: 5px;
}
.logoC {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/assets/bgLogo.png);
width: 376px;
height: 113px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 99;
}
.LogoIcon {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/assets/newlogo.png);
width: 193px;
height: 49px;
position: absolute;
top: 31px;
left: 0;
right: 0;
margin: auto;
}
.HistoricoBtnC {
padding: 25px;
float: right;
font-weight: bolder;
text-transform: uppercase;
cursor: pointer;
}
.HistoricoBtnC a {
color: #fff;
text-decoration: none;
}
.HistoricoBtn {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/icons/icon-historico.png?nocache);
width: 19px;
height: 19px;
display: inline-block;
vertical-align: text-bottom;
margin-left: 5px;
}
/* SubHeader */
.subHeader {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/subHeader.jpg);
height: 226px;
overflow: hidden;
position: relative;
}
.subHeaderHero {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/assets/hero.png);
width: 80px;
height: 228px;
position: absolute;
top: 0;
right: 36%;
}
/* Busca SubHeader */
.buscaMobile {
position: absolute;
right: 30px;
top: 23px;
font-size: 23px;
display: none;
cursor: pointer;
}
.busca {
max-width: 760px;
text-align: center;
margin: auto;
margin-top: 100px;
}
.busca form {
width: 100%;
position: relative;
border-radius: 3px;
overflow: hidden;
z-index: 2;
}
.busca input {
border: none;
padding: 15px;
width: 100%;
color: #000;
}
.busca-submit {
position: absolute;
top: 0;
right: 0;
background: #fff;
border: none;
padding: 12.8px;
}
/* Letras */
.letras {
background: #111111;
padding: 10px;
margin-bottom: 10px;
overflow-x: auto;
}
.letras ul {
list-style: none;
margin: 0 0 -5px;
padding: 0;
width: 1140px;
}
.letras ul li {
display: inline-block;
}
.letras ul li a {
width: 40px;
height: 40px;
line-height: 40px;
overflow: hidden;
display: inline-block;
background: #0c0c0c;
color: #c62828;
transition: .2s all;
margin-right: 2px;
text-align: center;
}
.letras ul li a:hover {
text-decoration: none;
color: #fff;
background: #c62828;
}
/* SideMenu */
.sideMenu {
display: none;
position: fixed;
left: 0;
height: 100%;
width: 320px;
background: #c62828;
top: 0;
z-index: 9999999999999;
box-shadow: 5px 0px 10px rgba(0,0,0,0.2);
overflow-y: auto;
}
.closeSideMenu {
position: absolute;
top: 5px;
right: 5px;
padding: 10px;
font-size: 25px;
cursor: pointer;
}
.sideMenu ul {
list-style: none;
margin: 55px 0 0;
padding: 0;
}
.sideMenu ul li {
display: block;
}
.sideMenu ul li a {
display: block;
text-align: center;
background: #b72020;
color: #fff;
overflow: hidden;
padding: 10px;
margin-bottom: 2px;
transition: .2s all ease;
}
.sideMenu ul li a:hover, .sideMenu ul li a:active, .sideMenu ul li a:visited, .sideMenu ul li a:link {
text-decoration: none;
background: #ab1f1f;
}
/* Breadcrumbs */
.crumbs {
background: #111111;
padding: 10px;
margin-bottom: 10px;
font-size: 12px;
}
.crumbs .container a {
color: #fff;
text-decoration: none!important;
display: inline-block;
padding: 10px;
background: #050505;
margin-bottom: 5px;
}
.crumbs .container .current {
color: #c62828;
text-decoration: none!important;
display: inline-block;
padding: 10px;
background: #050505;
}
.crumbs .container .delimiter {
color: #fff;
text-decoration: none!important;
display: inline-block;
padding: 10px;
background: #050505;
}
/* Texto Index */
.pagina-conteudo {
margin-bottom: 40px;
}
.pagina-titulo {
padding: 10px;
background: #151515;
margin-bottom: 20px;
}
.pagina-titulo h1, .pagina-titulo h2 {
float: left;
font-size: 15px;
padding: 0;
margin: 0;
}
.pagina-titulo i {
color: #c62828;
font-size: 25px;
vertical-align: middle;
margin-right: 5px;
}
.pagina-subtitulo {
font-size: 18px;
}
.pagina-texto {
color: #BBBBBB;
margin-bottom: 15px;
}
.btn-texto {
float: right;
text-align: center;
background: #c62828;
width: 25px;
height: 25px;
line-height: 23px;
border-radius: 100%;
}
.btn-texto, .btn-texto:hover {
color: #FFF;
}
.btn-texto:hover {
background-color: #202020;
text-decoration: none;
}
/* Single */
.post {
margin-bottom: 20px;
width: calc(100% - 310px);
}
.meio-conteudo {
position: relative;
}
.post-titulo {
font-size: 20px;
margin: 0 0 20px;
padding: 0 0 9px;
border-bottom: 1px #18130F solid;
font-weight: 600;
}
.post-video {
width: 100%;
margin-bottom: 5px;
position: relative;
border: 6px solid #151515;
border-radius: 3px;
}
.post-video iframe, .post-video video {
width: 100%;
}
.post-texto {
margin-bottom: 5px;
background-color: #141414;
padding: 8px 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-tags {
margin-bottom: 4px;
}
.post-capa {
float: left;
margin: 0 10px 0 0;
}
.post-capa img {
max-width: 180px;
float: left;
margin-bottom: 10px;
}
.post-infos {
margin: 0;
padding: 0;
list-style: none;
}
.post-infos p {
clear: both;
margin-top: 10px;
padding: 10px;
font-size: 13px;
background: #1d1d1d;
}
.post-infos li {
border-bottom: 1px #222 dashed;
padding: 4px;
overflow: hidden;
}
.post-infos b, .post-infos span {
float: left;
}
.post-infos b {
width: 180px;
}
.post-infos span {
width: calc(100% - 180px);
}
.post-botoes {
margin: 0 -2px 5px;
height: 36px;
}
.post-botoes ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.post-botoes li {
float: left;
padding: 0 2px;
width: 33.33333%;
}
.post-botoes a {
background-color: #141414;
color: #FFF;
display: block;
padding: 0 8px;
text-align: center;
line-height: 36px;
}
.post-botoes a:hover {
background-color: #050505;
color: #c62828;
text-decoration: none;
}
.post-botoes a.inativo, .post-botoes a.inativo:hover {
background-color: #181818;
color: #777;
}
/* Controles - Compartilhamento e ver com amigos */
.barActions {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.barActionsShare {
width: calc(100% - 200px);
display: flex;
justify-content: space-between;
}
.barActionsShare a {
text-align: center;
background: #141414;
width: 100%;
margin-right: 4px;
padding: 10px;
}
.epVideoAction {
width: 200px;
text-align: center;
padding: 10px;
background: #c62828;
cursor: pointer;
}
.barActionsShare a.fb {
background: #3b5998;
}
.barActionsShare a.wpp {
background: #25D366;
}
.barActionsShare a.tt {
background: #00aced;
}
/* Single - Lista de Episódios */
.episodios-titulo {
font-size: 18px;
padding: 10px;
margin-bottom: 0;
margin-top: 0;
background: #b72020;
}
.episodios {
margin: 0 0 15px;
padding: 0;
list-style: none;
}
.episodios li {
background-color: #141414;
padding: 5px 5px 5px 91px;;
margin-bottom: 2px;
position: relative;
height: 50px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: .2s all ease;
}
.episodios a {
display: block;
}
.episodios h2 {
color: #FFF;
margin: 0 0 4px;
font-size: 13px;
font-weight: 600;
}
.episodios img {
width: 80px;
height: 40px;
object-fit: cover;
display: block;
position: absolute;
top: 5px;
left: 5px;
}
.episodios span {
font-size: 12px;
}
.listaEpInfosEp {
display: block;
}
.listaEpInfosEp span {
margin-right: 10px;
color: #ccc;
}
.episodios li:hover a {
text-decoration: none;
}
.episodios li:hover {
background-color: #181818;
}
.episodios li:hover h2 {
color: #c62828;
}
/* Histórico */
.responsiveCal {
 
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
 
}
 
.responsiveCal iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}

.historicoLateral {
background: #181818;
padding: 10px;
margin-bottom: 10px;
position: absolute;
}
.historicoLateralTitulo {
background: #111;
padding: 10px;
font-size: 13px;
font-weight: bolder;
margin: -10px -10px 10px;
}
.historicoItem {
display: block;
background: #151515;
margin: 0 -10px 5px;
overflow: hidden;
padding: 10px;
}
.historicoItemCapa {
width: 100px;
overflow: hidden;
float: left;
overflow: hidden;
margin-right: 5px;
height: 60px;
}
.historicoItemCapa img {
width: 100%;
height: 100%;
}
.historicoItemNome {
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}
.historicoItemVideo {
font-size: 11px;
color: #9d9d9d;
}
.historicoItem a:hover {
text-decoration: none;
}
.historicoPage {
padding: 10px;
background: #181818;
}
.historicoPageTitulo {
padding: 10px;
background: #111;
margin: -10px -10px 10px -10px;
}
.historicoPageTitulo a {
float: right;
color: #fff;
}
.top100Item {
display: block;
background: #111;
margin: 0 -10px 5px;
padding: 10px;
color: #fff;
transition: .2s all;
}
.top100Item:hover {
text-decoration: none;
color: #c62828;
}
/* Páginação */
.paginacao {
margin: 15px 0 25px;
padding: 0;
text-align: center;
}
.paginacao li {
display: inline-block;
list-style: none;
margin: 2px;
font-weight: 700;
}
.paginacao li a, .paginacao li em {
background: #151515;
display: inline-block;
font-size: 12px;
}
.paginacao li a, .paginacao li em {
display: block;
color: #fff;
text-decoration: none;
padding: 5px 10px;
font-style: normal;
}
.paginacao li.active a, .paginacao li a:hover {
background: #c62828;
color: #fff;
}
/* Footer */
.rodape {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/assets/bgFooter.png) center;
height: 118px;
position: relative;
margin-top: 140px;
}
.creditos {
width: 430px;
position: relative;
z-index: 3;
top: 32px;
left: 0;
clear: both;
overflow: hidden;
}
.LogoFooter {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/assets/newlogo.png);
width: 193px;
height: 49px;
margin: auto;
margin-bottom: -10px;
}
.copy {
font-size: 11px;
}
.heroFooter {
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/assets/hero-footer.png);
width: 274px;
height: 269px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
/* RiverLab Logo Animação */
.riverlabFooter {
position: relative;
z-index: 3;
bottom: -49px;
}
.RiverLabSvg {
position: absolute;
bottom: -10px;
right: 10px;
}
.RiverLab_logo {
width: 110px;
height: 50px;
display: flex;
overflow: hidden;
}
.RiverLab_text {
color: #fff;
font-size: 8px;
text-transform: uppercase;
font-weight: bolder;
opacity: 0;
transition-property: all;
transition-duration: .2s;
transition-delay: .1s;
margin-top: -5px;
}
.RiverLab_logo img {
transition-duration: 1s;
}
.RiverLab_logo img:first-child {
transform: translateX(90px);
transition-property: all;
transition-duration: .5s;
transition-delay: 1.2s;
}
.RiverLab_logo img:nth-child(2n) {
transform: translateY(50px);
transition-property: all;
opacity: 0;
transition-delay: .5s;
}
.RiverLab_logo img:nth-child(3n) {
transform: rotate(180deg) translateX(-55px) translateY(-50px);
transition-property: all;
opacity: 0;
transition-delay: .5s;
}
.RiverLab_logo img:nth-child(4n) {
transform: rotate(180deg) translateY(-50px) translateX(11.5px);
transition-property: all;
transition-delay: .3s;
}
.RiverLab_logo:hover + .RiverLab_text {
opacity: 1;
transition-property: all;
transition-duration: .5s;
transition-delay: 1.3s;
}
.RiverLab_logo:hover img:first-child {
transform: translateX(0px);
transition-delay: .1s;
}
.RiverLab_logo:hover img:nth-child(2n) {
transform: translateY(0px);
opacity: 1;
transition-delay: .4s;
}
.RiverLab_logo:hover img:nth-child(3n) {
transform: rotate(180deg) translateX(-55px) translateY(2px);
opacity: 1;
transition-delay: .4s;
}
.RiverLab_logo:hover img:nth-child(4n) {
transform: rotate(180deg) translateY(2px) translateX(11.5px);
opacity: 1;
transition-delay: .5s;
}
/* Banners */
.anuncios {
margin: 10px 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
}
.anuncios li {
display: inline-block;
margin: 0 10px 10px;
vertical-align: top;
}
.anuncios img,
.anuncios iframe {
max-width: 100%;
}
.anuncios li.anuncio-mobile {
display: none;
}
/* Media Querys */
/* Media Query 1075 */
@media only screen and (max-width: 1075px) {
.rodape {
background: #151515;
border-top: 6px solid #c62828;
height: 125px;
}
.creditos {
margin: auto;
}
}
/* Media Query 995 */
@media only screen and (max-width: 995px) {
.lateral, .post-banners {
display: none;
}
}
/* Media Query 870 */
@media only screen and (max-width: 870px) {
.subHeaderHero {
right: 16%;
}
}
/* Media Query 620 */
@media only screen and (max-width: 620px) {
.logoC {
background: none;
width: 193px;
height: 49px;
}
.LogoIcon {
top: 17px;
}
}
/* Media Query 560 */
@media only screen and (max-width: 560px) {
.conteudo .post-capa {
float: none;
margin: auto;
}
}
/* Media Query 500 */
@media only screen and (max-width: 500px) {
.menuBtnC span {
display: none;
}
.subHeaderHero {
display: none;
}
.logoC {
width: 113px;
}
.buscaMobile {
display: block;
}
.LogoIcon {
width: 105px;
height: 25px;
top: 26px;
background-size: 110px;
}
.subHeader {
height: 51px;
display: none;
}
.busca {
margin-top: 0;
max-width: 100%;
}
.busca form {
border-radius: 0;
}
.subHeader .container {
width: 100% !important;
max-width: 100% !important;
padding: 0;
}
.HistoricoBtnC {
display: none;
}
}
@media (max-width: 768px) {
.anuncios li.anuncio-mobile {
display: inline-block;
}
.anuncios li.anuncio-desktop {
display: none;
}
}
.topo-logo {
width: 100%;
text-align: center;
margin-top: 36px;
}
.logo-nome {
font-size: 43px;
font-weight: 600;
line-height: 32px;
display: inline-block;
}
.topo-logo a {
color: #FFFF;
display: inline-block;
text-decoration: none;
text-shadow: 1px 1px #D1680D;
}
@media (max-width: 768px) {
.topo-logo {
width: 100%;
position: relative;
padding: 0 50px;
text-align: center;
margin-top: 0;
height: 88px;
}
.topo-logo img {
height: 88px;
max-width: 100%;
}
.topo-logo button {
position: absolute;
top: 24px;
height: 35px;
border: 0;
width: 40px;
background-color: #BE0000;
color: #FFF;
}
.topo-logo button:hover {
opacity: 0.8;
}
.meio {
margin-top: 25px;
}
}
.videos {
margin: 0 -4px 15px;
}
.video {
float: left;
width: 25%;
padding: 0 4px;
margin-bottom: 8px;
}
.video-conteudo {
background-color: #151515;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.video-thumb {
background-color: #000;
position: relative;
margin-bottom: 4px;
}
.video-thumb::before {
content: '';
display: inline;
width: 100%;
height: 40px;
background: -moz-linear-gradient(top,rgba(20,20,20,0) 0%,rgba(20,20,20,.99) 70%,rgba(20,20,20,1) 99%,rgba(20,20,20,1) 100%);
background: -webkit-linear-gradient(top,rgba(20,20,20,0) 0%,rgba(20,20,20,.99) 70%,rgba(20,20,20,1) 99%,rgba(20,20,20,1) 100%);
background: linear-gradient(to bottom,rgba(20,20,20,0) 0%,rgba(20,20,20,.99) 70%,rgba(20,20,20,1) 99%,rgba(20,20,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a0a0a',endColorstr='#0a0a0a',GradientType=0 );
position: absolute;
left: 0;
bottom: 0;
}
.video-thumb img {
width: 100%;
height: 160px;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.video h2 {
color: #FFF;
margin: 0 0 2px;
padding: 0px 10px;
font-size: 13px;
font-weight: 600;
line-height: 15px;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.video p {
color: #555;
height: 30px;
overflow: hidden;
font-size: 12px;
line-height: 15px;
margin: 0;
}
.selo-tipo,
.selo-tempo {
color: #FFF;
position: absolute;
bottom: 0px;
display: block;
padding: 0 8px;
font-size: 12px;
line-height: 22px;
font-weight: 600;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 2;
}
.selo-tipo {
background-color: #111; 
left: 5px;
}
.selo-tempo {
background-color: #c62828;
right: 5px;
}
.video-info {
color: #fff;
font-size: 11px;
margin-bottom: 2px;
overflow: hidden;
padding: 5px 10px;
}
.video-data {
float: left;
}
.video-ep strong,
.video-data i {
color: #c62828;
}
.video-ep {
float: right;
}
.video-play {
display: none;
background: url(https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/animesonlinered1/img/play.png) 50% 50% no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
transition: none;
z-index: 1;
}
.video:hover .video-play {
display: block;
}
.video:hover a {
text-decoration: none;
}
.video:hover h2 {
color: #B2B2B2;
}
.video:hover .video-thumb img {
}
@media (max-width: 992px) {
.video {
width: 25%;
}
.video-thumb img {
height: 135px;
}
}
@media (max-width: 768px) {
.video {
width: 33.33333%;
}
}
@media (max-width: 480px) {
.video {
width: 50%;
}
.video-thumb img {
height: 132px;
}
}
@media only screen and (max-width: 645px) {
.rodape	{
height: 150px;
}
.creditos {
max-width: 450px;
width: 100%;
text-align: center;
}
.heroFooter {
display: none;
}
.RiverLabSvg {
bottom: -35px;
}
}
@media (max-width: 640px) {
.post-botoes a {
font-size: 12px;
}
}
.post-comentarios {
margin-bottom: 10px;
background-color: #141414;
padding: 8px 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.lateral {
float: right;
width: 300px;
margin-bottom: 25px;
}

.lateral ul {
margin: 0 0 10px;
}

.post-banners li {
margin: 0 0 10px;
vertical-align: top;
}

.vjs-poster {
background: no-repeat center;
background-size: cover; 
}

.video-dimensions {
width: 100%;
}

@media (max-width: 992px) {
.post {
width: 100%;
}

.lateral {
margin-bottom: 15px;
}

.lateral,
.post-banners {
width: 100%;
display: none;
}

.lateral ul {
margin: 0;
}

.post-banners li {
margin: 0 5px 5px;
}
}

@media (min-width: 768px) {

.post-video iframe,
.video-dimensions {
height: 420px;
}
}

@media (max-width: 768px) {

.post-video iframe,
.video-dimensions {
height: 240px;
}
}

@media only screen and (max-width: 480px) {
.rodape {
height: 200px;s
}
}
@media (max-width: 480px) {
.rodape {
height: 200px;s
}
.post-capa img {
max-width: 100%;
width: 100%;
margin-bottom: 15px;
}

.post-botoes span {
display: none;
}
}

.fixed {
position: fixed;
  z-index: 99999;
  top: 0;
}

@media (max-width: 992px) {
.fixed {
position: inherit;
}
}

.wprc-container {
	display: block;
	float: right;
	width: 100%;
	margin: 20px 0;
}

.wprc-container.red-colorscheme .wprc-content {
	border-top: 4px solid #c62828;
}

.wprc-container.blue-colorscheme .wprc-content {
	border-top: 4px solid #4785CC;
}

.wprc-container.green-colorscheme .wprc-content {
	border-top: 4px solid #6CBE56;
}

.wprc-container .wprc-content {
	background: #F6F6F6;
	border-top: 4px solid #FDCE3A;
	width: 100%;
	padding: 20px;
	display: none;
	clear: both;
	box-shadow: 0 3px 3px #B8B8B8;
}

.wprc-content .left-section,
.wprc-content .right-section {
	width: 50%;
}

.wprc-content .left-section {
	float: left;
}

.wprc-content .right-section {
	float: right;
	padding-left: 20px;
}

.wprc-content .right-section li {
	height: 100%;
}

.clear {
	clear: both;
}

div.wprc-content li {
	list-style: none outside none;
	margin: 0;
}

.wprc-content textarea,
.wprc-content input[type='text'],
.wprc-content input[type='email'],
.wprc-content input[type='password'],
.wprc-content select {
	resize: none;
	width: 100%;
	padding: 5px;
	color:black;
}

.wprc-content,
.wprc-content textarea,
.wprc-content input,
.wprc-content select,
.wprc-content .left-section,
.wprc-content .right-section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
}

.wprc-content .required-sign {
	color: #FF0000;
}

.wprc-content .input-details {
	height: 135px;
}

.wprc-container .wprc-switch {
	float: right;
}

.wprc-message.error,
.wprc-message.success {
	background-image: url("https://web.archive.org/web/20250315040324im_/https://animesonline.red/wp-content/themes/img/sprites.png");
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 10px 10px 10px 50px;
	margin-bottom: 10px;
}

.wprc-message.error {
	background-color: #E85E2B;
	background-position: 10px 7px;
}

.wprc-message.success {
	background-color: #6CBE56;
	background-position: 10px -39px;
}

.wprc-content .loading-img {
	vertical-align: middle;
	box-shadow: none;
	border: 0 none;
}

.wprc-container.red-colorscheme button.wprc-switch,
.wprc-container.red-colorscheme button.wprc-switch:hover,
.wprc-container.red-colorscheme button.wprc-switch:active,
.wprc-container.red-colorscheme button.wprc-submit,
.wprc-container.red-colorscheme button.wprc-submit:hover,
.wprc-container.red-colorscheme button.wprc-submit:active {
	background: #c62828;
	border: 1px solid #c62828;
	color: #FFFFFF;
}

.wprc-container.blue-colorscheme button.wprc-switch,
.wprc-container.blue-colorscheme button.wprc-switch:hover,
.wprc-container.blue-colorscheme button.wprc-switch:active,
.wprc-container.blue-colorscheme button.wprc-submit,
.wprc-container.blue-colorscheme button.wprc-submit:hover,
.wprc-container.blue-colorscheme button.wprc-submit:active {
	background: #4785CC;
	border: 1px solid #4785CC;
	color: #FFFFFF;
}

.wprc-container.green-colorscheme button.wprc-switch,
.wprc-container.green-colorscheme button.wprc-switch:hover,
.wprc-container.green-colorscheme button.wprc-switch:active,
.wprc-container.green-colorscheme button.wprc-submit,
.wprc-container.green-colorscheme button.wprc-submit:hover,
.wprc-container.green-colorscheme button.wprc-submit:active {
	background: #6CBE56;
	border: 1px solid #6CBE56;
	color: #FFFFFF;
}

.wprc-content .wprc-submit {
	margin-top: 10px;
}

.wprc-container button.wprc-switch,
.wprc-container button.wprc-switch:hover,
.wprc-container button.wprc-switch:active,
.wprc-content button.wprc-submit,
.wprc-content button.wprc-submit:hover,
.wprc-content button.wprc-submit:active {
	border: 1px solid #c62828;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 15px;
}