217
contributi
Modifiche
Jump to navigation
Jump to search
m
This styles are based on the Common.css file of
Pokémon Central Wiki.
Iubenda cookies notification styles.
#iubenda-cs-banner {
bottom: 0px !important;
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: black;
.iubenda-cs-content {
display font-size: block17px;
margin: 0 auto;
padding: 20px;
width: auto;
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
font-size: 14px;
background: #000;
color: #fff;
.iubenda-banner-content > p {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
line-height: 1.5;
.iubenda-cs-rationale {
max-width: 900px;
position: relative;
margin: 0 auto;
.iubenda-cs-close-btn {
margin: 0;
color font-size: #fff90%;
text-decoration: none;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
border: none;
.iubenda-cs-cookie-policy-lnk {
text-decoration: underline;
color: #fff;
font-size: 14px;
font-weight: 900;
.white-rows tbody td, .std-table tbody td, .white-rows.grid > :not(:first-child) > :not(.grid-header), .grid.std-table > :not(:first-child) > :not(.grid-header) {
background-color: #FFFFFF;
ResponsiveSpacing designrelated classes
/* xl responsive width classes */
/* width */
.width-xl-5 {
width: 5%;
.width-xl-10 {
width: 10%;
}
.width-xl-15 {
width: 15%;
}
.width-xl-20 {
width: 20%;
width overflow: 25%hidden;
.width-xl-30 {
width: 30%;
}
.width-xl-35 {
width: 35%;
}
.width-xl-40 {
width: 40%;
.width-xl-45 {
width: 45%;
.width-xl-50 {
width padding: 50%0 0.25rem;
.width-xl-55 {
width: 55%;
}
.width-xl-60 {
width: 60%;
}
.width-xl-65 {
width: 65%;
width: 70%;
.width-xl-75 {
width: 75%;
.width-xl-80 {
width: 80%;
float: none;
width: 85%;
float: none;
width: 90%;
float: none;
width: 95%;
float: none;
.width-xl-100 {
width: 100%;
float: none;
width: 33%;
width: 66%;
/* min-width */
.min-width-xl-5 {
min-width: 5%;
min -webkit-box-widthpack: 10%end;
min-width: 15%;
min-width: 20%;
.min-width-xl-25 {
min-width: 25%;
min-width: 30%;
min -webkit-box-widthalign: 35%start;
min -webkit-box-widthalign: 40%end;
.min-width-xl-45 {
min-width: 45%;
.min-width-xl-50 {
min-width: 50%;
min-width: 55%;
min-width: 60%;
min-width: 65%;
min-width: 70%;
min-width: 75%;
min-width: 80%;
float: none;
min-width: 85%;
float: none;
min-width: 90%;
float: none;
min-width: 95%;
float: none;
min-width: 100%;
float: none;
min-width: 33%;
min-width: 66%;
/* max-width */
.max-width-xl-5 {
max -webkit-box-widthflex: 5%1;
.max-width-xl-10 {
max-width: 10%;
.max-width-xl-15 {
max-width: 15%;
}
.max-width-xl-20 {
max-width: 20%;
}
.max-width-xl-25 {
max-width: 25%;
}
.max-width-xl-30 {
max-width: 30%;
}
.max-width-xl-35 {
max-width: 35%;
}
.max-width-xl-40 {
max-width: 40%;
}
.max-width-xl-45 {
max-width: 45%;
}
.max-width-xl-50 {
max-width: 50%;
}
.max-width-xl-55 {
max-width: 55%;
}
.max-width-xl-60 {
max-width: 60%;
}
.max-width-xl-65 {
max-width: 65%;
}
.max-width-xl-70 {
max-width: 70%;
}
.max-width-xl-75 {
max-width: 75%;
}
.max-width-xl-80 {
max-width: 80%;
float: none;
}
.max-width-xl-85 {
max-width: 85%;
float: none;
}
.max-width-xl-90 {
max-width: 90%;
float: none;
}
.max-width-xl-95 {
max-width: 95%;
float: none;
}
.max-width-xl-100 {
max-width: 100%;
float: none;
}
.max-width-xl-33 {
max-width: 33%;
}
.max-width-xl-66 {
max-width: 66%;
}
/* xl responsive hidden class */
.hidden-xl {
display: none;
}
/* xl responsive-margins classes */
!important because margins are
usuallyand setbe inequal style tagssized
.no-margin-xl {
margin-right: initial !important;
margin-left: initial !important;
}
@media (min-width: 1200px) {
/*
lg responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to lg
being in xl media query.
*/
.visible-lg {
display: none;
}
}
@media (max-width: 1199px) {
/* lg responsive width classes */
/* width */
.width-lg-5 {
}
.width-lgxl-10 {
}
.width-lgxl-15 {
}
.width-lgxl-20 {
}
.width-lgxl-25 {
}
.width-lgxl-30 {
}
.width-lgxl-35 {
}
.width-lgxl-40 {
}
.width-lgxl-45 {
}
.width-lgxl-50 {
}
.width-lgxl-55 {
}
.width-lgxl-60 {
}
.width-lgxl-65 {
}
.width-lgxl-70 {
}
.width-lgxl-75 {
}
.width-lgxl-80 {
}
.width-lgxl-85 {
}
.width-lgxl-90 {
}
.width-lgxl-95 {
}
.width-lgxl-100 {
}
.width-lgxl-33 {
}
.width-lgxl-66 {
}
/* min-width */
.min- width-lg-5: {auto;
}
.min-width-lgxl-10 {
}
.min-width-lgxl-15 {
}
.min-width-lgxl-20 {
}
.min-width-lgxl-25 {
}
.min-width-lgxl-30 {
}
.min-width-lgxl-35 {
}
.min-width-lgxl-40 {
}
.min-width-lgxl-45 {
}
.min-width-lgxl-50 {
}
.min-width-lgxl-55 {
}
.min-width-lgxl-60 {
}
.min-width-lgxl-65 {
}
.min-width-lgxl-70 {
}
.min-width-lgxl-75 {
}
.min-width-lgxl-80 {
}
.min-width-lgxl-85 {
}
.min-width-lgxl-90 {
}
.min-width-lgxl-95 {
}
.min-width-lgxl-100 {
}
.min-width-lgxl-33 {
}
.min-width-lgxl-66 {
}
/* max.min-width-xl-auto */{
.max min-width-lg-5: {auto;
}
.max-width-lgxl-10 {
}
.max-width-lgxl-15 {
}
.max-width-lgxl-20 {
}
.max-width-lgxl-25 {
}
.max-width-lgxl-30 {
}
.max-width-lgxl-35 {
}
.max-width-lgxl-40 {
}
.max-width-lgxl-45 {
}
.max-width-lgxl-50 {
}
.max-width-lgxl-55 {
}
.max-width-lgxl-60 {
}
.max-width-lgxl-65 {
}
.max-width-lgxl-70 {
}
.max-width-lgxl-75 {
}
.max-width-lgxl-80 {
}
.max-width-lgxl-85 {
}
.max-width-lgxl-90 {
}
.max-width-lgxl-95 {
}
.max-width-lgxl-100 {
}
.max-width-lgxl-33 {
}
.max-width-lgxl-66 {
}
/* lg responsive hidden class */
.hidden-lg {
display: none;
}
/* lgxl responsive-margins classeshidden class */
/*
!important because margins are
usually set in style tags
*/
.no-margin-lg {
margin-right: initial !important;
margin-left: initial !important;
}
}
@media (min-width: 992px) {
/*
md responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to md
being in lg media query.
*/
.visible-md {
}
@media (max-width: 991px) {
/* md responsive width classes */
/* width */
.width-md-5 {
width: 5%;
}
.width-md-10 {
width: 10%;
}
.widthflex-mdxl-15nowrap {
width-webkit-flex-wrap: 15%nowrap;
}
.width-md-20 {
width: 20%;
}
.width-md-25 {
width: 25%;
}
.width-md-30 {
width: 30%;
}
.width-md-35 {
width: 35%;
}
.width-md-40 {
width: 40%;
}
.width-md-45 {
width: 45%;
}
.width-md-50 {
width: 50%;
}
.width-md-55 {
width: 55%;
}
.width-md-60 {
width: 60%;
}
.width-md-65 {
width: 65%;
}
.width-md-70 {
width: 70%;
}
.width-md-75 {
width: 75%;
}
.width-md-80 {
width: 80%;
float: none;
}
.width-md-85 {
width: 85%;
float: none;
}
.width-md-90 {
width: 90%;
float: none;
}
.width-md-95 {
width: 95%;
float: none;
}
.width-md-100 {
width: 100%;
float: none;
}
.width-md-33 {
width: 33%;
}
.width-md-66 {
width: 66%;
}
/* min-width */
.min-width-md-5 {
min-width: 5%;
}
.min-width-md-10 {
min-width: 10%;
}
.min-width-md-15 {
min-width: 15%;
}
.min-width-md-20 {
min-width: 20%;
}
.min-width-md-25 {
min-width: 25%;
}
.min-width-md-30 {
min-width: 30%;
}
.min-width-md-35 {
min-width: 35%;
}
.min-width-md-40 {
min-width: 40%;
}
.min-width-md-45 {
min-width: 45%;
}
.min-width-md-50 {
min-width: 50%;
}
.min-width-md-55 {
min-width: 55%;
}
.min-width-md-60 {
min-width: 60%;
}
.min-width-md-65 {
min-width: 65%;
}
.min-width-md-70 {
min-width: 70%;
}
.min-width-md-75 {
min-width: 75%;
}
.min-width-md-80 {
min-width: 80%;
float: none;
}
.min-width-md-85 {
min-width: 85%;
float: none;
}
.min-width-md-90 {
min-width: 90%;
float: none;
}
.min-width-md-95 {
min-width: 95%;
float: none;
}
.min-width-md-100 {
min-width: 100%;
float: none;
}
.min-width-md-33 {
min-width: 33%;
}
.min-width-md-66 {
min-width: 66%;
}
/* max-width */
.max-width-md-5 {
max-width: 5%;
}
.max-width-md-10 {
max-width: 10%;
}
.max-width-md-15 {
max-width: 15%;
}
.max-width-md-20 {
max-width: 20%;
}
.max-width-md-25 {
max-width: 25%;
}
.max-width-md-30 {
max-width: 30%;
}
.max-width-md-35 {
max-width: 35%;
}
.max-width-md-40 {
max-width: 40%;
}
.max-width-md-45 {
max-width: 45%;
}
.max-width-md-50 {
max-width: 50%;
}
.max-width-md-55 {
max-width: 55%;
}
.max-width-md-60 {
max-width: 60%;
}
.max-width-md-65 {
max-width: 65%;
}
.max-width-md-70 {
max-width: 70%;
}
.max-width-md-75 {
max-width: 75%;
}
.max-width-md-80 {
max-width: 80%;
float: none;
}
.max-width-md-85 {
max-width: 85%;
float: none;
}
.max-width-md-90 {
max-width: 90%;
float: none;
}
.max-width-md-95 {
max-width: 95%;
float: none;
}
.max-width-md-100 {
max-width: 100%;
float: none;
}
.max-width-md-33 {
max-width: 33%;
}
.max-width-md-66 {
max-width: 66%;
}
/* md responsive hidden class */
.hidden-md {
display: none;
}
/* md responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-md {
}
@media (min-width: 768px) {
/*
sm responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to sm
being in md media query.
*/
.visible-sm {
display: none;
}
@media (max-width: 767px) {
/* sm responsive width classes */
/* width */
.width-sm-5 {
width: 5%;
}
.widthtext-smcenter-10xl {
widthtext-align: 10%center;
}
.widthtext-smright-15xl {
widthtext-align: 15%right;
}
.width-sm-20 {
width: 20%;
}
.widthflex-sm-25xl {
widthdisplay: 25%-webkit-box;
}
.widthinline-smblock-30xl {
widthdisplay: 30%inline-block;
}
tr.widthflex-sm-35xl {
width-webkit-flex-wrap: 35%wrap;
}
.width-sm-40 {
widthoverflow: 40%hidden;
}
.width-sm-45 {
width: 45%;/*
}
.width-sm-50 {
}
.width-sm-55 {
width: 55%;/*
}
.width-sm-60 {
}
.width-sm-65 {
width: 65%;/*
}
.width-sm-70 {
}
.width-sm-75 {
width: 75%;/*
}
.width-sm-80 {
float:/* none;width */
}
.width-sm-85 {
width: 85%;
floatheight: noneauto;
}
.width-sm-90 {
width: 90%;
float: none;
}
.width-sm-95 {
width: 95%;
float: none;
}
.width-sm-100 {
width: 100%;
float: none;
}
.width-sm-33 {
width: 33%;
}
.width-sm-66 {
width: 66%;
}
/* min-width */
.min-width-sm-5 {
min-width: 5%;
}
.min-width-sm-10 {
min-width: 10%;
}
.min-width-sm-15 {
min-width: 15%;
}
.min-width-sm-20 {
min-width: 20%;
}
.min-width-sm-25 {
min-width: 25%;
}
.min-width-sm-30 {
min-width: 30%;
}
.min-width-sm-35 {
min-width: 35%;
}
.min-width-sm-40 {
min-width: 40%;
}
.min-width-sm-45 {
min-width: 45%;
}
.min-width-sm-50 {
min-width: 50%;
}
.min-width-sm-55 {
min-width: 55%;
}
.min-width-sm-60 {
min-width: 60%;
}
.min-width-sm-65 {
min-width: 65%;
}
.min-width-sm-70 {
min-width: 70%;
}
.min-width-sm-75 {
min-width: 75%;
}
.min-width-sm-80 {
min-width: 80%;
float: none;
}
.min-width-sm-85 {
min-width: 85%;
float: none;
}
.min-width-sm-90 {
min-width: 90%;
float: none;
}
.min-width-sm-95 {
min-width: 95%;
float: none;
}
.min-width-sm-100 {
min-width: 100%;
float: none;
}
.min-width-sm-33 {
min-width: 33%;
}
.min-width-sm-66 {
min-width: 66%;
}
/* max-width */
.max-width-sm-5 {
max-width: 5%;
}
.max-width-sm-10 {
max-width: 10%;
}
.max-width-sm-15 {
max-width: 15%;
}
.max-width-sm-20 {
max-width: 20%;
}
.max-width-sm-25 {
max-width: 25%;
}
.max-width-sm-30 {
max-width: 30%;
}
.max-width-sm-35 {
max-width: 35%;
}
.max-width-sm-40 {
max-width: 40%;
}
.max-width-sm-45 {
max-width: 45%;
}
.max-width-sm-50 {
max-width: 50%;
}
.max-width-sm-55 {
max-width: 55%;
}
.max-width-sm-60 {
max-width: 60%;
}
.max-width-sm-65 {
max-width: 65%;
}
.max-width-sm-70 {
max-width: 70%;
}
.max-width-sm-75 {
max-width: 75%;
}
.max-width-sm-80 {
max-width: 80%;
float: none;
}
.max-width-sm-85 {
max-width: 85%;
float: none;
}
.max-width-sm-90 {
max-width: 90%;
float: none;
}
.max-width-sm-95 {
max-width: 95%;
float: none;
}
.max-width-sm-100 {
float: none;
}
.max-width-sm-33 {
max-width: 33%;
}
.max-width-sm-66 {
max-width: 66%;
}
/* sm responsive hidden class */
.hidden-sm {
displaybottom: none0px !important;
}
/* sm responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-sm {
marginfont-rightsize: initial !important14px;
margin-left: initial !important;
}
@media (min-width: 576px) {
/*
xs responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to xs
being in sm media query.
*/
.visible-xs {
display: none;
}
@media (max-width: 575px) {
/* xs responsive width classes */
/* width */
.width-xs-5 {
width: 5%;
}
.width-xs-10 {
}
.width-xs-15 {
widthmargin: 15%0;
}
.width-xs-20 {
widthtext-decoration: 20%underline;
}
.width-xs-25 {
width: 25%;
}
.width-xs-30 {
width: 30%;
}
.width-xs-35 {
width: 35%;
}
.width-xs-40 {
width: 40%;
}
.width-xs-45 {
width: 45%;
}
.width-xs-50 {
width: 50%;
} /*
.width-xs-55 {
width: 55%;
}
.width-xs-60 {
width: 60%;
}
.width-xs-65 {
width: 65%;
} /*
.width-xs-70 {
width: 70%;
}
.width-xs-75 {
width: 75%;
}
.width-xs-80 {
width: 80%;
floatmargin-right: none0.5em;
}
.width-xs-85 {
width: 85%;
float: none;
}
.width-xs-90 {
width: 90%;
float: none;
}
.width-xs-95 {
width: 95%;
floatcolor: none#EAEAEA;
}
.width-xs-100 {
width: 100%;
float: none;
}
.width-xs-33 {
width: 33%;
}
.width-xs-66 {
width: 66%;
}
/* min-width */
.min-width-xs-5 {
min-width: 5%;
}
.min-width-xs-10 {
min-width: 10%;
}
.min-width-xs-15 {
min-width: 15%;
}
.min-width-xs-20 {
min-width: 20%;
}
.min-width-xs-25 {
min-width: 25%;
}
.min-width-xs-30 {
min-width: 30%;
}
.min-width-xs-35 {
min-width: 35%;
}
.min-width-xs-40 {
min-width: 40%;
}
.min-width-xs-45 {
min-width: 45%;
}
.min-width-xs-50 {
min-width: 50%;
}
.min-width-xs-55 {
min-width: 55%;
}
.min-width-xs-60 {
min-width: 60%;
}
.min-width-xs-65 {
min-width: 65%;
}
.min-width-xs-70 {
min-width: 70%;
}
.min-width-xs-75 {
min-width: 75%;
}
.min-width-xs-80 {
min-width: 80%;
float: none;
}
.min-width-xs-85 {
min-width: 85%;
float: none;
}
.min-width-xs-90 {
min-width: 90%;
float: none;
}
.min-width-xs-95 {
min-width: 95%;
float: none;
}
.min-width-xs-100 {
min-width: 100%;
float: none;
}
.min-width-xs-33 {
min-width: 33%;
}
.min-width-xs-66 {
min-width: 66%;
}
/* max-width */
.max-width-xs-5 {
max-width: 5%;
}
.max-width-xs-10 {
max-width: 10%;
}
.max-width-xs-15 {
max-width: 15%;
}
.max-width-xs-20 {
max-width: 20%;
}
.max-width-xs-25 {
max-width: 25%;
}
.max-width-xs-30 {
max-width: 30%;
}
.max-width-xs-35 {
max-width: 35%;
}
.max-width-xs-40 {
max-width: 40%;
}
.max-width-xs-45 {
max-width: 45%;
}
.max-width-xs-50 {
max-width: 50%;
}
.max-width-xs-55 {
max-width: 55%;
}
.max-width-xs-60 {
max-width: 60%;
}
.max-width-xs-65 {
max-width: 65%;
}
.max-width-xs-70 {
max-width: 70%;
}
.max-width-xs-75 {
max-width: 75%;
}
.max-width-xs-80 {
max-width: 80%;
float: none;
}
.max-width-xs-85 {
max-width: 85%;
float: none;
}
.max-width-xs-90 {
max-width: 90%;
float: none;
}
.max-width-xs-95 {
max-width: 95%;
float: none;
}
.max-width-xs-100 {
max-width: 100%;
float: none;
}
.max-width-xs-33 {
max-width: 33%;
}
.max-width-xs-66 {
max-width: 66%;
}
/* xs responsive hidden class */
.hidden-xs {
display: none;
}
/* xs responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xs {
margin-right: initial !important;
margin-left: initial !important;
}
}
/* Breakpoint-independent classes */
.img-fluid img, img.img-fluid {
max-width: 100%;
height: auto;
Update
/**************************************************
Desktop CSS styles for Pokémon Central Wiki.
This file is compiled from SCSS sources:
project available on Pokémon Central GitHub,
at https://github.com/pokemoncentral/wiki-styles
**************************************************/
/**************************************************
Reset styles
**************************************************/
div {
display: block;
}
span {
display: inline;
}
table {
display: table;
}
tr {
display: table-row;
}
td, th {
display: table-cell;
}
/**************************************************
Root styles
**************************************************/
html, body {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif;
}
body {
}
#mw-content-text *:not(.thumbinner) {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
th, .grid-header {
font-weight: bolder;
}
pre {
}
/**************************************************
MediaWiki overriding styles
**************************************************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
}
.page-Home #firstHeading, .page-Home #siteSub, .page-Home #contentSub {
display: none;
}
/**************************************************
Shared styles for icons
**************************************************/
#home-social-link-container [id$="-icon"] a::before, #p-Pok\.C3\.A9mon_Central [id^="n-"] a::before {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
vertical-align: top;
}
#home-social-link-container #home-Facebook-icon a::before, #p-Pok\.C3\.A9mon_Central #n-Facebook a::before {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='rgb%2859%2C89%2C152%29'%3E%3Cpath d='M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z'/%3E%3C/svg%3E");
}
#home-social-link-container #home-Instagram-icon a::before, #p-Pok\.C3\.A9mon_Central #n-Instagram a::before {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='rgb%28224%2C60%2C99%29'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
#home-social-link-container #home-Telegram-icon a::before, #p-Pok\.C3\.A9mon_Central #n-Telegram a::before {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512' fill='rgb%2829%2C161%2C242%29'%3E%3Cpath d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z'/%3E%3C/svg%3E");
}
#home-social-link-container #home-Twitter-icon a::before, #p-Pok\.C3\.A9mon_Central #n-Twitter a::before {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='rgb%2829%2C161%2C242%29'%3E%3Cpath d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
}
#home-social-link-container #home-YouTube-icon a::before, #p-Pok\.C3\.A9mon_Central #n-YouTube a::before {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='rgb%28255%2C0%2C0%29'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}
#p-Pok\.C3\.A9mon_Central #n-Chat a::before {
background-image: url("data:image/svg+xml, %3Csvg height='78' viewBox='0 0 78 78' width='78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M35.137 20.188c-8.74 1.928-14.766 9.526-15.063 18.075l10.04-2.215a9.712 9.712 0 0 1 1.066-2.272 9.547 9.547 0 0 1 6.025-4.21 9.546 9.546 0 0 1 7.239 1.285c.718.458 1.36 1 1.922 1.612l10.04-2.215c-3.867-7.63-12.53-11.989-21.27-10.06M75.463 26.044l-9.475 2.09-9.582 2.115a19.148 19.148 0 0 1 1.625 4.558c.358 1.619.499 3.236.445 4.82l9.58-2.114a28.473 28.473 0 0 1-.437 6.66 28.747 28.747 0 0 1-4.06 10.279 28.739 28.739 0 0 1-7.616 8.007 28.628 28.628 0 0 1-10.46 4.62c-3.803.84-7.651.91-11.437.21a28.72 28.72 0 0 1-10.277-4.06 28.744 28.744 0 0 1-8.006-7.614 28.457 28.457 0 0 1-3.201-5.86l-9.476 2.092C9.476 69.842 28.42 80.679 47.55 76.46c19.13-4.221 31.757-22.023 29.982-41.038a38.744 38.744 0 0 0-2.07-9.378' fill='rgb%280%2C154%2C238%29'/%3E%3Cpath d='M48.435 41.842a9.653 9.653 0 0 1-1.066 2.272 9.536 9.536 0 0 1-6.026 4.21 9.536 9.536 0 0 1-7.237-1.285 9.602 9.602 0 0 1-1.923-1.612zM30.998 1.432C11.868 5.651-.758 23.453 1.016 42.467a39.009 39.009 0 0 0 2.069 9.379l9.476-2.09 9.581-2.114c3.868 7.63 12.53 11.987 21.271 10.06 8.742-1.929 14.765-9.527 15.063-18.076a19.272 19.272 0 0 0-.445-4.82 19.208 19.208 0 0 0-1.625-4.559l-10.04 2.215-16.253 3.586-10.039 2.214-9.58 2.115a28.694 28.694 0 0 1 4.498-16.938 28.708 28.708 0 0 1 7.613-8.008c3.14-2.228 6.66-3.783 10.462-4.622s7.65-.909 11.436-.208a28.711 28.711 0 0 1 10.278 4.06 28.75 28.75 0 0 1 8.007 7.614 28.61 28.61 0 0 1 3.2 5.858l9.474-2.09C69.073 8.048 50.128-2.79 30.998 1.431z' fill='rgb%2867%2C189%2C255%29'/%3E%3C/g%3E%3C/svg%3E");
}
#p-Pok\.C3\.A9mon_Central #n-Forum a::before {
background-image: url("data:image/svg+xml, %3Csvg height='78' viewBox='0 0 78 78' width='78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M35.137 20.188c-8.74 1.928-14.766 9.526-15.063 18.075l10.04-2.215a9.712 9.712 0 0 1 1.066-2.272 9.547 9.547 0 0 1 6.025-4.21 9.546 9.546 0 0 1 7.239 1.285c.718.458 1.36 1 1.922 1.612l10.04-2.215c-3.867-7.63-12.53-11.989-21.27-10.06M75.463 26.044l-9.475 2.09-9.582 2.115a19.148 19.148 0 0 1 1.625 4.558c.358 1.619.499 3.236.445 4.82l9.58-2.114a28.473 28.473 0 0 1-.437 6.66 28.747 28.747 0 0 1-4.06 10.279 28.739 28.739 0 0 1-7.616 8.007 28.628 28.628 0 0 1-10.46 4.62c-3.803.84-7.651.91-11.437.21a28.72 28.72 0 0 1-10.277-4.06 28.744 28.744 0 0 1-8.006-7.614 28.457 28.457 0 0 1-3.201-5.86l-9.476 2.092C9.476 69.842 28.42 80.679 47.55 76.46c19.13-4.221 31.757-22.023 29.982-41.038a38.744 38.744 0 0 0-2.07-9.378' fill='rgb%28148%2C44%2C63%29'/%3E%3Cpath d='M48.435 41.842a9.653 9.653 0 0 1-1.066 2.272 9.536 9.536 0 0 1-6.026 4.21 9.536 9.536 0 0 1-7.237-1.285 9.602 9.602 0 0 1-1.923-1.612zM30.998 1.432C11.868 5.651-.758 23.453 1.016 42.467a39.009 39.009 0 0 0 2.069 9.379l9.476-2.09 9.581-2.114c3.868 7.63 12.53 11.987 21.271 10.06 8.742-1.929 14.765-9.527 15.063-18.076a19.272 19.272 0 0 0-.445-4.82 19.208 19.208 0 0 0-1.625-4.559l-10.04 2.215-16.253 3.586-10.039 2.214-9.58 2.115a28.694 28.694 0 0 1 4.498-16.938 28.708 28.708 0 0 1 7.613-8.008c3.14-2.228 6.66-3.783 10.462-4.622s7.65-.909 11.436-.208a28.711 28.711 0 0 1 10.278 4.06 28.75 28.75 0 0 1 8.007 7.614 28.61 28.61 0 0 1 3.2 5.858l9.474-2.09C69.073 8.048 50.128-2.79 30.998 1.431z' fill='rgb%28219%2C67%2C95%29'/%3E%3C/g%3E%3C/svg%3E");
}
/**************************************************
Home styles
**************************************************/
#home-social-link-container [id$="-icon"] a {
display: inline-block;
padding-right: 0;
background-image: none;
}
#home-social-link-container [id$="-icon"] a::before {
height: 2em;
width: 2em;
content: '';
}
/**************************************************
Overused styles
**************************************************/
.black-text, .black-text a, .black-white, .black-white a {
color: #000000;
}
.height-100 {
height: 100%;
}
.white-bg, .white-rows tbody td, .std-table tbody td, .white-rows.grid > :not(:first-child) > :not(.grid-header), .grid.std-table > :not(:first-child) > :not(.grid-header), .bg-white {
background: #FFFFFF;
}
.white-text, .white-text a, .text-white, .text-white a {
color: #FFFFFF;
}
/**************************************************
Vertical alignment
**************************************************/
.vert-middle, .vert-center {
white-space: nowrap;
}
.vert-middle::before, .vert-center::before {
height: 100%;
content: '';
}
.vert-middle > *, .vert-center > * {
white-space: normal;
}
/**************************************************
Shorthand classes
**************************************************/
/**************************************************
**************************************************/
.sitenotice {
margin-bottom: 1.5ex;
padding: 0.5ex;
background: -webkit-gradient(linear, left top, right top, from(#D0E6FF), to(#7CBAFF));
background: -webkit-linear-gradient(left, #D0E6FF, #7CBAFF);
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
}
.mw-echo-icon-pcw {
background-image: url("//media.pokemoncentral.it/wiki/wiki-icn.png");
}
.mw-collapsible-toggle {
padding-left: 0.4375rem;
}
.copytag {
padding: 0.25em;
width: 100%;
}
.copytag-red {
background: -webkit-gradient(linear, left top, right top, from(#FFF6F6), to(#FFDDDD));
background: -webkit-linear-gradient(left, #FFF6F6, #FFDDDD);
background: linear-gradient(to right, #FFF6F6, #FFDDDD);
}
.copytag-yellow {
background: -webkit-gradient(linear, left top, right top, from(#FFFFE6), to(#FFFFC5));
background: -webkit-linear-gradient(left, #FFFFE6, #FFFFC5);
background: linear-gradient(to right, #FFFFE6, #FFFFC5);
}
.copytag-text {
padding: 0.5em;
text-align: center;
width: 99%;
}
.copytag-sym {
padding: 0;
}
.explain[title] {
text-decoration: underline dotted;
cursor: initial;
}
**************************************************/
.roundy-5 {
border-radius: 0.5rem3125rem;
}
.roundytr-5, .roundytop-5, .roundyright-5 {
border-top-right-radius: 0.5rem3125rem;
}
.roundybr-5, .roundyright-5, .roundybottom-5 {
border-bottom-right-radius: 0.5rem3125rem;
}
.roundybl-5, .roundybottom-5, .roundyleft-5 {
border-bottom-left-radius: 0.5rem3125rem;
}
.roundytl-5, .roundytop-5, .roundyleft-5 {
border-top-left-radius: 0.5rem3125rem;
}
.roundy-10, .roundy, .std-table, .toc, li.gallerybox, li.gallerybox div.thumb {
border-radius: 1rem0.625rem;
}
.roundytr-10, .roundytop-10, .roundytop, .roundy-header, .roundy-corners, .std-table, .roundyright-10, .roundyright, .roundytr, .roundy-header thead tr:first-of-type td:last-child, .roundy-corners thead tr:first-of-type td:last-child, .std-table thead tr:first-of-type td:last-child, .roundy-header thead tr:first-of-type th:last-child, .roundy-corners thead tr:first-of-type th:last-child, .std-table thead tr:first-of-type th:last-child, .roundy-header tbody:only-child tr:first-of-type td:last-child, .roundy-corners tbody:only-child tr:first-of-type td:last-child, .std-table tbody:only-child tr:first-of-type td:last-child, .roundy-header tbody:only-child tr:first-of-type th:last-child, .roundy-corners tbody:only-child tr:first-of-type th:last-child, .std-table tbody:only-child tr:first-of-type th:last-child, .roundy-header.grid > :first-of-type > *:last-child, .grid.roundy-corners > :first-of-type > *:last-child, .grid.std-table > :first-of-type > *:last-child {
border-top-right-radius: 1rem0.625rem;
}
.roundybr-10, .roundyright-10, .roundyright, .roundybottom-10, .roundybottom, .roundy-footer, .roundystd-cornerstable, .stdroundy-tablecorners, .roundybr, .roundy-footer tbody tr:last-of-type td:last-child, .roundystd-cornerstable tbody tr:last-of-type td:last-child, .stdroundy-tablecorners tbody tr:last-of-type td:last-child, .roundy-footer tbody tr:last-of-type th:last-child, .roundystd-cornerstable tbody tr:last-of-type th:last-child, .stdroundy-tablecorners tbody tr:last-of-type th:last-child, .roundy-footer.grid > :last-of-type > *:last-child, .grid.roundystd-cornerstable > :last-of-type > *:last-child, .grid.stdroundy-tablecorners > :last-of-type > *:last-child {
border-bottom-right-radius: 1rem0.625rem;
}
.roundybl-10, .roundybottom-10, .roundybottom, .roundy-footer, .roundystd-cornerstable, .stdroundy-tablecorners, .roundyleft-10, .roundyleft, .roundybl, .roundy-footer tbody tr:last-of-type td:first-child, .roundystd-cornerstable tbody tr:last-of-type td:first-child, .stdroundy-tablecorners tbody tr:last-of-type td:first-child, .roundy-footer tbody tr:last-of-type th:first-child, .roundystd-cornerstable tbody tr:last-of-type th:first-child, .stdroundy-tablecorners tbody tr:last-of-type th:first-child, .roundy-footer.grid > :last-of-type > *:first-child, .grid.roundystd-cornerstable > :last-of-type > *:first-child, .grid.stdroundy-tablecorners > :last-of-type > *:first-child {
border-bottom-left-radius: 1rem0.625rem;
}
.roundytl-10, .roundytop-10, .roundytop, .roundy-header, .roundy-corners, .std-table, .roundyleft-10, .roundyleft, .roundytl, .roundy-header thead tr:first-of-type td:first-child, .roundy-corners thead tr:first-of-type td:first-child, .std-table thead tr:first-of-type td:first-child, .roundy-header thead tr:first-of-type th:first-child, .roundy-corners thead tr:first-of-type th:first-child, .std-table thead tr:first-of-type th:first-child, .roundy-header tbody:only-child tr:first-of-type td:first-child, .roundy-corners tbody:only-child tr:first-of-type td:first-child, .std-table tbody:only-child tr:first-of-type td:first-child, .roundy-header tbody:only-child tr:first-of-type th:first-child, .roundy-corners tbody:only-child tr:first-of-type th:first-child, .std-table tbody:only-child tr:first-of-type th:first-child, .roundy-header.grid > :first-of-type > *:first-child, .grid.roundy-corners > :first-of-type > *:first-child, .grid.std-table > :first-of-type > *:first-child {
border-top-left-radius: 1rem0.625rem;
}
.roundy-15 {
border-radius: 10.5rem9375rem;
}
.roundytr-15, .roundytop-15, .roundyright-15 {
border-top-right-radius: 10.5rem9375rem;
}
.roundybr-15, .roundyright-15, .roundybottom-15 {
border-bottom-right-radius: 10.5rem9375rem;
}
.roundybl-15, .roundybottom-15, .roundyleft-15 {
border-bottom-left-radius: 10.5rem9375rem;
}
.roundytl-15, .roundytop-15, .roundyleft-15 {
border-top-left-radius: 10.5rem9375rem;
}
.roundy-20, .sitenotice {
border-radius: 2rem1.25rem;
}
.roundytr-20, .roundytop-20, .roundyright-20 {
border-top-right-radius: 2rem1.25rem;
}
.roundybr-20, .roundyright-20, .roundybottom-20 {
border-bottom-right-radius: 2rem1.25rem;
}
.roundybl-20, .roundybottom-20, .roundyleft-20 {
border-bottom-left-radius: 2rem1.25rem;
}
.roundytl-20, .roundytop-20, .roundyleft-20 {
border-top-left-radius: 2rem1.25rem;
}
.roundy-full {
border-radius: 50%;
}
.roundy-full-sides {
border-radius: 1000rem;
}
**************************************************/
.inline-block, .vert-middle::before, .vert-center::before, .vert-middle > *, .vert-center > *, .same-line {
display: inline-block;
}
.grid {
display: table;
}
.grid-row, .grid > * {
display: table-row;
}
.grid-cell, .grid > * > *, .grid-row > *, .grid-header {
display: table-cell;
}
**************************************************/
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.pull-center, .sitenotice, .std-table, .sitenotice {
margin-left: auto;
margin-right: auto;
}
.align-top, .pull-top {
vertical-align: top;
}
.align-bottom, .pull-bottom {
vertical-align: bottom;
}
.align-middle, .vert-middle::before, .vert-center::before, .vert-middle > *, .vert-center > *, .align-center {
vertical-align: middle;
}
**************************************************/
.text-center, th, .grid-header, .sitenotice, .std-table, .sitenotice, .center-text {
text-align: center;
}
.text-right, .right-text {
text-align: right;
}
.text-left, .left-text {
text-align: left;
}
**************************************************/
.font-small, .small-font, .text-small, .small-text {
font-size: smaller;
}
.font-big, .big-font, .text-big, .big-text {
font-size: larger;
}
.font-triple-big, .triple-big-font, .text-triple-big, .triple-big-text {
font-size: 198%;
}
**************************************************/
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear-all, .clear-both {
clear: both;
}
/**************************************************
**************************************************/
.no-border-spacing, .std-table {
border-spacing: 0;
}
/**************************************************
Overflow related classes
**************************************************/
.overflow-auto {
overflow: auto;
}
.widthoverflow-xl-25hidden {
}
/**************************************************
Gallery styles
**************************************************/
li.gallerybox {
display: inline-block;
background: -webkit-gradient(linear, left top, right top, from(#D0E6FF), to(#7CBAFF));
background: -webkit-linear-gradient(left, #D0E6FF, #7CBAFF);
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
height: 12.8125rem;
vertical-align: top;
}
li.gallerybox div.thumb {
margin: 0.125rem 0.125rem 0 0.125rem;
text-align: center;
}
div.gallerytext {
height: 3.125rem;
font-size: 85%;
line-height: 1.1;
overflow: hidden;
word-wrap: break-word;
}
/**************************************************
Flexbox styles
**************************************************/
.inline-flex > *, .flex > *, .flex-row-stretch-around > *, .flex-row-center-around > *, .flex-row-center-stretch > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.widthinline-xl-70flex {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-row, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.widthflex-xlrow-85reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.widthflex-xl-90column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.widthflex-xlcolumn-95reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-nowrap, .flex-row-center-stretch {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.widthflex-xl-33wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widthflex-xlwrap-66reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-main-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.minflex-widthmain-xl-10end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.minflex-widthmain-xl-15center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.minflex-widthmain-xlspace-20between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-main-space-around, .flex-row-stretch-around, .flex-row-center-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.minflex-widthmain-xlspace-30evenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.minflex-widthitems-xl-35start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.minflex-widthitems-xl-40end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-items-center, .flex-row-center-around, .flex-row-center-stretch {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-items-stretch, .flex-row-stretch-around {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.minflex-widthitems-xl-55baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.minflex-widthcross-xl-60start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.minflex-widthcross-xl-65end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.minflex-widthcross-xl-70center {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.minflex-widthcross-xl-75stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.minflex-widthcross-xlspace-80between {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.minflex-widthcross-xlspace-85around {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.minflex-widthitem-xlself-90start {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.minflex-widthitem-xlself-95end {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.minflex-widthitem-xlself-100center {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.minflex-widthitem-xlself-33stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.minflex-widthitem-xlself-66baseline {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
}
/* Makes a flex item fill all the available space on the main axis */
.flex-item-fill, .flex-main-equal > * {
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
}
/* Makes the elements fill the main axis */
.flex-main-stretch > *, .flex-row-center-stretch > * {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
/*
Makes all elements fill the main axis
*/
/**************************************************
Responsive design classes
**************************************************/
/* xl responsive width classes */
/* width */
.width-xl-5 {
width: 5%;
width: 10%;
width: 15%;
width: 20%;
width: 25%;
width: 30%;
width: 35%;
width: 40%;
width: 45%;
width: 50%;
width: 55%;
width: 60%;
width: 65%;
width: 70%;
width: 75%;
width: 80%;
float: none;
width: 85%;
float: none;
width: 90%;
float: none;
width: 95%;
float: none;
width: 100%;
float: none;
width: 33%;
width: 66%;
.width-xl-auto {
}
/* min-width */
.min-width-xl-5 {
min-width: 5%;
min-width: 10%;
min-width: 15%;
min-width: 20%;
min-width: 25%;
min-width: 30%;
min-width: 35%;
min-width: 40%;
min-width: 45%;
min-width: 50%;
min-width: 55%;
min-width: 60%;
min-width: 65%;
min-width: 70%;
min-width: 75%;
min-width: 80%;
float: none;
min-width: 85%;
float: none;
min-width: 90%;
float: none;
min-width: 95%;
float: none;
min-width: 100%;
float: none;
min-width: 33%;
min-width: 66%;
}
/* max-width */
.max-width-xl-5 {
max-width: 5%;
max-width: 10%;
max-width: 15%;
max-width: 20%;
max-width: 25%;
max-width: 30%;
max-width: 35%;
max-width: 40%;
max-width: 45%;
max-width: 50%;
max-width: 55%;
max-width: 60%;
max-width: 65%;
max-width: 70%;
max-width: 75%;
max-width: 80%;
float: none;
max-width: 85%;
float: none;
max-width: 90%;
float: none;
max-width: 95%;
float: none;
max-width: 100%;
float: none;
max-width: 33%;
max-width: 66%;
.max-width-xl-auto {
max-width: auto;
}
.hidden-xl {
display: none;
}
/* xl responsive flex classes */
.flex-xl-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* xl responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xl {
margin-right: initial !important;
margin-left: initial !important;
}
/* xl responsive text align classes */
.text-left-xl {
text-align: left;
}
/* xl display classes */
.block-xl {
display: block;
}
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-xl, .std-table tbody tr.block-xl, .white-rows tbody tr.flex-xl, .std-table tbody tr.flex-xl {
background: #FFFFFF;
}
@media (min-width: 1200px) {
lg responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to lg
being in xl media query.
*/
.visible-lg {
display: none;
}
}
@media (max-width: 1199.98px) {
/* lg responsive width: 50%;classes */
/* width */
.width-lg-5 {
width: 5%;
}
.width-lg-10 {
width: 10%;
}
.width-lg-15 {
width: 15%;
}
.width-lg-20 {
width: 20%;
}
.width-lg-25 {
width: 25%;
}
.width-lg-30 {
width: 30%;
}
.width-lg-35 {
width: 35%;
}
.width-lg-40 {
width: 40%;
}
.width-lg-45 {
width: 45%;
}
.width-lg-50 {
width: 50%;
}
.width-lg-55 {
width: 55%;
}
.width-lg-60 {
width: 60%;
}
.width-lg-65 {
width: 65%;
}
.width-lg-70 {
width: 70%;
}
.width-lg-75 {
width: 75%;
}
.width-lg-80 {
width: 80%;
float: none;
}
.width-lg-85 {
width: 85%;
float: none;
}
.width-lg-90 {
width: 90%;
float: none;
}
.width-lg-95 {
width: 95%;
float: none;
}
.width-lg-100 {
width: 100%;
float: none;
}
.width-lg-33 {
width: 33%;
}
.width-lg-66 {
width: 66%;
}
.width-lg-auto {
width: auto;
}
/* min-width */
.min-width-lg-5 {
min-width: 5%;
}
.min-width-lg-10 {
min-width: 10%;
}
.min-width-lg-15 {
min-width: 15%;
}
.min-width-lg-20 {
min-width: 20%;
}
.min-width-lg-25 {
min-width: 25%;
}
.min-width-lg-30 {
min-width: 30%;
}
.min-width-lg-35 {
min-width: 35%;
}
.min-width-lg-40 {
min-width: 40%;
}
.min-width-lg-45 {
min-width: 45%;
}
.min-width-lg-50 {
min-width: 50%;
}
.min-width-lg-55 {
min-width: 55%;
}
.min-width-lg-60 {
min-width: 60%;
}
.min-width-lg-65 {
min-width: 65%;
}
.min-width-lg-70 {
min-width: 70%;
}
.min-width-lg-75 {
min-width: 75%;
}
.min-width-lg-80 {
min-width: 80%;
float: none;
}
.min-width-lg-85 {
min-width: 85%;
float: none;
}
.min-width-lg-90 {
min-width: 90%;
float: none;
}
.min-width-lg-95 {
min-width: 95%;
float: none;
}
.min-width-lg-100 {
min-width: 100%;
float: none;
}
.min-width-lg-33 {
min-width: 33%;
}
.min-width-lg-66 {
min-width: 66%;
}
.min-width-lg-auto {
min-width: auto;
}
/* max-width */
.max-width-lg-5 {
max-width: 5%;
}
.max-width-lg-10 {
max-width: 10%;
}
.max-width-lg-15 {
max-width: 15%;
}
.max-width-lg-20 {
max-width: 20%;
}
.max-width-lg-25 {
max-width: 25%;
}
.max-width-lg-30 {
max-width: 30%;
}
.max-width-lg-35 {
max-width: 35%;
}
.max-width-lg-40 {
max-width: 40%;
}
.max-width-lg-45 {
max-width: 45%;
}
.max-width-lg-50 {
max-width: 50%;
}
.max-width-lg-55 {
max-width: 55%;
}
.max-width-lg-60 {
max-width: 60%;
}
.max-width-lg-65 {
max-width: 65%;
}
.max-width-lg-70 {
max-width: 70%;
}
.max-width-lg-75 {
max-width: 75%;
}
.max-width-lg-80 {
max-width: 80%;
float: none;
}
.max-width-lg-85 {
max-width: 85%;
float: none;
}
.max-width-lg-90 {
max-width: 90%;
float: none;
}
.max-width-lg-95 {
max-width: 95%;
float: none;
}
.max-width-lg-100 {
max-width: 100%;
float: none;
}
.max-width-lg-33 {
max-width: 33%;
}
.max-width-lg-66 {
max-width: 66%;
}
.max-width-lg-auto {
max-width: auto;
}
/* lg responsive hidden class */
.hidden-lg {
display: none;
}
/* lg responsive flex classes */
.flex-lg-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* lg responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-lg {
margin-right: initial !important;
margin-left: initial !important;
}
/* lg responsive text align classes */
.text-left-lg {
text-align: left;
}
.text-center-lg {
text-align: center;
}
.text-right-lg {
text-align: right;
}
/* lg display classes */
.block-lg {
display: block;
}
.flex-lg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.inline-block-lg {
display: inline-block;
}
tr.flex-lg {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-lg, .std-table tbody tr.block-lg, .white-rows tbody tr.flex-lg, .std-table tbody tr.flex-lg {
overflow: hidden;
background: #FFFFFF;
}
}
@media (min-width: 992px) {
md responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to md
being in lg media query.
*/
.visible-md {
display: none;
}
}
@media (max-width: 991.98px) {
/* md responsive width: 60%;classes */
/* width */
.width-md-5 {
width: 5%;
}
.width-md-10 {
width: 10%;
}
.width-md-15 {
width: 15%;
}
.width-md-20 {
width: 20%;
}
.width-md-25 {
width: 25%;
}
.width-md-30 {
width: 30%;
}
.width-md-35 {
width: 35%;
}
.width-md-40 {
width: 40%;
}
.width-md-45 {
width: 45%;
}
.width-md-50 {
width: 50%;
}
.width-md-55 {
width: 55%;
}
.width-md-60 {
width: 60%;
}
.width-md-65 {
width: 65%;
}
.width-md-70 {
width: 70%;
}
.width-md-75 {
width: 75%;
}
.width-md-80 {
width: 80%;
float: none;
}
.width-md-85 {
width: 85%;
float: none;
}
.width-md-90 {
width: 90%;
float: none;
}
.width-md-95 {
width: 95%;
float: none;
}
.width-md-100 {
width: 100%;
float: none;
}
.width-md-33 {
width: 33%;
}
.width-md-66 {
width: 66%;
}
.width-md-auto {
width: auto;
}
/* min-width */
.min-width-md-5 {
min-width: 5%;
}
.min-width-md-10 {
min-width: 10%;
}
.min-width-md-15 {
min-width: 15%;
}
.min-width-md-20 {
min-width: 20%;
}
.min-width-md-25 {
min-width: 25%;
}
.min-width-md-30 {
min-width: 30%;
}
.min-width-md-35 {
min-width: 35%;
}
.min-width-md-40 {
min-width: 40%;
}
.min-width-md-45 {
min-width: 45%;
}
.min-width-md-50 {
min-width: 50%;
}
.min-width-md-55 {
min-width: 55%;
}
.min-width-md-60 {
min-width: 60%;
}
.min-width-md-65 {
min-width: 65%;
}
.min-width-md-70 {
min-width: 70%;
}
.min-width-md-75 {
min-width: 75%;
}
.min-width-md-80 {
min-width: 80%;
float: none;
}
.min-width-md-85 {
min-width: 85%;
float: none;
}
.min-width-md-90 {
min-width: 90%;
float: none;
}
.min-width-md-95 {
min-width: 95%;
float: none;
}
.min-width-md-100 {
min-width: 100%;
float: none;
}
.min-width-md-33 {
min-width: 33%;
}
.min-width-md-66 {
min-width: 66%;
}
.min-width-md-auto {
min-width: auto;
}
/* max-width */
.max-width-md-5 {
max-width: 5%;
}
.max-width-md-10 {
max-width: 10%;
}
.max-width-md-15 {
max-width: 15%;
}
.max-width-md-20 {
max-width: 20%;
}
.max-width-md-25 {
max-width: 25%;
}
.max-width-md-30 {
max-width: 30%;
}
.max-width-md-35 {
max-width: 35%;
}
.max-width-md-40 {
max-width: 40%;
}
.max-width-md-45 {
max-width: 45%;
}
.max-width-md-50 {
max-width: 50%;
}
.max-width-md-55 {
max-width: 55%;
}
.max-width-md-60 {
max-width: 60%;
}
.max-width-md-65 {
max-width: 65%;
}
.max-width-md-70 {
max-width: 70%;
}
.max-width-md-75 {
max-width: 75%;
}
.max-width-md-80 {
max-width: 80%;
float: none;
}
.max-width-md-85 {
max-width: 85%;
float: none;
}
.max-width-md-90 {
max-width: 90%;
float: none;
}
.max-width-md-95 {
max-width: 95%;
float: none;
}
.max-width-md-100 {
max-width: 100%;
float: none;
}
.max-width-md-33 {
max-width: 33%;
}
.max-width-md-66 {
max-width: 66%;
}
.max-width-md-auto {
max-width: auto;
}
/* md responsive hidden class */
.hidden-md {
display: none;
}
/* md responsive flex classes */
.flex-md-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* md responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-md {
margin-right: initial !important;
margin-left: initial !important;
}
/* md responsive text align classes */
.text-left-md {
text-align: left;
}
.text-center-md {
text-align: center;
}
.text-right-md {
text-align: right;
}
/* md display classes */
.block-md {
display: block;
}
.flex-md {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.inline-block-md {
display: inline-block;
}
tr.flex-md {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-md, .std-table tbody tr.block-md, .white-rows tbody tr.flex-md, .std-table tbody tr.flex-md {
overflow: hidden;
background: #FFFFFF;
}
}
@media (min-width: 768px) {
sm responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to sm
being in md media query.
*/
.visible-sm {
display: none;
}
}
@media (max-width: 767.98px) {
/* sm responsive width: 70%;classes */
/* width */
.width-sm-5 {
width: 5%;
}
.width-sm-10 {
width: 10%;
}
.width-sm-15 {
width: 15%;
}
.width-sm-20 {
width: 20%;
}
.width-sm-25 {
width: 25%;
}
.width-sm-30 {
width: 30%;
}
.width-sm-35 {
width: 35%;
}
.width-sm-40 {
width: 40%;
}
.width-sm-45 {
width: 45%;
}
.width-sm-50 {
width: 50%;
}
.width-sm-55 {
width: 55%;
}
.width-sm-60 {
width: 60%;
}
.width-sm-65 {
width: 65%;
}
.width-sm-70 {
width: 70%;
}
.width-sm-75 {
width: 75%;
}
.width-sm-80 {
width: 80%;
float: none;
}
.width-sm-85 {
width: 85%;
float: none;
}
.width-sm-90 {
width: 90%;
float: none;
}
.width-sm-95 {
width: 95%;
float: none;
}
.width-sm-100 {
width: 100%;
float: none;
}
.width-sm-33 {
width: 33%;
}
.width-sm-66 {
width: 66%;
}
.width-sm-auto {
width: auto;
}
/* min-width */
.min-width-sm-5 {
min-width: 5%;
}
.min-width-sm-10 {
min-width: 10%;
}
.min-width-sm-15 {
min-width: 15%;
}
.min-width-sm-20 {
min-width: 20%;
}
.min-width-sm-25 {
min-width: 25%;
}
.min-width-sm-30 {
min-width: 30%;
}
.min-width-sm-35 {
min-width: 35%;
}
.min-width-sm-40 {
min-width: 40%;
}
.min-width-sm-45 {
min-width: 45%;
}
.min-width-sm-50 {
min-width: 50%;
}
.min-width-sm-55 {
min-width: 55%;
}
.min-width-sm-60 {
min-width: 60%;
}
.min-width-sm-65 {
min-width: 65%;
}
.min-width-sm-70 {
min-width: 70%;
}
.min-width-sm-75 {
min-width: 75%;
}
.min-width-sm-80 {
min-width: 80%;
float: none;
}
.min-width-sm-85 {
min-width: 85%;
float: none;
}
.min-width-sm-90 {
min-width: 90%;
float: none;
}
.min-width-sm-95 {
min-width: 95%;
float: none;
}
.min-width-sm-100 {
min-width: 100%;
float: none;
}
.min-width-sm-33 {
min-width: 33%;
}
.min-width-sm-66 {
min-width: 66%;
}
.min-width-sm-auto {
min-width: auto;
}
/* max-width */
.max-width-sm-5 {
max-width: 5%;
}
.max-width-sm-10 {
max-width: 10%;
}
.max-width-sm-15 {
max-width: 15%;
}
.max-width-sm-20 {
max-width: 20%;
}
.max-width-sm-25 {
max-width: 25%;
}
.max-width-sm-30 {
max-width: 30%;
}
.max-width-sm-35 {
max-width: 35%;
}
.max-width-sm-40 {
max-width: 40%;
}
.max-width-sm-45 {
max-width: 45%;
}
.max-width-sm-50 {
max-width: 50%;
}
.max-width-sm-55 {
max-width: 55%;
}
.max-width-sm-60 {
max-width: 60%;
}
.max-width-sm-65 {
max-width: 65%;
}
.max-width-sm-70 {
max-width: 70%;
}
.max-width-sm-75 {
max-width: 75%;
}
.max-width-sm-80 {
max-width: 80%;
float: none;
}
.max-width-sm-85 {
max-width: 85%;
float: none;
}
.max-width-sm-90 {
max-width: 90%;
float: none;
}
.max-width-sm-95 {
max-width: 95%;
float: none;
}
.max-width-sm-100 {
max-width: 100%;
float: none;
}
.max-width-sm-33 {
max-width: 33%;
}
.max-width-sm-66 {
max-width: 66%;
}
.max-width-sm-auto {
max-width: auto;
}
/* sm responsive hidden class */
.hidden-sm {
display: none;
}
/* sm responsive flex classes */
.flex-sm-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* sm responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-sm {
margin-right: initial !important;
margin-left: initial !important;
}
/* sm responsive text align classes */
.text-left-sm {
text-align: left;
}
.text-center-sm {
text-align: center;
}
.text-right-sm {
text-align: right;
}
/* sm display classes */
.block-sm {
display: block;
}
.flex-sm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.inline-block-sm {
display: inline-block;
}
tr.flex-sm {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-sm, .std-table tbody tr.block-sm, .white-rows tbody tr.flex-sm, .std-table tbody tr.flex-sm {
overflow: hidden;
background: #FFFFFF;
}
}
@media (min-width: 576px) {
xs responsive visible class:
desktop-first approach means that elements
should be hidden from the immediately larger
breakpoint upwards, that leads to xs
being in sm media query.
*/
.visible-xs {
display: none;
}
}
@media (max-width: 575.98px) {
/* xs responsive width: 80%;classes */
.width-xs-5 {
width: 5%;
}
.width-xs-10 {
width: 10%;
}
.width-xs-15 {
width: 15%;
}
.width-xs-20 {
width: 20%;
}
.width-xs-25 {
width: 25%;
}
.width-xs-30 {
width: 30%;
}
.width-xs-35 {
width: 35%;
}
.width-xs-40 {
width: 40%;
}
.width-xs-45 {
width: 45%;
}
.width-xs-50 {
width: 50%;
}
.width-xs-55 {
width: 55%;
}
.width-xs-60 {
width: 60%;
}
.width-xs-65 {
width: 65%;
}
.width-xs-70 {
width: 70%;
}
.width-xs-75 {
width: 75%;
}
.width-xs-80 {
width: 80%;
float: none;
}
.width-xs-85 {
width: 85%;
float: none;
}
.width-xs-90 {
width: 90%;
float: none;
}
.width-xs-95 {
width: 95%;
float: none;
}
.width-xs-100 {
width: 100%;
float: none;
}
.width-xs-33 {
width: 33%;
}
.width-xs-66 {
width: 66%;
}
.width-xs-auto {
width: auto;
}
/* min-width */
.min-width-xs-5 {
min-width: 5%;
}
.min-width-xs-10 {
min-width: 10%;
}
.min-width-xs-15 {
min-width: 15%;
}
.min-width-xs-20 {
min-width: 20%;
}
.min-width-xs-25 {
min-width: 25%;
}
.min-width-xs-30 {
min-width: 30%;
}
.min-width-xs-35 {
min-width: 35%;
}
.min-width-xs-40 {
min-width: 40%;
}
.min-width-xs-45 {
min-width: 45%;
}
.min-width-xs-50 {
min-width: 50%;
}
.min-width-xs-55 {
min-width: 55%;
}
.min-width-xs-60 {
min-width: 60%;
}
.min-width-xs-65 {
min-width: 65%;
}
.min-width-xs-70 {
min-width: 70%;
}
.min-width-xs-75 {
min-width: 75%;
}
.min-width-xs-80 {
min-width: 80%;
float: none;
}
.min-width-xs-85 {
min-width: 85%;
float: none;
}
.min-width-xs-90 {
min-width: 90%;
float: none;
}
.min-width-xs-95 {
min-width: 95%;
float: none;
}
.min-width-xs-100 {
min-width: 100%;
float: none;
}
.min-width-xs-33 {
min-width: 33%;
}
.min-width-xs-66 {
min-width: 66%;
}
.min-width-xs-auto {
min-width: auto;
}
/* max-width */
.max-width-xs-5 {
max-width: 5%;
}
.max-width-xs-10 {
max-width: 10%;
}
.max-width-xs-15 {
max-width: 15%;
}
.max-width-xs-20 {
max-width: 20%;
}
.max-width-xs-25 {
max-width: 25%;
}
.max-width-xs-30 {
max-width: 30%;
}
.max-width-xs-35 {
max-width: 35%;
}
.max-width-xs-40 {
max-width: 40%;
}
.max-width-xs-45 {
max-width: 45%;
}
.max-width-xs-50 {
max-width: 50%;
}
.max-width-xs-55 {
max-width: 55%;
}
.max-width-xs-60 {
max-width: 60%;
}
.max-width-xs-65 {
max-width: 65%;
}
.max-width-xs-70 {
max-width: 70%;
}
.max-width-xs-75 {
max-width: 75%;
}
.max-width-xs-80 {
max-width: 80%;
float: none;
}
.max-width-xs-85 {
max-width: 85%;
float: none;
}
.max-width-xs-90 {
max-width: 90%;
float: none;
}
.max-width-xs-95 {
max-width: 95%;
float: none;
}
.max-width-xs-100 {
max-width: 100%;
float: none;
}
.max-width-xs-33 {
max-width: 33%;
}
.max-width-xs-66 {
max-width: 66%;
}
.max-width-xs-auto {
max-width: auto;
}
/* xs responsive hidden class */
.hidden-xs {
display: none;
}
/* xs responsive flex classes */
.flex-xs-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-xs-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* xs responsive-margins classes */
/*
!important because margins are
usually set in style tags
*/
.no-margin-xs {
margin-right: initial !important;
margin-left: initial !important;
}
/* xs responsive text align classes */
.text-left-xs {
text-align: left;
}
.text-center-xs {
text-align: center;
}
.text-right-xs {
text-align: right;
}
/* xs display classes */
.block-xs {
display: block;
}
.flex-xs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.inline-block-xs {
display: inline-block;
}
tr.flex-xs {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.white-rows tbody tr.block-xs, .std-table tbody tr.block-xs, .white-rows tbody tr.flex-xs, .std-table tbody tr.flex-xs {
overflow: hidden;
background: #FFFFFF;
}
}
/* Breakpoint-independent classes */
.img-fluid img, img.img-fluid {
width: auto;
max-height: 100%;
max-width: 100%;
}
/**************************************************
Iubenda cookies notification
**************************************************/
#iubenda-cs-banner {
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: black;
}
.iubenda-cs-content {
display: block;
margin: 0 auto;
padding: 20px;
width: auto;
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
background: #000;
color: #fff;
}
.iubenda-banner-content > p {
font-family: "RooneySansWeb", Helvetica, Arial, sans-serif !important;
line-height: 1.5;
}
.iubenda-cs-rationale {
max-width: 10%900px;
position: relative;
margin: 0 auto;
}
.iubenda-cs-close-btn {
color: #fff;
text-decoration: none;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
border: none;
}
.iubenda-cs-cookie-policy-lnk {
color: #fff;
font-size: 14px;
font-weight: 900;
}
/**************************************************
Modal styles
**************************************************/
.open-popup-element {
text-decoration: underline dotted;
cursor: pointer;
}
/**************************************************
Twitter timeline desktop styles
**************************************************/
.twitter-timeline {
!important to override Twitter inline default.
*/
position: absolute !important;
}
/**************************************************
Zebra tooltip styles
**************************************************/
.Zebra_Tooltip_Message {
!important to override Zebra_Tooltip default, imported after this file.
*/
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/**************************************************
Sidebar styles
**************************************************/
#p-Pok\.C3\.A9mon_Central [id^="n-"] a::before {
height: 1.125em;
width: 1.125em;
content: '';
}
/**************************************************
Collapsible styles
**************************************************/
.mw-collapsible.light-text .mw-collapsible-toggle a, .mw-collapsible.light-text .mw-collapsible-toggle a:active, .mw-collapsible.light-text .mw-collapsible-toggle a:link, .mw-collapsible.light-text .mw-collapsible-toggle a:visited {
}
