body{
    font-family:"Play",Arial,Helvetica,sans-serif;
    background:url(../images/mainbg.webp) top center no-repeat;
    background-size:cover;
    background-attachment:fixed
}
body,#sidebar{
    padding-top:3.5rem
}
#sidebar{
    position:fixed;
    display:block;
    transition:margin .5s;
    padding:.5rem;
    width:300px;
    height:100vh;
    background:#212529;
    color:white;
    text-align:left;
    z-index:999
}
#content,#footer{
    margin-left:300px;
    padding-top:1rem
}
#sidebar-toggler{
    display:none
}
#simbtn{
width: 204%;
height: 45px;
margin-bottom: 20px; 
position: relative; 
z-index: 100;
}
@media (max-width: 580px) {
  #simbtn {
    width: 98%;
  }
}

#share-button::before,
#save-button::before { content: ""; display: block; width: 24px; height: 25px; background: url(../images/header-spread.png); background-size: cover; }
#share-button::before { background-position: -76px 0; }
#save-button::before { background-position: -50px 0; }
#options{
    background-color: rgba(27, 43, 54, 0.9);
    border-radius: 5px;
    border: solid 1px #153758;
    color: #ccc;
}


.wrapper{
    padding:1rem 3.5rem
}
.form-control-xs{
    width:auto;
    padding:.1rem;
    font-size:.9rem
}
.form-select-xs{
    width:auto;
    font-size:.9rem;
    padding:.1rem 1.7rem .1rem .2rem
}
.settings-result{
    display:none
}
.costs-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}
.costs-row>div{
    padding:.5rem;
    font-size:.9rem;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.costs-icon{
    display:flex;
    flex-direction:row;
    align-items:center
}
.aa{
    flex-basis:20%
}
.bb{
    flex-basis:14%;
    max-width:14%
}
.bb .input-group .input-group-text{
    padding:0 .7rem;
    font-size:.9rem
}
.cc{
    flex-basis:12%;
    align-items:end
}
.dd{
    flex-basis:10%;
    align-items:end
}
.xx{
    flex-basis:34%;
    font-weight:bold
}
.costs-header>*{
    font-weight:bold
}
.costs-striped>.costs-row:nth-of-type(2n+1)>div{
    background:rgba(0,0,0,.15)
}
body.calc-multiple .single-level{
    display:none
}
body:not(.calc-multiple) .multiple-level{
    display:none
}
a{
    text-decoration:none;
    --bs-link-color:white;
    --bs-link-hover-color:white
}
.navbar.ogame{
    --bs-navbar-color:white;
    --bs-navbar-hover-color:white;
    --bs-navbar-disabled-color:white;
    --bs-navbar-active-color:white;
    --bs-navbar-brand-color:white;
    --bs-navbar-brand-hover-color:white;
    --bs-navbar-toggler-border-color:white;
    background:#2b4f71
}
.navbar.ogame .dropdown-menu{
    position:absolute
}
#sidebar .nav-pills{
    --bs-nav-pills-link-active-bg:#496b8c
}
.nav-tabs.ogame{
    position:relative;
    z-index:100;
    margin-bottom:-1px;
    --bs-nav-tabs-border-color:#153758;
    --bs-nav-tabs-link-hover-border-color:#153758;
    --bs-nav-tabs-border-radius:0;
    --bs-nav-tabs-link-active-color:white;
    --bs-nav-tabs-link-active-bg:rgba(30, 43, 57, 0.9);
    --bs-nav-tabs-link-active-border-color:#153758
}
.nav-tabs.ogame .nav-link{
    border-bottom-width:0
}
.nav-tabs.ogame .nav-link:not(.active){
    background:#39495e;
    border-color:#153758;
    color:white;
    opacity:0.9;
}
.nav-tabs.ogame .nav-link.addPlayerBtn{
    background:#506784 !important;
    border-color:#153758;
    color:white
}

.card.ogame{
    --bs-card-border-color:#153758;
    --bs-card-color:white;
    --bs-card-bg:rgba(30, 43, 57, 0.9);
    --bs-card-cap-color:white;
    --bs-card-cap-bg:#2b4f71
}
.modal.ogame{
    --bs-modal-bg:#496b8c;
    --bs-modal-color:white;
    --bs-modal-footer-bg:#496b8c;
    --bs-modal-border-color:#153758;
    --bs-modal-footer-bg:#2b4f71
}
.modal.ogame .modal-header{
    background:#2b4f71
}
.nav-pills.ogame{
    --bs-nav-pills-link-active-color:white;
    --bs-nav-pills-link-active-bg:#496b8c;
    --bs-nav-link-color:white;
    --bs-nav-link-hover-color:white
}
.accordion.ogame{
    --bs-accordion-bg:transparent;
    --bs-accordion-btn-color:white;
    --bs-link-hover-color:white;
    --bs-accordion-active-color:white;
    --bs-accordion-active-bg:rgba(0,0,0,.1);
    --bs-accordion-color:white;
    --bs-accordion-border-width:0
}
.accordion.ogame .accordion-button:after{
    filter:brightness(0) invert(1)
}
.accordion-flush .accordion-item{
    border-bottom:1px solid rgba(0,0,0,.15)
}
.table.ogame{
    color:white
}
.table-bordered.ogame{
    border-color:#555F79 !important
}
table.ogame thead,table.ogame .darker{
    background:#202A34
}
.form-control-xs{
    width:auto;
    padding:.1rem;
    font-size:.9rem
}
.form-select-xs{
    width:auto;
    font-size:.9rem;
    padding:0 1.7rem 0 .2rem
}
.align-label{
    line-height:1.8rem;
    font-size:.9rem
}
.table-sm{
    font-size:.9rem
}
.box-container{
    display:flex;
    flex-direction:column;
    padding:0 .5rem
}
.box-container .data-box:last-of-type{
    flex-grow:1;
    margin-bottom:0
}
.data-box{
    box-shadow:inset 0 0 0 9999px rgba(0,0,0,0.1);
    border-radius:.5rem;
    padding:.5rem;
    margin-bottom:.75rem;
    align-self:stretch !important
}
.data-box .box-title{
    font-weight:bold;
    margin-bottom:.75rem
}
.data-box .box-body{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:.25rem
}
.data-box .box-body i[class^="fa-"]{
    font-size:1rem;
    opacity:.6;
    transition:opacity .25s linear
}
.data-box .box-body i[class^="fa-"]:hover{
    opacity:1
}
@media screen and (max-width:1920px){
    #sidebar-toggler{
        display:block
    }
    #sidebar{
        z-index:999
    }
    #content,#footer{
        margin-left:0
    }
    body:not(.sidebar-open) #sidebar{
        margin-left:-300px
    }
    body.sidebar-open #sidebar{
        box-shadow:0 0 0 10000px rgba(0,0,0,.50)
    }
    .container-xxl{
        max-width:1900px
    }
}
@media(min-width:1920px){
    .container-xxl{
        max-width:2400px
    }
}
.icon-radio-container{
    display:inline-block;
    width:40px;
    height:40px;
    user-select:none;
    position:relative
}
.icon-radio-container input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.icon-radio{
    position:absolute;
    top:0;
    left:0;
    height:40px;
    width:40px;
    opacity:.3;
    background-size:cover;
    cursor:pointer;
    transition:.25s
}
.icon-radio-container input:checked ~ .icon-radio{
    opacity:1
}
.icon-none{
    background-image:url(../images/classes/class-none.png)
}
.icon-collector{
    background-image:url(../images/classes/class-collector.png)
}
.icon-general{
    background-image:url(../images/classes/class-general.png)
}
.icon-explorer{
    background-image:url(../images/classes/class-explorer.png)
}
.icon-warriors{
    background-image:url(../images/classes/class-warriors.png)
}
.icon-traders{
    background-image:url(../images/classes/class-traders.png)
}
.icon-researchers{
    background-image:url(../images/classes/class-researchers.png)
}
.icon-checkbox-container{
    display:inline-block;
    width:40px;
    height:40px;
    user-select:none;
    position:relative
}
.icon-checkbox-container input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.icon-checkbox{
    position:absolute;
    top:0;
    left:0;
    height:40px;
    width:40px;
    opacity:.3;
    transition:.25s;
    cursor:pointer;
    background-size:cover;
    border-radius:10px;
    border:1px solid #e7ae46
}
.icon-checkbox-container input:checked ~ .icon-checkbox{
    opacity:1
}
.icon-commander{
    background-image:url(../images/officials/commander.jpg)
}
.icon-admiral{
    background-image:url(../images/officials/admiral.jpg)
}
.icon-engineer{
    background-image:url(../images/officials/engineer.jpg)
}
.icon-geologist{
    background-image:url(../images/officials/geologist.jpg)
}
.icon-technocrat{
    background-image:url(../images/officials/technocrat.jpg)
}
.ogame-icon{
    display:inline-block;
    height:100px;
    width:100px;
    background-image:url(../images/ogame-icons.webp);
    background-repeat:no-repeat;
    background-size:1900px
}
.ogame-icon-lg{
    width:200px;
    height:200px;
    background-size:3800px
}
.ogame-icon-sm{
    width:50px;
    height:50px;
    background-size:950px
}
.ogame-icon-xs{
    width:25px;
    height:25px;
    background-size:475px
}
.icon-allianceDepot{
    background-position:0 0
}
.icon-crystalMine{
    background-position:5.56% 0
}
.icon-crystalStorage{
    background-position:11.11% 0
}
.icon-deuteriumSynth{
    background-position:16.67% 0
}
.icon-deuteriumTank{
    background-position:22.22% 0
}
.icon-fusionReactor{
    background-position:27.78% 0
}
.icon-jumpGate{
    background-position:33.33% 0
}
.icon-lunaBase{
    background-position:38.89% 0
}
.icon-metalMine{
    background-position:44.44% 0
}
.icon-metalStorage{
    background-position:50% 0
}
.icon-missileSilo{
    background-position:55.56% 0
}
.icon-naniteFactory{
    background-position:61.11% 0
}
.icon-researchLab{
    background-position:66.67% 0
}
.icon-roboticsFactory{
    background-position:72.22% 0
}
.icon-sensorPhalax{
    background-position:77.78% 0
}
.icon-shipyard{
    background-position:83.33% 0
}
.icon-solarPlant{
    background-position:88.89% 0
}
.icon-spaceDock{
    background-position:94.44% 0
}
.icon-terraformer{
    background-position:100% 0
}
.icon-armourTechnology{
    background-position:0 8.73%
}
.icon-astrophysics{
    background-position:5.56% 8.73%
}
.icon-combustionDrive{
    background-position:11.11% 8.73%
}
.icon-computerTechnology{
    background-position:16.67% 8.73%
}
.icon-energyTechnology{
    background-position:22.22% 8.73%
}
.icon-espionageTechnology{
    background-position:27.78% 8.73%
}
.icon-gravitonTechnology{
    background-position:33.33% 8.73%
}
.icon-hyperspaceDrive{
    background-position:38.89% 8.73%
}
.icon-hyperspaceTechnology{
    background-position:44.44% 8.73%
}
.icon-impulseDrive{
    background-position:50% 8.73%
}
.icon-interplanetaryResearchNetwork{
    background-position:55.56% 8.73%
}
.icon-ionTechnology{
    background-position:61.11% 8.73%
}
.icon-laserTechnology{
    background-position:66.67% 8.73%
}
.icon-plasmaTechnology{
    background-position:72.22% 8.73%
}
.icon-shieldingTechnology{
    background-position:77.78% 8.73%
}
.icon-weaponTechnology{
    background-position:83.33% 8.73%
}
.icon-antiBallisticMissile,.icon-502{
    background-position:0 17.47%
}
.icon-gaussCannon,.icon-404{
    background-position:5.56% 17.47%
}
.icon-heavyLaser,.icon-403{
    background-position:11.11% 17.47%
}
.icon-interplanetaryMissile,.icon-503{
    background-position:16.67% 17.47%
}
.icon-ionCannon,.icon-405{
    background-position:22.22% 17.47%
}
.icon-largeShieldDome,.icon-408{
    background-position:27.78% 17.47%
}
.icon-lightLaser,.icon-402{
    background-position:33.33% 17.47%
}
.icon-plasmaTurret,.icon-406{
    background-position:38.89% 17.47%
}
.icon-rocketLauncher,.icon-401{
    background-position:44.44% 17.47%
}
.icon-smallShieldDome,.icon-407{
    background-position:50% 17.47%
}
.icon-battlecruiser,.icon-215{
    background-position:0 26.2%
}
.icon-battleship,.icon-207{
    background-position:5.56% 26.2%
}
.icon-bomber,.icon-211{
    background-position:11.11% 26.2%
}
.icon-colonyShip,.icon-208{
    background-position:16.67% 26.2%
}
.icon-crawler,.icon-217{
    background-position:22.22% 26.2%
}
.icon-cruiser,.icon-206{
    background-position:27.78% 26.2%
}
.icon-deathStar,.icon-214{
    background-position:33.33% 26.2%
}
.icon-destroyer,.icon-213{
    background-position:38.89% 26.2%
}
.icon-espionageProbe,.icon-210{
    background-position:44.44% 26.2%
}
.icon-heavyFighter,.icon-205{
    background-position:50% 26.2%
}
.icon-largeCargo,.icon-203{
    background-position:55.56% 26.2%
}
.icon-lightFighter,.icon-204{
    background-position:61.11% 26.2%
}
.icon-pathfinder,.icon-219{
    background-position:66.67% 26.2%
}
.icon-reaper,.icon-218{
    background-position:72.22% 26.2%
}
.icon-recycler,.icon-209{
    background-position:77.78% 26.2%
}
.icon-smallCargo,.icon-202{
    background-position:83.33% 26.2%
}
.icon-solarSatellite,.icon-212{
    background-position:88.89% 26.2%
}
.icon-lf11101{
    background-position:0 34.93%
}
.icon-lf11102{
    background-position:5.56% 34.93%
}
.icon-lf11103{
    background-position:11.11% 34.93%
}
.icon-lf11104{
    background-position:16.67% 34.93%
}
.icon-lf11105{
    background-position:22.22% 34.93%
}
.icon-lf11106{
    background-position:27.78% 34.93%
}
.icon-lf11107{
    background-position:33.33% 34.93%
}
.icon-lf11108{
    background-position:38.89% 34.93%
}
.icon-lf11109{
    background-position:44.44% 34.93%
}
.icon-lf11110{
    background-position:50% 34.93%
}
.icon-lf11111{
    background-position:55.56% 34.93%
}
.icon-lf11112{
    background-position:61.11% 34.93%
}
.icon-lf11201{
    background-position:0 43.67%
}
.icon-lf11202{
    background-position:5.56% 43.67%
}
.icon-lf11203{
    background-position:11.11% 43.67%
}
.icon-lf11204{
    background-position:16.67% 43.67%
}
.icon-lf11205{
    background-position:22.22% 43.67%
}
.icon-lf11206{
    background-position:27.78% 43.67%
}
.icon-lf11207{
    background-position:33.33% 43.67%
}
.icon-lf11208{
    background-position:38.89% 43.67%
}
.icon-lf11209{
    background-position:44.44% 43.67%
}
.icon-lf11210{
    background-position:50% 43.67%
}
.icon-lf11211{
    background-position:55.56% 43.67%
}
.icon-lf11212{
    background-position:61.11% 43.67%
}
.icon-lf11213{
    background-position:66.67% 43.67%
}
.icon-lf11214{
    background-position:72.22% 43.67%
}
.icon-lf11215{
    background-position:77.78% 43.67%
}
.icon-lf11216{
    background-position:83.33% 43.67%
}
.icon-lf11217{
    background-position:88.89% 43.67%
}
.icon-lf11218{
    background-position:94.44% 43.67%
}
.icon-lf12101{
    background-position:0 52.4%
}
.icon-lf12102{
    background-position:5.56% 52.4%
}
.icon-lf12103{
    background-position:11.11% 52.4%
}
.icon-lf12104{
    background-position:16.67% 52.4%
}
.icon-lf12105{
    background-position:22.22% 52.4%
}
.icon-lf12106{
    background-position:27.78% 52.4%
}
.icon-lf12107{
    background-position:33.33% 52.4%
}
.icon-lf12108{
    background-position:38.89% 52.4%
}
.icon-lf12109{
    background-position:44.44% 52.4%
}
.icon-lf12110{
    background-position:50% 52.4%
}
.icon-lf12111{
    background-position:55.56% 52.4%
}
.icon-lf12112{
    background-position:61.11% 52.4%
}
.icon-lf12201{
    background-position:0 61.14%
}
.icon-lf12202{
    background-position:5.56% 61.14%
}
.icon-lf12203{
    background-position:11.11% 61.14%
}
.icon-lf12204{
    background-position:16.67% 61.14%
}
.icon-lf12205{
    background-position:22.22% 61.14%
}
.icon-lf12206{
    background-position:27.78% 61.14%
}
.icon-lf12207{
    background-position:33.33% 61.14%
}
.icon-lf12208{
    background-position:38.89% 61.14%
}
.icon-lf12209{
    background-position:44.44% 61.14%
}
.icon-lf12210{
    background-position:50% 61.14%
}
.icon-lf12211{
    background-position:55.56% 61.14%
}
.icon-lf12212{
    background-position:61.11% 61.14%
}
.icon-lf12213{
    background-position:66.67% 61.14%
}
.icon-lf12214{
    background-position:72.22% 61.14%
}
.icon-lf12215{
    background-position:77.78% 61.14%
}
.icon-lf12216{
    background-position:83.33% 61.14%
}
.icon-lf12217{
    background-position:88.89% 61.14%
}
.icon-lf12218{
    background-position:94.44% 61.14%
}
.icon-lf13101{
    background-position:0 69.87%
}
.icon-lf13102{
    background-position:5.56% 69.87%
}
.icon-lf13103{
    background-position:11.11% 69.87%
}
.icon-lf13104{
    background-position:16.67% 69.87%
}
.icon-lf13105{
    background-position:22.22% 69.87%
}
.icon-lf13106{
    background-position:27.78% 69.87%
}
.icon-lf13107{
    background-position:33.33% 69.87%
}
.icon-lf13108{
    background-position:38.89% 69.87%
}
.icon-lf13109{
    background-position:44.44% 69.87%
}
.icon-lf13110{
    background-position:50% 69.87%
}
.icon-lf13111{
    background-position:55.56% 69.87%
}
.icon-lf13112{
    background-position:61.11% 69.87%
}
.icon-lf13201{
    background-position:0 78.6%
}
.icon-lf13202{
    background-position:5.56% 78.6%
}
.icon-lf13203{
    background-position:11.11% 78.6%
}
.icon-lf13204{
    background-position:16.67% 78.6%
}
.icon-lf13205{
    background-position:22.22% 78.6%
}
.icon-lf13206{
    background-position:27.78% 78.6%
}
.icon-lf13207{
    background-position:33.33% 78.6%
}
.icon-lf13208{
    background-position:38.89% 78.6%
}
.icon-lf13209{
    background-position:44.44% 78.6%
}
.icon-lf13210{
    background-position:50% 78.6%
}
.icon-lf13211{
    background-position:55.56% 78.6%
}
.icon-lf13212{
    background-position:61.11% 78.6%
}
.icon-lf13213{
    background-position:66.67% 78.6%
}
.icon-lf13214{
    background-position:72.22% 78.6%
}
.icon-lf13215{
    background-position:77.78% 78.6%
}
.icon-lf13216{
    background-position:83.33% 78.6%
}
.icon-lf13217{
    background-position:88.89% 78.6%
}
.icon-lf13218{
    background-position:94.44% 78.6%
}
.icon-lf14101{
    background-position:0 87.34%
}
.icon-lf14102{
    background-position:5.56% 87.34%
}
.icon-lf14103{
    background-position:11.11% 87.34%
}
.icon-lf14104{
    background-position:16.67% 87.34%
}
.icon-lf14105{
    background-position:22.22% 87.34%
}
.icon-lf14106{
    background-position:27.78% 87.34%
}
.icon-lf14107{
    background-position:33.33% 87.34%
}
.icon-lf14108{
    background-position:38.89% 87.34%
}
.icon-lf14109{
    background-position:44.44% 87.34%
}
.icon-lf14110{
    background-position:50% 87.34%
}
.icon-lf14111{
    background-position:55.56% 87.34%
}
.icon-lf14112{
    background-position:61.11% 87.34%
}
.icon-lf14201{
    background-position:0 96.07%
}
.icon-lf14202{
    background-position:5.56% 96.07%
}
.icon-lf14203{
    background-position:11.11% 96.07%
}
.icon-lf14204{
    background-position:16.67% 96.07%
}
.icon-lf14205{
    background-position:22.22% 96.07%
}
.icon-lf14206{
    background-position:27.78% 96.07%
}
.icon-lf14207{
    background-position:33.33% 96.07%
}
.icon-lf14208{
    background-position:38.89% 96.07%
}
.icon-lf14209{
    background-position:44.44% 96.07%
}
.icon-lf14210{
    background-position:50% 96.07%
}
.icon-lf14211{
    background-position:55.56% 96.07%
}
.icon-lf14212{
    background-position:61.11% 96.07%
}
.icon-lf14213{
    background-position:66.67% 96.07%
}
.icon-lf14214{
    background-position:72.22% 96.07%
}
.icon-lf14215{
    background-position:77.78% 96.07%
}
.icon-lf14216{
    background-position:83.33% 96.07%
}
.icon-lf14217{
    background-position:88.89% 96.07%
}
.icon-lf14218{
    background-position:94.44% 96.07%
}
.icon-res{
    width:auto;
    height:20px
}
.result-case{
    background:url(../images/cases.png) no-repeat center;
    display:inline-block;
    width:30px;
    height:30px
}
.case-average{
    background-position:0 0
}
.case-best-atk{
    background-position:-34px 0
}
.case-best-def{
    background-position:-102px 0
}
.case-worst-atk{
    background-position:-68px 0
}
.case-worst-def{
    background-position:-136px 0
}
.case-more-debris{
    background-position:-170px 0
}
#simulator .data-box{
    margin-bottom:.25rem
}
#simulator .table-sm>:not(caption)>*>*{
    padding:.1rem .2rem
}
#simulator,#simulator .form-control-xs,#simulator .btn-xs{
    font-size:.8rem
}
#simulator #results .ogame-icon-xs{
    height:20px
}
#simulator .form-control-xs{
    border:0;
    border-radius:3px;
    width:auto;
    padding:1px 0 1px 2.5px
}
#simulator .icon-radio-container,#simulator .icon-radio{
    width:32px;
    height:32px
}
#simulator .box-title{
    margin-bottom:.25rem
}
.card.has-tabs{
    border-top-left-radius:0
}
.btn-xs{
    --bs-btn-padding-x:.25rem;
    --bs-btn-padding-y:.175rem
}
#simulator .lficon{
    width:35px;
    height:35px
}
#simulator .icon-box{
    display:flex;
    margin-bottom:.5rem !important
}
#simulator .icon-box>div:first-of-type{
    flex-shrink:0
}
#simulator .icon-box>div:nth-of-type(2){
    overflow:hidden
}
#simulator .icon-box .text-truncate{
    margin-bottom:.25rem;
    display:block
}
#simulator .ships-box .box-body>div,#simulator .defence-box .box-body>div{
    display:flex;
    align-items:center
}
#simulator .ships-box .box-body>div small{
    margin-right:.5rem
}
#simulator .tab-container{
    position:relative
}
#simulator .removePlayer{
    position:absolute;
    bottom:0;
    right:0;
    font-size:1.2rem;
    z-index:101
}
.form-control-xs[size="8"]{
    width:80px !important
}
.form-control-xs[size="4"]{
    width:50px !important
}
.form-control-xs[size="3"]{
    width:40px !important
}
#simulator:not(.lifeforms-on) .lifeforms-enabled{
    display:none
}
#simulator h1.title{
    font-size:1rem;
    color:white;
    background:rgba(30, 43, 57, 0.9);
    margin-bottom:.25rem;
    padding:.5rem;
    font-weight:bold
}
#simulator .table-sm{
    font-size:.8rem
}
.w-33{
    width:33% !important
}