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.skin-vector {
    font-size: 17px;
}

#mw-content-text *:not(.thumbinner) {
    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, .page-Home #contentSub2 {
    display: none;
}

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

Shared styles for icons

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

#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-Instagram-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%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 {
    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.9-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 #home-GitHub-icon a::before {
    background-image: url("data:image/svg+xml, %3Csvg width='1024' height='1024' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0Z' fill='%231B1F23'/%3E%3C/svg%3E");
}

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

Box styles

**************************************************/
.box {
    border-radius: 0.625rem;
    text-align: center;
}
.box, .box a {
    color: #FFFFFF;
}
.box-thick {
    border-radius: 0.3125rem;
    padding: 0.5ex;
}
.box-thin {
    border-radius: 0.3125rem;
    padding: 0 0.5ex;
    font-size: 90%;
}
.box-tiny {
    border-radius: 0.3125rem;
    padding: 0 0.3ex;
    font-size: smaller;
}

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

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: "";
}
@media (min-width: 992px) {
    #home-lmopcw {
        overflow: hidden scroll;
        position: absolute;
        height: calc(100% - 2ex);
        width: calc(100% - 2ex);
    }
}
/**************************************************

Overused styles

**************************************************/
.black-text, .black-text a, .text-black, .text-black 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;
}

.text-fisico, .fisico-text {
    color: #F67A1A;
}

.text-speciale, .speciale-text {
    color: #FFFFFF;
}

.text-stato, .stato-text {
    color: #F7F7F7;
}

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

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

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

Miscellaneous styles

**************************************************/
.sitenotice {
    box-sizing: border-box;
    margin-top: 1.5ex;
    margin-bottom: 1.5ex;
    padding: 0.5ex 1ex;
    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: linear-gradient(to right, #FFF6F6, #FFDDDD);
}
.copytag-yellow {
    background: linear-gradient(to right, #FFFFE6, #FFFFC5);
}
.copytag-text {
    padding: 0.5em;
    text-align: center;
    width: 99%;
}
.copytag-sym {
    padding: 0;
}

.explain.tooltips {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    cursor: initial;
}

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

Border-radius classes

**************************************************/
.roundy-5 {
    border-radius: 0.3125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.roundytl-20, .roundyleft-20, .roundytop-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, .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;
}

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

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

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

Text-aligning classes

**************************************************/
.text-center, li.gallerybox div.thumb, 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

**************************************************/
.flex > *, ul.gallery > *, .flex-row-center-stretch > *, .flex-row-center-around > *, .flex-row-stretch-around > *, .inline-flex > * {
    flex: 0 1 auto;
}

.inline-flex {
    display: inline-flex;
}
.flex, ul.gallery, .flex-row-center-stretch, .flex-row-center-around, .flex-row-stretch-around {
    display: flex;
}
.flex-row, ul.gallery, .flex-row-center-stretch, .flex-row-center-around, .flex-row-stretch-around {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-column {
    flex-direction: column;
}
.flex-column-reverse {
    flex-direction: column-reverse;
}
.flex-nowrap, .flex-row-center-stretch {
    flex-wrap: nowrap;
}
.flex-wrap, ul.gallery {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-main-start {
    justify-content: flex-start;
}
.flex-main-end {
    justify-content: flex-end;
}
.flex-main-center {
    justify-content: center;
}
.flex-main-space-between {
    justify-content: space-between;
}
.flex-main-space-around, .flex-row-center-around, .flex-row-stretch-around {
    justify-content: space-around;
}
.flex-main-space-evenly {
    justify-content: space-evenly;
}
.flex-items-start {
    align-items: flex-start;
}
.flex-items-end {
    align-items: flex-end;
}
.flex-items-center, .flex-row-center-stretch, .flex-row-center-around {
    align-items: center;
}
.flex-items-stretch, ul.gallery, .flex-row-stretch-around {
    align-items: stretch;
}
.flex-items-baseline {
    align-items: baseline;
}
.flex-cross-start {
    align-content: flex-start;
}
.flex-cross-end {
    align-content: flex-end;
}
.flex-cross-center {
    align-content: center;
}
.flex-cross-stretch {
    align-content: stretch;
}
.flex-cross-space-between {
    align-content: space-between;
}
.flex-cross-space-around {
    align-content: space-around;
}
.flex-item-self-start {
    align-self: flex-start;
}
.flex-item-self-end {
    align-self: flex-end;
}
.flex-item-self-center {
    align-self: center;
}
.flex-item-self-stretch {
    align-self: stretch;
}
.flex-item-self-baseline {
    align-self: baseline;
}

/* Makes a flex item fill all the available space on the main axis */
.flex-item-fill, .flex-main-equal > * {
    flex: 1 1 0;
}

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

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

Gallery styles

**************************************************/
li.gallerybox {
    margin: 0.125rem;
    background: linear-gradient(to right, #D0E6FF, #7CBAFF);
}
li.gallerybox div.thumb {
    margin: 0.125rem 0.125rem 0 0.125rem;
}

div.gallerytext {
    padding: 0 0.25rem;
    font-size: 85%;
    line-height: 1.1;
    word-wrap: break-word;
}

.tabs-header .tabs-select {
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5ex 0;
}
.tabs-header .tabs-select-active {
    color: red;
}

.tabs-tab {
    display: none;
}

.tabs-tab.tabs-tab-active {
    display: block;
}

.tabs.tabs-bordered {
    border-color: black;
    border-radius: 0.625rem;
}
.tabs.tabs-bordered .tabs-content {
    border-radius: inherit;
    border-style: solid;
    border-color: inherit;
    border-width: 0.5ex;
    background-color: white;
}
.tabs.tabs-bordered .tabs-content .tabs-tab {
    padding: 0.5ex;
}
.tabs.tabs-bordered .tabs-header {
    border-color: inherit;
    border-radius: inherit;
    padding: 0 2ex 0;
    margin-bottom: -0.4ex;
}
.tabs.tabs-bordered .tabs-header .tabs-select {
    background: lightgray;
    border-style: solid;
    border-color: inherit;
    border-width: 0.5ex;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
}
.tabs.tabs-bordered .tabs-header .tabs-select.tabs-select-active {
    background: white;
    border-bottom-style: solid;
    border-bottom-color: white;
}

.tabs.tabs-transparent {
    border-radius: 0.625rem;
}
.tabs.tabs-transparent .tabs-content {
    border-radius: 0.625rem;
    background-color: white;
}
.tabs.tabs-transparent .tabs-content .tabs-tab {
    padding: 0.5ex;
}
.tabs.tabs-transparent .tabs-header {
    border-radius: inherit;
    padding: 0 1.5ex 0;
}
.tabs.tabs-transparent .tabs-header .tabs-select {
    color: inherit;
    background-color: transparent;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.tabs.tabs-transparent .tabs-header .tabs-select.tabs-select-active {
    color: black;
    background-color: white;
}

.tabs.tabs-card-labels {
    border-radius: 0.625rem;
}
.tabs.tabs-card-labels .tabs-content {
    border-radius: inherit;
    background-color: white;
}
.tabs.tabs-card-labels .tabs-content .tabs-tab {
    padding: 0.5ex;
}
.tabs.tabs-card-labels .tabs-header {
    border-radius: inherit;
    padding: 0 1.5ex 1ex;
}
.tabs.tabs-card-labels .tabs-header .tabs-select {
    color: inherit;
    background-color: transparent;
    border-radius: inherit;
}
.tabs.tabs-card-labels .tabs-header .tabs-select.tabs-select-active {
    color: black;
    background-color: white;
}

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

Gradients styles

**************************************************/
.horiz-grad-acciaio-acciaio, .horiz-grad-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #A2D0E0, #60A1B8);
}

.horiz-grad-acciaio-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #2980EF);
}

.horiz-grad-acciaio-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #50413F);
}

.horiz-grad-acciaio-coleottero, .horiz-grad-acciaio-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #91A119);
}

.horiz-grad-acciaio-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #5060E1);
}

.horiz-grad-acciaio-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #FAC000);
}

.horiz-grad-acciaio-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #3FA129);
}

.horiz-grad-acciaio-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #EF70EF);
}

.horiz-grad-acciaio-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #E62829);
}

.horiz-grad-acciaio-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #3FD8FF);
}

.horiz-grad-acciaio-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #FF8000);
}

.horiz-grad-acciaio-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #9FA19F);
}

.horiz-grad-acciaio-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #EF4179);
}

.horiz-grad-acciaio-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #AFA981);
}

.horiz-grad-acciaio-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #704170);
}

.horiz-grad-acciaio-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #915121);
}

.horiz-grad-acciaio-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #9141CB);
}

.horiz-grad-acciaio-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #60A1B8, #81B9EF);
}

.horiz-grad-acqua-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #60A1B8);
}

.horiz-grad-acqua-acqua, .horiz-grad-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #83B9FF, #2980EF);
}

.horiz-grad-acqua-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #50413F);
}

.horiz-grad-acqua-coleottero, .horiz-grad-acqua-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #91A119);
}

.horiz-grad-acqua-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #5060E1);
}

.horiz-grad-acqua-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #FAC000);
}

.horiz-grad-acqua-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #3FA129);
}

.horiz-grad-acqua-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #EF70EF);
}

.horiz-grad-acqua-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #E62829);
}

.horiz-grad-acqua-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #3FD8FF);
}

.horiz-grad-acqua-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #FF8000);
}

.horiz-grad-acqua-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #9FA19F);
}

.horiz-grad-acqua-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #EF4179);
}

.horiz-grad-acqua-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #AFA981);
}

.horiz-grad-acqua-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #704170);
}

.horiz-grad-acqua-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #915121);
}

.horiz-grad-acqua-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #9141CB);
}

.horiz-grad-acqua-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #2980EF, #81B9EF);
}

.horiz-grad-buio-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #60A1B8);
}

.horiz-grad-buio-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #2980EF);
}

.horiz-grad-buio-buio, .horiz-grad-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #747474, #50413F);
}

.horiz-grad-buio-coleottero, .horiz-grad-buio-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #91A119);
}

.horiz-grad-buio-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #5060E1);
}

.horiz-grad-buio-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #FAC000);
}

.horiz-grad-buio-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #3FA129);
}

.horiz-grad-buio-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #EF70EF);
}

.horiz-grad-buio-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #E62829);
}

.horiz-grad-buio-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #3FD8FF);
}

.horiz-grad-buio-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #FF8000);
}

.horiz-grad-buio-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #9FA19F);
}

.horiz-grad-buio-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #EF4179);
}

.horiz-grad-buio-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #AFA981);
}

.horiz-grad-buio-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #704170);
}

.horiz-grad-buio-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #915121);
}

.horiz-grad-buio-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #9141CB);
}

.horiz-grad-buio-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #50413F, #81B9EF);
}

.horiz-grad-coleottero-acciaio, .horiz-grad-coleot-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #60A1B8);
}

.horiz-grad-coleottero-acqua, .horiz-grad-coleot-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #2980EF);
}

.horiz-grad-coleottero-buio, .horiz-grad-coleot-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #50413F);
}

.horiz-grad-coleottero-coleottero, .horiz-grad-coleot-coleot, .horiz-grad-coleot, .horiz-grad-coleot-coleottero, .horiz-grad-coleottero-coleot, .horiz-grad-coleottero {
    background-size: 100%;
    background-image: linear-gradient(to right, #C5D260, #91A119);
}

.horiz-grad-coleottero-drago, .horiz-grad-coleot-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #5060E1);
}

.horiz-grad-coleottero-elettro, .horiz-grad-coleot-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #FAC000);
}

.horiz-grad-coleottero-erba, .horiz-grad-coleot-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #3FA129);
}

.horiz-grad-coleottero-folletto, .horiz-grad-coleot-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #EF70EF);
}

.horiz-grad-coleottero-fuoco, .horiz-grad-coleot-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #E62829);
}

.horiz-grad-coleottero-ghiaccio, .horiz-grad-coleot-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #3FD8FF);
}

.horiz-grad-coleottero-lotta, .horiz-grad-coleot-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #FF8000);
}

.horiz-grad-coleottero-normale, .horiz-grad-coleot-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #9FA19F);
}

.horiz-grad-coleottero-psico, .horiz-grad-coleot-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #EF4179);
}

.horiz-grad-coleottero-roccia, .horiz-grad-coleot-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #AFA981);
}

.horiz-grad-coleottero-spettro, .horiz-grad-coleot-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #704170);
}

.horiz-grad-coleottero-terra, .horiz-grad-coleot-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #915121);
}

.horiz-grad-coleottero-veleno, .horiz-grad-coleot-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #9141CB);
}

.horiz-grad-coleottero-volante, .horiz-grad-coleot-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #91A119, #81B9EF);
}

.horiz-grad-drago-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #60A1B8);
}

.horiz-grad-drago-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #2980EF);
}

.horiz-grad-drago-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #50413F);
}

.horiz-grad-drago-coleottero, .horiz-grad-drago-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #91A119);
}

.horiz-grad-drago-drago, .horiz-grad-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #909CFF, #5060E1);
}

.horiz-grad-drago-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #FAC000);
}

.horiz-grad-drago-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #3FA129);
}

.horiz-grad-drago-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #EF70EF);
}

.horiz-grad-drago-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #E62829);
}

.horiz-grad-drago-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #3FD8FF);
}

.horiz-grad-drago-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #FF8000);
}

.horiz-grad-drago-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #9FA19F);
}

.horiz-grad-drago-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #EF4179);
}

.horiz-grad-drago-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #AFA981);
}

.horiz-grad-drago-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #704170);
}

.horiz-grad-drago-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #915121);
}

.horiz-grad-drago-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #9141CB);
}

.horiz-grad-drago-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #5060E1, #81B9EF);
}

.horiz-grad-elettro-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #60A1B8);
}

.horiz-grad-elettro-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #2980EF);
}

.horiz-grad-elettro-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #50413F);
}

.horiz-grad-elettro-coleottero, .horiz-grad-elettro-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #91A119);
}

.horiz-grad-elettro-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #5060E1);
}

.horiz-grad-elettro-elettro, .horiz-grad-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #FFE695, #FAC000);
}

.horiz-grad-elettro-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #3FA129);
}

.horiz-grad-elettro-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #EF70EF);
}

.horiz-grad-elettro-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #E62829);
}

.horiz-grad-elettro-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #3FD8FF);
}

.horiz-grad-elettro-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #FF8000);
}

.horiz-grad-elettro-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #9FA19F);
}

.horiz-grad-elettro-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #EF4179);
}

.horiz-grad-elettro-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #AFA981);
}

.horiz-grad-elettro-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #704170);
}

.horiz-grad-elettro-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #915121);
}

.horiz-grad-elettro-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #9141CB);
}

.horiz-grad-elettro-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #FAC000, #81B9EF);
}

.horiz-grad-erba-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #60A1B8);
}

.horiz-grad-erba-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #2980EF);
}

.horiz-grad-erba-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #50413F);
}

.horiz-grad-erba-coleottero, .horiz-grad-erba-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #91A119);
}

.horiz-grad-erba-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #5060E1);
}

.horiz-grad-erba-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #FAC000);
}

.horiz-grad-erba-erba, .horiz-grad-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #81D36E, #3FA129);
}

.horiz-grad-erba-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #EF70EF);
}

.horiz-grad-erba-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #E62829);
}

.horiz-grad-erba-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #3FD8FF);
}

.horiz-grad-erba-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #FF8000);
}

.horiz-grad-erba-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #9FA19F);
}

.horiz-grad-erba-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #EF4179);
}

.horiz-grad-erba-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #AFA981);
}

.horiz-grad-erba-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #704170);
}

.horiz-grad-erba-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #915121);
}

.horiz-grad-erba-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #9141CB);
}

.horiz-grad-erba-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FA129, #81B9EF);
}

.horiz-grad-folletto-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #60A1B8);
}

.horiz-grad-folletto-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #2980EF);
}

.horiz-grad-folletto-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #50413F);
}

.horiz-grad-folletto-coleottero, .horiz-grad-folletto-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #91A119);
}

.horiz-grad-folletto-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #5060E1);
}

.horiz-grad-folletto-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #FAC000);
}

.horiz-grad-folletto-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #3FA129);
}

.horiz-grad-folletto-folletto, .horiz-grad-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #FFCDFF, #EF70EF);
}

.horiz-grad-folletto-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #E62829);
}

.horiz-grad-folletto-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #3FD8FF);
}

.horiz-grad-folletto-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #FF8000);
}

.horiz-grad-folletto-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #9FA19F);
}

.horiz-grad-folletto-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #EF4179);
}

.horiz-grad-folletto-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #AFA981);
}

.horiz-grad-folletto-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #704170);
}

.horiz-grad-folletto-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #915121);
}

.horiz-grad-folletto-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #9141CB);
}

.horiz-grad-folletto-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF70EF, #81B9EF);
}

.horiz-grad-fuoco-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #60A1B8);
}

.horiz-grad-fuoco-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #2980EF);
}

.horiz-grad-fuoco-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #50413F);
}

.horiz-grad-fuoco-coleottero, .horiz-grad-fuoco-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #91A119);
}

.horiz-grad-fuoco-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #5060E1);
}

.horiz-grad-fuoco-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #FAC000);
}

.horiz-grad-fuoco-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #3FA129);
}

.horiz-grad-fuoco-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #EF70EF);
}

.horiz-grad-fuoco-fuoco, .horiz-grad-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF7172, #E62829);
}

.horiz-grad-fuoco-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #3FD8FF);
}

.horiz-grad-fuoco-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #FF8000);
}

.horiz-grad-fuoco-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #9FA19F);
}

.horiz-grad-fuoco-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #EF4179);
}

.horiz-grad-fuoco-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #AFA981);
}

.horiz-grad-fuoco-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #704170);
}

.horiz-grad-fuoco-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #915121);
}

.horiz-grad-fuoco-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #9141CB);
}

.horiz-grad-fuoco-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #E62829, #81B9EF);
}

.horiz-grad-ghiaccio-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #60A1B8);
}

.horiz-grad-ghiaccio-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #2980EF);
}

.horiz-grad-ghiaccio-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #50413F);
}

.horiz-grad-ghiaccio-coleottero, .horiz-grad-ghiaccio-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #91A119);
}

.horiz-grad-ghiaccio-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #5060E1);
}

.horiz-grad-ghiaccio-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #FAC000);
}

.horiz-grad-ghiaccio-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #3FA129);
}

.horiz-grad-ghiaccio-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #EF70EF);
}

.horiz-grad-ghiaccio-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #E62829);
}

.horiz-grad-ghiaccio-ghiaccio, .horiz-grad-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #BCF2FF, #3FD8FF);
}

.horiz-grad-ghiaccio-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #FF8000);
}

.horiz-grad-ghiaccio-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #9FA19F);
}

.horiz-grad-ghiaccio-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #EF4179);
}

.horiz-grad-ghiaccio-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #AFA981);
}

.horiz-grad-ghiaccio-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #704170);
}

.horiz-grad-ghiaccio-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #915121);
}

.horiz-grad-ghiaccio-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #9141CB);
}

.horiz-grad-ghiaccio-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #3FD8FF, #81B9EF);
}

.horiz-grad-lotta-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #60A1B8);
}

.horiz-grad-lotta-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #2980EF);
}

.horiz-grad-lotta-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #50413F);
}

.horiz-grad-lotta-coleottero, .horiz-grad-lotta-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #91A119);
}

.horiz-grad-lotta-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #5060E1);
}

.horiz-grad-lotta-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #FAC000);
}

.horiz-grad-lotta-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #3FA129);
}

.horiz-grad-lotta-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #EF70EF);
}

.horiz-grad-lotta-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #E62829);
}

.horiz-grad-lotta-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #3FD8FF);
}

.horiz-grad-lotta-lotta, .horiz-grad-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #FFB162, #FF8000);
}

.horiz-grad-lotta-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #9FA19F);
}

.horiz-grad-lotta-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #EF4179);
}

.horiz-grad-lotta-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #AFA981);
}

.horiz-grad-lotta-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #704170);
}

.horiz-grad-lotta-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #915121);
}

.horiz-grad-lotta-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #9141CB);
}

.horiz-grad-lotta-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF8000, #81B9EF);
}

.horiz-grad-normale-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #60A1B8);
}

.horiz-grad-normale-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #2980EF);
}

.horiz-grad-normale-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #50413F);
}

.horiz-grad-normale-coleottero, .horiz-grad-normale-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #91A119);
}

.horiz-grad-normale-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #5060E1);
}

.horiz-grad-normale-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #FAC000);
}

.horiz-grad-normale-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #3FA129);
}

.horiz-grad-normale-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #EF70EF);
}

.horiz-grad-normale-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #E62829);
}

.horiz-grad-normale-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #3FD8FF);
}

.horiz-grad-normale-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #FF8000);
}

.horiz-grad-normale-normale, .horiz-grad-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #D8D8D8, #9FA19F);
}

.horiz-grad-normale-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #EF4179);
}

.horiz-grad-normale-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #AFA981);
}

.horiz-grad-normale-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #704170);
}

.horiz-grad-normale-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #915121);
}

.horiz-grad-normale-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #9141CB);
}

.horiz-grad-normale-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #9FA19F, #81B9EF);
}

.horiz-grad-psico-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #60A1B8);
}

.horiz-grad-psico-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #2980EF);
}

.horiz-grad-psico-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #50413F);
}

.horiz-grad-psico-coleottero, .horiz-grad-psico-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #91A119);
}

.horiz-grad-psico-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #5060E1);
}

.horiz-grad-psico-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #FAC000);
}

.horiz-grad-psico-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #3FA129);
}

.horiz-grad-psico-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #EF70EF);
}

.horiz-grad-psico-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #E62829);
}

.horiz-grad-psico-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #3FD8FF);
}

.horiz-grad-psico-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #FF8000);
}

.horiz-grad-psico-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #9FA19F);
}

.horiz-grad-psico-psico, .horiz-grad-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #FF96B8, #EF4179);
}

.horiz-grad-psico-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #AFA981);
}

.horiz-grad-psico-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #704170);
}

.horiz-grad-psico-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #915121);
}

.horiz-grad-psico-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #9141CB);
}

.horiz-grad-psico-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #EF4179, #81B9EF);
}

.horiz-grad-roccia-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #60A1B8);
}

.horiz-grad-roccia-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #2980EF);
}

.horiz-grad-roccia-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #50413F);
}

.horiz-grad-roccia-coleottero, .horiz-grad-roccia-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #91A119);
}

.horiz-grad-roccia-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #5060E1);
}

.horiz-grad-roccia-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #FAC000);
}

.horiz-grad-roccia-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #3FA129);
}

.horiz-grad-roccia-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #EF70EF);
}

.horiz-grad-roccia-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #E62829);
}

.horiz-grad-roccia-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #3FD8FF);
}

.horiz-grad-roccia-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #FF8000);
}

.horiz-grad-roccia-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #9FA19F);
}

.horiz-grad-roccia-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #EF4179);
}

.horiz-grad-roccia-roccia, .horiz-grad-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #DBD8C8, #AFA981);
}

.horiz-grad-roccia-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #704170);
}

.horiz-grad-roccia-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #915121);
}

.horiz-grad-roccia-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #9141CB);
}

.horiz-grad-roccia-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #AFA981, #81B9EF);
}

.horiz-grad-spettro-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #60A1B8);
}

.horiz-grad-spettro-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #2980EF);
}

.horiz-grad-spettro-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #50413F);
}

.horiz-grad-spettro-coleottero, .horiz-grad-spettro-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #91A119);
}

.horiz-grad-spettro-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #5060E1);
}

.horiz-grad-spettro-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #FAC000);
}

.horiz-grad-spettro-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #3FA129);
}

.horiz-grad-spettro-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #EF70EF);
}

.horiz-grad-spettro-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #E62829);
}

.horiz-grad-spettro-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #3FD8FF);
}

.horiz-grad-spettro-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #FF8000);
}

.horiz-grad-spettro-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #9FA19F);
}

.horiz-grad-spettro-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #EF4179);
}

.horiz-grad-spettro-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #AFA981);
}

.horiz-grad-spettro-spettro, .horiz-grad-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #9C809C, #704170);
}

.horiz-grad-spettro-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #915121);
}

.horiz-grad-spettro-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #9141CB);
}

.horiz-grad-spettro-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #704170, #81B9EF);
}

.horiz-grad-terra-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #60A1B8);
}

.horiz-grad-terra-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #2980EF);
}

.horiz-grad-terra-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #50413F);
}

.horiz-grad-terra-coleottero, .horiz-grad-terra-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #91A119);
}

.horiz-grad-terra-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #5060E1);
}

.horiz-grad-terra-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #FAC000);
}

.horiz-grad-terra-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #3FA129);
}

.horiz-grad-terra-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #EF70EF);
}

.horiz-grad-terra-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #E62829);
}

.horiz-grad-terra-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #3FD8FF);
}

.horiz-grad-terra-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #FF8000);
}

.horiz-grad-terra-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #9FA19F);
}

.horiz-grad-terra-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #EF4179);
}

.horiz-grad-terra-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #AFA981);
}

.horiz-grad-terra-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #704170);
}

.horiz-grad-terra-terra, .horiz-grad-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #C2895F, #915121);
}

.horiz-grad-terra-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #9141CB);
}

.horiz-grad-terra-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #915121, #81B9EF);
}

.horiz-grad-veleno-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #60A1B8);
}

.horiz-grad-veleno-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #2980EF);
}

.horiz-grad-veleno-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #50413F);
}

.horiz-grad-veleno-coleottero, .horiz-grad-veleno-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #91A119);
}

.horiz-grad-veleno-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #5060E1);
}

.horiz-grad-veleno-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #FAC000);
}

.horiz-grad-veleno-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #3FA129);
}

.horiz-grad-veleno-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #EF70EF);
}

.horiz-grad-veleno-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #E62829);
}

.horiz-grad-veleno-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #3FD8FF);
}

.horiz-grad-veleno-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #FF8000);
}

.horiz-grad-veleno-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #9FA19F);
}

.horiz-grad-veleno-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #EF4179);
}

.horiz-grad-veleno-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #AFA981);
}

.horiz-grad-veleno-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #704170);
}

.horiz-grad-veleno-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #915121);
}

.horiz-grad-veleno-veleno, .horiz-grad-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #C078F4, #9141CB);
}

.horiz-grad-veleno-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #9141CB, #81B9EF);
}

.horiz-grad-volante-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #60A1B8);
}

.horiz-grad-volante-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #2980EF);
}

.horiz-grad-volante-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #50413F);
}

.horiz-grad-volante-coleottero, .horiz-grad-volante-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #91A119);
}

.horiz-grad-volante-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #5060E1);
}

.horiz-grad-volante-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #FAC000);
}

.horiz-grad-volante-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #3FA129);
}

.horiz-grad-volante-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #EF70EF);
}

.horiz-grad-volante-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #E62829);
}

.horiz-grad-volante-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #3FD8FF);
}

.horiz-grad-volante-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #FF8000);
}

.horiz-grad-volante-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #9FA19F);
}

.horiz-grad-volante-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #EF4179);
}

.horiz-grad-volante-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #AFA981);
}

.horiz-grad-volante-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #704170);
}

.horiz-grad-volante-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #915121);
}

.horiz-grad-volante-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #81B9EF, #9141CB);
}

.horiz-grad-volante-volante, .horiz-grad-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #BDDFFF, #81B9EF);
}

/* Sconosciuto type is most often single */
.horiz-grad-sconosciuto-sconosciuto, .horiz-grad-sconosciuto {
    background-size: 100%;
    background-image: linear-gradient(to right, #9DC1B7, #68A090);
}

.box-sconosciuto {
    background-size: 100%;
    background-image: linear-gradient(to right, #44685E, #68A090);
}

.box-ombra {
    background-size: 100%;
    background-image: linear-gradient(to right, #3E3355, #604E82);
}

.box-\?\?\? {
    background-size: 100%;
    background-image: linear-gradient(to right, #44685E, #68A090);
}

.box-acciaio {
    background-size: 100%;
    background-image: linear-gradient(to right, #25657C, #60A1B8);
}

.box-acqua {
    background-size: 100%;
    background-image: linear-gradient(to right, #004DAF, #2980EF);
}

.box-buio {
    background-size: 100%;
    background-image: linear-gradient(to right, #110B0A, #50413F);
}

.box-coleottero, .box-coleot {
    background-size: 100%;
    background-image: linear-gradient(to right, #5C6800, #91A119);
}

.box-drago {
    background-size: 100%;
    background-image: linear-gradient(to right, #1222A0, #5060E1);
}

.box-elettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #987500, #FAC000);
}

.box-erba {
    background-size: 100%;
    background-image: linear-gradient(to right, #165F06, #3FA129);
}

.box-folletto {
    background-size: 100%;
    background-image: linear-gradient(to right, #BF31BF, #EF70EF);
}

.box-fuoco {
    background-size: 100%;
    background-image: linear-gradient(to right, #840001, #E62829);
}

.box-ghiaccio {
    background-size: 100%;
    background-image: linear-gradient(to right, #0098BF, #3FD8FF);
}

.box-lotta {
    background-size: 100%;
    background-image: linear-gradient(to right, #9C4E00, #FF8000);
}

.box-normale {
    background-size: 100%;
    background-image: linear-gradient(to right, #5B615B, #9FA19F);
}

.box-psico {
    background-size: 100%;
    background-image: linear-gradient(to right, #9E0234, #EF4179);
}

.box-roccia {
    background-size: 100%;
    background-image: linear-gradient(to right, #746C38, #AFA981);
}

.box-spettro {
    background-size: 100%;
    background-image: linear-gradient(to right, #380838, #704170);
}

.box-terra {
    background-size: 100%;
    background-image: linear-gradient(to right, #4A2000, #915121);
}

.box-veleno {
    background-size: 100%;
    background-image: linear-gradient(to right, #450474, #9141CB);
}

.box-volante {
    background-size: 100%;
    background-image: linear-gradient(to right, #3075B8, #81B9EF);
}

.box-fisico {
    background-size: 100%;
    background-image: linear-gradient(to right, #82150B, #C92112);
}
.box-fisico, .box-fisico a {
    color: #F67A1A;
}

.box-speciale {
    background-size: 100%;
    background-image: linear-gradient(to right, #333948, #4F5870);
}

.box-stato {
    background-size: 100%;
    background-image: linear-gradient(to right, #5B585B, #8C888C);
}
.box-stato, .box-stato a {
    color: #F7F7F7;
}

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

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: none;
}

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

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

.flex-xl-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: flex;
}

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

tr.flex-xl {
    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: none;
    }

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

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

    .flex-lg-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: flex;
    }

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

    tr.flex-lg {
        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: none;
    }

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

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

    .flex-md-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: flex;
    }

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

    tr.flex-md {
        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: none;
    }

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

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

    .flex-sm-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: flex;
    }

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

    tr.flex-sm {
        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: none;
    }

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

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

    .flex-xs-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: flex;
    }

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

    tr.flex-xs {
        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%;
}

/*
 * MapaLPAInteractivo v1.5
 * Copyright (c) 2022 Jesús Martínez (User:Ciencia_Al_Poder)
 *
 * Styles for zoomable and interactive maps.
 *
 * This program is free software; you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation; either version 2 of the License, or
 *   (at your option) any later version
*/
/**************************************************

Zoomable maps

**************************************************/
.zoomablemap {
    position: relative;
    overflow: auto;
}

.zoomablemap.loadcomplete {
    overflow: hidden;
}

.zoomablemap > .mapcontent {
    position: relative;
    max-height: 90vh;
    overflow: hidden;
    cursor: move;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
}

.zoomablemap > .mapcontent > .mapinner {
    transform-origin: left top;
}

.zoomablemap.loadcomplete > .mapcontent > .mapinner {
    transition: transform 0.5s, height 0.5s;
}

.zoomablemap.loadcomplete > .mapcontent.pointerdown > .mapinner {
    transition: none;
}

.zoomablemap > .mapcontrols {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    font-family: sans-serif;
    box-shadow: 1px 1px 2px #777;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.zoomablemap > .mapcontrols > .control {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    background: #eeeeee;
    background: linear-gradient(135deg, #eeeeee 0%, #cccccc 100%);
    color: #000000;
    border: 1px solid #222;
    cursor: pointer;
}

.zoomablemap > .mapcontrols > .control:active {
    background: linear-gradient(315deg, #eeeeee 0%, #cccccc 100%);
}

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

Interactive maps

**************************************************/
.zoomablemap {
    border: 1px solid brown;
}

#interactive-map {
    display: grid;
    grid-template-columns: 1fr;
}

#interactive-map > div {
    grid-row-start: 1;
    grid-column-start: 1;
}

.zoomablemap .markupmap {
    cursor: crosshair;
}

.zoomablemap .mapcontent.dragging .markupmap {
    cursor: inherit;
}

#interactive-map-controller .det > span,
#interactive-map-controller .map > span {
    display: inline-block;
    border: 1px solid #3c335f;
    border-radius: 5px;
    padding: 2px 6px;
    margin-right: 0.5em;
    background: #3c335f;
    color: #fff;
    font-size: 90%;
    white-space: nowrap;
    cursor: pointer;
}

#interactive-map-controller .det > input,
#interactive-map-controller .map > input {
    float: left;
    margin-left: -50px;
    z-index: -1;
    opacity: 0.01;
}

#interactive-map-controller .det > input:checked + span,
#interactive-map-controller .map > input:checked + span {
    background: #bbf;
    color: #333;
}

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

Modal styles

**************************************************/
.open-popup-element {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    cursor: pointer;
}

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

Twitter timeline desktop styles

**************************************************/
.twitter-timeline {
    /*
    !important to override Twitter inline default.
    */
    position: absolute !important;
    width: 100%;
}

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

Overriding of system mobile styles

******************************************/
.skin-minerva .content table {
    display: table !important;
}

/*
    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;
}
#mw-content-text .mw-parser-output {
    word-wrap: normal;
}
MediaWiki:Mobile.css

Menu di navigazione

Ricerca
