/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .imgloading {
  background: url(https://unilever.taleo.net/careersection/theme/482542/1484224545000/es/theme/images/loader.gif)no-repeat;
  background-position: center;
  min-height: 200px;
}

a#next-page,
a#prev-page {
  margin-right: 10px;
}

#jump {
	margin-bottom: 45px;
}

select {
	margin: 0 10px;
}

.chapter-link {
	padding: 5px;
}

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

.volume-number {
 font-weight: bold;
 margin-top: 1rem;
 color: white;
}


.current-image {
  text-align: center;
  margin: auto;
}

.current-image a {
	display: inline-block;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.center {
	margin: auto;
	text-align: center;
	display: block;
}

#manga-nav {
 padding: 1rem;
 background: #ddd;
 margin-bottom: 2rem;
 overflow: hidden;
}

#chapter-select {
  margin-right: 15px;
  background-color: white;
}
#page-select{
  background-color: white;
}
.manga-image {
  margin: auto;
  text-align: center;
}
.separado {
  padding: 15px 0;
}
.ancho {
  width: 100%;
}
.whitetext{
  color:white;
}
.margin-none {
  margin: 0!important;
}
.arrowtext {
  text-transform: uppercase;
}
.arrowleft{
  text-align: left;
}
.arrowright{
  text-align: right;
}
a.returnmanga:link {
  color: white !important;
  text-decoration: none !important;
  display: inline-block;
  padding: 5px 20px;
  background-color: #333367;
  border: 1px solid transparent;
  border-radius: 9px;
}
.returncontent{
  padding-left: 0px !important;
}
a.returnmanga:visited {
  color:white !important;
  text-decoration: none !important;
}
a.returnmanga:hover{
  color:white !important;
  text-decoration: none !important;
}

.centercontent{
  text-align: center !important;
}
.toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 92px;
  height: 32px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.3s;
  font-family: 'Estiloso';
  margin: 0px 6px 0 !important;
}

.toggle:before {
  content: "Paginado Cascada";
  display: block;
  position: absolute;
  z-index: 2;
  width: 28px;
  height: 28px;
  background: #fff;
  left: 63px;
  top: 2px;
  border-radius: 50%;
  font: 10px/28px Helvetica;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -57px;
  word-spacing: 37px;
  color: #fff;
  text-shadow: -1px -1px rgba(0,0,0,0.15);
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
  font-family: 'Estiloso';
}

.toggle:checked {
  background-color: #333367;
}

.toggle:checked:before {
  left: 2px;
}
.paginacionh{
  height: 40px !important;
}
.chapterh{
  height: 30px !important;
}
.arrowtext{
 color:white !important;
 text-decoration: none !important; 
}
/*.td-container {
    width: 100% !important;
    margin-right: auto;
    margin-left: auto;
}
.td-main-content-wrap {
    padding-bottom: 0px!important;
    }*/
    .downloadlink{
      text-align: center !important;
    }
    @font-face {
      font-family: 'Estiloso'; /*a name to be used later*/
      src: url('../fonts/Panton-BlackitalicCaps.otf'); /*URL to font*/
    }

    .estiloso{
      font-family: 'Estiloso';
    }
    a.tdowload{
      font-size: 25px;
      text-decoration: none !important;
    }

    ul.newli, ol.newli{
      /*margin: 0;padding: 0;*/
      list-style: none;
    }
    li.newlic {
      background: #0e7cbb;
      color: #fff;
      counter-increment: myCounter;
      margin: 0 0 30px 0;
      padding: 13px;
      position: relative;
      top: 1em;
      border-radius:  0em 2px 1em 1em;
      padding-left: 2em;
      font-size: 1.2em;
      font-family: Constantia;
    }
    li.newlic:before{
      content: counter(myCounter, decimal-leading-zero);
      display: inline-block;
      text-align: center;
      font-size: 2em;
      line-height: 1.3em;
      background-color:  #434A54;
      padding: 10px;
      font-weight: bold;
      position: absolute; 
      top: 0;
      left: -40px;
      border-radius: 50%;
      font-family: exo;
    }


    li.newlic:nth-child(even){
      background-color: #0e7cbb;
    }
    p.listcap{
      color: black;
      text-decoration: unset;
      font-family: estiloso;
      cursor: pointer;
    }
    .lector{
      /*background-color:black;*/
      background-color:2px solid #e7e9ee;
    }
    p.volu{
      display: inline;
      text-align: right;
      float: right;
      font-weight: bold;
      font-family: estiloso;
      margin-bottom: 0px !important ;
    }
    a:hover.sinl{
     text-decoration: unset !important;
   }
   a.sinl{
     padding: 6px 6px !important;
     margin-left: -2px !important;
   }
   @media (max-width: 400px) {
    a.listcap{
      color: black;
      text-decoration: unset;
      font-family: estiloso;
      font-size: 13px !important;
    }
    p.volu{
      display: inline;
      text-align: right;
      float: right;
      font-weight: bold;
      font-family: estiloso;
      margin-bottom: 0px !important ;
      font-size: 13px !important;
    }
  }
  .centrado{
    text-align: center;
  }
  .itemlist:hover{
    background-color: rgb(241, 241, 241);  
  }
  .lectura{
    cursor: pointer;
  }
  .leido{
    color:#2957ba;
  }
  .aspect {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    overflow: hidden;
  }
  
  .aspect__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  /* Add more aspect ratios here */
  .aspect--16x9 {
    padding-bottom: 56.25%;
  }
  .mangaListItem {
    position: relative;
    max-width: 220px;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #ffffff;
  border-color: #e2e9e6;
}
.mangaListItem .panel-body {
  padding: 0!important;
}
.mangaThumbnail {
  position: relative;
}
.mangaListItem .type-info {
  font-weight: bold;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  color: white;
  margin: 5px;
  padding: 2px;
  text-shadow: 1px 1px 0 #333;
}
.bg-blue-400 {
  background-color: #2957ba;
}
.capituloInfo {
  color: white;
  padding: 2px;
  text-shadow: 1px 1px 0 #333;
  background: rgba(0, 0, 0, 0.44);
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.text-center {
  text-align: center;
}
.text-white {
  color: #ffffff;
}
a.text-white:visited {
  color:white !important;
  text-decoration: none !important;
}
a.text-white:hover{
  color:white !important;
  text-decoration: none !important;
}
.text-light {
  color: #757575;
}
.text-caption {
  font-size: 0.92rem;
  font-weight: 400;
}
.one-line {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.imgigh {
  width: 100% !important;
  height: 300px !important;
}
.capituloInfo .fecha {
  display: block;
  width: 100%;
}
.lastup{
  text-decoration:none !important;
  font-size: 15px;
}
/*efecto hover ultimos capitulos*/

.card-container {
  width: 100%;
  /* Adjust the target width*/
}

.flip-container {
  position: relative;
  perspective: 1000px;
}

/* flip the pane when hovered */

.flip-containerf:hover .flipperf,
.flip-containerf.hover .flipperf {
  transform: rotateY(180deg);
}
.flippp{
  transform: rotateY(180deg);
}
.flip-container,
.front {
  width: 100%;
  height: 355px;
}
/* flip speed goes here */

.flipper {
  transition: 0.9s;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */

.front,
.back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */

.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */

.back {
  transform: rotateY(180deg);
  width: 100%;
  height: 355px;
}
.inner{
  width: 219px;
  height: 342px;
  background: rgba(0,0,0,.44);
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
}
.flipo{
  height: 250px;
  position: absolute;
  width: 217px;
}
@media (max-width: 480px) {
  .inner{
    width: 155px !important;
    height: 336px !important;
  }
  .imgresen {
    height: 338px !important;
  }
  .resena {
    width: 142px !important;
}
.textresena {
    font-size: 12px !important;
}
}
@media (max-width: 768px) {
.inner {
  width: 170px;
  height: 342px;
  background: rgba(0,0,0,.44);
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
}
}
.resena{
  position: absolute;
  top: 28px;
  width: 208px;
  padding-left: 16px;
}
.textresena{
  font-size: 15px;
  color:white;
  text-align: center;
  font-weight: bold;
}

.btnmore{
  position: relative;
  top: 22px;
  text-align: center;
}
.imgresen{
  z-index: -99;
  position: relative;
}
.mangaListItem .rating-info {
  font-weight: bold;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  color: white;
  margin: 5px;
  padding: 2px;
  text-shadow: 1px 1px 0 #333;
  background: rgba(33,33,33,.2);
}
.mangaListItem .rating-info i {
  color: #FCCD44;
}
/*termino css ultimos capitulos*/
.mangaInfo .label {
    margin: 2px 2px;
}
.label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
  display: inline-block;
}
.tagElement {
  background-color: #2957ba;
  color: #333;
  display: inline-block !important;
  text-decoration: none !important;
}
.estiloso2{
   font-family: 'Estiloso';
  display: inline-block !important;
  margin-bottom: 0px !important;
}
.tituleestiloso small {
  color: white;
  padding: 21px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 15px;
  background-color:white; overflow: hidden;
}
.htilestiloso{
  font-size: 16px;
  font-weight: bold;
  margin-top:12px;
  margin-bottom:5px;
  display:inline-block;
}
@media (max-width: 480px) {
     .htilestiloso{
          font-size: 12px !important;
    }
}
.headerlector{
  background-color: #000034;
}
.finheader{
  padding-bottom: 10px;
}
#disqus_thread{
  padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.btfun{
    position: relative;
    top: -10px;
}
.btnacciones{
  background-color: #333367 !important;
  border-color: #333367!important;
}
@media only screen and (min-width : 768px) {
  .custom-menu {
       display: none!important;
   }
  .topes{
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 500px) {
 .arrowleft{
  padding-left: 50px !important;
 }
 .arrowright{
   padding-right: 50px !important;
 }
 .mov {
  font-size: 20px !important;
}
}
.blanquito{
  color:white !important;
}
.navbar-default .navbar-toggle {
  border-color: #333367 !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #333367 !important;
}
.navbar-default .navbar-nav>li>a {
  color: white !important;
}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: white !important;
}
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: white !important;
  background-color: #333367 !important;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: white !important;
  background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #000034 !important;
}
.pagi{
  font-size: 14px;
  color: white;
}