Difference between revisions of "MediaWiki:Common.css"

Revision as of 11:52, 21 August 2024

.mw-logo-icon {
    width: initial;
}
.icons a, .icons p{
	display: inline;
	margin-left: 5px;
	background: none !important;
}
.icons a:hover{
	border-bottom: 2px solid #999;
    padding-bottom: 15px;
    transition: 0.2s !important;
    background: none !important;
}
#mw-drawer {
    position: fixed;
    z-index: 4;
    top: 0;
    width: 300px;
    max-width: 100vw;
    height: 100%;
    box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 6%);
    border-radius: 0;
    display: flex;
    background: #fff;
    flex-direction: column;
    transform-origin: 0% 0%;
    transform: translate(-110%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1);
    will-change: transform;
}
.skin-citizen-dark #mw-drawer{
	background: rgba(19,26,33);
}
#n-Fleet-Policy > *:after {
    background-image: url(/load.php?modules=skins.citizen.icons.n&image=mainpage-description&format=rasterized&skin=citizen&version=virxe);
    background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22%23000%22%3E %3Cpath d=%22M5 1a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z%22/%3E %3C/g%3E%3C/svg%3E);
	right: -1.2px;
}
.mainpage-body {
    width: 100%;
    margin: 1.2rem -0.2rem 0 -0.2rem;
    display: flex;
    flex-direction: column;
}
.mainpage-row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.chart a{
	color: #54595d;
	background: none !important;
}
#mw-content-text > .mw-parser-output .chart a[href^='/']:not(.image):not(.external):hover{
	background: none !important;
    color: #000 !important;
    transition: color 0.3s;
}
.chart td{
	line-height: 1.5;
}
.card {
    margin: 0 0.2rem 0.4rem 0.2rem;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgb(0 0 0 / 3%), 0 1px 2px rgb(0 0 0 / 6%);
    transition: box-shadow 0.2s ease;
}
.card-text {
    padding: 1.2rem;
}
.card h3 {
    margin-top: 0;
    line-height: 1.2;
    font-weight: 600;
}
.card p {
    font-size: 0.875rem;
}
.card-button {
    background: #72777d;
    transition: background 0.2s ease,opacity 0.2s ease;
}
.card-button a {
    padding: 0.6rem;
    display: block;
    background: none !important;
    color: white !important;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
}
.card-image a img {
    transition: transform 0.2s cubic-bezier(0.77,0.2,0.05,1.0);
}
.card-image a, 
.card-image a:hover{
	background-image: none !important;
}
.card-image img{
	vertical-align: middle;
}
.card .byline {
    margin: 0 0 0.2rem 0;
    color: #72777d;
    font-size: 0.825rem;
}
.card .numdata {
    margin-top: 0.8rem;
}
.card-caption {
    font-size: 0.875rem;
    font-weight: 600;
}
.card-link ul {
    margin: 0;
    padding: 1.2rem 1.2rem 1.2rem 2.8rem;
    font-size: 0.875rem;
}
.mainpage-navigation .card {
    width: calc(100%/4 - 0.4rem);
    min-width: calc(860px/4 - 0.4rem);
    border: 0;
}
.mainpage-navigation .card-image {
    height: 180px;
    background-color: #f8f9fa;
    overflow: hidden;
}
.mainpage-navigation .card-caption {
    padding: 0.4rem;
    background: #304665;
    color: #bfcee7;
    text-align: center;
    transition: color 0.2s ease;
}

.mainpage-navigation .card-caption.gold {
	background: #d3aa2f;
    color: #544108;
}
#wiki_stats .numdata:first-child {
    margin-top: 0;
}
#featured_article.card {
    width: calc(100%/6*5 - 0.4rem);
    min-width: calc(860px/6*5 - 0.4rem);
    flex-direction: row;
}
#featured_article .card-image-featured a,
#featured_article .card-image-featured a:hover {
    background-image: none !important;
}
#featured_article .card-image {
    width: 800px;
    overflow: hidden;
    background-color: #0000001a;
}
#featured_article .card-image img {
    height: 90%;
    width: auto;
    position: relative;
    margin: auto;
}
#wiki_stats.card {
    width: calc(100%/6 - 0.4rem);
    min-width: calc(860px/6 - 0.4rem);
    text-align: right;
}
#contribute.card {
	width: calc(100% / 3 - 0.4rem);
	min-width: calc(860px/4 - 0.4rem);
	background-color: #00af89;
	border-color: #00af89;
}
#policy.card {
    width: calc(100%/3 - 0.4rem);
    min-width: calc(860px/4 - 0.4rem);
    background-color: #36c;
    border-color: #36c;
}
#discord.card {
    width: calc(100%/3 - 0.4rem);
    min-width: calc(860px/4 - 0.4rem);
    background-color: #7289da;
    border-color: #7289da;
}
#resources.card {
    width: calc(100%/2 - 0.4rem);
    min-width: calc(860px/2 - 0.4rem);
    background-color: #304665;
    border-color: #304665;
}
#social.card,
#bfms.card{
    width: calc(100%/4 - 0.4rem);
    min-width: calc(860px/4 - 0.4rem);
    background: #71777d;
    color: #eaecf0;
    border: transparent;
}
#contribute.card h3,
#policy.card h3,
#discord.card h3,
#resources.card h3{
	color: #fff;
}
#contribute.card p,
#policy.card p,
#discord.card p,
#resources.card p{
	color: #eaecf0;
}
#contribute .card-button {
	background: #14866d;
}
#policy .card-button {
    background: #2a4b8d;
}
#discord .card-button {
    background: #697ec4;
}
#resources .card-link {
    color: #bfcee7;
    background: #162131;
}
#resources a {
    color: #ccd3db;
    background-image: none !important;
}
#resources a:hover {
    color: #fff !important;
    background-image: none !important;
}
#social .profile {
    margin-right: 1.6rem;
}
#social a{
	color: #fff !important;
}
#social .byline{
	color: #eaecf0;
}
#social .card-button,
#bfms .card-button{
	background: #505861;
}

.spectiles a.external{
	padding: 0 !important;
	background-image: none !important;
}

.spectiles .card-image{
	height: 130px;
}

.spectiles #akira-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/2/24/AkiraClass.png/320px-AkiraClass.png) !important;
    background-size: 100% !important;
	background-position: center !important;
}
.spectiles #argonaut-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/ba/Argonautclass.png) !important;
    background-size: 100% !important;
}
.spectiles #atlantia-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/21/Atlantiaclass.png) !important;
    background-size: 145% !important;
    background-position: -55px -7px!important;
}
.spectiles #california-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/f/f5/CaliforniaClass.png/320px-CaliforniaClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #century-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/5c/Centuryclass.png) !important;
	background-size: 130% !important;
}
.spectiles #defiant-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/d/d8/DefiantClass.png/320px-DefiantClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #diligent-class .card-image{
	background: url(https://wiki.bravofleet.com/images/4/4d/Diligentclass.png) !important;
	background-size: 100% !important;
}
.spectiles #elysion-class .card-image{
	background: url(https://wiki.bravofleet.com/images/3/32/Elysionclass.jpg) !important;
	background-size: 100% !important;
}
.spectiles #excelsiorII-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/4/4c/ExcelsiorII.png/320px-ExcelsiorII.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #gagarin-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/f/f7/GagarinClass.png/320px-GagarinClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #galaxy-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/2/2e/GalaxyClass.png/320px-GalaxyClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #galaxy-class-refit .card-image{
	background: url(https://wiki.bravofleet.com/images/6/6f/GalaxyClassrefit.jpg) !important;
	background-size: 100% !important;
}
.spectiles #grissom-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/9/97/GrissomClass.png/320px-GrissomClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #inquiry-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/6/65/InquiryClass.png/320px-InquiryClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #insignia-class .card-image{
	background: url(https://wiki.bravofleet.com/images/7/74/Insignia_underside.jpg) !important;
	background-size: 100% !important;
}
.spectiles #intrepid-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/3/3e/IntrepidClass.png/320px-IntrepidClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #luna-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/3/39/LunaClass.png/320px-LunaClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #manticore-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/3/3a/ManticoreClass.png/320px-ManticoreClass.png) !important;
    background-size: 100% !important;
    background-position: center !important;
}
.spectiles #nebula-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/8/81/NebulaClass.png/320px-NebulaClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #norway-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/d/db/NorwayClass.png/320px-NorwayClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #nova-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/0/08/NovaClass.png/320px-NovaClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #odyssey-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/b/b6/OdysseyClass.png/320px-OdysseyClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #olympic-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/7/7e/OlympicClass.png/320px-OlympicClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #parliament-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/1/17/ParliamentClass.png/320px-ParliamentClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #prometheus-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/3/3d/PrometheusClass.png/320px-PrometheusClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #reliant-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/4/46/ReliantClass.png/320px-ReliantClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #osler-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/9/97/OslerLarge.jpg/800px-OslerLarge.jpg) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #rhode-island-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/3/3e/RhodeIslandClass.png/320px-RhodeIslandClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #ross-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/e/e9/RossClass.png/320px-RossClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #saber-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/4/48/SaberClass.png/320px-SaberClass.png) !important;
	background-size: 100% !important;
	background-position: center !important;
}
.spectiles #sovereign-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/d/da/SovereignClass.png/320px-SovereignClass.png) !important;
    background-size: 100% !important;
    background-position: center !important;
}
.spectiles #sutherland-class .card-image{
	background: url(https://wiki.bravofleet.com/images/1/16/SutherlandClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #steamrunner-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/1/15/SteamrunnerClass.png/320px-SteamrunnerClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #typhon-class .card-image{
	background: url(https://bravofleet.com/wp-content/uploads/2017/02/Typhoon2.jpg) !important;
    background-size: 110% !important;
    background-position: center !important;
}
.spectiles #lamarr-class .card-image{
	background: url(https://sandbox.wiki.bravofleet.com/images/thumb/3/30/LamarrClass.jpg/800px-LamarrClass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #vesta-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/0/04/VestaClass.png/320px-VestaClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #aurora-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/86/Aurora_class.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #guardian-class .card-image{
	background: url(https://wiki.bravofleet.com/images/4/4e/Guardianclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #watchtower-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c2/Watchtower.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #immense-class .card-image{
	background: url(https://wiki.bravofleet.com/images/3/35/Immenseclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #vision-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/51/Starbase_42.jpg) !important;
	background-size: 110% !important;
    background-position: center !important;
}
.spectiles #jupiter-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9e/Jupiterstation.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #k-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b7/Ktypestation.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #norfed-class .card-image{
	background: url(https://wiki.bravofleet.com/images/a/a3/Norclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #presidium-class .card-image{
	background: url(https://wiki.bravofleet.com/images/1/16/Presidioclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #canopus-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/85/CanopusClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #regula-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/db/Regulaclass.jpg) !important;
	background-size: 135% !important;
    background-position: center !important;
}
.spectiles #copernicus-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c2/Copernicus2.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #eclipse-station-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c3/EclipseStation.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #regulus-class .card-image{
	background: url(https://wiki.bravofleet.com/images/0/04/Regulusclass.png) !important;
	background-size: 150% !important;
    background-position: center !important;
}
.spectiles #spacedock-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b6/Spacedockclass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #spacedock-II-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/2f/Douglas_Station.jpeg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #probert-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/90/ProbertStationCropped.jpeg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #unity-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/2c/Unityclass.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #narendra-class .card-image{
	background: url(https://wiki.bravofleet.com/images/7/70/Narendra.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #ambassador-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/4/47/AmbassadorClass.png/320px-AmbassadorClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #aquarius-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/3/34/AquariusClass.png/320px-AquariusClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #centaur-class .card-image{
	background: url(https://wiki.bravofleet.com/images/a/ad/Centaurclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #centaur-II-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/b/ba/CentaurIIClass.png/320px-CentaurIIClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #challenger-class .card-image{
	    background: #000 url(https://wiki.bravofleet.com/images/thumb/9/9d/ChallengerClass.png/320px-ChallengerClass.png) !important;
    background-size: 100% !important;
    background-position: center !important;
}
.spectiles #cheyenne-class .card-image{
    background: #000 url(https://wiki.bravofleet.com/images/thumb/d/d0/CheyenneClass.png/320px-CheyenneClass.png) !important;
    background-size: 100% !important;
    background-position: center !important;
}
.spectiles #constellation-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/df/Constellation3.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #excelsior-class .card-image{
    background: url(https://wiki.bravofleet.com/images/5/5c/Excelsiorclass.png) !important;
    background-size: 150% !important;
    background-position: -80px !important;
}
.spectiles #excelsior-class-refit .card-image{
	background: url(https://wiki.bravofleet.com/images/f/fe/Excelrefit.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #freedom-class .card-image{
    background: #000 url(https://wiki.bravofleet.com/images/2/25/Freedomclass.jpg) !important;
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.spectiles #raven-class .card-image{
    background: #000 url(https://wiki.bravofleet.com/images/3/32/AerieClass.jpg) !important;
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.spectiles #neworleans-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/e/ee/NewOrleansClass.png/320px-NewOrleansClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #springfield-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/9/95/SpringfieldClass.png/320px-SpringfieldClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #niagara-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/db/Niagara1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #akula-class .card-image{
	background: url(https://wiki.bravofleet.com/images/0/00/Akula.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #cardenas-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9b/Cardenas.jpg) !important;
	background-size: 115% !important;
    background-position: center !important;
}
.spectiles #constitution-class .card-image{
	background: url(https://wiki.bravofleet.com/images/6/61/Discoprise.jpg) !important;
	background-size: 115% !important;
    background-position: center !important;
}
.spectiles #constitution-class-refit .card-image{
	background: url(https://wiki.bravofleet.com/images/3/39/Constitutionclass.png) !important;
	background-size: 110% !important;
    background-position: center !important;
}
.spectiles #crossfield-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/91/Crossfield.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #hernandez-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9d/Hernandezclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #miranda-class .card-image{
	background: url(https://wiki.bravofleet.com/images/1/1d/Miranda.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #nimitz-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/8f/Nimitzclass.jpg) !important;
	background-size: 115% !important;
    background-position: center !important;
}
.spectiles #walker-class .card-image{
	background: url(https://wiki.bravofleet.com/images/4/43/Walker_Light_Exploration_Cruiser.png) !important;
	background-size: 135% !important;
    background-position: center !important;
}
.spectiles #columbia-class .card-image{
	background: url(https://wiki.bravofleet.com/images/f/ff/Nxrefit.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #daedalus-class .card-image{
	background: url(https://wiki.bravofleet.com/images/0/03/Daedalus.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #freedom22-class .card-image{
	background: url(https://wiki.bravofleet.com/images/1/18/Freedom22class.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #intrepid22-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d2/Intrepidtype.jpeg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #neptune-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c8/Neptuneclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #nx-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/da/Nx2.png) !important;
	background-size: 135% !important;
    background-position: center !important;
}
.spectiles #yorktown-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/dc/Yorktown.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #dderidex-class .card-image{
	background: url(https://wiki.bravofleet.com/images/f/fc/Dderidexclass.jpg) !important;
	background-size: 115% !important;
    background-position: center !important;
}
.spectiles #scimitar-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e5/Scimitar.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #valdore-class .card-image{
	background: url(https://wiki.bravofleet.com/images/6/62/Valdoreclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #malem-class .card-image{
	background: url(https://wiki.bravofleet.com/images/1/16/Malemclass.png) !important;
	background-size: 110% !important;
    background-position: center !important;
}
.spectiles #ranodaire-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9d/Rom_Ship_Ra%27nodaire.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #dhailkhina-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/56/Dhailkhina_class.jpg) !important;
	background-size: 130% !important;
    background-position: center !important;
}
.spectiles #d7rom-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d5/Romuland7.jpg) !important;
	background-size: 135% !important;
    background-position: center !important;
}
.spectiles #stormbird-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/55/Romulanstormbird.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}
.spectiles #tliss-class .card-image{
	background: url(https://wiki.bravofleet.com/images/9/94/Tliss2399.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #tvaro-class .card-image{
	background: url(https://wiki.bravofleet.com/images/0/03/Tvaro.jpg) !important;
	background-size: 110% !important;
    background-position: center !important;
}
.spectiles #brel-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/59/Brelclass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #ktinga-class .card-image{
	background: url(https://wiki.bravofleet.com/images/6/62/Ktingaclass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #matha-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/dc/Klg_Ship_MatHa.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #neghvar-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d4/Klingon_Negh%27Var_STO.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #vorcha-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d2/Vorchaclass.png) !important;
	background-size: 120% !important;
    background-position: center !important;
}
.spectiles #bortasqu-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/ec/Bortasqu.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}
.spectiles #chalhegh-class .card-image{
	background: url(https://wiki.bravofleet.com/images/6/64/Chalheng.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}


.spectiles #saladin-class .card-image{
	background: url(https://wiki.bravofleet.com/images/6/68/SaladinClass.jpg) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #hermes-class .card-image{
	background: url(https://wiki.bravofleet.com/images/f/f6/HermesClass.jpg) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #tosmiranda-class .card-image{
	background: url(https://wiki.bravofleet.com/images/f/f5/TOSMiranda.jpg) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #ptolmey-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d5/PtolemyClass.jpg) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #federation-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/52/FederationClass.png) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #antares-class .card-image{
	background: url(https://wiki.bravofleet.com/images/7/7d/AntaresClass.jpg) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #oberth-class .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b1/OberthClass.jpg) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #malachowski-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/cb/Malachowski.png) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #hoover-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/54/Hoover.png) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #engle-class .card-image{
	background: url(https://wiki.bravofleet.com/images/5/52/Engle.png) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #shepard-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c3/Shepard.png) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #magee-class .card-image{
	background: url(https://wiki.bravofleet.com/images/4/4f/MaGee.jpg) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #helios-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/8f/Helios.jpeg) !important;
	background-size: 140% !important;
    background-position: center !important;
}


.spectiles #keldon-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/eb/KeldonTile.jpg) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #galor-class .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c9/Galor_class.jpg) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #hideki-class .card-image{
	background: url(https://wiki.bravofleet.com/images/3/3a/HidekiClass.jpg) !important;
	background-size: 110% !important;
    background-position: center !important;
}

.spectiles #tonga-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/85/TongaClass.PNG) !important;
	background-size: 110% !important;
    background-position: center !important;
}

.spectiles #hutet-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/ea/HutetClass.jpg) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #groumall-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/24/GroumallClass.jpg) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #nor-class .card-image{
	background: url(https://wiki.bravofleet.com/images/0/03/Empok_Nor.jpg) !important;
	background-size: 140% !important;
    background-position: center !important;
}

.spectiles #alpha-quadrant .card-image{
	background: url(https://wiki.bravofleet.com/images/1/12/Alphaquadrant1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #beta-quadrant .card-image{
	background: url(https://wiki.bravofleet.com/images/c/ce/Betaquadrant1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #gamma-quadrant .card-image{
	background: url(https://wiki.bravofleet.com/images/f/fe/Gammaquadrant1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #delta-quadrant .card-image{
	background: url(https://wiki.bravofleet.com/images/2/25/Deltaquadrant1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tf17 .card-image{
	background: url(https://wiki.bravofleet.com/images/1/1c/Tf17wiki1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tf72 .card-image{
	background: url(https://wiki.bravofleet.com/images/7/79/Tf72wiki1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tf86 .card-image{
	background: url(https://wiki.bravofleet.com/images/c/c1/Tf86wiki1.png) !important;
	background-size:100% !important;
    background-position: center !important;
}

.spectiles #tf93 .card-image{
	background: url(https://wiki.bravofleet.com/images/f/fc/Tf92wiki1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #rse .card-image{
	background: url(https://wiki.bravofleet.com/images/3/39/Romulanstarempiretile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tholianassembly .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e8/Tholianassemblytile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #romrepub .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9d/Romrepublictile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #romfreestate .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d2/Romfreestatetile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #klingonempire .card-image{
	background: url(https://wiki.bravofleet.com/images/7/7e/Klingonempiretile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #ferengialliance .card-image{
	background: url(https://wiki.bravofleet.com/images/0/0b/Ferengialliancetile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #ufp .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9e/Fedtile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #cardunion .card-image{
	background: url(https://wiki.bravofleet.com/images/4/4c/Cardtile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #breenconfed .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e6/Breenconfederacytile1.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #obena-class .card-image{
	background: url(https://wiki.bravofleet.com/images/8/8c/Obena3.png) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #tf47 .card-image{
	background: url(https://wiki.bravofleet.com/images/f/ff/Tf47wiki.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #pathfinder-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/1/19/PathfinderClass.png/320px-PathfinderClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #rahhae-class .card-image{
	background: url(https://wiki.bravofleet.com/images/1/12/Rom_Ship_Rahhae.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #dhelan-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/2c/Dhelan2.png) !important;
	background-size: 115% !important;
    background-position: center !important;
}

.spectiles #dinaes-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/dd/Dinaes.png) !important;
	background-size: 120% !important;
    background-position: center !important;
}

.spectiles #haakona-class .card-image{
	background: url(https://wiki.bravofleet.com/images/d/de/Haakona.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #diavectau-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e2/Diavectauclass.png) !important;
	background-size: 200% !important;
    background-position: center !important;
}

.spectiles #snakehead-class .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e9/Snakehead.png) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #edison-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/0/04/EdisonClass.png/320px-EdisonClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #phoenix-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/a/a8/PhoenixClass.png/320px-PhoenixClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #sagan-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/5/54/SaganClass.png/320px-SaganClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #constitution-III-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/f/f2/ConstitutionIIIClass.png/320px-ConstitutionIIIClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #duderstadt-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/b/b7/Duderstadt.png/320px-Duderstadt.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #echelon-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/1/14/Echelon.png/320px-Echelon.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #curry-class .card-image{
	background: url(https://wiki.bravofleet.com/images/2/24/CURRY1.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #yeager-class .card-image{
	background: url(https://wiki.bravofleet.com/images/3/33/YEAGER4.jpg) !important;
	background-size: 125% !important;
    background-position: center !important;
}

.spectiles #alita-class .card-image{
	background: url(https://wiki.bravofleet.com/images/thumb/f/f4/AlitaClass.png/320px-AlitaClass.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #fed-ships-playable .card-image{
	background: url(https://wiki.bravofleet.com/images/9/9c/ActiveFederationTile.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #fed-stations-playable .card-image{
	background: url(https://wiki.bravofleet.com/images/c/cb/StarfleetStationsTile.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #fed-small-craft .card-image{
	background: url(https://wiki.bravofleet.com/images/0/0c/FederationSmallCraftTile.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #fed-retired .card-image{
	background: url(https://wiki.bravofleet.com/images/0/0d/FederationShipsOld.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #breen-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/b/b6/BreenSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #cardassian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/7/79/CardassianSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #ferengi-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/d/de/FerengiSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #kzinti-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d1/KzintiSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tzenkethi-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/9/91/TzenkethiSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #talarian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/b/be/TalarianSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tholian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/3/3e/TholianSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #gorn-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/e/e0/GornSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #klingon-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/c/cc/KlingonSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #romulan-republic-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/d/d0/RomulanRepublicSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #romulan-freestate-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/0/06/RomulanFreeStateSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #romulan-other-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/1/10/OtherRomulanShips.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #orion-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/0/03/OrionSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #nausicaan-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/e/ef/NausicaanSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #tamarian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/b/bf/TamarianSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #dominion-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/f/f2/DominionSpecifications.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #karemma-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/5/57/KaremmaSpecifications.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #vaadwuar-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/a/a5/VaadwuarSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #devore-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/6/6a/DevoreSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #hirogen-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/7/75/HirogenSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #hierarchy-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/d/df/HierarchySpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}


.spectiles #malon-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/0/0c/MalonSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #vidiian-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/0/0d/VidiianSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #kazon-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/f/f6/KazonSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}

.spectiles #borg-specs .card-image{
	background: url(https://wiki.bravofleet.com/images/e/eb/BorgSpecs.png) !important;
	background-size: 100% !important;
    background-position: center !important;
}


.hatnote {
    margin-top: 0.6rem;
    margin-bottom: 0.8rem;
    border-radius: 8px;
    padding: 10px 15px;
    color: var(--color-base--subtle);
    background: var(--background-color-framed);
    font-size: 0.875rem;
    line-height: 1.4;
    display: flex;
    align-items: center;
}

.hatnote-icon img {
    opacity: var(--opacity-icon-base);
    margin-right: 10px;
    width: 14px;
    height: auto;
}

/* Dark theme */
html.skin-citizen-dark .hatnote-icon img {
    filter: invert(1);
}

.ibtable {
    border-radius: 13px;
    margin-bottom: 0px;
    padding-left: 10px;
    width:315px;
}
.ibimage {
    text-align: center;
    padding: 10px;
    font-size: smaller;
    background: #f3f3f3;
}
.ibname {
    text-align: center;
    color: #e5e5ed;
    font-size: larger;
    background: #304665;
    padding: .3rem 1.2rem;
}
.ibheader {
    text-align: center; 
    color: #e5e5ed; 
    background: #566c86;
    font-size: 8pt;
    padding: 6px;
}
.ibleft {
    background: #e0e0e0; 
    padding: 8px 10px; 
    color: #696969; 
    font-size: smaller; 
    width: 40%;
    vertical-align: top;
}
.ibright {
    background: #ececec; 
    padding: 8px 10px; 
    color: #696969; 
    font-size: smaller; 
    width: 60%;
    vertical-align: top;
}

.card-text.home-featured {
  max-width: calc(100% - 400px)
}

.portable-infobox.pi-theme-bravo {
	background: #304665;
	color: #696969;
	width: 350px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	font-size: 1em;

	.pi-media {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: smaller;
	}
	
	.pi-image-thumbnail {
		width: 100%;
	}

	.pi-title {
		background: #304665;
		text-align: center;
		color: #e5e5ed;
		font-size: x-large;
		line-height: 1.25;
	}

	.pi-data {
		background: #ececec;
		color: #696969;
		font-size: smaller;
		padding: 0px;
		border: 0px;
		position: relative;
	}
	
	.pi-data[data-item-name=full] {
		display: inline-grid;
		justify-content: center;
	}

	.pi-data-label {
		background: #e0e0e0;
		color: #696969;
		flex-basis: 40%;
		padding: 0.8em;
		font-weight: normal;
		align-items: flex-start;
	}

	.pi-data-value {
		display: unset;
		margin-top: 0.8em;
		margin-bottom: 0.8em;
		align-items: normal;
	}

	.pi-title {
		text-align: center;
		border-top-left-radius: 13px;
		border-top-right-radius: 13px;
	}

	.pi-header {
		background: #566c86;
		color: #e5e5ed;
		text-align: center;
		font-size: smaller;
	}

	.pi-header[data-item-name=footer] {
		background: #304665;
		color: #696969;
		font-size: smaller;
		border-bottom-left-radius: 13px;
		border-bottom-right-radius: 13px;
	}

	.pi-section-navigation {
		background: #304665;
		color: #e5e5ed;
		margin: 0;
		padding: 0;
	}

	.pi-section-tab {
		border-width: 0px;
		background: #304665;
		color: #e5e5ed;
	}
}

.portable-infobox.pi-theme-bravopadded {
	background: #304665;
	color: #696969;
	width: 350px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;
	font-size: 1em;

	.pi-media {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: smaller;
	}
	
	.pi-image-thumbnail {
		width: 90%;
		padding: 10px;
	}

	.pi-title {
		background: #304665;
		text-align: center;
		color: #e5e5ed;
		font-size: larger;
		line-height: 1.25;
	}

	.pi-data {
		background: #ececec;
		color: #696969;
		font-size: smaller;
		padding: 0px;
		border: 0px;
		position: relative;
	}
	
	.pi-data[data-item-name=full] {
		display: inline-grid;
		justify-content: center;
	}

	.pi-data-label {
		background: #e0e0e0;
		color: #696969;
		flex-basis: 40%;
		padding: 0.8em;
		font-weight: normal;
		align-items: flex-start;
	}

	.pi-data-value {
		display: unset;
		margin-top: 0.8em;
		margin-bottom: 0.8em;
		align-items: normal;
	}

	.pi-title {
		text-align: center;
		border-top-left-radius: 13px;
		border-top-right-radius: 13px;
	}

	.pi-header {
		background: #566c86;
		color: #e5e5ed;
		text-align: center;
		font-size: smaller;
	}

	.pi-header[data-item-name=footer] {
		background: #304665;
		color: #696969;
		font-size: smaller;
		border-bottom-left-radius: 13px;
		border-bottom-right-radius: 13px;
	}

	.pi-section-navigation {
		background: #304665;
		color: #e5e5ed;
		margin: 0;
		padding: 0;
	}

	.pi-section-tab {
		border-width: 0px;
		background: #304665;
		color: #e5e5ed;
	}
}