body {
    font-family: "Play", Arial, Helvetica, sans-serif;
    background: url(../../images/battlesim/mainbg.jpg) 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
}

.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: #496b8c;
    --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: #153758;
    border-color: #153758;
    color: white
}

.card.ogame {
    --bs-card-border-color: #153758;
    --bs-card-color: white;
    --bs-card-bg: #496b8c;
    --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: #6e8ca6 !important
}

table.ogame thead, table.ogame .darker {
    background: #2b4f72
}

.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.jpg);
    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/battlesim/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: #153758;
    margin-bottom: .25rem;
    padding: .5rem;
    font-weight: bold
}

#simulator .table-sm {
    font-size: .8rem
}

.w-33 {
    width: 33% !important
}