MediaWiki:Common.css

Da Xenopedia, l'enciclopedia italiana della serie Xenoblade.
Jump to navigation Jump to search

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

Desktop CSS styles for Pokémon Central Wiki.

This file is compiled from SCSS sources:
project available on Pokémon Central GitHub,
at https://github.com/pokemoncentral/wiki-styles

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

Reset styles

**************************************************/
div {
    display: block;
}

span {
    display: inline;
}

table {
    display: table;
}

tr {
    display: table-row;
}

td, th {
    display: table-cell;
}

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

Root styles

**************************************************/
html, body {
    font-family: "RooneySansWeb", Helvetica, Arial, sans-serif;
}

body {
    font-size: 17px;
}

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

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

pre {
    font-size: 90%;
}

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

MediaWiki overriding styles

**************************************************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    font-family: "RooneySansWeb", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
}

.page-Home #firstHeading, .page-Home #siteSub, .page-Home #contentSub {
    display: none;
}

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

Styles for icons

**************************************************/
#home-social-link-container [class$="-icon"] a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 [id^="n-"] a::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
}
/*****************************/
/* Icone sidebar (in ordine) */
/*****************************/

#home-social-link-container .home-Linktree-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Linktree a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='sc-AxjAm Linktree__ResizedStyledSvg-sc-1ptrss-0 dnOQRt'%3E%3Ca href='https://linktr.ee/linktr.ee' target='_blank' rel='noopener noreferrer' class='sc-fzoWqW jkSwri'%3E%3Crect class='sc-AxhCb bWQEfy'%3E%3C/rect%3E%3Cpath fill='%2339e09b' d='M8.92,2.44a1.06,1.06,0,0,0-1.86,0L.1,15.07A1,1,0,0,0,1,16.44h4.7v4.78a.9.9,0,0,0,.89.89H9.33a.91.91,0,0,0,.89-.89V16.44H8.92a1.05,1.05,0,0,1-1-.89A1,1,0,0,1,8,15.07l3.89-7h0Z'%3E%3C/path%3E%3Cpath fill='%2328bf7b' d='M15.08,2.44a1.06,1.06,0,0,1,1.86,0l7,12.63A1,1,0,0,1,23,16.44H18.39v4.78a.9.9,0,0,1-.89.89H14.59a.9.9,0,0,1-.89-.89V16.44H15a1.05,1.05,0,0,0,1.06-.89,1,1,0,0,0-.08-.48L12.08,8h0Z'%3E%3C/path%3E%3C/a%3E%3C/svg%3E%0A");
}
#home-social-link-container .home-Facebook-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Facebook a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='rgb%2859%2C89%2C152%29'%3E%3Cpath d='M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z'/%3E%3C/svg%3E");
}
#home-social-link-container .home-Twitter-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Twitter a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='rgb%2829%2C161%2C242%29'%3E%3Cpath d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
}
#home-social-link-container .home-Instagram-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Instagram a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='rgb%28247%2C131%2C172%29'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
#home-social-link-container .home-Telegram-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Telegram a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512' fill='rgb%2829%2C161%2C242%29'%3E%3Cpath d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z'/%3E%3C/svg%3E");
}
#home-social-link-container .home-Discord-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Discord a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 245 240'%3E%3Cstyle%3E.st0{fill:%237289DA;}%3C/style%3E%3Cpath class='st0' d='M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z'/%3E%3Cpath class='st0' d='M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z'/%3E%3C/svg%3E");
}
#home-social-link-container .home-YouTube-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Youtube a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='rgb%28255%2C0%2C0%29'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}
#home-social-link-container .home-Twitch-icon a::before, #p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 #n-Twitch a::before {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='rgb%28100%2C65%2C164%29'%3E%3Cpath d='M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z'/%3E%3C/svg%3E");
}

#home-social-link-container [class$="-icon"] a {
    display: inline-block;
    padding-right: 0;
    background-image: none;
}

#home-social-link-container [class$="-icon"] a::before {
	display: block;
	margin: auto;
    height: 2em;
    width: 2em;
    content: '';
}
#p-Xenoblade_Universe_\.22R\.E2\.80\.91Alpha\.22 [id^="n-"] a::before {
	display: inline-block;
    margin-right: 0.5em;
    height: 1.125em;
    width: 1.125em;
    content: '';
}

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

Overused styles

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

.height-100, .home-grid-container, .home-grid-border {
    height: 100%;
}

.white-bg, .white-rows tbody td, .std-table tbody td, .white-rows.grid > :not(:first-child) > :not(.grid-header), .grid.std-table > :not(:first-child) > :not(.grid-header), .bg-white {
    background: #FFFFFF;
}

.white-rows a:hover, .white-rows a:visited:hover, .white-bg a:hover, .white-bg a:visited:hover, .bg-white a:hover, .bg-white a:visited:hover {
    color: #669FFF;
}

.white-text, .white-text a, .text-white, .text-white a {
    color: #FFFFFF;
}

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

Vertical alignment

**************************************************/
.vert-middle, .vert-center, .home-giochi {
    white-space: nowrap;
}

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

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

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

Miscellaneous styles

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

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

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

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

Border-radius classes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Display classes

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

.grid {
    display: table;
}

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

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

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

Element-aligning classes

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

.pull-right {
    float: right;
}

.pull-center, .std-table, .sitenotice {
    margin-left: auto;
    margin-right: auto;
}

.align-top, .pull-top {
    vertical-align: top;
}

.align-bottom, .pull-bottom {
    vertical-align: bottom;
}

.align-middle, .vert-middle::before, .vert-center::before, .home-giochi::before, .vert-middle > *, .vert-center > *, .home-giochi > *, .align-center {
    vertical-align: middle;
}

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

Text-aligning classes

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

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

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

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

Font-size classes

**************************************************/
.font-small, .small-font, .text-small, .small-text {
    font-size: smaller;
}

.font-big, .big-font, .text-big, .big-text {
    font-size: larger;
}

.font-triple-big, .triple-big-font, .text-triple-big, .triple-big-text {
    font-size: 198%;
}

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

Clear related classes

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

.clear-right {
    clear: right;
}

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

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

Spacing related classes

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

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

Overflow related classes

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

.overflow-hidden {
    overflow: hidden;
}

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

Flexbox styles

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

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

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

.flex-row, .flex-row-stretch-around, .flex-row-center-around, .flex-row-center-stretch {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.flex-column, .home-grid-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-cross-space-between {
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between;
}

.flex-cross-space-around {
    -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
            align-content: space-around;
}

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

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

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

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

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

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

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

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

Responsive design classes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-xl-nowrap {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

/* xl responsive-margins classes */
/*
            !important because margins are
            usually set in style tags
        */
.no-margin-xl {
    margin-right: initial !important;
    margin-left: initial !important;
}

/* xl responsive text align classes */
.text-left-xl {
    text-align: left;
}

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

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

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

.flex-xl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

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

tr.flex-xl {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.white-rows tbody tr.block-xl, .std-table tbody tr.block-xl, .white-rows tbody tr.flex-xl, .std-table tbody tr.flex-xl {
    overflow: hidden;
    background: #FFFFFF;
}

@media (min-width: 1200px) {
    /*
            lg responsive visible class:
            desktop-first approach means that elements
            should be hidden from the immediately larger
            breakpoint upwards, that leads to lg
            being in xl media query.
        */
    .visible-lg {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    /* lg responsive width classes */
    /* width */
    .width-lg-5 {
        width: 5%;
    }
    .width-lg-10 {
        width: 10%;
    }
    .width-lg-15 {
        width: 15%;
    }
    .width-lg-20 {
        width: 20%;
    }
    .width-lg-25 {
        width: 25%;
    }
    .width-lg-30 {
        width: 30%;
    }
    .width-lg-35 {
        width: 35%;
    }
    .width-lg-40 {
        width: 40%;
    }
    .width-lg-45 {
        width: 45%;
    }
    .width-lg-50 {
        width: 50%;
    }
    .width-lg-55 {
        width: 55%;
    }
    .width-lg-60 {
        width: 60%;
    }
    .width-lg-65 {
        width: 65%;
    }
    .width-lg-70 {
        width: 70%;
    }
    .width-lg-75 {
        width: 75%;
    }
    .width-lg-80 {
        width: 80%;
        float: none;
    }
    .width-lg-85 {
        width: 85%;
        float: none;
    }
    .width-lg-90 {
        width: 90%;
        float: none;
    }
    .width-lg-95 {
        width: 95%;
        float: none;
    }
    .width-lg-100 {
        width: 100%;
        float: none;
    }
    .width-lg-33 {
        width: 33%;
    }
    .width-lg-66 {
        width: 66%;
    }
    .width-lg-auto {
        width: auto;
    }
    /* min-width */
    .min-width-lg-5 {
        min-width: 5%;
    }
    .min-width-lg-10 {
        min-width: 10%;
    }
    .min-width-lg-15 {
        min-width: 15%;
    }
    .min-width-lg-20 {
        min-width: 20%;
    }
    .min-width-lg-25 {
        min-width: 25%;
    }
    .min-width-lg-30 {
        min-width: 30%;
    }
    .min-width-lg-35 {
        min-width: 35%;
    }
    .min-width-lg-40 {
        min-width: 40%;
    }
    .min-width-lg-45 {
        min-width: 45%;
    }
    .min-width-lg-50 {
        min-width: 50%;
    }
    .min-width-lg-55 {
        min-width: 55%;
    }
    .min-width-lg-60 {
        min-width: 60%;
    }
    .min-width-lg-65 {
        min-width: 65%;
    }
    .min-width-lg-70 {
        min-width: 70%;
    }
    .min-width-lg-75 {
        min-width: 75%;
    }
    .min-width-lg-80 {
        min-width: 80%;
        float: none;
    }
    .min-width-lg-85 {
        min-width: 85%;
        float: none;
    }
    .min-width-lg-90 {
        min-width: 90%;
        float: none;
    }
    .min-width-lg-95 {
        min-width: 95%;
        float: none;
    }
    .min-width-lg-100 {
        min-width: 100%;
        float: none;
    }
    .min-width-lg-33 {
        min-width: 33%;
    }
    .min-width-lg-66 {
        min-width: 66%;
    }
    .min-width-lg-auto {
        min-width: auto;
    }
    /* max-width */
    .max-width-lg-5 {
        max-width: 5%;
    }
    .max-width-lg-10 {
        max-width: 10%;
    }
    .max-width-lg-15 {
        max-width: 15%;
    }
    .max-width-lg-20 {
        max-width: 20%;
    }
    .max-width-lg-25 {
        max-width: 25%;
    }
    .max-width-lg-30 {
        max-width: 30%;
    }
    .max-width-lg-35 {
        max-width: 35%;
    }
    .max-width-lg-40 {
        max-width: 40%;
    }
    .max-width-lg-45 {
        max-width: 45%;
    }
    .max-width-lg-50 {
        max-width: 50%;
    }
    .max-width-lg-55 {
        max-width: 55%;
    }
    .max-width-lg-60 {
        max-width: 60%;
    }
    .max-width-lg-65 {
        max-width: 65%;
    }
    .max-width-lg-70 {
        max-width: 70%;
    }
    .max-width-lg-75 {
        max-width: 75%;
    }
    .max-width-lg-80 {
        max-width: 80%;
        float: none;
    }
    .max-width-lg-85 {
        max-width: 85%;
        float: none;
    }
    .max-width-lg-90 {
        max-width: 90%;
        float: none;
    }
    .max-width-lg-95 {
        max-width: 95%;
        float: none;
    }
    .max-width-lg-100 {
        max-width: 100%;
        float: none;
    }
    .max-width-lg-33 {
        max-width: 33%;
    }
    .max-width-lg-66 {
        max-width: 66%;
    }
    .max-width-lg-auto {
        max-width: auto;
    }
    /* lg responsive hidden class */
    .hidden-lg {
        display: none;
    }
    /* lg responsive flex classes */
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    /* lg responsive-margins classes */
    /*
            !important because margins are
            usually set in style tags
        */
    .no-margin-lg {
        margin-right: initial !important;
        margin-left: initial !important;
    }
    /* lg responsive text align classes */
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    /* lg display classes */
    .block-lg {
        display: block;
    }
    .flex-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .inline-block-lg {
        display: inline-block;
    }
    tr.flex-lg {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .white-rows tbody tr.block-lg, .std-table tbody tr.block-lg, .white-rows tbody tr.flex-lg, .std-table tbody tr.flex-lg {
        overflow: hidden;
        background: #FFFFFF;
    }
}

@media (min-width: 992px) {
    /*
            md responsive visible class:
            desktop-first approach means that elements
            should be hidden from the immediately larger
            breakpoint upwards, that leads to md
            being in lg media query.
        */
    .visible-md {
        display: none;
    }
}

@media (max-width: 991.98px) {
    /* md responsive width classes */
    /* width */
    .width-md-5 {
        width: 5%;
    }
    .width-md-10 {
        width: 10%;
    }
    .width-md-15 {
        width: 15%;
    }
    .width-md-20 {
        width: 20%;
    }
    .width-md-25 {
        width: 25%;
    }
    .width-md-30 {
        width: 30%;
    }
    .width-md-35 {
        width: 35%;
    }
    .width-md-40 {
        width: 40%;
    }
    .width-md-45 {
        width: 45%;
    }
    .width-md-50 {
        width: 50%;
    }
    .width-md-55 {
        width: 55%;
    }
    .width-md-60 {
        width: 60%;
    }
    .width-md-65 {
        width: 65%;
    }
    .width-md-70 {
        width: 70%;
    }
    .width-md-75 {
        width: 75%;
    }
    .width-md-80 {
        width: 80%;
        float: none;
    }
    .width-md-85 {
        width: 85%;
        float: none;
    }
    .width-md-90 {
        width: 90%;
        float: none;
    }
    .width-md-95 {
        width: 95%;
        float: none;
    }
    .width-md-100 {
        width: 100%;
        float: none;
    }
    .width-md-33 {
        width: 33%;
    }
    .width-md-66 {
        width: 66%;
    }
    .width-md-auto {
        width: auto;
    }
    /* min-width */
    .min-width-md-5 {
        min-width: 5%;
    }
    .min-width-md-10 {
        min-width: 10%;
    }
    .min-width-md-15 {
        min-width: 15%;
    }
    .min-width-md-20 {
        min-width: 20%;
    }
    .min-width-md-25 {
        min-width: 25%;
    }
    .min-width-md-30 {
        min-width: 30%;
    }
    .min-width-md-35 {
        min-width: 35%;
    }
    .min-width-md-40 {
        min-width: 40%;
    }
    .min-width-md-45 {
        min-width: 45%;
    }
    .min-width-md-50 {
        min-width: 50%;
    }
    .min-width-md-55 {
        min-width: 55%;
    }
    .min-width-md-60 {
        min-width: 60%;
    }
    .min-width-md-65 {
        min-width: 65%;
    }
    .min-width-md-70 {
        min-width: 70%;
    }
    .min-width-md-75 {
        min-width: 75%;
    }
    .min-width-md-80 {
        min-width: 80%;
        float: none;
    }
    .min-width-md-85 {
        min-width: 85%;
        float: none;
    }
    .min-width-md-90 {
        min-width: 90%;
        float: none;
    }
    .min-width-md-95 {
        min-width: 95%;
        float: none;
    }
    .min-width-md-100 {
        min-width: 100%;
        float: none;
    }
    .min-width-md-33 {
        min-width: 33%;
    }
    .min-width-md-66 {
        min-width: 66%;
    }
    .min-width-md-auto {
        min-width: auto;
    }
    /* max-width */
    .max-width-md-5 {
        max-width: 5%;
    }
    .max-width-md-10 {
        max-width: 10%;
    }
    .max-width-md-15 {
        max-width: 15%;
    }
    .max-width-md-20 {
        max-width: 20%;
    }
    .max-width-md-25 {
        max-width: 25%;
    }
    .max-width-md-30 {
        max-width: 30%;
    }
    .max-width-md-35 {
        max-width: 35%;
    }
    .max-width-md-40 {
        max-width: 40%;
    }
    .max-width-md-45 {
        max-width: 45%;
    }
    .max-width-md-50 {
        max-width: 50%;
    }
    .max-width-md-55 {
        max-width: 55%;
    }
    .max-width-md-60 {
        max-width: 60%;
    }
    .max-width-md-65 {
        max-width: 65%;
    }
    .max-width-md-70 {
        max-width: 70%;
    }
    .max-width-md-75 {
        max-width: 75%;
    }
    .max-width-md-80 {
        max-width: 80%;
        float: none;
    }
    .max-width-md-85 {
        max-width: 85%;
        float: none;
    }
    .max-width-md-90 {
        max-width: 90%;
        float: none;
    }
    .max-width-md-95 {
        max-width: 95%;
        float: none;
    }
    .max-width-md-100 {
        max-width: 100%;
        float: none;
    }
    .max-width-md-33 {
        max-width: 33%;
    }
    .max-width-md-66 {
        max-width: 66%;
    }
    .max-width-md-auto {
        max-width: auto;
    }
    /* md responsive hidden class */
    .hidden-md {
        display: none;
    }
    /* md responsive flex classes */
    .flex-md-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    /* md responsive-margins classes */
    /*
            !important because margins are
            usually set in style tags
        */
    .no-margin-md {
        margin-right: initial !important;
        margin-left: initial !important;
    }
    /* md responsive text align classes */
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    /* md display classes */
    .block-md {
        display: block;
    }
    .flex-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .inline-block-md {
        display: inline-block;
    }
    tr.flex-md {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .white-rows tbody tr.block-md, .std-table tbody tr.block-md, .white-rows tbody tr.flex-md, .std-table tbody tr.flex-md {
        overflow: hidden;
        background: #FFFFFF;
    }
}

@media (min-width: 768px) {
    /*
            sm responsive visible class:
            desktop-first approach means that elements
            should be hidden from the immediately larger
            breakpoint upwards, that leads to sm
            being in md media query.
        */
    .visible-sm {
        display: none;
    }
}

@media (max-width: 767.98px) {
    /* sm responsive width classes */
    /* width */
    .width-sm-5 {
        width: 5%;
    }
    .width-sm-10 {
        width: 10%;
    }
    .width-sm-15 {
        width: 15%;
    }
    .width-sm-20 {
        width: 20%;
    }
    .width-sm-25 {
        width: 25%;
    }
    .width-sm-30 {
        width: 30%;
    }
    .width-sm-35 {
        width: 35%;
    }
    .width-sm-40 {
        width: 40%;
    }
    .width-sm-45 {
        width: 45%;
    }
    .width-sm-50 {
        width: 50%;
    }
    .width-sm-55 {
        width: 55%;
    }
    .width-sm-60 {
        width: 60%;
    }
    .width-sm-65 {
        width: 65%;
    }
    .width-sm-70 {
        width: 70%;
    }
    .width-sm-75 {
        width: 75%;
    }
    .width-sm-80 {
        width: 80%;
        float: none;
    }
    .width-sm-85 {
        width: 85%;
        float: none;
    }
    .width-sm-90 {
        width: 90%;
        float: none;
    }
    .width-sm-95 {
        width: 95%;
        float: none;
    }
    .width-sm-100 {
        width: 100%;
        float: none;
    }
    .width-sm-33 {
        width: 33%;
    }
    .width-sm-66 {
        width: 66%;
    }
    .width-sm-auto {
        width: auto;
    }
    /* min-width */
    .min-width-sm-5 {
        min-width: 5%;
    }
    .min-width-sm-10 {
        min-width: 10%;
    }
    .min-width-sm-15 {
        min-width: 15%;
    }
    .min-width-sm-20 {
        min-width: 20%;
    }
    .min-width-sm-25 {
        min-width: 25%;
    }
    .min-width-sm-30 {
        min-width: 30%;
    }
    .min-width-sm-35 {
        min-width: 35%;
    }
    .min-width-sm-40 {
        min-width: 40%;
    }
    .min-width-sm-45 {
        min-width: 45%;
    }
    .min-width-sm-50 {
        min-width: 50%;
    }
    .min-width-sm-55 {
        min-width: 55%;
    }
    .min-width-sm-60 {
        min-width: 60%;
    }
    .min-width-sm-65 {
        min-width: 65%;
    }
    .min-width-sm-70 {
        min-width: 70%;
    }
    .min-width-sm-75 {
        min-width: 75%;
    }
    .min-width-sm-80 {
        min-width: 80%;
        float: none;
    }
    .min-width-sm-85 {
        min-width: 85%;
        float: none;
    }
    .min-width-sm-90 {
        min-width: 90%;
        float: none;
    }
    .min-width-sm-95 {
        min-width: 95%;
        float: none;
    }
    .min-width-sm-100 {
        min-width: 100%;
        float: none;
    }
    .min-width-sm-33 {
        min-width: 33%;
    }
    .min-width-sm-66 {
        min-width: 66%;
    }
    .min-width-sm-auto {
        min-width: auto;
    }
    /* max-width */
    .max-width-sm-5 {
        max-width: 5%;
    }
    .max-width-sm-10 {
        max-width: 10%;
    }
    .max-width-sm-15 {
        max-width: 15%;
    }
    .max-width-sm-20 {
        max-width: 20%;
    }
    .max-width-sm-25 {
        max-width: 25%;
    }
    .max-width-sm-30 {
        max-width: 30%;
    }
    .max-width-sm-35 {
        max-width: 35%;
    }
    .max-width-sm-40 {
        max-width: 40%;
    }
    .max-width-sm-45 {
        max-width: 45%;
    }
    .max-width-sm-50 {
        max-width: 50%;
    }
    .max-width-sm-55 {
        max-width: 55%;
    }
    .max-width-sm-60 {
        max-width: 60%;
    }
    .max-width-sm-65 {
        max-width: 65%;
    }
    .max-width-sm-70 {
        max-width: 70%;
    }
    .max-width-sm-75 {
        max-width: 75%;
    }
    .max-width-sm-80 {
        max-width: 80%;
        float: none;
    }
    .max-width-sm-85 {
        max-width: 85%;
        float: none;
    }
    .max-width-sm-90 {
        max-width: 90%;
        float: none;
    }
    .max-width-sm-95 {
        max-width: 95%;
        float: none;
    }
    .max-width-sm-100 {
        max-width: 100%;
        float: none;
    }
    .max-width-sm-33 {
        max-width: 33%;
    }
    .max-width-sm-66 {
        max-width: 66%;
    }
    .max-width-sm-auto {
        max-width: auto;
    }
    /* sm responsive hidden class */
    .hidden-sm {
        display: none;
    }
    /* sm responsive flex classes */
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    /* sm responsive-margins classes */
    /*
            !important because margins are
            usually set in style tags
        */
    .no-margin-sm {
        margin-right: initial !important;
        margin-left: initial !important;
    }
    /* sm responsive text align classes */
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    /* sm display classes */
    .block-sm {
        display: block;
    }
    .flex-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .inline-block-sm {
        display: inline-block;
    }
    tr.flex-sm {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .white-rows tbody tr.block-sm, .std-table tbody tr.block-sm, .white-rows tbody tr.flex-sm, .std-table tbody tr.flex-sm {
        overflow: hidden;
        background: #FFFFFF;
    }
}

@media (min-width: 576px) {
    /*
            xs responsive visible class:
            desktop-first approach means that elements
            should be hidden from the immediately larger
            breakpoint upwards, that leads to xs
            being in sm media query.
        */
    .visible-xs {
        display: none;
    }
}

@media (max-width: 575.98px) {
    /* xs responsive width classes */
    /* width */
    .width-xs-5 {
        width: 5%;
    }
    .width-xs-10 {
        width: 10%;
    }
    .width-xs-15 {
        width: 15%;
    }
    .width-xs-20 {
        width: 20%;
    }
    .width-xs-25 {
        width: 25%;
    }
    .width-xs-30 {
        width: 30%;
    }
    .width-xs-35 {
        width: 35%;
    }
    .width-xs-40 {
        width: 40%;
    }
    .width-xs-45 {
        width: 45%;
    }
    .width-xs-50 {
        width: 50%;
    }
    .width-xs-55 {
        width: 55%;
    }
    .width-xs-60 {
        width: 60%;
    }
    .width-xs-65 {
        width: 65%;
    }
    .width-xs-70 {
        width: 70%;
    }
    .width-xs-75 {
        width: 75%;
    }
    .width-xs-80 {
        width: 80%;
        float: none;
    }
    .width-xs-85 {
        width: 85%;
        float: none;
    }
    .width-xs-90 {
        width: 90%;
        float: none;
    }
    .width-xs-95 {
        width: 95%;
        float: none;
    }
    .width-xs-100 {
        width: 100%;
        float: none;
    }
    .width-xs-33 {
        width: 33%;
    }
    .width-xs-66 {
        width: 66%;
    }
    .width-xs-auto {
        width: auto;
    }
    /* min-width */
    .min-width-xs-5 {
        min-width: 5%;
    }
    .min-width-xs-10 {
        min-width: 10%;
    }
    .min-width-xs-15 {
        min-width: 15%;
    }
    .min-width-xs-20 {
        min-width: 20%;
    }
    .min-width-xs-25 {
        min-width: 25%;
    }
    .min-width-xs-30 {
        min-width: 30%;
    }
    .min-width-xs-35 {
        min-width: 35%;
    }
    .min-width-xs-40 {
        min-width: 40%;
    }
    .min-width-xs-45 {
        min-width: 45%;
    }
    .min-width-xs-50 {
        min-width: 50%;
    }
    .min-width-xs-55 {
        min-width: 55%;
    }
    .min-width-xs-60 {
        min-width: 60%;
    }
    .min-width-xs-65 {
        min-width: 65%;
    }
    .min-width-xs-70 {
        min-width: 70%;
    }
    .min-width-xs-75 {
        min-width: 75%;
    }
    .min-width-xs-80 {
        min-width: 80%;
        float: none;
    }
    .min-width-xs-85 {
        min-width: 85%;
        float: none;
    }
    .min-width-xs-90 {
        min-width: 90%;
        float: none;
    }
    .min-width-xs-95 {
        min-width: 95%;
        float: none;
    }
    .min-width-xs-100 {
        min-width: 100%;
        float: none;
    }
    .min-width-xs-33 {
        min-width: 33%;
    }
    .min-width-xs-66 {
        min-width: 66%;
    }
    .min-width-xs-auto {
        min-width: auto;
    }
    /* max-width */
    .max-width-xs-5 {
        max-width: 5%;
    }
    .max-width-xs-10 {
        max-width: 10%;
    }
    .max-width-xs-15 {
        max-width: 15%;
    }
    .max-width-xs-20 {
        max-width: 20%;
    }
    .max-width-xs-25 {
        max-width: 25%;
    }
    .max-width-xs-30 {
        max-width: 30%;
    }
    .max-width-xs-35 {
        max-width: 35%;
    }
    .max-width-xs-40 {
        max-width: 40%;
    }
    .max-width-xs-45 {
        max-width: 45%;
    }
    .max-width-xs-50 {
        max-width: 50%;
    }
    .max-width-xs-55 {
        max-width: 55%;
    }
    .max-width-xs-60 {
        max-width: 60%;
    }
    .max-width-xs-65 {
        max-width: 65%;
    }
    .max-width-xs-70 {
        max-width: 70%;
    }
    .max-width-xs-75 {
        max-width: 75%;
    }
    .max-width-xs-80 {
        max-width: 80%;
        float: none;
    }
    .max-width-xs-85 {
        max-width: 85%;
        float: none;
    }
    .max-width-xs-90 {
        max-width: 90%;
        float: none;
    }
    .max-width-xs-95 {
        max-width: 95%;
        float: none;
    }
    .max-width-xs-100 {
        max-width: 100%;
        float: none;
    }
    .max-width-xs-33 {
        max-width: 33%;
    }
    .max-width-xs-66 {
        max-width: 66%;
    }
    .max-width-xs-auto {
        max-width: auto;
    }
    /* xs responsive hidden class */
    .hidden-xs {
        display: none;
    }
    /* xs responsive flex classes */
    .flex-xs-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .flex-xs-nowrap {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    /* xs responsive-margins classes */
    /*
            !important because margins are
            usually set in style tags
        */
    .no-margin-xs {
        margin-right: initial !important;
        margin-left: initial !important;
    }
    /* xs responsive text align classes */
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    /* xs display classes */
    .block-xs {
        display: block;
    }
    .flex-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .inline-block-xs {
        display: inline-block;
    }
    tr.flex-xs {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .white-rows tbody tr.block-xs, .std-table tbody tr.block-xs, .white-rows tbody tr.flex-xs, .std-table tbody tr.flex-xs {
        overflow: hidden;
        background: #FFFFFF;
    }
}

/* Breakpoint-independent classes */
.img-fluid img, img.img-fluid {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

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

Zebra tooltip styles

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

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

Collapsible styles

**************************************************/
.mw-collapsible.light-text .mw-collapsible-toggle a, .mw-collapsible.light-text .mw-collapsible-toggle a:active, .mw-collapsible.light-text .mw-collapsible-toggle a:link, .mw-collapsible.light-text .mw-collapsible-toggle a:visited {
    color: #EAEAEA;
}

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

Light box styles

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

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

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

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

/*** Diagramma Intesa Gladius ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**** Logo ****/
#p-logo a {
	background-position: center center;
}

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