MediaWiki:Mobile.css

Nota: dopo aver salvato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
Firefox / Safari: tenere premuto il tasto delle maiuscole Shift e fare clic su Ricarica, oppure premere Ctrl-F5 o Ctrl-R (⌘-R su Mac)
Google Chrome: premere Ctrl-Shift-R (⌘-Shift-R su un Mac)
Internet Explorer: tenere premuto il tasto Ctrl e fare clic su Aggiorna, oppure premere Ctrl-F5
Opera: Vai nel Menu → Impostazioni (Opera → Preferenze su un Mac) e poi in Privacy & sicurezza → Pulisci dati del browser → Immagini e file nella cache.
@charset "UTF-8";
/**************************************************

Mobile 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 !important;
}

body {
    font-size: 17px;
}

#mw-content-text *:not(.thumbinner) {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

th, .grid-header {
    font-weight: bolder;
}

pre {
    font-size: 90%;
}

/**************************************************

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;
}
/**************************************************

Styles for icons

**************************************************/
#home-social-link-container [class$="-icon"] a::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
}

#home-social-link-container .home-Discord-icon a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 245 240'%3E%3Cstyle%3E.st0{fill:%237289DA;}%3C/style%3E%3Cpath class='st0' d='M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z'/%3E%3Cpath class='st0' d='M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z'/%3E%3C/svg%3E");
}

#home-social-link-container .home-Facebook-icon 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-Telegram-icon 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 {
    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 {
    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");
}

#home-social-link-container [class$="-icon"] a {
    display: inline-block;
    padding-right: 0;
    background-image: none;
}
#home-social-link-container [class$="-icon"] a::before {
	display: block;
	margin: auto;
    height: 2em;
    width: 2em;
    content: '';
}

/**************************************************

Overused styles

**************************************************/
.black-text, .black-text a, .text-black, .text-black a {
    color: #000000;
}

.height-100, .home-grid-container, .home-grid-border {
    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, .home-giochi {
    white-space: nowrap;
}

.vert-middle::before, .vert-center::before, .home-giochi::before {
    height: 100%;
    content: '';
}

.vert-middle > *, .vert-center > *, .home-giochi > * {
    white-space: normal;
}

/**************************************************

Miscellaneous styles

**************************************************/
.sitenotice {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    margin-top: 1.5ex;
    margin-bottom: 1.5ex;
    padding: 0.5ex 1ex;
    background: linear-gradient(to right, #D0E6FF, #7CBAFF);
}

.mw-collapsible-toggle {
    padding-left: 0.4375rem;
}

.explain[title] {
    -webkit-text-decoration: underline dotted;
       -moz-text-decoration: underline dotted;
            text-decoration: underline dotted;
    cursor: initial;
}

.box-contenitore ::-webkit-scrollbar-track {
	background: transparent;
	border: 2px solid transparent;
}

/**************************************************

Border-radius classes

**************************************************/
.roundy-5, .home-grid-container {
    border-radius: 0.3125rem;
}

.roundytr-5, .roundytop-5, .roundyright-5 {
    border-top-right-radius: 0.3125rem;
}

.roundybr-5, .roundyright-5, .roundybottom-5 {
    border-bottom-right-radius: 0.3125rem;
}

.roundybl-5, .roundybottom-5, .roundyleft-5 {
    border-bottom-left-radius: 0.3125rem;
}

.roundytl-5, .roundytop-5, .roundyleft-5 {
    border-top-left-radius: 0.3125rem;
}

.roundy-10, .roundy, .std-table, .toc, li.gallerybox, li.gallerybox div.thumb, .home-intestazione, .home-contenuto, .home-giochi, .home-grid-border {
    border-radius: 0.625rem;
}

.roundytr-10, .roundytop-10, .roundytop, .roundy-header, .roundy-corners, .roundyright-10, .roundyright, .roundytr, .roundy-header thead tr:first-of-type td:last-child, .roundy-corners 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, .roundy-header tbody:only-child tr:first-of-type td:last-child, .roundy-corners 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, .roundy-header.grid > :first-of-type > *:last-child, .grid.roundy-corners > :first-of-type > *:last-child {
    border-top-right-radius: 0.625rem;
}

.roundybr-10, .roundyright-10, .roundyright, .roundybottom-10, .roundybottom, .roundy-footer, .std-table, .roundy-corners, .roundybr, .roundy-footer tbody tr:last-of-type td:last-child, .std-table tbody tr:last-of-type td:last-child, .roundy-corners tbody tr:last-of-type td:last-child, .roundy-footer tbody tr:last-of-type th:last-child, .std-table tbody tr:last-of-type th:last-child, .roundy-corners tbody tr:last-of-type th:last-child, .roundy-footer.grid > :last-of-type > *:last-child, .grid.std-table > :last-of-type > *:last-child, .grid.roundy-corners > :last-of-type > *:last-child {
    border-bottom-right-radius: 0.625rem;
}

.roundybl-10, .roundybottom-10, .roundybottom, .roundy-footer, .std-table, .roundy-corners, .roundyleft-10, .roundyleft, .roundybl, .roundy-footer tbody tr:last-of-type td:first-child, .std-table tbody tr:last-of-type td:first-child, .roundy-corners tbody tr:last-of-type td:first-child, .roundy-footer tbody tr:last-of-type th:first-child, .std-table tbody tr:last-of-type th:first-child, .roundy-corners tbody tr:last-of-type th:first-child, .roundy-footer.grid > :last-of-type > *:first-child, .grid.std-table > :last-of-type > *:first-child, .grid.roundy-corners > :last-of-type > *:first-child {
    border-bottom-left-radius: 0.625rem;
}

.roundytl-10, .roundytop-10, .roundytop, .roundy-header, .roundy-corners, .roundyleft-10, .roundyleft, .roundytl, .roundy-header thead tr:first-of-type td:first-child, .roundy-corners 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, .roundy-header tbody:only-child tr:first-of-type td:first-child, .roundy-corners 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, .roundy-header.grid > :first-of-type > *:first-child, .grid.roundy-corners > :first-of-type > *:first-child {
    border-top-left-radius: 0.625rem;
}

.roundy-15 {
    border-radius: 0.9375rem;
}

.roundytr-15, .roundytop-15, .roundyright-15 {
    border-top-right-radius: 0.9375rem;
}

.roundybr-15, .roundyright-15, .roundybottom-15 {
    border-bottom-right-radius: 0.9375rem;
}

.roundybl-15, .roundybottom-15, .roundyleft-15 {
    border-bottom-left-radius: 0.9375rem;
}

.roundytl-15, .roundytop-15, .roundyleft-15 {
    border-top-left-radius: 0.9375rem;
}

.roundy-20, .sitenotice {
    border-radius: 1.25rem;
}

.roundytr-20, .roundytop-20, .roundyright-20 {
    border-top-right-radius: 1.25rem;
}

.roundybr-20, .roundyright-20, .roundybottom-20 {
    border-bottom-right-radius: 1.25rem;
}

.roundybl-20, .roundybottom-20, .roundyleft-20 {
    border-bottom-left-radius: 1.25rem;
}

.roundytl-20, .roundytop-20, .roundyleft-20 {
    border-top-left-radius: 1.25rem;
}

.roundy-full {
    border-radius: 50%;
}

.roundy-full-sides {
    border-radius: 1000rem;
}

/**************************************************

Display classes

**************************************************/
.inline-block, .vert-middle::before, .vert-center::before, .home-giochi::before, .vert-middle > *, .vert-center > *, .home-giochi > *, .same-line {
    display: inline-block;
}

.grid {
    display: table;
}

.grid-row, .grid > * {
    display: table-row;
}

.grid-cell, .grid > * > *, .grid-row > *, .grid-header {
    display: table-cell;
}

/**************************************************

Element-aligning classes

**************************************************/
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-center, .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, .home-giochi::before, .vert-middle > *, .vert-center > *, .home-giochi > *, .align-center {
    vertical-align: middle;
}

/**************************************************

Text-aligning classes

**************************************************/
.text-center, th, .grid-header, .std-table, .sitenotice, .center-text {
    text-align: center;
}

.text-right, .right-text {
    text-align: right;
}

.text-left, .left-text {
    text-align: left;
}

/**************************************************

Font-size classes

**************************************************/
.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 related classes

**************************************************/
.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-all, .clear-both {
    clear: both;
}

/**************************************************

Spacing related classes

**************************************************/
.no-border-spacing, .std-table {
    border-spacing: 0;
}

/**************************************************

Overflow related classes

**************************************************/
.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

/**************************************************

Flexbox styles

**************************************************/
.inline-flex > *, .flex > *, .flex-row-stretch-around > *, .flex-row-center-around > *, .flex-row-center-stretch > *, .home-grid-container > * {
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
}

.inline-flex {
    display: -webkit-inline-flex;
    display: inline-flex;
}

.flex, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch, .home-grid-container {
    display: -webkit-flex;
    display: flex;
}

.flex-row, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch {
    -webkit-flex-direction: row;
            flex-direction: row;
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.flex-column, .home-grid-container {
    -webkit-flex-direction: column;
            flex-direction: column;
}

.flex-column-reverse {
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.flex-nowrap, .flex-row-center-stretch, .home-grid-container {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
}

.flex-main-start, .home-grid-container {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

.flex-main-end {
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}

.flex-main-center {
    -webkit-justify-content: center;
            justify-content: center;
}

.flex-main-space-between {
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.flex-main-space-around, .flex-row-stretch-around, .flex-row-center-around {
    -webkit-justify-content: space-around;
            justify-content: space-around;
}

.flex-main-space-evenly {
    -webkit-justify-content: space-evenly;
            justify-content: space-evenly;
}

.flex-items-start {
    -webkit-align-items: flex-start;
            align-items: flex-start;
}

.flex-items-end {
    -webkit-align-items: flex-end;
            align-items: flex-end;
}

.flex-items-center, .flex-row-center-around, .flex-row-center-stretch {
    -webkit-align-items: center;
            align-items: center;
}

.flex-items-stretch, .flex-row-stretch-around, .home-grid-container {
    -webkit-align-items: stretch;
            align-items: stretch;
}

.flex-items-baseline {
    -webkit-align-items: baseline;
            align-items: baseline;
}

.flex-cross-start {
    -webkit-align-content: flex-start;
            align-content: flex-start;
}

.flex-cross-end {
    -webkit-align-content: flex-end;
            align-content: flex-end;
}

.flex-cross-center {
    -webkit-align-content: center;
            align-content: center;
}

.flex-cross-stretch {
    -webkit-align-content: stretch;
            align-content: stretch;
}

.flex-cross-space-between {
    -webkit-align-content: space-between;
            align-content: space-between;
}

.flex-cross-space-around {
    -webkit-align-content: space-around;
            align-content: space-around;
}

.flex-item-self-start {
    -webkit-align-self: flex-start;
            align-self: flex-start;
}

.flex-item-self-end {
    -webkit-align-self: flex-end;
            align-self: flex-end;
}

.flex-item-self-center {
    -webkit-align-self: center;
            align-self: center;
}

.flex-item-self-stretch {
    -webkit-align-self: stretch;
            align-self: stretch;
}

.flex-item-self-baseline {
    -webkit-align-self: baseline;
            align-self: baseline;
}

/* Makes a flex item fill all the available space on the main axis */
.flex-item-fill, .flex-main-equal > *, .home-grid-container > div:last-child {
    -webkit-flex: 1 1 0;
            flex: 1 1 0;
}

/* Makes the elements fill the main axis */
.flex-main-stretch > *, .flex-row-center-stretch > * {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
}

/*
    Makes all elements fill the main axis
    and be equal sized
*/

/**************************************************

Responsive design 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-xl-25 {
    width: 25%;
}

.width-xl-30 {
    width: 30%;
}

.width-xl-35 {
    width: 35%;
}

.width-xl-40 {
    width: 40%;
}

.width-xl-45 {
    width: 45%;
}

.width-xl-50 {
    width: 50%;
}

.width-xl-55 {
    width: 55%;
}

.width-xl-60 {
    width: 60%;
}

.width-xl-65 {
    width: 65%;
}

.width-xl-70 {
    width: 70%;
}

.width-xl-75 {
    width: 75%;
}

.width-xl-80 {
    width: 80%;
    float: none;
}

.width-xl-85 {
    width: 85%;
    float: none;
}

.width-xl-90 {
    width: 90%;
    float: none;
}

.width-xl-95 {
    width: 95%;
    float: none;
}

.width-xl-100 {
    width: 100%;
    float: none;
}

.width-xl-33 {
    width: 33%;
}

.width-xl-66 {
    width: 66%;
}

.width-xl-auto {
    width: auto;
}

/* min-width */
.min-width-xl-5 {
    min-width: 5%;
}

.min-width-xl-10 {
    min-width: 10%;
}

.min-width-xl-15 {
    min-width: 15%;
}

.min-width-xl-20 {
    min-width: 20%;
}

.min-width-xl-25 {
    min-width: 25%;
}

.min-width-xl-30 {
    min-width: 30%;
}

.min-width-xl-35 {
    min-width: 35%;
}

.min-width-xl-40 {
    min-width: 40%;
}

.min-width-xl-45 {
    min-width: 45%;
}

.min-width-xl-50 {
    min-width: 50%;
}

.min-width-xl-55 {
    min-width: 55%;
}

.min-width-xl-60 {
    min-width: 60%;
}

.min-width-xl-65 {
    min-width: 65%;
}

.min-width-xl-70 {
    min-width: 70%;
}

.min-width-xl-75 {
    min-width: 75%;
}

.min-width-xl-80 {
    min-width: 80%;
    float: none;
}

.min-width-xl-85 {
    min-width: 85%;
    float: none;
}

.min-width-xl-90 {
    min-width: 90%;
    float: none;
}

.min-width-xl-95 {
    min-width: 95%;
    float: none;
}

.min-width-xl-100 {
    min-width: 100%;
    float: none;
}

.min-width-xl-33 {
    min-width: 33%;
}

.min-width-xl-66 {
    min-width: 66%;
}

.min-width-xl-auto {
    min-width: auto;
}

/* max-width */
.max-width-xl-5 {
    max-width: 5%;
}

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

.max-width-xl-auto {
    max-width: auto;
}

/* xl responsive hidden class */
.hidden-xl {
    display: none;
}

/* xl responsive flex classes */
.flex-xl-wrap {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex-xl-nowrap {
    -webkit-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;
}

.text-center-xl {
    text-align: center;
}

.text-right-xl {
    text-align: right;
}

/* xl display classes */
.block-xl {
    display: block;
}

.flex-xl {
    display: -webkit-flex;
    display: flex;
}

.inline-block-xl {
    display: inline-block;
}

tr.flex-xl {
    -webkit-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 {
    overflow: hidden;
    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 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;
                flex-wrap: wrap;
    }
    .flex-lg-nowrap {
        -webkit-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-flex;
        display: flex;
    }
    .inline-block-lg {
        display: inline-block;
    }
    tr.flex-lg {
        -webkit-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 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;
                flex-wrap: wrap;
    }
    .flex-md-nowrap {
        -webkit-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-flex;
        display: flex;
    }
    .inline-block-md {
        display: inline-block;
    }
    tr.flex-md {
        -webkit-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 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;
                flex-wrap: wrap;
    }
    .flex-sm-nowrap {
        -webkit-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-flex;
        display: flex;
    }
    .inline-block-sm {
        display: inline-block;
    }
    tr.flex-sm {
        -webkit-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 classes */
    /* width */
    .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;
                flex-wrap: wrap;
    }
    .flex-xs-nowrap {
        -webkit-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-flex;
        display: flex;
    }
    .inline-block-xs {
        display: inline-block;
    }
    tr.flex-xs {
        -webkit-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 {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

/**************************************************

Zebra tooltip styles

**************************************************/
.Zebra_Tooltip_Message {
    /*
    !important to override Zebra_Tooltip default, imported after this file.
    */
    box-shadow: none !important;
}

/******************************************

Overriding of system mobile styles

******************************************/
/*
    The id in he selector is to make the selector more specific and be sure
    that these styles override the built-in mediawiki ones.
*/
#mw-content-text table {
    border-collapse: separate;
}


/******************************************

Light box classes

******************************************/
.light-box {
  color: #222222;
}

.light-box a, .light-box a:visited {
  color: #0645ad;
}

.light-box a.new, .light-box a.new:visited {
  color: #ba0000;
}

.light-box a.external, .light-box a.external:visited {
  color: #3366bb;
}

/*** Diagramma Intesa Gladius ***/

.affinity-chart {
  width: 700px;
  height: 375px;
}

.affinity-chart-column {
  position: relative;
  float: left;
  top: 346px;
  background: black;
  height: 0px;
  width: 700px;
}

.affinity-chart-column:nth-child(1) {
  transform: rotateZ(0deg);
}

.affinity-chart-column:nth-child(2) {
  transform: rotateZ(20deg);
}

.affinity-chart-column:nth-child(3) {
  transform: rotateZ(40deg);
}

.affinity-chart-column:nth-child(4) {
  transform: rotateZ(60deg);
}

.affinity-chart-column:nth-child(5) {
  transform: rotateZ(80deg);
}

.affinity-chart-column:nth-child(6) {
  transform: rotateZ(100deg);
}

.affinity-chart-column:nth-child(7) {
  transform: rotateZ(120deg);
}

.affinity-chart-column:nth-child(8) {
  transform: rotateZ(140deg);
}

.affinity-chart-column:nth-child(9) {
  transform: rotateZ(160deg);
}

.affinity-chart-column:nth-child(10) {
  transform: rotateZ(180deg);
}

.affinity-chart-column:nth-child(1) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(0deg);
}

.affinity-chart-column:nth-child(2) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-20deg);
}

.affinity-chart-column:nth-child(3) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-40deg);
}

.affinity-chart-column:nth-child(4) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-60deg);
}

.affinity-chart-column:nth-child(5) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-80deg);
}

.affinity-chart-column:nth-child(6) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-100deg);
}

.affinity-chart-column:nth-child(7) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-120deg);
}

.affinity-chart-column:nth-child(8) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-140deg);
}

.affinity-chart-column:nth-child(9) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-160deg);
}

.affinity-chart-column:nth-child(10) .affinity-chart-element .affinity-chart-inner-element {
  transform: rotate(-180deg);
}

.affinity-chart-inner-column {
  width: 236px;
  height: 2px;
  background: black;
  margin-top: -1px;
}

.affinity-chart-element {
  float: left;
  width: 36px;
  margin-right: 14px;
}

.affinity-chart-element:after {
  display: block;
  clear: both;
  content: '';
}

.affinity-chart-inner-element {
  width: 36px;
  height: 36px;
  margin-top: -17px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: #AAA;
}

/******************************************

Dark mobile theme (move to MediaWiki:Minerve neue.css?)

******************************************/
/**** unsorted ***/
#mw-mf-viewport, #content {
  background-color: #242425;
}

.header-container.header-chrome {
  background-color: #2f2f32;
}

.header .search-box .search {
	background-color: #242425 !important; /* to override MW's important */
	color: #fff;
}

.mw-ui-icon-minerva-language-switcher::before{
  filter: brightness(10);
}

.mw-ui-icon-mf-arrow::before {
  filter: invert(100%);
}

.mf-section-0 .toc-mobile.view-border-box, .mw-ui-button {
	background-color: #2d2d2d;
	border-color: #5a5a5d;
}

.minerva-footer, .minerva-footer .view-border-box {
	border-color: #5a5a5d;
}

.minerva-footer {
  background-color: #2d2d2d;
}

.mw-ui-button {
  color: #fff;
}

/**** Sfondi ****/

body, #mw-mf-page-center, .minerva-footer, .primary-navigation-enabled {
	background-color: #2f2f32!important;
}
.ns-special #content {
	background: #242425!important;
}
.ns-special .pre-content {
	background: transparent!important;
}
.ns-special #content form {
	background: #2f2f32!important;
}
footer .last-modified-bar {
	background-color: #1b1b1d;
}

/**** Colore testo ****/

h1, h2, h3, h4, h5, h6, .mw-body, .parsoid-body, #mw-panel .portal h3, 
.header .branding-box a span, .search-overlay .results li {
	color: #fff;
}

/**** Colore link blu ****/

a, a:visited {
	color: #6dd1ff; 
}
nav ul.hlist li a {
	color: #6dd1ff!important;
}

/**** Colore link pagine vuote ****/

a.new, a.new:visited {
	color: #ff6a99;
}

/**** Colore link esterni ****/

.mw-parser-output a.external, .mw-parser-output a.external:visited, 
.mw-parser-output a.external:active {
	color: #84b6f7;
}

/**** Barra della ricerca ****/

.overlay.search-overlay {
	background-color: #242425;
}

.search-overlay .results li {
	background-color: #72777d;
}

.search-overlay .results li h3, .search-overlay .results li a {
	color: #232426;
}

.list-thumb.list-thumb-none {
  filter: brightness(0.7);
}

/**** Barra di navigazione (sidebar) ****/
#mw-mf-viewport, nav.navigation-drawer, nav.navigation-drawer ul.hlist li {
  background-color: #242425;
}

nav.navigation-drawer ul li {
  background-color: #444447;
}

nav.navigation-drawer ul li a {
  color: #fff;
}

nav.navigation-drawer ul li a:before {
  filter: brightness(2.5);
}

/********** Copiate da Vector.css, probabilmente molte sono inutili **********/
/**** Contenitore e barra superiore ****/

.mw-body, .parsoid-body {
	background-color: #242425;
}
.mw-body {
	border-color: #38383c;
}
#left-navigation, #right-navigation {
	margin-top: 48px;
}
.vectorMenu .menu {
	background: #242425;
	border: 1px solid #38383c;
}
#mw-head .vectorMenu h3 {
	background: none;
}
#mw-head .vectorMenu h3 span {
	padding: 9px 11px 0 9px;
	color: #fff;
}

/**** Contenuto ****/

textarea, select, .mw-ui-input {
	border: 1px solid #38383c;
	background: #161619;
	color: #fff;
	box-shadow: none;
}
div.thumbinner {
	border-color: #38383c;
	background-color: #242425;
	border-radius: 4px;
	padding: 3px 2px;
}
ul {
	list-style-image: none;
}
.catlinks, .mw-search-profile-tabs {
    border: 1px solid #5a5a5d;
    background-color: #2d2d2d;
}
pre {
	background: #101010;
	border: 1px dashed #85bb6f;
	color: #85bb6f;
}
pre * {
    color: #85bb6f!important;
}
.toc, .mw-warning, .toccolours {
	background: #2d2d2d;
	border-color: #5a5a5d;
	border-radius: 3px!important;
}
.search-overlay .search-content {
	border-bottom: 1px solid #2f2f32;
	color: #fff;
}
#page-actions {
	border-top: 1px solid #3d3d42;
	border-bottom: 1px solid #3d3d42;
}
.content kbd, .content samp, .content code, .content pre {
	border: dashed 1px #85bb6f;
}
.ns-special .content-header, .page-list li, .topic-title-list li, .site-link-list li {
	border-bottom: 1px solid #2f2f32;
	color: #fff;
}
.list-header {
	margin-top: 5px!important;
	background-color: #2f2f32;
	border-bottom: 2px solid #222;
	border-radius: 5px;
	color: #fff;
}
.mw-mf-user {
	color: #fff;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, 
.mw_metadata td, .mw_metadata th {
	background-color: #2f2f32;
}

/**** Bordi ****/

.minerva-footer, .minerva-footer .view-border-box, .header-container.header-chrome, footer > .post-content > h2, .mw-editform > #wpTextbox1, .content .mw-parser-output > h2, .content .section-heading, .mf-section-0 .toc-mobile.view-border-box, .mw-ui-button, .mw-mf-watchlist-selector li {
	border-color: #38383c;
}
.header-container.header-chrome {
	border-bottom: 1px solid #38383c;
}

/**** Menu laterale ****/

nav.navigation-drawer ul li, nav .secondary-action {
	background-color: #262627;
	border-color: #1c1c1e!important;
}
nav ul li a:visited, nav ul li a:active {
	color: #fff!important;
}

/**** Ultime modifiche ****/

.mw-plusminus-pos {
	color: #47ffab;
}
.mw-plusminus-neg {
	color: #ff6a99;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: #181818;
	border: 1px solid #38383c;
	color: #f0f0f0;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
	background: #fff;
}

/**** Differenze tra le versioni ****/
.diff-addedline, .diff-deletedline, .diff-context {
  background-color: #161619;
  color: #fff;
}

.diff-deletedline {
  border-color: #A69567;
}

.diff-deletedline .diffchange {
  background: #A69567;
}

.diff-addedline {
  border-color: #6A89A6;
}

.diff-addedline .diffchange {
  background: #6A89A6;
}

/**** Home page ****/
.home-intestazione { /* Alias of roundy */
	background: #13395b;
	padding: 5px 10px;
	font-weight: bold;
}
.home-contenuto, .home-giochi { /* Alias of roundy */
	background: #161619;
	padding: 5px 10px;
}
.home-contenuto:hover, .home-giochi:hover {
	background: #161619c2;
}
.home-giochi { /* Alias of vert-middle */
	white-space: pre-wrap;
	margin-bottom: 5px;
	min-height: 112px;
	height: 25%;
}
.home-giochi:last-child {
    margin: 0;
}
.home-riga {
	margin-top: 10px;
	border-top: 4px solid #13395b;
	padding-top: 10px;
}
.home-riga:last-child {
	margin-bottom: 10px;
}
.home-grid-container { /* Alias for flex flex-column flex-nowrap flex-items-stretch flex-main-start height-100 roundy-5 */
    background-color: #242425;
    padding: 0.5ex;
}
.home-grid-container > div {
    margin-bottom: 5px;
}
.home-grid-container > div:last-child { /* Alias for flex-item-fill */
    margin-bottom: 0;
}
.home-grid-border { /* Alias for height-100 roundy */
    background-color: #13395B;
    padding: 0.5ex;
}
MediaWiki:Mobile.css

Menu di navigazione

Strumenti personali

Namespace

Varianti

Visite

Altro

Ricerca

Contenuti

Navigazione

Strumenti

Xenoblade Universe "R‑Alpha"
