roll20-character-sheets-tester/FreeSpacer/FreeSpacer.css

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select,
input[type="text"],
input[type="number"],
input[type="radio"]
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 10px;
    font: inherit;
    vertical-align: baseline;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

    /* Multiple Sheet Functionality */
    div.sheet-sheetType
    {
        display: none;
    }

input.sheet-crewmemberSelector:checked ~ div.sheet-crewmemberSheet,
input.sheet-shipSelector:checked ~ div.sheet-shipSheet,
input.sheet-sophontSelector:checked ~ div.sheet-sophontSheet,
input.sheet-compositeSophontSelector:checked ~ div.sheet-compositeSophontSheet,
input.sheet-swarmSelector:checked ~ div.sheet-swarmSheet,
input.sheet-creatureSelector:checked ~ div.sheet-creatureSheet,
input.sheet-behemothSelector:checked ~ div.sheet-behemothSheet,
input.sheet-droneSelector:checked ~ div.sheet-droneSheet,
input.sheet-shuttleSelector:checked ~ div.sheet-shuttleSheet,
input.sheet-smallCraftSelector:checked ~ div.sheet-smallCraftSheet,
input.sheet-shipLogSelector:checked ~ div.sheet-shipLogSheet,
input.sheet-capitalShipSelector:checked ~ div.sheet-capitalShipSheet
{
    display: initial;
}


/*General Sheet Style*/
body
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1em;
    color: #000;
    background-color: #FFF;
    line-height: 150%;
    max-width: 900px;
    min-width: 900px;
}

h1, h2, h3, h4, th
{
    text-align: left;
    font-variant: small-caps;
    font-weight: 500;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.5em;
}

h4, th
{
    font-size: 1.25em;
}

td, p
{
    font-size: 1em;
}

br
{
    font-size: 0.5em;
    height: 50%;
}

hr
{
    border-top: 1px solid #D3D3D3;
}

/*All Hidden styles*/
.sheet-hidden
{
    display: none;
}

/*select & text boxes*/
select, textarea, input[type="text"], input[type="number"]
{
    border: none;
    border-bottom: thin solid #D3D3D3;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    color: #000;
    height: 100%;
    width: 100%;
    line-height: 100%;
    font-variant: normal;
    background: transparent;
}

input[type="number"]
{
    text-align: center;
}

select.sheet-start
{
    border-style: hidden;
    border: none;
    font-weight: normal;
}

select.sheet-full,
input[type="text"].sheet-full,
input[type="number"].sheet-full
{
    width: 98%;
}

input[type="text"].sheet-aspect,
select.sheet-aspect
{
    font-weight: 500;
}

select.sheet-most,
input[type="text"].sheet-most,
input[type="number"].sheet-most
{
    width: 80%;
}

select.sheet-fourFifths,
input[type="text"].sheet-fourFifths,
input[type="number"].sheet-fourFifths
{
    width: 70%;
}

select.sheet-threeQuarters,
input[type="text"].sheet-threeQuarters,
input[type="number"].sheet-threeQuarters
{
    width: 60%;
}

select.sheet-half,
input[type="text"].sheet-half,
input[type="number"].sheet-half,
p.sheet-half
{
    width: 47%;
}

select.sheet-third,
input[type="text"].sheet-third,
input[type="number"].sheet-third
{
    width: 32%;
}

select.sheet-quarter,
input[type="text"].sheet-quarter,
input[type="number"].sheet-quarter
{
    width: 28%;
}

select.sheet-fifth,
input[type="text"].sheet-fifth,
input[type="number"].sheet-fifth
{
    width: 21%;
}

select.sheet-sixth,
input[type="text"].sheet-sixth,
input[type="number"].sheet-sixth
{
    width: 12%;
}

textarea
{
    border: none;
    font-variant: normal;
    width: 92%;
    overflow: hidden;
    resize: none;
}

    textarea.sheet-description
    {
        height: 2.5em;
    }

    textarea.sheet-data
    {
        height: 100px;
    }

    textarea.sheet-letter
    {
        height: 95%;
        width: 95%;
    }

/* Master Grids */
.sheet-masterGrid
{
    width: 900px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100px auto;
    grid-template-areas: "header" "sheet";
}

.sheet-crewmemberSheetGrid
{
    grid-area: sheet;
    width: 900px;
    display: grid;
    grid-row-gap: 6px;
    grid-template-columns: 1fr;
    grid-template-rows: 165px 420px 620px 105px 215px 390px 440px;
    grid-template-areas: "crewTop" "skills" "crewKit" "description" "language" "contactNotes" "retirement";
    justify-items: start;
    align-items: start;
}

.sheet-shipSheetGrid
{
    grid-area: sheet;
    width: 900px;
    display: grid;
    grid-row-gap: 6px;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 360px 375px 375px 1200px;
    grid-template-areas: "aspects" "systemsAmenities" "modules" "shipConfig" "pg2";
    justify-items: start;
    align-items: start;
}

.sheet-sophontSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/SophontLog.png);
    background-size: 900px 290px;
    background-repeat: no-repeat;
    width: 900px;
    height: 285px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 40px 80px 5fr 80px 3fr 3fr 14px;
    grid-template-rows: 24px repeat(14,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-compositeSophontSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/compositeSophontLog.png);
    background-size: 900px 290px;
    background-repeat: no-repeat;
    width: 900px;
    height: 285px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 40px 78px 4fr 80px 3fr 150px 25px 25px 25px 25px 5px;
    grid-template-rows: 24px repeat(14,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-swarmSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/swarmLog.png);
    background-size: 900px 340px;
    background-repeat: no-repeat;
    width: 900px;
    height: 335px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 60px 70px 1fr 150px 25px 24px 25px 24px 25px 25px 25px 24px 24px 5px;
    grid-template-rows: 24px repeat(18,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-droneSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/swarmLog.png);
    background-size: 900px 340px;
    background-repeat: no-repeat;
    width: 900px;
    height: 335px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 85px 70px 1fr 150px 25px 24px 25px 24px 25px 25px 25px 24px 24px 5px;
    grid-template-rows: 24px repeat(18,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-creatureSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/creatureLog.png);
    background-size: 900px 285px;
    background-repeat: no-repeat;
    width: 900px;
    height: 280px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 60px 78px 1fr 80px 1fr 150px 25px 25px 25px 25px 5px;
    grid-template-rows: 24px repeat(14,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-smallCraftSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/creatureLog.png);
    background-size: 900px 285px;
    background-repeat: no-repeat;
    width: 900px;
    height: 280px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 85px 70px 1fr 55px 1fr 150px 25px 25px 25px 25px 5px;
    grid-template-rows: 24px repeat(14,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-shuttleLogSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/shuttleSquadron.png);
    background-size: 900px 590px;
    background-repeat: no-repeat;
    width: 900px;
    height: 585px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 100px 70px 1fr 80px 1fr 150px 25px 25px 25px 25px 5px;
    grid-template-rows: 24px repeat(15,18px) 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-behemothSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/behemoth.png);
    background-size: 900px 590px;
    background-repeat: no-repeat;
    width: 900px;
    height: 585px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 70px 60px 1fr 60px 1fr;
    grid-template-rows: 24px repeat(7,18px) 14px 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-shipLogSheetGrid
{
    grid-area: sheet;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/shipLog.png);
    background-size: 900px 590px;
    background-repeat: no-repeat;
    width: 900px;
    height: 585px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 100px 80px 1fr 70px 1fr;
    grid-template-rows: 24px repeat(14,18px) 14px 1fr;
    justify-items: start;
    align-items: start;
    padding: 6px;
    grid-column-gap: 4px;
}

.sheet-capitalShipSheetGrid
{
    grid-area: sheet;
    width: 900px;
    height: 585px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 100px 2fr 70px 1fr;
    grid-template-rows: repeat(7,18px) 14px 1fr;
    justify-items: start;
    align-items: start;
    padding: 0px;
    grid-column-gap: 4px;
}

/*     Sheet header layout    */
div.sheet-header
{
    grid-area: header;
    display: grid;
    grid-template-columns: 1fr 375px;
    grid-template-rows: 1fr 32px 1fr;
    grid-template-areas: "title . " "title selector" "title version";
    width: 900px;
    height: 100px;
}

div.sheet-title
{
    grid-area: title;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/title.png);
    background-size: 400px 100px;
    background-repeat: no-repeat;
    background-position: center;
    width: 400px;
    height: 100px;
    align-self: center;
}

.sheet-selectorBar
{
    grid-area: selector;
    justify-self: stretch;
}

select.sheet-typeSelector
{
    width: 235px;
    font-variant: small-caps;
    border: none;
}

.sheet-version
{
    grid-area: version;
    justify-self: end;
    font-variant: small-caps;
    font-size: 11px;
}

/* ************* */
/* Roll Template */
/* ************* */
.sheet-rolltemplate-FS
{
}

    .sheet-rolltemplate-FS .sheet-rolltemplateContainer
    {
        display: grid;
        grid-template-columns: repeat(12, 20px);
        grid-template-rows: repeat(10,21px);
        background-color: #353635;
        border: none;
        font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
        color: white;
        margin-left: -5px;
        font-weight: 400;
    }
    /*Template Header*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateHeader
        {
            grid-row: 1/2;
            grid-column: 1/-1;
            background-color: #d87d29;
            font-variant-caps: small-caps;
            font-weight: 700;
            font-size: 17px;
            color: black;
            margin-left: -5px;
            padding-left: 2px;
            padding-top: 3px;
        }
        /*Rows & Columns*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateTextRows
        {
            padding-left: 2px;
            padding-top: 3px;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateCol1
        {
            grid-column: 1/7;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateCol2
        {
            grid-column: 7/-1;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateRow1
        {
            grid-row: 2/3;
            background-color: #414241;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateRow2
        {
            grid-row: 3/4;
            background-color: #353635;
        }
        /*Subheaders*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateSubheader
        {
            grid-column: 1/-1;
            color: #d87d29;
            font-variant-caps: small-caps;
            font-weight: 600;
            padding-left: 2px;
            padding-top: 3px;
        }
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDiceSubheader
        {
            grid-row: 4/6;
            background-color: #414241;
        }
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDiceSubheader
        {
            grid-row: 6/8;
            background-color: #353635;
        }
        
        /*Dice*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-dice
        {
            justify-content: stretch;
            align-content: stretch;
            width: 20px;
            height: 20px;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .inlinerollresult
        {
            background-color: transparent;
            border-color:transparent;
            font-size: 1em;
            text-align: center;
        }
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice
        {
            grid-row: 5/6;
        }
            .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult
            {
                background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/taskDieHit.png);
                background-repeat: no-repeat;
                background-position: center;
                opacity: 1;
                background-size: 20px 20px;
                width: 20px;
                height: 20px;
            }
                .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult.fullfail
                {
                    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/taskDieNull.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    opacity: 1;
                    background-size: 20px 20px;
                    width: 20px;
                    height: 20px;
                }
                .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult.fullcrit
                {
                    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/taskDieDouble.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    opacity: 1;
                    background-size: 20px 20px;
                    width: 20px;
                    height: 20px;
                    padding: 0;
                }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice
        {
            grid-row: 7/8;
        }
            .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice .inlinerollresult
            {
                background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ThreatDieNull.png);
                background-repeat: no-repeat;
                background-position: center;
                opacity: 1;
                background-size: 20px 20px;
                width: 20px;
                height: 20px;
            }
                .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice .inlinerollresult.fullfail
                {
                    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ThreatDieMiss.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    opacity: 1;
                    background-size: 20px 20px;
                    width: 20px;
                    height: 20px;
                }
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die0
        {
            grid-column: 2/3;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die1
        {
            grid-column: 3/4;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die2
        {
            grid-column: 4/5;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die3
        {
            grid-column: 5/6;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die4
        {
            grid-column: 6/7;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die5
        {
            grid-column: 7/8;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die6
        {
            grid-column: 8/9;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die7
        {
            grid-column: 9/10;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die8
        {
            grid-column: 10/11;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die9
        {
            grid-column: 11/12;
        }
        /*Dice Count*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateDiceCount .inlinerollresult
        {
            border: none;
            font-weight: 400;
            padding: 0;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDiceCount
        {
            grid-row: 6/7;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDiceCount
        {
            grid-row: 4/5;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateExcessDice
        {
            grid-column: 5/-1;
            padding-top: 2px;
            font-weight: 400;
        }
        
        /*Charge*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateCharge
        {
            grid-row: 8/9;
            background-color: #414241;
        }

        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateChargeTotal
        {
            grid-column: 4/5;
            padding: 2px 0 0 5px;
            font-weight: 400;
            text-align: end;
        }

        /*Results*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateResults
        {
            grid-row: 9/10;
            background-color: #353635;
        }
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateResultTotal
        {
            grid-column: 4/5;
            padding: 2px 0 0 5px;
            text-align: end;
        }
            .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateResultTotal > .inlinerollresult
            {
                border: none;
                font-weight: 400;
                padding: 0;
            }

        /*Outcome*/
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateOutcome
        {
            grid-row: 10/11;
            background-color: #414241;
        }
        .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateOutcomeDisplay
        {
            grid-column: 4/-1;
            padding-left: 5px;
            padding-top: 3px;
            font-weight: 400;
        }
            .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateOutcomeDisplay .inlinerollresult
            {
                border: none;
                font-weight: 400;
                padding: 0;
            }

/* ************ */
/* Salvo Mode  */
/* *********** */
.sheet-salvoRollButton
{
    position: absolute;
    top: 0;
    left: 0;
}

input[type="checkbox"].sheet-hideSalvoModeCheckbox
{
    opacity: 0;
    cursor: pointer;
    z-index: 19;
    margin: 0;
    padding: 0;
    vertical-align: central;
}

span.sheet-salvoMode
{
    z-index: 18;
    vertical-align: central;
}

/* Open Salvo Mode Button*/
input.sheet-salvoRollButton + span.sheet-salvoRollButton
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/salvo.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    background-size: 60px 44px;
}

input.sheet-salvoRollButton + span.sheet-salvoRollButton, input.sheet-salvoRollButton
{
    width: 60px;
    height: 44px;
    top: 336px;
    left: 640px;
}

    input.sheet-salvoRollButton ~ div.sheet-salvoRollTag
    {
        position: absolute;
        top: 345px;
        left: 600px;
        display: grid;
        font-weight: bold;
        font-variant: small-caps;
        height: 32px;
        width: 40px;
        overflow-wrap: break-word;
        z-index: 18;
        line-height: 1em;
    }

    /* Close Salvo Mode Button*/
    input.sheet-salvoRollButton:checked + span.sheet-salvoRollButton
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/salvoDeactivate.png);
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        background-size: 24px 20px;
    }

    input.sheet-salvoRollButton:checked + span.sheet-salvoRollButton, input.sheet-salvoRollButton:checked
    {
        width: 24px;
        height: 20px;
        top: 172px;
        left: 900px;
    }

        input.sheet-salvoRollButton:checked ~ div.sheet-salvoRollTag
        {
            display: none;
        }

/* ************* */
/* Salvo Widget */
/***************/
.sheet-salvo
{
    position: absolute;
    z-index: 10;
    display: grid;
    left: 0;
    grid-template-columns: repeat(93, 10px) 70px;
    grid-template-rows: repeat(120, 10px) 1200px;
    background-color: transparent;
    background-size: 1000px 2400px;
    width: 950px;
    height: 2400px;
}
/*Blinds stop hade parts color-profile thead sheet*/
    .sheet-salvo .sheet-blinds
    {
        position: absolute;
        z-index: 11;
        display: grid;
        background: rgba(255,255,255,0.8) no-repeat fixed top;
    }
        .sheet-salvo .sheet-blinds.sheet-topBlind
        {
            grid-row: 1;
            grid-column: 1;
            width: 950px;
            height: 170px;
        }
        .sheet-salvo .sheet-blinds.sheet-pg2Blind
        {
            grid-row: -2;
            grid-column: 1;
            top: 6px;
            width: 950px;
            height: 1200px;
        }
        .sheet-salvo .sheet-blinds.sheet-rightSideBlind
        {
            grid-row: 17;
            grid-column: -24;
            width: 250px;
            height: 430px;
        }
        .sheet-salvo .sheet-blinds.sheet-skillsBlind
        {
            grid-row: 17;
            grid-column: 1;
            width: 710px;
            height: 430px;
        }
        .sheet-salvo .sheet-blinds.sheet-crewKitBlind
        {
            grid-row: 60;
            grid-column: 1;
            width: 950px;
            height: 620px;
        }
        /*Blinds functionality*/
.sheet-colorChanger[value="Choose a Specialty"] + .sheet-skillsBlind,
.sheet-colorChanger:not([value="Choose a Specialty"]) + .sheet-skillsBlind + .sheet-crewKitBlind
{
    display: none;
}

.sheet-salvoTitle
{
    grid-row: 1;
    grid-column: 42;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/terminal.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px 32px;
    padding-top: 2px;
    justify-self: center;
    text-align: center;
    vertical-align: central;
    font-size: 20px;
    color: white;
    font-variant: small-caps;
    font-weight: 600;
    width: 200px;
    height: 32px;
    z-index: 16;
}

.sheet-salvoSkillBox
{
    grid-row: 5;
    grid-column: 4;
}

.sheet-salvoSpecialtyBox
{
    grid-row: 5;
    grid-column: 62;
}

.sheet-salvoToolBox
{
    grid-row: 26;
    grid-column: 31;
}

.sheet-salvoChargeBox
{
    grid-row: 45;
    grid-column: 4;
}

.sheet-salvoAdvantageBox
{
    grid-row: 26;
    grid-column: 62;
}

.sheet-salvoThreatBox
{
    grid-row: 45;
    grid-column: 83;
}

input[type=number].sheet-salvoRating
{
    margin: 2px 30px 0px 30px;
    align-self: start;
    justify-self: center;
    height: 80px;
    width: 140px;
    font-size: 28px;
    color: black;
    font-weight: 500;
    border: none;
}

input[type=text].sheet-salvoAttr,
div.sheet-salvoAttr
{
    margin: 0px 35px 2px 25px;
    align-self: end;
    justify-self: center;
    height: 20px;
    width: 140px;
    font-size: 16px;
    color: black;
    font-weight: 500;
    text-align: center;
    border: none;
}

/*Change the colour of the Charge text*/
.sheet-salvoChargeBox .sheet-colorChanger[value="Uncharged"] ~ input,
.sheet-salvoChargeBox .sheet-colorChanger[value="Expended"] ~ input
{
    color: white;
}
.sheet-salvoChargeBox .sheet-colorChanger[value="Overcharged"] ~ input,
.sheet-salvoChargeBox .sheet-colorChanger[value="NF 2 Charge"] ~ input
{
    color: #a8611f;
}
.sheet-salvoChargeBox .sheet-colorChanger[value="Insufficient Charge"] ~ input
{
    color: #8a0a00;
}

input[type=number].sheet-salvoThreatRating
{
    margin: 2px 5px 0px 15px;
    align-self: start;
    justify-self: center;
    height: 60px;
    width: 90px;
    font-size: 28px;
    color: black;
    font-weight: 500;
    border: none;
}

div.sheet-salvoThreatAttr
{
    margin: 0px 10px 2px 10px;
    align-self: end;
    justify-self: center;
    height: 20px;
    width: 90px;
    font-size: 16px;
    color: black;
    font-weight: 500;
    text-align: center;
    border: none;
}

.sheet-inputBox
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Input_blue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px 110px;
    width: 200px;
    height: 110px;
    z-index: 16;
}
.sheet-colorChanger[value="Choose a Skill"] + .sheet-inputBox,
.sheet-colorChanger[value="Choose a Specialty"] + .sheet-inputBox,
.sheet-colorChanger[value="Choose a Tool"] + .sheet-inputBox
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Input_orange.png);
}

.sheet-processBox
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Process_blue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px 110px;
    width: 200px;
    height: 110px;
    z-index: 16;
}

.sheet-offPage
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/offPage_blue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110px 110px;
    width: 110px;
    height: 110px;
    z-index: 16;
}

/*Roll Button*/
.sheet-rollSalvoButton
{
    position: absolute;
    grid-row: 45;
    grid-column: 67;
}

button.sheet-rollSalvoButton
{
    margin-top: 5px;
    border: none;
    border-radius: 60%;
    padding: 0px;
    z-index: 19;
    opacity: 0;
    width: 80px;
    height: 85px;
}

    button.sheet-rollSalvoButton + span.sheet-rollSalvoButton
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/rollHex.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80px 92px;
        z-index: 17;
        width: 80px;
        height: 92px;
    }
        button.sheet-rollSalvoButton + span.sheet-rollSalvoButton + span.sheet-rollSalvoButton
        {
            z-index: 18;
            width: 40px;
            height: 20px;
            padding: 69px 0 0 31px;
            line-height: 20px;
            text-align: left;
            font-size: 20px;
            color: white;
            font-weight: 800;
            font-variant: small-caps;
        }

    button.sheet-rollSalvoButton:hover + span.sheet-rollSalvoButton
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/rollHexHover.png);
        font-weight: 600;
    }

/* Spend Charge and Close Salvo Mode Button*/
.sheet-spendChargeCloseSalvoMode
{
    position: absolute;
    grid-row: 55;
    grid-column: 62;
}

input.sheet-spendChargeCloseSalvoMode
{
    z-index: 19;
    opacity: 0;
    width: 200px;
    height: 32px;
}

span.sheet-spendChargeCloseSalvoMode
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/terminal_orange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px 32px;
    z-index: 18;
    width: 200px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    font-weight:600;
    color: black;
}


/* Salvo Mode Hiding Functionality */
div.sheet-salvo
{
    display: none;
}

input[type="checkbox"].sheet-salvoRollButton:checked ~ div.sheet-salvo
{
    display: grid;
}

/*Skill deselect button*/
.sheet-skillDeselect
{
    position: absolute;
    width: 12px;
    height: 10px;
    grid-row: 5;
    grid-column: 24;
}

input.sheet-skillDeselect
{
    opacity: 0;
    z-index: 19;
}

    input.sheet-skillDeselect:not(:checked) + span.sheet-skillDeselect
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/salvoDeactivate.png);
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        background-size: 12px 10px;
        z-index: 18;
    }

    input.sheet-skillDeselect:checked + span.sheet-skillDeselect,
    input.sheet-skillDeselect:checked,
    input.sheet-skillDeselect:not(:checked) ~ div.sheet-skillDirection,
    input.sheet-skillDeselect:not(:checked) ~ .sheet-skillSelector,
    input.sheet-skillDeselect:checked ~ .sheet-specialtyFlow,
    input.sheet-skillDeselect:checked ~ .sheet-salvoSpecialtyBox,
    input.sheet-skillDeselect:checked ~ .sheet-specialtySelector,
    input.sheet-skillDeselect:checked ~ .sheet-specialtyDeselect,
    input.sheet-skillDeselect:checked ~ .sheet-salvoToolBox,
    input.sheet-skillDeselect:checked ~ .sheet-salvoChargeBox,
    input.sheet-skillDeselect:checked ~ .sheet-chargeCrewKitDirection,
    input.sheet-skillDeselect:checked ~ .sheet-toolDeselect,
    input.sheet-skillDeselect:checked ~ .sheet-crewKitSelect,
    input.sheet-skillDeselect:checked ~ .sheet-crewKitMods
    {
        display: none;
    }

/*Skill Selectors*/
.sheet-skillSelector
{
    position: absolute;
    width: 162px;
    height: 13px;
}

input.sheet-skillSelector
{
    opacity: 0;
    border: none;
    z-index: 19;
    line-height: 13px;
}

span.sheet-skillSelector
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/skillSelector.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 162px 13px;
    opacity: 1;
    z-index: 18;
}

/*Specialty deselect button*/
.sheet-specialtyDeselect
{
    position: absolute;
    width: 12px;
    height: 10px;
    grid-area: 5/82/6/83;
}

input.sheet-specialtyDeselect
{
    opacity: 0;
    z-index: 19;
}

    input.sheet-specialtyDeselect:not(:checked) + span.sheet-specialtyDeselect
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/salvoDeactivate.png);
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        background-size: 12px 10px;
        z-index: 18;
    }

    input.sheet-specialtyDeselect:checked + span.sheet-specialtyDeselect,
    input.sheet-specialtyDeselect:checked,
    input.sheet-specialtyDeselect:not(:checked) ~ div.sheet-specialtyFlow,
    input.sheet-specialtyDeselect:not(:checked) ~ .sheet-specialtySelector,
    input.sheet-specialtyDeselect:checked ~ .sheet-salvoSpecialtyBox,
    input.sheet-specialtyDeselect:checked ~ .sheet-salvoToolBox,
    input.sheet-specialtyDeselect:checked ~ .sheet-salvoChargeBox,
    input.sheet-specialtyDeselect:checked ~ .sheet-chargeCrewKitDirection,
    input.sheet-specialtyDeselect:checked ~ .sheet-toolDeselect,
    input.sheet-specialtyDeselect:checked ~ .sheet-crewKitSelect,
    input.sheet-specialtyDeselect:checked ~ .sheet-crewKitMods,
    input.sheet-specialtyDeselect:checked ~ .sheet-toolCrewKitDirection
    {
        display: none;
    }

/* Specialty Hiding Functionality */
input.sheet-cultureSkill:not(:checked) ~ .sheet-cultureSpecialties,
input.sheet-economySkill:not(:checked) ~ .sheet-economySpecialties,
input.sheet-interfaceSkill:not(:checked) ~ .sheet-interfaceSpecialties,
input.sheet-politicSkill:not(:checked) ~ .sheet-politicSpecialties,
input.sheet-sophontologySkill:not(:checked) ~ .sheet-sophontologySpecialties,
input.sheet-athleticsSkill:not(:checked) ~ .sheet-athleticsSpecialties,
input.sheet-fitnessSkill:not(:checked) ~ .sheet-fitnessSpecialties,
input.sheet-geosciencesSkill:not(:checked) ~ .sheet-geosciencesSpecialties,
input.sheet-perceptionSkill:not(:checked) ~ .sheet-perceptionSpecialties,
input.sheet-pilotSkill:not(:checked) ~ .sheet-pilotSpecialties,
input.sheet-biosciencesSkill:not(:checked) ~ .sheet-biosciencesSpecialties,
input.sheet-fieldDynamicsSkill:not(:checked) ~ .sheet-fieldDynamicsSpecialties,
input.sheet-pulseProjectionSkill:not(:checked) ~ .sheet-pulseProjectionSpecialties,
input.sheet-inscriptionSkill:not(:checked) ~ .sheet-inscriptionSpecialties,
input.sheet-mechatronicsSkill:not(:checked) ~ .sheet-mechatronicsSpecialties
{
    display: none;
}

/*Specialty Selectors*/
.sheet-specialtySelector
{
    position: absolute;
    width: 204px;
    height: 13px;
}

input.sheet-specialtySelector
{
    opacity: 0;
    border: none;
    z-index: 19;
}

span.sheet-specialtySelector
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/specialtySelector.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 204px 13px;
    opacity: 1;
    z-index: 18;
}

/*Department Button Coloumns*/
input[type=radio].sheet-communicationsSelect,
span.sheet-communicationsSelect
{
    grid-column: 3;
    margin-left: 3px;
}
    input[type=radio].sheet-communicationsSelect.sheet-specialtySelector,
    span.sheet-communicationsSelect.sheet-specialtySelector
    {
        grid-column: 4;
        margin-left: 3px;
    }

input[type=radio].sheet-operationsSelect,
span.sheet-operationsSelect
{
    grid-column: 26;
    margin-left: 0px;
}
    input[type=radio].sheet-operationsSelect.sheet-specialtySelector,
    span.sheet-operationsSelect.sheet-specialtySelector
    {
        grid-column: 27;
        margin-left: 0px;
    }

input[type=radio].sheet-engineeringSelect,
span.sheet-engineeringSelect
{
    grid-column: 48;
    margin-left: 7px;
}
    input[type=radio].sheet-engineeringSelect.sheet-specialtySelector,
    span.sheet-engineeringSelect.sheet-specialtySelector
    {
        grid-column: 49;
        margin-left: 7px;
    }

/*Skill button Row Locations*/
input[type=radio].sheet-skill1Select,
span.sheet-skill1Select
{
    grid-row: 24;
    margin-top: 8px;
}

input[type=radio].sheet-skill2Select,
span.sheet-skill2Select
{
    grid-row: 31;
    margin-top: 5px;
}

input[type=radio].sheet-skill3Select,
span.sheet-skill3Select
{
    grid-row: 38;
    margin-top: 2px;
}

input[type=radio].sheet-skill4Select,
span.sheet-skill4Select
{
    grid-row: 44;
    margin-top: 9px;
}

input[type=radio].sheet-skill5Select,
span.sheet-skill5Select
{
    grid-row: 51;
    margin-top: 6px;
}

/*Specialty button Row Location*/
input[type=radio].sheet-specialty1Select,
span.sheet-specialty1Select
{
    grid-row: 26;
    margin-top: 7px;
}

input[type=radio].sheet-specialty2Select,
span.sheet-specialty2Select
{
    grid-row: 28;
    margin-top: 2px;
}

input[type=radio].sheet-specialty3Select,
span.sheet-specialty3Select
{
    grid-row: 29;
    margin-top: 6px;
}

input[type=radio].sheet-specialty4Select,
span.sheet-specialty4Select
{
    grid-row: 33;
    margin-top: 4px;
}

input[type=radio].sheet-specialty5Select,
span.sheet-specialty5Select
{
    grid-row: 34;
    margin-top: 8px;
}

input[type=radio].sheet-specialty6Select,
span.sheet-specialty6Select
{
    grid-row: 36;
    margin-top: 3px;
}

input[type=radio].sheet-specialty7Select,
span.sheet-specialty7Select
{
    grid-row: 40;
    margin-top: 2px;
}

input[type=radio].sheet-specialty8Select,
span.sheet-specialty8Select
{
    grid-row: 41;
    margin-top: 5px;
}

input[type=radio].sheet-specialty9Select,
span.sheet-specialty9Select
{
    grid-row: 43;
    margin-top: 0px;
}

input[type=radio].sheet-specialty10Select,
span.sheet-specialty10Select
{
    grid-row: 46;
    margin-top: 8px;
}

input[type=radio].sheet-specialty11Select,
span.sheet-specialty11Select
{
    grid-row: 48;
    margin-top: 2px;
}

input[type=radio].sheet-specialty12Select,
span.sheet-specialty12Select
{
    grid-row: 49;
    margin-top: 7px;
}

input[type=radio].sheet-specialty13Select,
span.sheet-specialty13Select
{
    grid-row: 53;
    margin-top: 6px;
}

input[type=radio].sheet-specialty14Select,
span.sheet-specialty14Select
{
    grid-row: 55;
    margin-top: 0px;
}

input[type=radio].sheet-specialty15Select,
span.sheet-specialty15Select
{
    grid-row: 56;
    margin-top: 4px;
}

/*Tool deselection buttons*/
.sheet-toolDeselect
{
    position: absolute;
    width: 12px;
    height: 10px;
    grid-row: 26;
    grid-column: 51;
}

input.sheet-toolDeselect
{
    opacity: 0;
    z-index: 19;
}

input.sheet-crewKitDeselect:not(:checked) + span.sheet-crewKitDeselect
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/salvoDeactivate.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    background-size: 12px 10px;
    z-index: 18;
}

input.sheet-crewKitDeselect:checked + span.sheet-crewKitDeselect,
input.sheet-crewKitDeselect:checked,
input.sheet-crewKitDeselect:not(:checked) ~ .sheet-toolCrewKitDirection,
input.sheet-crewKitDeselect:not(:checked) ~ .sheet-crewKitSelect
{
    display: none;
}

input.sheet-toolDeselect:checked ~ .sheet-salvoAdvantageBox,
input.sheet-toolDeselect:checked ~ .sheet-advantageDirection,
input.sheet-toolDeselect:checked ~ .sheet-rollSalvoButton,
input.sheet-toolDeselect:checked ~ .sheet-spendChargeCloseSalvoMode,
input.sheet-toolDeselect:checked ~ .sheet-salvoChargeBox,
input.sheet-toolDeselect:checked ~ .sheet-chargeCrewKitDirection,
input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox,
input.sheet-toolDeselect:checked ~ .sheet-threatDirection
{
    display: none;
}


/*Crew Kit Selectors*/
.sheet-crewKitSelect
{
    position: absolute;
    width: 170px;
    height: 15px;
}

input.sheet-crewKitSelect
{
    opacity: 0;
    border: none;
    z-index: 19;
    line-height: 15px;
    width: 170px;
    height: 15px;
}

span.sheet-crewKitSelect
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitToolSelector.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 13px 13px;
    opacity: 1;
    z-index: 18;
    justify-self: start;
}

span.sheet-otherToolBackground
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/otherTool.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 185px 315px;
    opacity: 1;
    z-index: 8;
    width: 185px;
    height: 315px;
    grid-row: 64;
    grid-column: 76;
    margin: 2px 0 0 3px;
}

span.sheet-otherToolTitle
{
    background-image: none;
    opacity: 1;
    z-index: 9;
    font-variant: small-caps;
    font-size: 14px;
    color: black;
    grid-row: 64;
    grid-column: 77;
    margin: 6px 0 0 5px;
}

span.sheet-otherToolDetails
{
    background-image: none;
    opacity: 1;
    z-index: 9;
    font-size: 10px;
    color: black;
    grid-row: 66;
    grid-column: 78;
    margin: 2px 0 0 0px;
}

/*Other Tool Selected*/
input.sheet-otherTool:checked ~ .sheet-salvoToolBox,
input.sheet-otherTool:checked ~ .sheet-salvoChargeBox,
input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode,
input.sheet-otherTool:checked ~ .sheet-chargeCrewKitDirection
{
    display: none;
}

input.sheet-otherTool:checked ~ .sheet-salvoAdvantageBox,
input.sheet-otherTool:checked ~ .sheet-advantageDirection,
input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode,
input.sheet-otherTool:checked ~ .sheet-rollSalvoButton,
input.sheet-otherTool:checked ~ .sheet-salvoThreatBox,
input.sheet-otherTool:checked ~ .sheet-threatDirection
{
    display: block;
}

/*Crew Kit Tool Locations*/
input[type=radio].sheet-crewKitTop,
span.sheet-crewKitTop
{
    grid-row: 64;
    margin-top: 7px;
}

input[type=radio].sheet-crewKitMiddle,
span.sheet-crewKitMiddle
{
    grid-row: 80;
    margin-top: 7px;
}

input[type=radio].sheet-crewKitBottom,
span.sheet-crewKitBottom
{
    grid-row: 96;
    margin-top: 7px;
}

input[type=radio].sheet-crewKit0,
span.sheet-crewKit0
{
    grid-column: 3;
    margin-left: 5px;
}

input[type=radio].sheet-crewKit1,
span.sheet-crewKit1
{
    grid-column: 21;
    margin-left: 4px;
}
input[type=radio].sheet-crewKit2,
span.sheet-crewKit2
{
    grid-column: 39;
    margin-left: 3px;
}

input[type=radio].sheet-crewKit3,
span.sheet-crewKit3
{
    grid-column: 57;
    margin-left: 4px;
}

input[type=radio].sheet-crewKit4,
span.sheet-crewKit4
{
    grid-column: 75;
    margin-left: 8px;
}

/*Crew Kit Tool Selected*/
input.sheet-crewKitScanner:not(:checked) ~ .sheet-crewKitScannerMods,
input.sheet-crewKitBioChemKit:not(:checked) ~ .sheet-crewKitBioChemKitMods,
input.sheet-crewKitAugmentation:not(:checked) ~ .sheet-crewKitAugmentationMods,
input.sheet-crewKitLink:not(:checked) ~ .sheet-crewKitLinkMods,
input.sheet-crewKitMultitool:not(:checked) ~ .sheet-crewKitMultitoolMods,
input.sheet-crewKitShield:not(:checked) ~ .sheet-crewKitShieldMods,
input.sheet-crewKitAssociations:not(:checked) ~ .sheet-crewKitAssociationMods
{
    display: none;
}

/*Crew Kit Mods Selectors*/
.sheet-crewKitMods
{
    position: absolute;
    width: 180px;
    height: 13px;
}

.sheet-crewKitAssociationMods
{
    width: 430px;
}

.sheet-crewKitAugmentationMods
{
    width: 190px;
}

input.sheet-crewKitMods
{
    opacity: 0;
    border: none;
    z-index: 19;
}

    input.sheet-crewKitMods + span.sheet-crewKitMods
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitMod.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 180px 13px;
        opacity: 1;
        z-index: 18;
    }

    input.sheet-crewKitMods:checked + span.sheet-crewKitMods
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitModChecked.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 180px 13px;
        opacity: 1;
        z-index: 18;
    }

    input.sheet-crewKitMods + span.sheet-crewKitAugmentationMods
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitAugmentationMod.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 190px 13px;
        opacity: 1;
        z-index: 18;
    }

    input.sheet-crewKitMods:checked + span.sheet-crewKitAugmentationMods
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitAugmentationModChecked.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 190px 13px;
        opacity: 1;
        z-index: 18;
    }

    input.sheet-crewKitMods + span.sheet-crewKitAssociationMods
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitAssociationMod.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 430px 13px;
        opacity: 1;
        z-index: 18;
    }

    input.sheet-crewKitMods:checked + span.sheet-crewKitAssociationMods
    {
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewKitAssociationModChecked.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 430px 13px;
        opacity: 1;
        z-index: 18;
    }


/*Crew Kit Mod Locations*/
/*Scanner*/
input[type=checkbox].sheet-crewKitScannerMods,
span.sheet-crewKitScannerMods
{
    grid-column: 21;
    margin-left: 2px;
}

input[type=checkbox].sheet-crewKitScannerSurveySensor,
span.sheet-crewKitScannerSurveySensor
{
    grid-row: 72;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitScannerDepthAnalyser,
span.sheet-crewKitScannerDepthAnalyser
{
    grid-row: 73;
    margin-top: 8px;
}

input[type=checkbox].sheet-crewKitScannerAreaEffect,
span.sheet-crewKitScannerAreaEffect
{
    grid-row: 75;
    margin-top: 3px;
}

input[type=checkbox].sheet-crewKitScannerRangeCompensator,
span.sheet-crewKitScannerRangeCompensator
{
    grid-row: 76;
    margin-top: 8px;
}

/*BioChemKit*/
input[type=checkbox].sheet-crewKitBioChemKitMods,
span.sheet-crewKitBioChemKitMods
{
    grid-column: 39;
    margin-left: 2px;
}

input[type=checkbox].sheet-crewKitBioChemKitMedtool,
span.sheet-crewKitBioChemKitMedtool
{
    grid-row: 72;
    margin-top: 3px;
}

input[type=checkbox].sheet-crewKitBioChemKitSampler,
span.sheet-crewKitBioChemKitSampler
{
    grid-row: 73;
    margin-top: 8px;
}

input[type=checkbox].sheet-crewKitBioChemKitIncubator,
span.sheet-crewKitBioChemKitIncubator
{
    grid-row: 75;
    margin-top: 4px;
}

/*Augmentation*/
input[type=checkbox].sheet-crewKitAugmentationMods,
span.sheet-crewKitAugmentationMods
{
    grid-column: 57;
    margin-left: 4px;
}

input[type=checkbox].sheet-crewKitAugmentation1,
span.sheet-crewKitAugmentation1
{
    grid-row: 72;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitAugmentation2,
span.sheet-crewKitAugmentation2
{
    grid-row: 74;
    margin-top: 6px;
}

input[type=checkbox].sheet-crewKitAugmentation3,
span.sheet-crewKitAugmentation3
{
    grid-row: 77;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitAugmentation4,
span.sheet-crewKitAugmentation4
{
    grid-row: 79;
    margin-top: 6px;
}

input[type=checkbox].sheet-crewKitAugmentation5,
span.sheet-crewKitAugmentation5
{
    grid-row: 81;
    margin-top: 8px;
}

/*Link*/
input[type=checkbox].sheet-crewKitLinkMods,
span.sheet-crewKitLinkMods
{
    grid-column: 3;
    margin-left: 4px;
}

input[type=checkbox].sheet-crewKitLinkCommBrowser,
span.sheet-crewKitLinkCommBrowser
{
    grid-row: 88;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitLinkDevelopmentKit,
span.sheet-crewKitLinkDevelopmentKit
{
    grid-row: 89;
    margin-top: 6px;
}

input[type=checkbox].sheet-crewKitFireWall,
span.sheet-crewKitFireWall
{
    grid-row: 92;
    margin-top: 7px;
}

/*Multitool*/
input[type=checkbox].sheet-crewKitMultitoolMods,
span.sheet-crewKitMultitoolMods
{
    grid-column: 21;
    margin-left: 2px;
}

input[type=checkbox].sheet-crewKitMultitoolDisrupterTargeter,
span.sheet-crewKitMultitoolDisrupterTargeter
{
    grid-row: 88;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitMultitoolTractorLifter,
span.sheet-crewKitMultitoolTractorLifter
{
    grid-row: 91;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitMultitoolUtilityManipulator,
span.sheet-crewKitMultitoolUtilityManipulator
{
    grid-row: 92;
    margin-top: 7px;
}

/*Shield*/
input[type=checkbox].sheet-crewKitShieldMods,
span.sheet-crewKitShieldMods
{
    grid-column: 39;
    margin-left: 2px;
}

input[type=checkbox].sheet-crewKitShieldKineticDeflector,
span.sheet-crewKitShieldKineticDeflector
{
    grid-row: 88;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitShieldEnergyDissipater,
span.sheet-crewKitShieldEnergyDissipater
{
    grid-row: 89;
    margin-top: 7px;
}

input[type=checkbox].sheet-crewKitShieldHoloprojector,
span.sheet-crewKitShieldHoloprojector
{
    grid-row: 91;
    margin-top: 1px;
}

input[type=checkbox].sheet-crewKitShieldMultifield,
span.sheet-crewKitShieldMultifield
{
    grid-row: 92;
    margin-top: 7px;
}

/*Associations*/
input[type=checkbox].sheet-crewKitAssociationCol1,
span.sheet-crewKitAssociationCol1
{
    grid-column: 3;
    margin-left: 8px;
}

input[type=checkbox].sheet-crewKitAssociationCol2,
span.sheet-crewKitAssociationCol2
{
    grid-column: 48;
    margin-left: 2px;
}

input[type=checkbox].sheet-crewKitAssociation1,
span.sheet-crewKitAssociation1,
input[type=checkbox].sheet-crewKitAssociation11,
span.sheet-crewKitAssociation11
{
    grid-row: 102;
    margin-top: 6px;
}

input[type=checkbox].sheet-crewKitAssociation2,
span.sheet-crewKitAssociation2,
input[type=checkbox].sheet-crewKitAssociation12,
span.sheet-crewKitAssociation12
{
    grid-row: 104;
    margin-top: 3px;
}

input[type=checkbox].sheet-crewKitAssociation3,
span.sheet-crewKitAssociation3,
input[type=checkbox].sheet-crewKitAssociation13,
span.sheet-crewKitAssociation13
{
    grid-row: 106;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitAssociation4,
span.sheet-crewKitAssociation4,
input[type=checkbox].sheet-crewKitAssociation14,
span.sheet-crewKitAssociation14
{
    grid-row: 107;
    margin-top: 9px;
}

input[type=checkbox].sheet-crewKitAssociation5,
span.sheet-crewKitAssociation5,
input[type=checkbox].sheet-crewKitAssociation15,
span.sheet-crewKitAssociation15
{
    grid-row: 109;
    margin-top: 7px;
}

input[type=checkbox].sheet-crewKitAssociation6,
span.sheet-crewKitAssociation6,
input[type=checkbox].sheet-crewKitAssociation16,
span.sheet-crewKitAssociation16
{
    grid-row: 111;
    margin-top: 6px;
}

input[type=checkbox].sheet-crewKitAssociation7,
span.sheet-crewKitAssociation7,
input[type=checkbox].sheet-crewKitAssociation17,
span.sheet-crewKitAssociation17
{
    grid-row: 113;
    margin-top: 4px;
}

input[type=checkbox].sheet-crewKitAssociation8,
span.sheet-crewKitAssociation8,
input[type=checkbox].sheet-crewKitAssociation18,
span.sheet-crewKitAssociation18
{
    grid-row: 115;
    margin-top: 2px;
}

input[type=checkbox].sheet-crewKitAssociation9,
span.sheet-crewKitAssociation9,
input[type=checkbox].sheet-crewKitAssociation19,
span.sheet-crewKitAssociation19
{
    grid-row: 117;
}

input[type=checkbox].sheet-crewKitAssociation10,
span.sheet-crewKitAssociation10,
input[type=checkbox].sheet-crewKitAssociation20,
span.sheet-crewKitAssociation20
{
    grid-row: 119;
    margin-top: 0;
}

/*Flow Lines*/
.sheet-flowLine
{
    position: absolute;
    z-index: 12;
}

.sheet-skillDirection
{
    display: block;
    grid-area: 2/8/19/66;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/skillFlow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 580px 170px;
    opacity: 1;
    width: 580px;
    height: 170px;
}

.sheet-specialtyDirection
{
    display: block;
    grid-row: 10;
    grid-column:21;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/specialtyFlow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 470px 11px;
    opacity: 1;
    width: 470px;
    height: 11px;
}

.sheet-communicationsSpecialtyFlow1
{
    display: block;
    grid-area: 10/25/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/communicationsSpecialtyFlow1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 520px 200px;
    opacity: 1;
    width: 520px;
    height: 200px;
}

.sheet-communicationsSpecialtyFlow2
{
    display: block;
    grid-area: 10/25/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/communicationsSpecialtyFlow2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 520px 270px;
    opacity: 1;
    width: 520px;
    height: 270px;
}

.sheet-communicationsSpecialtyFlow3
{
    display: block;
    grid-area: 10/25/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/communicationsSpecialtyFlow3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 520px 340px;
    opacity: 1;
    width: 520px;
    height: 340px;
}

.sheet-communicationsSpecialtyFlow4
{
    display: block;
    grid-area: 10/25/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/communicationsSpecialtyFlow4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 520px 410px;
    opacity: 1;
    width: 520px;
    height: 410px;
}

.sheet-communicationsSpecialtyFlow5
{
    display: block;
    grid-area: 10/25/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/communicationsSpecialtyFlow5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 520px 480px;
    opacity: 1;
    width: 520px;
    height: 480px;
}

.sheet-operationsSpecialtyFlow1
{
    display: block;
    grid-area: 10/48/30/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/operationsSpecialtyFlow1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 200px;
    opacity: 1;
    width: 300px;
    height: 200px;
}

.sheet-operationsSpecialtyFlow2
{
    display: block;
    grid-area: 10/48/37/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/operationsSpecialtyFlow2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 270px;
    opacity: 1;
    width: 300px;
    height: 270px;
}

.sheet-operationsSpecialtyFlow3
{
    display: block;
    grid-area: 10/48/44/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/operationsSpecialtyFlow3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 340px;
    opacity: 1;
    width: 300px;
    height: 340px;
}

.sheet-operationsSpecialtyFlow4
{
    display: block;
    grid-area: 10/48/51/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/operationsSpecialtyFlow4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 410px;
    opacity: 1;
    width: 300px;
    height: 410px;
}

.sheet-operationsSpecialtyFlow5
{
    display: block;
    grid-area: 10/48/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/operationsSpecialtyFlow5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px 480px;
    opacity: 1;
    width: 300px;
    height: 480px;
}

.sheet-engineeringSpecialtyFlow1
{
    display: block;
    grid-area: 10/71/30/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/engineeringSpecialtyFlow1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px 200px;
    opacity: 1;
    width: 75px;
    height: 200px;
}

.sheet-engineeringSpecialtyFlow2
{
    display: block;
    grid-area: 10/71/37/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/engineeringSpecialtyFlow2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px 270px;
    opacity: 1;
    width: 75px;
    height: 270px;
}

.sheet-engineeringSpecialtyFlow3
{
    display: block;
    grid-area: 10/71/44/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/engineeringSpecialtyFlow3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px 340px;
    opacity: 1;
    width: 75px;
    height: 340px;
}

.sheet-engineeringSpecialtyFlow4
{
    display: block;
    grid-area: 10/71/51/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/engineeringSpecialtyFlow4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px 410px;
    opacity: 1;
    width: 75px;
    height: 410px;
}

.sheet-engineeringSpecialtyFlow5
{
    display: block;
    grid-area: 10/71/58/78;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/engineeringSpecialtyFlow5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px 480px;
    opacity: 1;
    width: 75px;
    height: 480px;
}

.sheet-toolCrewKitDirection
{
    display: block;
    grid-row: 10;
    grid-column: 40;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/toolCrewKitDirection.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 270px 510px;
    opacity: 1;
    width: 270px;
    height: 510px;
}

.sheet-chargeCrewKitDirection
{
    display: block;
    grid-row: 55;
    grid-column: 13;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/chargeFlow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 90px;
    opacity: 1;
    width: 13px;
    height: 90px;
    margin-top: 6px;
}

.sheet-advantageDirection
{
    display: block;
    grid-row: 36;
    grid-column: 70;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/advantageFlow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 90px;
    opacity: 1;
    width: 13px;
    height: 90px;
    margin-left: 5px;
}

.sheet-threatDirection
{
    display: block;
    grid-row: 49;
    grid-column: 75;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/threatFlow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px 13px;
    opacity: 1;
    width: 80px;
    height: 13px;
}

/* ******************************* */
/*			Aspects		           */
/* ******************************* */
.sheet-crewTop
{
    grid-area: crewTop;
    width: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 28px 1fr;
    grid-gap: 0px;
    height: 165px;
    grid-template-areas: "ID ID" "crewAspect crewSpecies";
}

.sheet-crewID
{
    width: 900px;
    grid-area: ID;
    display: grid;
    grid-template-columns: 1fr 6fr 1fr 6fr;
    grid-template-rows: auto;
    grid-gap: 0px;
    height: 24px;
    z-index: 0;
    align-self: center;
}

.sheet-alias
{
    text-align: start;
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 18px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-aliasName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-player
{
    text-align: start;
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 18px;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-playerName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    width: 100%;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-crewAspects
{
    width: 440px;
    padding: 5px;
    display: grid;
    grid-area: crewAspect;
    grid-template-columns: 160px 1fr;
    grid-template-rows: repeat(6,18px);
    grid-gap: 0px;
    height: 108px;
    z-index: 0;
    align-self: center;
    justify-self: start;
}

.sheet-departmentA
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-stationA
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-departmentB
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-stationB
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-aspectText
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 14px;
}

.sheet-aspectTextbox
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
}

.sheet-species
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/species.png);
    background-size: 450px 128.1px;
    background-repeat: no-repeat;
    width: 440px;
    padding: 5px;
    display: grid;
    grid-area: crewSpecies;
    grid-template-columns: repeat(2, 85px 1fr);
    grid-template-rows: 20px repeat(5,minmax(15px,18px));
    grid-gap: 0px;
    height: 126px;
    z-index: 0;
    align-self: center;
    justify-self: start;
}

.sheet-speciesTitle
{
    text-align: start;
    flex-flow: nowrap;
    font-variant: small-caps;
    font-weight: 500;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: 4px;
}

.sheet-speciesName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-shipAspects
{
    grid-area: aspects;
    width: 900px;
    display: grid;
    grid-template-columns: repeat(2,90px 30px 1fr);
    grid-template-rows: 18px 15px 15px;
    grid-column-gap: 4px;
    height: 50px;
    z-index: 0;
}

.sheet-designation
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-designationPrefix
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-designationName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    width: 100%;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-patron
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-patronName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-flag
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-flagType
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-captain
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-captainName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-tactics
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-tacticList
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    width: 100%;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
}
/* ******************************* */
/*			Skills				   */
/* ******************************* */
.sheet-skillRow
{
    grid-area: skills;
    width: 900px;
    display: grid;
    grid-template-columns: repeat(3,1fr) 220px;
    grid-template-rows: 32px 1fr 160px 78px;
    grid-gap: 4px;
    height: 410px;
    grid-template-areas: "Title Title Title Conditions" "Skills1 Skills2 Skills3 Conditions" "Skills1 Skills2 Skills3 Pathogens" "Skills1 Skills2 Skills3 Upkeep";
    justify-content: space-evenly;
}

.sheet-skillHeader
{
    grid-area: Title;
}

.sheet-skills
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/skills.png);
    background-size: 220px 370px;
    background-repeat: no-repeat;
    width: 220px;
    display: grid;
    grid-template-columns: 8px 8px 1fr 40px 64px;
    grid-template-rows: 22px repeat(5, 25px minmax(12px, 14px) minmax(12px, 14px) minmax(12px, 14px)) 1fr;
    grid-gap: 0px;
    height: 370px;
    z-index: 0;
    align-self: center;
    justify-self: start;
}

.sheet-skills1
{
    grid-area: Skills1;
}

.sheet-skills2
{
    grid-area: Skills2;
}

.sheet-skills3
{
    grid-area: Skills3;
}

.sheet-department
{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align: start;
    flex-flow: nowrap;
    font-size: 14px;
    font-variant: small-caps;
    padding-top: 5px;
    padding-left: 5px;
}

.sheet-skill
{
    grid-column-start: 2;
    grid-column-end: 4;
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    padding-top: 4px;
}

.sheet-specialty
{
    grid-column-start: 3;
    grid-column-end: 5;
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    vertical-align: middle;
}

.sheet-skilldice
{
    grid-column-start: 4;
    grid-column-end: 5;
    text-align: start;
    flex-flow: nowrap;
    padding-top: 4px;
}

.sheet-specialtydice
{
    grid-column-start: 5;
    grid-column-end: 6;
    text-align: start;
    flex-flow: nowrap;
}

.sheet-skillRollButton
{
    grid-column-start: 5;
    grid-column-end: 6;
    text-align: end;
    flex-flow: nowrap;
    margin-right: 2px;
    padding-top: 2px;
}

.sheet-crewConditionsWidget
{
    grid-area: Conditions;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/conditionPathogen.png);
    background-size: 220px 156.3px;
    background-repeat: no-repeat;
    width: 220px;
    display: grid;
    grid-template-columns: 13px 1fr 1fr 25px 10px;
    grid-template-rows: 22px repeat(5, 25px ) 1fr;
    grid-column-gap: 4px;
    height: 156px;
    z-index: 0;
    align-self: start;
    justify-self: start;
    align-items: center;
    padding-left: 2px;
}

.sheet-conditionsTitle
{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align: start;
    flex-flow: nowrap;
    font-size: 14px;
    font-variant: small-caps;
    padding-top: 5px;
    padding-left: 5px;
}

.sheet-crewPatchTitle
{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 7;
    text-align: start;
    flex-flow: nowrap;
    font-size: 13px;
    padding-top: 0px;
    padding-left: 5px;
}

.sheet-conditionCheckbox
{
    grid-column-start: 1;
    grid-column-end: 2;
}

.sheet-conditionType
{
    grid-column-start: 2;
    grid-column-end: 4;
}

.sheet-conditionLineAugment
{
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-conditionLineResilience
{
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-conditionLineIntegrity
{
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-conditionLineVitality
{
    grid-row-start: 5;
    grid-row-end: 6;
}
/* Subgrid for Crew Conditions */
.sheet-crewConditions
{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 6;
    display: grid;
    grid-template-columns: 25px;
    grid-template-rows: repeat(4,25px);
    grid-template-areas: "resilience2" "resilience1" "integrity" "vitality";
    position: relative;
    justify-self: end;
}

    .sheet-crewConditions > input
    {
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
    }

    .sheet-crewConditions > .sheet-resilience-slot-2
    {
        grid-area: resilience2;
    }

    .sheet-crewConditions > .sheet-resilience-slot-1
    {
        grid-area: resilience1;
    }

    .sheet-crewConditions > .sheet-integrity
    {
        grid-area: integrity;
    }

    .sheet-crewConditions > .sheet-vital
    {
        grid-area: vitality;
    }
/* Subgrid for Crew Patches */
.sheet-crewPatches
{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewPatchBand.png);
    background-size: 100% 75%;
    background-repeat: no-repeat;
    background-position: center;
    width: 75px;
    height: 18px;
    display: grid;
    grid-template-columns: 10px repeat(3,18px) 10px;
    grid-template-rows: 18px;
    grid-template-areas: ". patch1 patch2 patch3 .";
    position: relative;
    justify-self: end;
    align-items: center;
}

    .sheet-crewPatches > input
    {
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
    }

    .sheet-crewPatches > .sheet-patch1
    {
        grid-area: patch1;
    }

    .sheet-crewPatches > .sheet-patch2
    {
        grid-area: patch2;
    }

    .sheet-crewPatches > .sheet-patch3
    {
        grid-area: patch3;
    }

.sheet-pathogen
{
    grid-area: Pathogens;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/conditionPathogen.png);
    background-size: 220px 156.3px;
    background-repeat: no-repeat;
    width: 220px;
    display: grid;
    grid-template-columns: 75px 1fr;
    grid-template-rows: 25px 1fr 5px;
    grid-gap: 0px;
    height: 156px;
    z-index: 0;
    align-self: start;
    justify-self: start;
}

.sheet-pathogenName
{
    padding-top: 4px;
    padding-right: 10px;
}

.sheet-pathogenBox
{
    padding-left: 6px;
    padding-bottom: 2px;
    grid-column-start: 1;
    grid-column-end: 3;
}

.sheet-upkeep
{
    grid-area: Upkeep;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/upkeep.png);
    background-size: 220px 77px;
    background-repeat: no-repeat;
    width: 220px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 22px 1fr;
    grid-gap: 0px;
    height: 77px;
    z-index: 0;
    align-self: start;
    justify-self: start;
}

.sheet-upkeepPathogenTitle
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 14px;
    font-variant: small-caps;
    padding-top: 5px;
    padding-left: 5px;
}

.sheet-upkeepBoxPlacement
{
    padding-left: 6px;
    padding-bottom: 2px;
}

input[type="number"].sheet-upkeepBox
{
    height: 50px;
    width: 210px;
    font-size: 18px;
    border: none;
}
/* ***************************** */
/*			Crew Kit			*/
/* *************************** */
.sheet-crewKitWidget
{
    grid-area: crewKit;
    width: 900px;
    display: grid;
    grid-template-columns: 540px 178px 178px;
    grid-template-rows: 32px 155px 155px 1fr;
    grid-gap: 4px;
    height: 620px;
    grid-template-areas: "Title Title Title" "Tools1 Augments EVASuit" "Tools2 Augments EVASuit" "Associations Associations Associations";
    justify-content: space-evenly;
}

.sheet-crewKitTitle
{
    grid-area: Title;
}

.sheet-Tools1
{
    grid-area: Tools1;
}

.sheet-Tools2
{
    grid-area: Tools2;
}

.sheet-EVASuit
{
    grid-area: EVASuit;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/EVAsuit.png);
    background-size: 180px 314px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 15px 60px 1fr 20px 12px;
    grid-template-rows: 24px 20px 20px 16px 14px 20px 12px 12px 20px 20px 18px 14px 8px 20px 20px 20px 15px 1fr;
    grid-column-gap: 2px;
    height: 312px;
    width: 178px;
    padding-top: 4px;
    padding-left: 4px;
    z-index: 0;
}

.sheet-EVATitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: 4px;
}

.sheet-EVAArmourTitle
{
    font-variant: small-caps;
    font-size: 13px;
    grid-column-start: 1;
    grid-column-end: 5;
}

.sheet-gelFunction
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 8;
    grid-row-end: 9;
}

.sheet-EVACheckbox
{
    grid-column-start: 1;
    grid-column-end: 2;
}

.sheet-EVAarmourType
{
    grid-column-start: 2;
    grid-column-end: 4;
}

.sheet-EVAArmour
{
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-shipSuitTitle
{
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-gelTitle
{
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-outerTitle
{
    grid-row-start: 14;
    grid-row-end: 15;
}

.sheet-shipSuit
{
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-gelFunction
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 8;
    font-size: 9px;
}

.sheet-gelDetail
{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 8;
    font-size: 9px;
}

.sheet-gelDetail2
{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 9;
    font-size: 9px;
}

.sheet-gelBase
{
    grid-row-start: 9;
    grid-row-end: 10;
}

.sheet-gelUpgrade
{
    grid-row-start: 10;
    grid-row-end: 10;
}

.sheet-gelSubTitle
{
    grid-row-start: 12;
    grid-row-end: 13;
}

.sheet-outerBase
{
    grid-row-start: 15;
    grid-row-end: 16;
}

.sheet-outerUpgrade
{
    grid-row-start: 16;
    grid-row-end: 17;
}

.sheet-outerSubTitle
{
    grid-row-start: 18;
    grid-row-end: 19;
}

.sheet-armourSubTitle
{
    grid-column-start: 1;
    grid-column-end: 5;
    text-align: center;
    font-size: 9px;
    font-style: italic;
}

.sheet-Augments
{
    grid-area: Augments;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/augmentation.png);
    background-size: 180px 314px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 1fr 25px 6px;
    grid-template-rows: 18px 15px 15px repeat(11,1fr);
    grid-gap: 0px;
    height: 314px;
    width: 178px;
    padding-top: 4px;
    padding-left: 4px;
    z-index: 0;
}

.sheet-augmentationTitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 4;
    margin-left: 4px;
}

.sheet-augmentationDetail1
{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    font-size: 9px;
    padding-left: 7px;
}

.sheet-augmentationDetail2
{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    font-size: 9px;
    padding-left: 7px;
}

.sheet-augmentsTitle
{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    font-variant: small-caps;
    font-size: 13px;
}

.sheet-augmentName
{
    grid-column-start: 1;
    grid-column-end: 3;
}

.sheet-augmentPips
{
    grid-column-start: 3;
    grid-column-end: 4;
    justify-self: end;
}

.sheet-augment1
{
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-augment2
{
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-augment3
{
    grid-row-start: 7;
    grid-row-end: 8;
}

.sheet-augment4
{
    grid-row-start: 8;
    grid-row-end: 9;
}

.sheet-augment5
{
    grid-row-start: 9;
    grid-row-end: 10;
}

.sheet-augment6
{
    grid-row-start: 10;
    grid-row-end: 11;
}

.sheet-augment7
{
    grid-row-start: 11;
    grid-row-end: 12;
}

.sheet-augment8
{
    grid-row-start: 12;
    grid-row-end: 13;
}

.sheet-augment9
{
    grid-row-start: 13;
    grid-row-end: 14;
}

.sheet-Associations
{
    grid-area: Associations;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/associations.png);
    background-size: 900px 255px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 10px repeat(2, 269px 94px 1fr);
    grid-template-rows: 20px 16px 20px repeat(11,18px) 1fr;
    grid-gap: 0px;
    height: 250px;
    width: 895px;
    padding-top: 4px;
    padding-left: 6px;
    z-index: 0;
}

.sheet-associationsTitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-left: 4px;
}

.sheet-associationsDetail
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    font-size: 9px;
}

.sheet-associationListItems
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 12px;
    font-weight: 500;
    line-height: 2em;
}

.sheet-associationSubtitleA
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    font-variant: small-caps;
    font-size: 13px;
}

.sheet-associationTypeTitleA
{
    font-variant: small-caps;
    font-size: 11px;
    vertical-align: bottom;
    text-align: center;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-associationRatingTitleA
{
    font-variant: small-caps;
    font-size: 11px;
    vertical-align: bottom;
    text-align: center;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-associationSubtitleB
{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    font-variant: small-caps;
    font-size: 13px;
}

.sheet-associationTypeTitleB
{
    font-variant: small-caps;
    font-size: 11px;
    vertical-align: bottom;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-associationRatingTitleB
{
    font-variant: small-caps;
    font-size: 11px;
    vertical-align: bottom;
    grid-column-start: 7;
    grid-column-end: 8;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-associationRatingA
{
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-associationRatingB
{
    grid-column-start: 7;
    grid-column-end: 8;
}

.sheet-associationTypeA
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.sheet-associationTypeB
{
    grid-column-start: 6;
    grid-column-end: 7;
}

.sheet-associationA
{
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-associationB
{
    grid-column-start: 5;
    grid-column-end: 6;
}

.sheet-association1
{
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-association2
{
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-association3
{
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-association4
{
    grid-row-start: 7;
    grid-row-end: 8;
}

.sheet-association5
{
    grid-row-start: 8;
    grid-row-end: 9;
}

.sheet-association6
{
    grid-row-start: 9;
    grid-row-end: 10;
}

.sheet-association7
{
    grid-row-start: 10;
    grid-row-end: 11;
}

.sheet-association8
{
    grid-row-start: 11;
    grid-row-end: 12;
}

.sheet-association9
{
    grid-row-start: 12;
    grid-row-end: 13;
}

.sheet-association0
{
    grid-row-start: 13;
    grid-row-end: 14;
}

.sheet-descriptionWidget
{
    grid-area: description;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/description.png);
    background-size: 900px 100.5px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: repeat(2, 90px 1fr) 10px;
    grid-template-rows: 20px repeat(3,15px) 1fr;
    grid-gap: 4px;
    height: 105px;
    width: 900px;
    padding-top: 4px;
    padding-left: 6px;
    z-index: 0;
}

.sheet-descriptionTitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-left: 2px;
}

.sheet-descriptionColumnA
{
    grid-column-start: 1;
    grid-column-end: 2;
}

.sheet-descriptionColumnB
{
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-descriptionColumnC
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.sheet-descriptionColumnD
{
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-descriptionList1
{
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-descriptionList2
{
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-descriptionList3
{
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-languageWidget
{
    grid-area: language;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/language.png);
    background-size: 900px 212px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: repeat(4, 15px 1fr) 15px;
    grid-template-rows: 20px 18px repeat(10,15px) 1fr;
    grid-gap: 0px;
    height: 210px;
    width: 900px;
    padding-top: 4px;
    padding-left: 6px;
    z-index: 0;
}

.sheet-languageTitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-left: 2px;
}

.sheet-languageCheckboxA
{
    grid-column-start: 1;
    grid-column-end: 2;
}

.sheet-languageA
{
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-languageCheckboxB
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.sheet-languageB
{
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-languageCheckboxC
{
    grid-column-start: 5;
    grid-column-end: 6;
}

.sheet-languageC
{
    grid-column-start: 6;
    grid-column-end: 7;
}

.sheet-languageCheckboxD
{
    grid-column-start: 7;
    grid-column-end: 8;
}

.sheet-languageD
{
    grid-column-start: 8;
    grid-column-end: 9;
}

.sheet-languagePrevelent
{
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-contactNoteRow
{
    grid-area: contactNotes;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    width: 900px;
    height: 390px;
    grid-template-areas: "contact notes";
}

.sheet-contactWidget
{
    grid-area: contact;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/contactNotes.png);
    background-size: 440px 390px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 20px repeat(23,15px) 1fr;
    grid-gap: 0px;
    height: 390px;
    width: 435px;
    padding: 4px;
    z-index: 0;
}

.sheet-contactTitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-left: 2px;
}

.sheet-factionTitle
{
    font-variant: small-caps;
    font-size: 14px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-left: 2px;
}

.sheet-crewNoteWidget
{
    grid-area: notes;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/contactNotes.png);
    background-size: 440px 390px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 10px;
    grid-template-rows: 20px 1fr;
    grid-gap: 0px;
    height: 390px;
    width: 435px;
    padding: 4px;
    z-index: 0;
}

.sheet-crewNoteBox
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-retirementWidget
{
    grid-area: retirement;
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 32px 1fr 1fr 1fr;
    grid-template-areas: "Title Title" "reserve plan" "debt plan" "shares plan";
    grid-row-gap: 4px;
    height: 440px;
    width: 900px;
    padding-top: 4px;
    padding-left: 6px;
    z-index: 0;
}

.sheet-retirementTitle
{
    grid-area: Title;
}

.sheet-retirementPlan
{
    grid-area: plan;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Retirement.png);
    background-size: 700px 390px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 4fr 1fr 2fr 15px;
    grid-template-rows: 24px 1fr;
    grid-gap: 0px;
    height: 385px;
    width: 695px;
    padding-top: 4px;
    padding-left: 6px;
    z-index: 0;
}

.sheet-retirementPlanSummary
{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    margin-left: 4px;
}

.sheet-retirementFactionTitle
{
    align-self: end;
    justify-self: end;
    padding-right: 4px;
}

.sheet-retirementFactionName
{
    align-self: end;
}

.sheet-retirementResources
{
    background-size: 169.5px 120px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 18px 1fr 18px;
    grid-template-rows: 22px 1fr 18px;
    grid-gap: 0px;
    height: 120px;
    width: 169.5px;
    z-index: 0;
}

.sheet-retirementResourceTitle
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    font-variant: small-caps;
    padding-top: 4px;
}

.sheet-retirementReserve
{
    grid-area: reserve;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resources.png);
}

.sheet-retirementDebt
{
    grid-area: debt;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/debt.png);
}

.sheet-retirementShares
{
    grid-area: shares;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/shares.png);
}

.sheet-retirementResourceBox
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

input[type="number"].sheet-retirementBox
{
    height: 100%;
    width: 100%;
    font-size: 18px;
    border: none;
}
/* ******************************* */
/*           Graphics              */
/* ******************************* */
/* Hide Checkboxes and Radio boxes */
input[type="checkbox"].sheet-hideCheckbox, input[type="radio"].sheet-hideCheckbox
{
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
/* Subgrid for Tug Conditions */
.sheet-launch-bay-tug-conditions
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 3;
    grid-row-end: 11;
    display: grid;
    grid-template-columns: 25px;
    grid-template-rows: repeat(4,25px);
    grid-template-areas: "resilience2" "resilience1" "integrity" "vitality";
    position: relative;
    justify-self: end;
    margin-top: 10px;
}

    .sheet-launch-bay-tug-conditions > input
    {
        width: 100%;
        height: 100%;
        z-index: 3;
        position: absolute;
    }

    .sheet-launch-bay-tug-conditions > .sheet-resilience-slot-2
    {
        grid-area: resilience2;
    }

    .sheet-launch-bay-tug-conditions > .sheet-resilience-slot-1
    {
        grid-area: resilience1;
    }

    .sheet-launch-bay-tug-conditions > .sheet-integrity
    {
        grid-area: integrity;
    }

    .sheet-launch-bay-tug-conditions > .sheet-vital
    {
        grid-area: vitality;
    }
/* Subgrid for Trailer Conditions */
.sheet-launch-bay-trailer-conditions
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 14;
    grid-row-end: 20;
    display: grid;
    grid-template-columns: 25px;
    grid-template-rows: repeat(3,25px);
    grid-template-areas: "resilience" "integrity" "vitality";
    position: relative;
    justify-self: end;
    margin-top: 4px;
}

    .sheet-launch-bay-trailer-conditions > input
    {
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
    }

    .sheet-launch-bay-trailer-conditions > .sheet-resilience-slot
    {
        grid-area: resilience;
    }

    .sheet-launch-bay-trailer-conditions > .sheet-integrity
    {
        grid-area: integrity;
    }

    .sheet-launch-bay-trailer-conditions > .sheet-vital
    {
        grid-area: vitality;
    }
/* Inline Checkbox Location */
input[type="checkbox"].sheet-inlineCheckbox, input[type="radio"].sheet-inlineCheckbox
{
    width: 13px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

input[type="checkbox"].sheet-inlineCheckboxSmall, input[type="radio"].sheet-inlineCheckboxSmall
{
    width: 8px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

input[type="checkbox"].sheet-inlineCheckboxMedium, input[type="radio"].sheet-inlineCheckboxMedium
{
    width: 15px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

input[type="radio"].sheet-inlineCapacityCheckbox
{
    width: 10px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

input[type="radio"].sheet-inlinePipCheckbox
{
    width: 10px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

input[type="radio"].sheet-inlineCapacityCheckboxSmall
{
    width: 8px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

input[type="checkbox"].sheet-inlineCheckboxLarge, input[type="radio"].sheet-inlineCheckboxLarge
{
    width: 25px;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
/* Inline Image Location */
span.sheet-inlineArmour
{
    display: inline-block;
    background-size: 14px 14px;
    height: 15px;
    width: 15px;
    margin-left: -15px;
}

span.sheet-inlineArmourSelectors
{
    display: inline-block;
    background-size: 8px 8px;
    height: 8px;
    width: 8px;
    margin-left: -8px;
}

span.sheet-inlineCapacityPips
{
    display: inline-block;
    background-size: 10px 15px;
    height: 15px;
    width: 10px;
    margin-left: -10px;
    vertical-align: middle;
}

span.sheet-inlineOvercharge
{
    display: inline-block;
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
    margin-left: -40px;
}

span.sheet-inlineCapacityPipsSmall
{
    display: inline-block;
    background-size: 8px 12px;
    height: 12px;
    width: 8px;
    margin-left: -8px;
    vertical-align: middle;
}

span.sheet-inlinePips
{
    display: inline-block;
    background-size: 10px 10px;
    height: 12px;
    width: 10px;
    margin-left: -10px;
    vertical-align: middle;
}

span.sheet-inlinePipsLarge
{
    display: inline-block;
    background-size: 24px 24px;
    height: 25px;
    width: 25px;
    margin-left: -25px;
    vertical-align: middle;
}
/* Grid Checkbox location */
input[type="checkbox"].sheet-smallCheckbox, input[type="radio"].sheet-smallCheckbox
{
    width: 13px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px;
    vertical-align: middle;
}

input[type="checkbox"].sheet-largeCheckbox, input[type="radio"].sheet-largeCheckbox
{
    width: 25px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 25px;
    vertical-align: middle;
}

input[type="checkbox"].sheet-mediumCheckbox, input[type="radio"].sheet-mediumCheckbox
{
    width: 18px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 18px;
    vertical-align: middle;
}
/*  Image Location  */
span.sheet-largePips
{
    background-size: 24px 24px;
    height: 25px;
    width: 25px;
    vertical-align: middle;
}

span.sheet-mediumPips
{
    background-size: 18px 18px;
    height: 19px;
    width: 19px;
    vertical-align: middle;
}

span.sheet-smallPips
{
    background-size: 10px 10px;
    height: 13px;
    width: 13px;
    vertical-align: middle;
}
/* Graphics */
input[type="radio"] + span.sheet-ZeroDie
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/D10ZeroPip.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="radio"] + span.sheet-D10, span.sheet-FittingD10
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/D10PipFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="radio"]:checked + span.sheet-D10 ~ input[type="radio"] + span.sheet-D10, input[type="radio"]:checked + span.sheet-ZeroDie ~ input[type="radio"] + span.sheet-D10
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/D10Pip.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="radio"] + span.sheet-Boost, span.sheet-FittingBoost
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/BoostFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="radio"]:checked + span.sheet-Boost ~ input[type="radio"] + span.sheet-Boost, input[type="radio"]:checked + span.sheet-ZeroDie ~ input[type="radio"] + span.sheet-Boost
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Boost.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="radio"] + span.sheet-capacityPips
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/CapacityPipsFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="radio"]:checked + span.sheet-capacityPips ~ input[type="radio"] + span.sheet-capacityPips
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/CapacityPips.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-overcharge
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/overchargeEmpty.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-overcharge
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/overcharge.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-hexSelector
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/HexPip.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-hexSelector, 
span.sheet-hexselectorChecked
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/HexPipFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-armour
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/armor.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-armour
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/armor2.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-resilience
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resiliance.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-resilience
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resiliance2.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-resilienceThreat
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resilianceThreat.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-resilienceThreat
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resilianceThreatFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-integrity
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/sys-int.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-integrity
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/sys-int2.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-integrityThreat
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/IntegrityThreat.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-integrityThreat
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/IntegrityThreatFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-crewIntegrity
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewIntegrity.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-crewIntegrity
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/crewIntegrity2.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-vital
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/vital.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-vital
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/vital2.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"] + span.sheet-patch
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Patches.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}

input[type="checkbox"]:checked + span.sheet-patch
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/PatchesFilled.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 2;
}
/* ***************************************** */
/*               SHIP SYSTEMS                */
/* ***************************************** */
.sheet-systemsAmenities
{
    grid-area: systemsAmenities;
    display: grid;
    width: 900px;
    height: 360px;
    grid-template-columns: 535px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "systems amenities";
    grid-gap: 4px;
}

.sheet-systemWidget
{
    grid-area: systems;
    display: grid;
    width: 535px;
    height: 352px;
    grid-template-columns: repeat(3,175px);
    grid-template-rows: 32px 154px 154px;
    grid-template-areas: "title title title";
    grid-gap: 4px;
}

.sheet-systemWidegetTitle
{
    grid-area: title;
}

.sheet-reactorSystem
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Reactor.png);
}

.sheet-shipSystem
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ShipSystem.png);
}

.sheet-weaponSystem
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/PulseArray.png);
}

.sheet-dataStorage
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/DataStorage.png);
}

.sheet-system
{
    background-size: 175.44px 155px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: minmax(6px,10px) 4fr 3fr 5fr;
    grid-template-rows: repeat(10,15px);
    grid-gap: 0px;
    height: 150px;
    width: 170px;
    padding-top: 4px;
    padding-left: 4px;
    z-index: 0;
}

.sheet-flex-systemRow
{
    display: flex;
    flex-flow: nowrap;
    width: 540px;
    justify-content: space-evenly;
}
/* Ship system text*/
.sheet-systemTitle
{
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 13px;
    padding-left: 6px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-systemDetail
{
    font-size: 10px;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-systemDamage
{
    font-size: 14px;
    text-align: end;
    padding-top: 6px;
    padding-right: 7px;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-systemRange
{
    font-size: 10px;
    text-align: end;
    padding-right: 12px;
    padding-top: 2px;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-systemDivide
{
    text-align: end;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-systemChargeTitle
{
    font-variant: small-caps;
    font-size: 11px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    padding-left: 6px;
    padding-top: 6px;
}

input[type="number"].sheet-currentCharge
{
    height: 70px;
    width: 80px;
    font-size: 18px;
}

.sheet-systemChargeBox
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 11;
    padding-left: 0px;
    padding-top: 0px;
}

.sheet-systemOverchargeTitle
{
    font-variant: small-caps;
    font-size: 10px;
    text-align: end;
    padding-right: 2px;
    padding-top: 6px;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 7;
}

.sheet-systemOverchargeSymbol
{
    text-align: center;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 10;
}

.sheet-systemDataBox
{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 11;
    padding-left: 2px;
    padding-top: 6px;
}

.sheet-systemAIName
{
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-left: 13px;
    padding-top: 2px;
}

.sheet-systemListTitle
{
    font-variant: small-caps;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-systemListMod1
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 7;
    padding-left: 0px;
}

.sheet-systemListPips1
{
    text-align: end;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
    padding-right: 8px;
}

.sheet-systemListMod2
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 7;
    grid-row-end: 8;
    padding-left: 0px;
}

.sheet-systemListPips2
{
    text-align: end;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 8;
    padding-right: 8px;
}

.sheet-systemListMod3
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 8;
    grid-row-end: 9;
    padding-left: 0px;
}

.sheet-systemListPips3
{
    text-align: end;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 9;
    padding-right: 8px;
}

.sheet-systemListMod4
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 10;
    padding-left: 0px;
}

.sheet-systemListPips4
{
    text-align: end;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 10;
    padding-right: 8px;
}
/* ***************************************** */
/*				AMENITIES					 */
/* ***************************************** */
.sheet-amenitiesWidget
{
    grid-area: amenities;
    width: 362px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 32px 1fr;
    grid-template-areas: "title" "amenities";
    grid-gap: 4px;
    height: 350px;
    width: 350px;
}

.sheet-amenities
{
    grid-area: amenities;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: repeat(20,minmax(12px,15px));
    grid-gap: 0px;
    height: 315px;
    width: 350px;
    align-self: end;
}

.sheet-amenitiesTitle
{
    grid-area: title;
}

.sheet-amenityList1
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-amenityDetails1
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-amenityList2
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-amenityDetails2
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-amenityList3
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-amenityDetails3
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-amenityList4
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-amenityDetails4
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-amenityList5
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-amenityDetails5
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-amenityList6
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-amenityDetails6
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-amenityComponent
{
    text-align: start;
    flex-flow: nowrap;
    font-size: 12px;
}
/* ***************************************** */
/*				SHIP MODULES				 */
/* ***************************************** */
.sheet-moduleWidget
{
    grid-area: modules;
    display: grid;
    width: 535px;
    height: 375px;
    grid-template-columns: repeat(4,124px) 380px;
    grid-template-rows: 32px 166px 166px;
    grid-template-areas: "title title title title title" ". . . . launchbay" ". . . . launchbay";
    grid-gap: 4px;
}

.sheet-moduleWidgetTitle
{
    grid-area: title;
}

.sheet-basicModule
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Module.png);
}

.sheet-weaponModule
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/WeaponModule.png);
}

.sheet-module
{
    background-size: 125px 165.38px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: minmax(6px,14px) minmax(20px,50px) 1fr 27px;
    grid-template-rows: repeat(11,15px);
    grid-gap: 0px;
    height: 162px;
    width: 120px;
    padding-top: 4px;
    padding-left: 5px;
    z-index: 0;
}

.sheet-flex-moduleRow
{
    display: flex;
    flex-flow: nowrap;
    width: 540px;
    justify-content: space-evenly;
}
/* Ship system text*/
.sheet-moduleTitle
{
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 5;
    grid-row-end: 2;
    padding-left: 6px;
    padding-top: 0px;
}

.sheet-moduleOptionalTitle
{
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 12px;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-column-end: 5;
    grid-row-end: 2;
    padding-left: 0px;
    padding-top: 2px;
}

.sheet-moduleOptionalCheckbox
{
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
    justify-self: center;
    align-self: center;
}

.sheet-moduleDetail
{
    font-size: 9px;
    grid-column-start: 2;
    grid-row-start: 2;
    grid-column-end: 5;
    grid-row-end: 3;
    padding-top: 2px;
}

.sheet-moduleDamage
{
    font-size: 14px;
    text-align: end;
    padding-top: 7px;
    padding-right: 8px;
    grid-column-start: 4;
    grid-row-start: 1;
    grid-column-end: 5;
    grid-row-end: 2;
}

.sheet-moduleRange
{
    font-size: 10px;
    text-align: end;
    grid-column-start: 2;
    grid-row-start: 3;
    grid-column-end: 5;
    grid-row-end: 4;
    padding-right: 12px;
    padding-top: 2px;
}

.sheet-moduleListTitle
{
    font-variant: small-caps;
    font-size: 12px;
    grid-column-start: 1;
    grid-row-start: 4;
    grid-column-end: 5;
    grid-row-end: 5;
    padding-left: 4px;
    padding-top: 2px;
}

.sheet-moduleListLabCheckbox1
{
    grid-column-start: 1;
    grid-row-start: 4;
    grid-column-end: 2;
    grid-row-end: 5;
    padding-left: 0px;
    text-align: end;
}

.sheet-moduleListLabTitle1
{
    font-variant: small-caps;
    font-size: 11px;
    grid-column-start: 2;
    grid-row-start: 4;
    grid-column-end: 5;
    grid-row-end: 5;
    padding-top: 2px;
}

.sheet-moduleListLabCheckbox2
{
    grid-column-start: 1;
    grid-row-start: 6;
    grid-column-end: 2;
    grid-row-end: 7;
    padding-left: 0px;
    text-align: end;
}

.sheet-moduleListLabTitle2
{
    font-variant: small-caps;
    font-size: 11px;
    grid-column-start: 2;
    grid-row-start: 6;
    grid-column-end: 5;
    grid-row-end: 7;
    padding-left: 0px;
}

.sheet-moduleListLabCheckbox3
{
    grid-column-start: 1;
    grid-row-start: 8;
    grid-column-end: 2;
    grid-row-end: 9;
    padding-left: 0px;
    text-align: end;
}

.sheet-moduleListLabTitle3
{
    font-variant: small-caps;
    font-size: 11px;
    grid-column-start: 2;
    grid-row-start: 8;
    grid-column-end: 5;
    grid-row-end: 9;
    padding-left: 0px;
}

.sheet-moduleListCost1
{
    font-size: 10px;
    grid-column-start: 1;
    grid-row-start: 5;
    grid-column-end: 2;
    grid-row-end: 6;
    justify-self: center;
    align-self: end;
}

.sheet-moduleListFitting1
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
    align-self: end;
}

.sheet-moduleListPips1
{
    text-align: end;
    grid-column-start: 4;
    grid-row-start: 5;
    grid-column-end: 5;
    grid-row-end: 6;
    padding-right: 4px;
}

.sheet-moduleListCost2
{
    font-size: 9px;
    grid-column-start: 1;
    grid-row-start: 6;
    grid-column-end: 2;
    grid-row-end: 7;
    justify-self: center;
    align-self: end;
}

.sheet-moduleListFitting2
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
    align-self: end;
}

.sheet-moduleListPips2
{
    text-align: end;
    grid-column-start: 4;
    grid-row-start: 6;
    grid-column-end: 5;
    grid-row-end: 7;
    padding-right: 4px;
}

.sheet-moduleListCost3
{
    font-size: 9px;
    grid-column-start: 1;
    grid-row-start: 7;
    grid-column-end: 2;
    grid-row-end: 8;
    justify-self: center;
    align-self: end;
}

.sheet-moduleListFitting3
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 8;
    align-self: end;
}

.sheet-moduleListPips3
{
    text-align: end;
    grid-column-start: 4;
    grid-row-start: 7;
    grid-column-end: 5;
    grid-row-end: 8;
    padding-right: 4px;
}

.sheet-moduleListCost4
{
    font-size: 10px;
    grid-column-start: 1;
    grid-row-start: 8;
    grid-column-end: 2;
    grid-row-end: 9;
    justify-self: center;
    align-self: end;
}

.sheet-moduleListFitting4
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 9;
    align-self: end;
}

.sheet-moduleListPips4
{
    text-align: end;
    grid-column-start: 4;
    grid-row-start: 8;
    grid-column-end: 5;
    grid-row-end: 9;
    padding-right: 4px;
}

.sheet-moduleListCost5
{
    font-size: 10px;
    grid-column-start: 1;
    grid-row-start: 9;
    grid-column-end: 2;
    grid-row-end: 10;
    justify-self: center;
    align-self: end;
}

.sheet-moduleListFitting5
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 10;
    align-self: end;
}

.sheet-moduleListPips5
{
    text-align: end;
    grid-column-start: 4;
    grid-row-start: 9;
    grid-column-end: 5;
    grid-row-end: 10;
    padding-right: 4px;
}

.sheet-moduleListCost6
{
    font-size: 10px;
    grid-column-start: 1;
    grid-row-start: 10;
    grid-column-end: 2;
    grid-row-end: 11;
    justify-self: center;
    align-self: end;
}

.sheet-moduleListFitting6
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 10;
    grid-row-end: 11;
    align-self: end;
}

.sheet-moduleListArmour6
{
    text-align: end;
    grid-column-start: 4;
    grid-row-start: 10;
    grid-column-end: 5;
    grid-row-end: 11;
    padding-right: 4px;
}
/* ************ Launch Bay ************* */
.sheet-launchBay
{
    grid-area: launchbay;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/Shuttle.png);
    background-size: 385px 335px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 14px 40px 60px 60px 60px 15px 41px 45px 21px 25px;
    grid-template-rows: 15px repeat(2,12px) 15px repeat(2,12px) repeat(5,minmax(12px, 15px)) 20px repeat(9,minmax(12px,15px))1fr;
    grid-gap: 0px;
    height: 335px;
    width: 381px;
    padding-left: 6px;
    padding-right: 12px;
    padding-top: 4px;
    z-index: 0;
}
/* Launch Bay text*/
.sheet-launchBayTitle
{
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 13px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-left: 6px;
}

.sheet-launchBayDetail
{
    font-size: 10px;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-launchBayTugTitle
{
    font-variant: small-caps;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-launchBayTugSystem1
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-launchBayTugDetails1
{
    font-size: 10px;
    grid-column-start: 3;
    grid-column-end: 9;
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-launchBayTugSystem2
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-launchBayTugDetails2
{
    font-size: 10px;
    grid-column-start: 3;
    grid-column-end: 9;
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-launchBayArmourPrinterTitle
{
    font-variant: small-caps;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 9;
}

.sheet-launchBayArmourCost
{
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 9;
    grid-row-end: 10;
    text-align: center;
}

.sheet-launchBayArmourFitting
{
    font-size: 10px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 10;
    text-align: center;
}

.sheet-launchBayArmourPips
{
    font-size: 8px;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 10;
    flex-flow: nowrap;
    justify-self: start;
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: repeat(3,10px 18px);
    grid-template-rows: 25px;
}

.sheet-launchBayArmourPip1
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-launchBayArmourPip2
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-launchBayArmourPip3
{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-launchBayArmourPip4
{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-launchBayArmourPip5
{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-launchBayArmourPip6
{
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-launchBaycapacityPips
{
    grid-column-start: 8;
    grid-column-end: 9;
    grid-row-start: 7;
    grid-row-end: 8;
    align-self: start;
    justify-self: center;
    flex-wrap: nowrap;
    font-size: 8px;
}

.sheet-launchBayChargeTitle
{
    grid-column-start: 7;
    grid-column-end: 8;
    grid-row-start: 7;
    grid-row-end: 8;
    font-variant: small-caps;
    font-size: 11px;
    padding-top: 6px;
    padding-left: 2px;
}

input[type="number"].sheet-tugReactorCharge
{
    height: 40px;
    width: 45px;
    font-size: 18px;
    text-align: center;
}

.sheet-launchBayChargeBox
{
    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 8;
    grid-row-end: 11;
    padding-left: 8px;
    padding-top: 8px;
}

.sheet-launchBayOverchargeSymbol
{
    grid-column-start: 8;
    grid-column-end: 9;
    grid-row-start: 9;
    grid-row-end: 11;
    text-align: center;
    padding-top: 10px;
}

.sheet-launchBayTugConditionTitle
{
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 2;
    grid-row-end: 3;
    font-variant: small-caps;
    flex-flow: nowrap;
    font-size: 9px;
    text-align: end;
    padding-right: 6px;
}

.sheet-launchBayTugConditionResilience1
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 4;
    grid-row-end: 6;
    align-self: center;
    justify-self: center;
}

.sheet-launchBayTugConditionResilience2
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 6;
    grid-row-end: 8;
    align-self: center;
    justify-self: center;
}

.sheet-launchBayTugConditionIntegrity
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 8;
    grid-row-end: 10;
    align-self: center;
    justify-self: center;
}

.sheet-launchBayTugConditionVital
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 10;
    grid-row-end: 12;
    align-self: center;
    justify-self: center;
}

.sheet-launchBayTrailerTitle
{
    font-variant: small-caps;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 12;
    grid-row-end: 13;
    padding-top: 2px;
}

.sheet-launchBayTrailerCost1
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 13;
    grid-row-end: 14;
    text-align: center;
}

.sheet-launchBayTrailerType1
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 13;
    grid-row-end: 14;
}

.sheet-launchBayTrailerDetails1
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 13;
    grid-row-end: 14;
}

.sheet-launchBayTrailerArmour1
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 13;
    grid-row-end: 14;
}

.sheet-launchBayTrailerCost2
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 14;
    grid-row-end: 15;
    text-align: center;
}

.sheet-launchBayTrailerType2
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 14;
    grid-row-end: 15;
}

.sheet-launchBayTrailerDetails2
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 14;
    grid-row-end: 15;
}

.sheet-launchBayTrailerArmour2
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 14;
    grid-row-end: 15;
}

.sheet-launchBayTrailerCost3
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 15;
    grid-row-end: 16;
    text-align: center;
}

.sheet-launchBayTrailerType3
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 15;
    grid-row-end: 16;
}

.sheet-launchBayTrailerDetails3
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 15;
    grid-row-end: 16;
}

.sheet-launchBayTrailerArmour3
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 15;
    grid-row-end: 16;
}

.sheet-launchBayTrailerCost4
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 16;
    grid-row-end: 17;
    text-align: center;
}

.sheet-launchBayTrailerType4
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 16;
    grid-row-end: 17;
}

.sheet-launchBayTrailerDetails4
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 16;
    grid-row-end: 17;
}

.sheet-launchBayTrailerArmour4
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 16;
    grid-row-end: 17;
}

.sheet-launchBayTrailerCost5
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 17;
    grid-row-end: 18;
    text-align: center;
}

.sheet-launchBayTrailerType5
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 17;
    grid-row-end: 18;
}

.sheet-launchBayTrailerDetails5
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 17;
    grid-row-end: 18;
}

.sheet-launchBayTrailerArmour5
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 17;
    grid-row-end: 18;
}

.sheet-launchBayTrailerCost6
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 18;
    grid-row-end: 19;
    text-align: center;
}

.sheet-launchBayTrailerType6
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 18;
    grid-row-end: 19;
}

.sheet-launchBayTrailerDetails6
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 18;
    grid-row-end: 19;
}

.sheet-launchBayTrailerArmour6
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 18;
    grid-row-end: 19;
}

.sheet-launchBayTrailerCost7
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 19;
    grid-row-end: 20;
    text-align: center;
}

.sheet-launchBayTrailerType7
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 19;
    grid-row-end: 20;
}

.sheet-launchBayTrailerDetails7
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 19;
    grid-row-end: 20;
}

.sheet-launchBayTrailerArmour7
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 19;
    grid-row-end: 20;
}

.sheet-launchBayTrailerCost8
{
    font-size: 9px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 20;
    grid-row-end: 21;
    text-align: center;
}

.sheet-launchBayTrailerType8
{
    font-size: 9px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 20;
    grid-row-end: 21;
}

.sheet-launchBayTrailerDetails8
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 20;
    grid-row-end: 21;
}

.sheet-launchBayTrailerDetails9
{
    font-size: 9px;
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 21;
    grid-row-end: 22;
}

.sheet-launchBayTrailerArmour8
{
    flex-wrap: nowrap;
    font-size: 9px;
    grid-column-start: 8;
    grid-column-end: 10;
    grid-row-start: 20;
    grid-row-end: 21;
}

.sheet-launchBayTrailerConditionTitle
{
    grid-column-start: 8;
    grid-column-end: 11;
    grid-row-start: 13;
    grid-row-end: 14;
    font-variant: small-caps;
    flex-flow: nowrap;
    font-size: 9px;
    text-align: end;
    padding-right: 6px;
}

.sheet-launchBayTrailerConditionResilience
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 14;
    grid-row-end: 16;
    text-align: center;
}

.sheet-launchBayTrailerConditionIntegrity
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 16;
    grid-row-end: 18;
    text-align: center;
}

.sheet-launchBayTrailerConditionVital
{
    grid-column-start: 10;
    grid-column-end: 11;
    grid-row-start: 18;
    grid-row-end: 20;
    text-align: center;
}
/* ***************************************** */
/*            SHIP CONFIGURATION CSS         */
/* ***************************************** */
div.sheet-shipConfig
{
    grid-area: shipConfig;
    display: grid;
    grid-template-columns: repeat(4, 217px);
    grid-template-rows: 32px 330px;
    grid-template-areas: "title title title title" "shipSectionBow shipSectionStarboard shipSectionPort shipSectionStern";
    grid-gap: 4px;
    width: 900px;
    height: 380px;
    padding: 5px;
}

.sheet-ShipConfigTitle
{
    grid-area: title;
}

.sheet-shipSectionBow
{
    grid-area: shipSectionBow;
}

.sheet-shipSectionStarboard
{
    grid-area: shipSectionStarboard;
}

.sheet-shipSectionPort
{
    grid-area: shipSectionPort;
}

.sheet-shipSectionStern
{
    grid-area: shipSectionStern;
}

.sheet-flex-col
{
    display: flex;
    flex-flow: column wrap;
}

.sheet-flex-center
{
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type=number].sheet-txtfield::-webkit-inner-spin-button, input[type=number].sheet-txtfield::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input[type=number].sheet-txtfield
{
    -moz-appearance: textfield;
}
/* ******************************** */
/*          Ship blocks             */
/* ******************************** */
/* General layout */
.sheet-ship-block
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section.png);
    background-size: 218px 330px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: repeat(7, 1fr) 40px;
    grid-template-rows: 24px repeat(12, 1fr);
    height: 324px;
    width: 212px;
    padding-left: 5px;
    padding-bottom: 5px;
}

    .sheet-ship-block label
    {
        font-weight: bold;
        font-size: 1.1em;
        padding-left: 20px;
    }

    .sheet-ship-block input[type=number].sheet-txtfield
    {
        width: 27px;
        margin-left: 8px;
        border-radius: 0px;
        border-style: none;
    }

    .sheet-ship-block .sheet-ship-label
    {
        grid-column: 1 / 6;
        grid-row: 1 / 1;
        padding: 5px 0px 8px 10px;
        margin-bottom: 5px;
    }
    /* Ship Upkeep */
    .sheet-ship-block .sheet-shipUpkeepTitle
    {
        font-variant: small-caps;
        grid-column-start: 8;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
        font-size: 9px;
        align-self: center;
        text-align: left;
        padding-top: 6px;
    }

    .sheet-ship-block .sheet-ship-sidebar1
    {
        grid-column: 8 / 8;
        grid-row: 2 / 7;
        display: flex;
        justify-content: space-evenly;
    }

    .sheet-ship-block .sheet-space-sidebar
    {
        grid-column: 8 / 8;
        grid-row: 7 / 9;
        display: flex;
        justify-content: space-evenly;
    }
    /* Ship Patches*/
    .sheet-ship-block .sheet-shipPatchTitle
    {
        font-variant: small-caps;
        grid-column-start: 8;
        grid-column-end: 9;
        grid-row-start: 8;
        grid-row-end: 9;
        font-size: 9px;
        align-self: center;
        text-align: left;
        padding-top: 9px;
    }

    .sheet-ship-block > .sheet-ship-sidebar2
    {
        display: grid;
        grid-column-start: 8;
        grid-column-end: 9;
        grid-row-start: 9;
        grid-row-end: 12;
        grid-template-columns: 25px;
        grid-template-rows: repeat(3,25px);
        grid-template-areas: "patch1" "patch2" "patch3";
        position: relative;
        justify-self: end;
        margin-top: 10px;
        grid-gap: 2px;
        margin-right: 4px;
    }

        .sheet-ship-block > .sheet-ship-sidebar2 > input
        {
            width: 100%;
            height: 100%;
            z-index: 3;
            position: absolute;
        }

        .sheet-ship-block > .sheet-ship-sidebar2 > .sheet-patch1
        {
            grid-area: patch1;
        }

        .sheet-ship-block > .sheet-ship-sidebar2 > .sheet-patch2
        {
            grid-area: patch2;
        }

        .sheet-ship-block > .sheet-ship-sidebar2 > .sheet-patch3
        {
            grid-area: patch3;
        }
    /* ship section armor */
    .sheet-ship-block .sheet-border-armor
    {
        grid-column: 1 / 4;
        grid-row: 12 / 14;
        display: flex;
        justify-content: center;
        border: 2px dotted black;
    }

    .sheet-ship-block .sheet-armor1
    {
        grid-column: 1 / 2;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-armor2
    {
        grid-column: 2 / 3;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-armor3
    {
        grid-column: 3 / 4;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-armor21
    {
        grid-column: 1 / 2;
        grid-row: 13 / 14;
    }

    .sheet-ship-block .sheet-armor22
    {
        grid-column: 2 / 3;
        grid-row: 13 / 14;
    }

    .sheet-ship-block .sheet-armor23
    {
        grid-column: 3 / 4;
        grid-row: 13 / 14;
    }
    /* ship section resilience */
    .sheet-ship-block .sheet-border-resilience
    {
        grid-column: 4 / 4;
        grid-row: 12 / 14;
        display: flex;
        justify-content: center;
        border: 2px solid black;
    }

    .sheet-ship-block .sheet-resilience1
    {
        grid-column: 4 / 5;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-resilience21
    {
        grid-column: 4 / 5;
        grid-row: 13 / 14;
    }
    /* ship section integrity */
    .sheet-ship-block .sheet-border-sys-integrity
    {
        grid-column: 5 / 7;
        grid-row: 12 / 14;
        display: flex;
        justify-content: center;
        border: 2px solid black;
    }

    .sheet-ship-block .sheet-sys-integrity1
    {
        grid-column: 5 / 6;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-sys-integrity2
    {
        grid-column: 6 / 7;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-sys-integrity21
    {
        grid-column: 5 / 6;
        grid-row: 13 / 14;
    }

    .sheet-ship-block .sheet-sys-integrity22
    {
        grid-column: 6 / 7;
        grid-row: 13 / 14;
    }
    /* ship section vital */
    .sheet-ship-block .sheet-border-vital
    {
        grid-column: 7 / 8;
        grid-row: 12 / 14;
        display: flex;
        justify-content: center;
        border: 2px solid black;
    }

    .sheet-ship-block .sheet-vital1
    {
        grid-column: 7 / 8;
        grid-row: 12 / 13;
    }

    .sheet-ship-block .sheet-vital21
    {
        grid-column: 7 / 8;
        grid-row: 13 / 14;
    }

    .sheet-ship-block span.sheet-conditions-lbl
    {
        grid-column: 4 / 8;
        grid-row: 12 / 12;
        font-weight: bold;
        z-index: 8;
        padding-left: 17px;
        padding-top: 3px;
    }

    .sheet-ship-block span.sheet-armor-lbl
    {
        grid-column: 1 / 4;
        grid-row: 12 / 12;
        padding-top: 2px;
    }

        .sheet-ship-block span.sheet-armor-lbl::before
        {
            font-weight: bold;
            z-index: 8;
            content: "Armour";
            margin-left: 19px;
        }
    /*    Ship section component visuals    */
    .sheet-ship-block .sheet-patches input[type="checkbox"]
    {
        transform: scale(1.5);
        margin-left: 7px;
    }

    .sheet-ship-block .sheet-ship-su-box
    {
        grid-column: 6 / 8;
        grid-row: 1 / 3;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-75su.png);
        background-size: 45px 45px;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .sheet-ship-block div.sheet-ship-oct
    {
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
        height: 25px;
        width: 25px;
    }

.sheet-insec, .sheet-artery
{
    font-weight: bold;
    font-size: 9px;
    padding-bottom: 2px;
    width: 18px;
}

.sheet-insec
{
    left: -25px;
}

.sheet-artery
{
    margin-left: -2px;
    left: -23px;
}

.sheet-ship-block div.sheet-ship-armor
{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/armor.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
}

.sheet-ship-block div.sheet-ship-vital
{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/vital.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
}

.sheet-ship-block div.sheet-ship-resilience
{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resiliance.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
}

.sheet-ship-block div.sheet-ship-sys-integrity
{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/sys-int.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
}

.sheet-ship-block .sheet-border-insec
{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    display: flex;
    justify-content: center;
    border: 2px solid black;
    width: 21px !important;
    height: 21px !important;
}

.sheet-ship-block .sheet-border-artery
{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    display: flex;
    justify-content: center;
    border: 2px solid black;
    width: 21px !important;
    height: 21px !important;
}
/*  Selection toggle functions */
.sheet-ship-block .sheet-ship-oct input[type="checkbox"]
{
    opacity: 0;
    z-index: 1;
    height: 24px;
    width: 24px;
    min-width: 17px;
    -webkit-appearance: checkbox;
}

    .sheet-ship-block .sheet-ship-oct input[type="checkbox"] + span
    {
        height: 20px;
        width: 1px;
    }
        /* InSec & Artery Static boxes*/
        .sheet-ship-block .sheet-ship-oct input[type="checkbox"] + span::before
        {
            content: "■";
            opacity: 0;
            font-size: 53px;
            width: 20px;
            height: 20px;
            position: relative;
            left: -15px;
            top: -35px;
            text-align: center;
            color: #8f8f8f;
        }

    .sheet-ship-block .sheet-ship-oct input[type="checkbox"]:checked + span::before
    {
        opacity: 0.5;
    }

.sheet-ship-block .sheet-ship-oct.sheet-ship-bottom input[type="checkbox"] + span::before
{
    font-size: 52px;
    left: -27px;
    top: -34px;
}
/* Armor & Conditions toggles */
.sheet-ship-block .sheet-ship-armor input[type="checkbox"], .sheet-ship-block .sheet-ship-resilience input[type="checkbox"], .sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"], .sheet-ship-block .sheet-ship-vital input[type="checkbox"]
{
    z-index: 5;
    opacity: 0;
    height: 23px;
    width: 23px !important;
    min-width: 23px;
    position: relative;
    left: 13px;
}

.sheet-ship-block .sheet-ship-resilience input[type="checkbox"]
{
    left: 3px;
}

.sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"]
{
    left: 2px;
}

.sheet-ship-block .sheet-ship-vital input[type="checkbox"]
{
    left: 0px;
}

.sheet-ship-block .sheet-ship-default input[type="checkbox"]
{
    z-index: -8;
}

.sheet-ship-block .sheet-ship-armor input[type="checkbox"] + span.sheet-armor-x
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/armor2.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px !important;
    opacity: 0;
    z-index: 3;
    position: relative;
    left: -12px;
    flex-shrink: 0;
}

.sheet-ship-block .sheet-ship-resilience input[type="checkbox"] + span.sheet-res-x
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resiliance2.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
    opacity: 0;
    z-index: 3;
    margin-left: -24px;
}

.sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"] + span.sheet-integ-x
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/sys-int2.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
    opacity: 0;
    z-index: 3;
    margin-left: -24px;
}

.sheet-ship-block .sheet-ship-vital input[type="checkbox"] + span.sheet-vital-x
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/vital2.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
    opacity: 0;
    z-index: 3;
    margin-left: -24px;
}

.sheet-ship-block .sheet-ship-armor input[type="checkbox"]:checked + span.sheet-armor-x, .sheet-ship-block .sheet-ship-resilience input[type="checkbox"]:checked + span.sheet-res-x, .sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"]:checked + span.sheet-integ-x, .sheet-ship-block .sheet-ship-vital input[type="checkbox"]:checked + span.sheet-vital-x
{
    opacity: 1;
}
/* Color-selected boxes  */
.sheet-ship-oct.sheet-new
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background: linear-gradient( rgba(0, 255, 0, 0), rgba(0, 255, 0, 0) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}
/* Colors / Label toggles */
/* Orange */
.sheet-inv-color[value*="1"] + .sheet-ship-oct
{
    background: linear-gradient( rgba(255, 125, 0, 0.5), rgba(255, 126, 0, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
    background-size: 24px 24px;
}
/* Cyan */
.sheet-inv-color[value*="2"] + .sheet-ship-oct
{
    background: linear-gradient( rgba(0, 183, 235, 0.5), rgba(0, 183, 235, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
    background-size: 24px 24px;
}
/* Yellow */
.sheet-inv-color[value*="3"] + .sheet-ship-oct
{
    background: linear-gradient( rgba(255, 223, 0, 0.5), rgba(255, 223, 0, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
    background-size: 24px 24px;
}
/* Green */
.sheet-inv-color[value*="4"] + .sheet-ship-oct
{
    background: linear-gradient( rgba(16, 115, 85, 0.5), rgba(16, 115, 85, 0.5) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
    background-size: 24px 24px;
}
/*     sheet section label toggle     */
.sheet-ship-oct input[type="text"]
{
    opacity: 0;
    z-index: -3;
    width: 1px;
    height: 16px;
    font-size: 10px;
    text-align: center;
}
/* small label */
.sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="text"]
{
    opacity: 1;
    z-index: 3;
    width: 42px;
    margin-left: 39px;
    padding: 2px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
/* medium label */
.sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="text"]
{
    opacity: 1;
    z-index: 3;
    width: 68px;
    margin-left: 65px;
    padding: 2px;
    margin-top: 1px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
/* small label vertical */
.sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="text"]
{
    opacity: 1;
    z-index: 3;
    width: 42px;
    margin-left: 2px;
    margin-bottom: -25px;
    padding: 2px;
    transform: rotate(-90deg);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
/* medium label vertical*/
.sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="text"]
{
    opacity: 1;
    z-index: 3;
    width: 68px;
    margin-left: -12px;
    padding: 2px;
    margin-top: 47px;
    transform: rotate(-90deg);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
/* label checkboxes made visible when label visible */
.sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="checkbox"]
{
    opacity: 0.5;
    z-index: 3;
    height: 24px;
    width: 24px;
    min-width: 17px;
    -webkit-appearance: checkbox;
}

.sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="checkbox"]
{
    opacity: 0.5;
    z-index: 3;
    height: 24px;
    width: 24px;
    margin-top: 1px;
    -webkit-appearance: checkbox;
    min-width: 17px;
}

.sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="checkbox"]
{
    opacity: 0.5;
    z-index: 3;
    height: 24px;
    width: 24px;
    min-width: 17px;
    margin-left: -12px;
    -webkit-appearance: checkbox;
}

.sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="checkbox"]
{
    opacity: 0.5;
    z-index: 3;
    height: 24px;
    width: 24px;
    margin-left: -26px;
    -webkit-appearance: checkbox;
    min-width: 17px;
}

.sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover, .sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover, .sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover, .sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover
{
    opacity: 1;
    -webkit-appearance: checkbox;
    min-width: 17px;
}

.sheet-inv-color + .sheet-ship-oct, .sheet-inv-color[value*="0"] + .sheet-ship-oct
{
    background: /* transparent/no color */
    linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/ship-section-grey-oct.png);
    background-size: 24px 24px;
}
/* default insec & artery */
.sheet-ship-block span.sheet-default
{
    z-index: 8;
    position: relative;
    left: -11px;
}

div.sheet-ship-default:nth-child(7) > span:nth-child(2)
{
    margin-left: 23px;
}

div.sheet-ship-default:nth-child(6) > span:nth-child(2)
{
    margin-left: 25px;
}
/*   Color selector menu  */
div.sheet-colorselector
{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    align-self: center;
}

.sheet-colorselector > select
{
    height: 20px;
    width: 125px;
}

.sheet-colorselectorTitle
{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    justify-self: end;
    font-size: 12px;
    font-weight: 700;
    color: white;
    align-self: center;
}
/* Sheet Styles*/
.sheet-subtitlesGrid
{
    font-weight: bold;
    background-color: #ff7d00;
    width: 98%;
    height: 32px;
    padding-left: 10px;
    vertical-align: middle;
}

.sheet-subtitlesFull
{
    font-weight: bold;
    background-color: #ff7d00;
    width: 900px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.sheet-subtitlesWide
{
    font-weight: bold;
    background-color: #ff7d00;
    width: 98%;
    padding-left: 10px;
    margin-bottom: 5px;
}

.sheet-subtitlesNarrow
{
    font-weight: bold;
    background-color: #ff7d00;
    width: 356px;
    padding-left: 10px;
    margin-left: 4px;
    margin-bottom: 5px;
}
/* ***************************************** */
/*				Ship Page Two				 */
/* ***************************************** */
.sheet-shipPG2
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 100px 320px 750px;
    width: 900px;
    grid-gap: 4px;
    grid-template-areas: "resources letter" "cargo letter" "cargo notes";
}

.sheet-resourceWidget
{
    grid-area: resources;
    display: flex;
    flex-flow: nowrap;
    width: 440px;
    justify-content: space-evenly;
}

.sheet-resource
{
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/resources.png);
    background-size: 140px 94.618px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 50px;
    grid-template-rows: 15px 1fr 12px;
    grid-gap: 0px;
    height: 93px;
    width: 140px;
    padding-top: 2px;
    padding-left: 2px;
    z-index: 0;
}

input[type="number"].sheet-resourceBox
{
    height: 60px;
    width: 130px;
    font-size: 18px;
    border: none;
}

/*Change Colour of Total Cargo when overloaded*/
.sheet-colorChanger[value="1"] + .sheet-resourceBox
{
    color: red;
}

.sheet-resourceBoxPlace
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-left: 6px;
    padding-top: 2px;
}

.sheet-resourceTitle
{
    font-variant: small-caps;
    font-size: 10px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-left: 4px;
    padding-top: 2px;
}

.sheet-resourceTonnes
{
    font-variant: small-caps;
    font-size: 9px;
    text-align: end;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    padding-right: 4px;
    padding-bottom: 8px;
}
/* Letter of Marque */
.sheet-letterOfMarque
{
    grid-area: letter;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/LetterofMarque.png);
    background-size: 440px 416.49px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 30px 1fr 150px;
    grid-template-rows: 24px 17px 1fr 12px 12px 15px;
    grid-gap: 0px;
    height: 412px;
    width: 438px;
    padding-top: 8px;
    padding-left: 2px;
    z-index: 0;
}

.sheet-letterOfMarqueTitle
{
    font-size: 14px;
    text-align: left;
    font-variant: small-caps;
    font-weight: 500;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-left: 4px;
    padding-top: 2px;
}

.sheet-letterOfMarqueGreeting
{
    font-size: 13px;
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-left: 14px;
    padding-top: 2px;
}

.sheet-letterOfMarqueBoxPlace
{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    padding-left: 18px;
    padding-top: 4px;
}

.sheet-letterOfMarquePatron
{
    font-size: 13px;
    font-style: italic;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    padding-left: 0px;
    padding-top: 0px;
}

.sheet-letterOfMarquePatronTitle
{
    font-size: 10px;
    text-align: center;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    padding-left: 0px;
    padding-top: 0px;
}

.sheet-letterOfMarqueBody
{
    font-size: 13px;
    line-height: 1.5em;
    height: 95%;
    width: 95%;
    text-align: justify;
}
/*			Cargo			*/
.sheet-cargo
{
    grid-area: cargo;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/AssetTradeGoods.png);
    background-size: 440px 1066.5px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 70% 45px 45px 1fr;
    grid-template-rows: 24px 1fr;
    grid-gap: 0px;
    height: 1066px;
    width: 440px;
    padding-top: 0px;
    padding-left: 4px;
    padding-right: 8px;
    z-index: 0;
}

.sheet-cargoTitle
{
    font-size: 14px;
    text-align: left;
    vertical-align: baseline;
    font-variant: small-caps;
    font-weight: 500;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-left: 4px;
    padding-top: 2px;
}

.sheet-cargoBox
{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-cargoWorth
{
    font-size: 11px;
    text-align: center;
    vertical-align: baseline;
    font-variant: small-caps;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-left: 0px;
    padding-top: 6px;
}

.sheet-cargoTonnage
{
    font-size: 11px;
    text-align: center;
    vertical-align: baseline;
    font-variant: small-caps;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-left: 0px;
    padding-top: 6px;
}
/*			Notes			*/
.sheet-notes
{
    grid-area: notes;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/notes.png);
    background-size: 440px 750px;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 5px 1fr 15px;
    grid-template-rows: 24px 1fr;
    grid-gap: 0px;
    height: 750px;
    width: 440px;
    z-index: 0;
}

.sheet-noteBox
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}
/* ************* */
/* Threat Sheets */
/* ************* */
.sheet-topLineText
{
    text-align: start;
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 15px;
}

.sheet-topLineTextSpaceScale
{
    text-align: start;
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 15px;
    padding-left: 10px;
}

.sheet-threatTextBox
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    vertical-align: baseline;
    justify-self: center;
}

input[type=number].sheet-threatNumberBox
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    font-weight: 500;
    width: 185px;
    vertical-align: baseline;
    justify-self: start;
    text-align: left;
}

input[type=number].sheet-shipTonnageNumberBox
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    font-weight: 500;
    width: 306px;
    vertical-align: baseline;
    justify-self: start;
    text-align: left;
}

input[type=number].sheet-behemothLengthNumberBox
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    font-weight: 500;
    width: 340px;
    vertical-align: baseline;
    justify-self: start;
    text-align: left;
}

textarea.sheet-sophontTagBox
{
    margin-top: 3px;
    height: 40px;
    width: 95%;
}

textarea.sheet-swarmTagBox
{
    margin-top: 3px;
    height: 170px;
    width: 95%;
}

textarea.sheet-creatureTagBox
{
    margin-top: 3px;
    height: 80px;
    width: 95%;
}

textarea.sheet-droneTagBox
{
    margin-top: 3px;
    height: 150px;
    width: 95%;
}

textarea.sheet-sophontAugmentBox
{
    margin-top: 3px;
    height: 80px;
    width: 95%;
}

textarea.sheet-shuttleTagBox
{
    margin-top: 3px;
    height: 130px;
    width: 95%;
}

textarea.sheet-shipNoteBox
{
    margin-top: 3px;
    height: 100px;
    width: 95%;
}

textarea.sheet-behemothNoteBox
{
    margin-top: 3px;
    height: 35px;
    width: 95%;
}

textarea.sheet-capitalShipNoteBox
{
    margin-top: 3px;
    height: 54px;
    width: 95%;
}

textarea.sheet-sectionTagBox
{
    margin-top: 3px;
    height: 65px;
    width: 95%;
}

textarea.sheet-sectionShipTagBox
{
    margin-top: 3px;
    height: 74px;
    width: 95%;
}

.sheet-aliasThreat
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-aliasThreatName
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-aliasThreatNameLong
{
    align-self: stretch;
    flex-flow: nowrap;
    font-size: 13px;
    width: 100%;
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-pronounThreat
{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-pronounThreatName
{
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-sophontAspectColumnA
{
    justify-self: end;
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-sophontTextColumnA
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.sheet-sophontTextColumnFull
{
    grid-column-start: 3;
    grid-column-end: 6;
}

.sheet-sophontAspectColumnB
{
    justify-self: end;
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-sophontTextColumnB
{
    grid-column-start: 5;
    grid-column-end: 6;
}

.sheet-sophontNotes
{
    grid-row-start: 15;
    grid-row-end: 16;
}

.sheet-droneNotes
{
    grid-row-start: 17;
    grid-row-end: 18;
}

.sheet-sophontTagList
{
    grid-row-start: 12;
    grid-row-end: 15;
}

.sheet-swarmTagList
{
    grid-row-start: 8;
    grid-row-end: 15;
}

.sheet-sophontAugmentList
{
    grid-row-start: 10;
    grid-row-end: 15;
}

.sheet-capitalShipAspectColumnA
{
    grid-column-start: 1;
    grid-column-end: 2;
    justify-self: end;
}

.sheet-capitalShipTextColumnA
{
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-capitalShipTextColumnFull
{
    grid-column-start: 2;
    grid-column-end: 5;
}

.sheet-capitalShipAspectColumnB
{
    grid-column-start: 3;
    grid-column-end: 4;
    justify-self: end;
}

.sheet-capitalShipTextColumnB
{
    grid-column-start: 4;
    grid-column-end: 5;
}

span.sheet-threatDamageBoxBG
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 13;
    align-self: center;
    justify-self: start;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/damage.png);
    background-size: 44px 44.5px;
    background-repeat: no-repeat;
    width: 44px;
    height: 44.5px;
    z-index: 2;
    margin-left: 38px;
    margin-top: -10px;
}

span.sheet-creatureDamageBoxBG
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 13;
    align-self: center;
    justify-self: start;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/damage.png);
    background-size: 44px 44.5px;
    background-repeat: no-repeat;
    width: 44px;
    height: 44.5px;
    z-index: 2;
    margin-left: 42px;
    margin-top: -10px;
}

span.sheet-droneDamageBoxBG
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 13;
    align-self: center;
    justify-self: start;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/damage.png);
    background-size: 44px 44.5px;
    background-repeat: no-repeat;
    width: 44px;
    height: 44.5px;
    z-index: 2;
    margin-left: 50px;
    margin-top: -10px;
}

span.sheet-sectionDamageBoxBG
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: -2;
    grid-row-end: -1;
    align-self: center;
    justify-self: start;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/damage.png);
    background-size: 44px 44.5px;
    background-repeat: no-repeat;
    width: 44px;
    height: 44.5px;
    z-index: 2;
    margin-left: 8px;
    margin-top: -10px;
}

span.sheet-sectionShipDamageBoxBG
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: -2;
    grid-row-end: -1;
    align-self: center;
    justify-self: start;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/damage.png);
    background-size: 44px 44.5px;
    background-repeat: no-repeat;
    width: 44px;
    height: 44.5px;
    z-index: 2;
    margin-left: 0px;
    margin-top: -10px;
}

span.sheet-sectionBehemothDamageBoxBG
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: -2;
    grid-row-end: -1;
    align-self: center;
    justify-self: start;
    background-image: url(https://raw.githubusercontent.com/XophRA/FreeSpacerSheet/RollTemplate/FreeSpacer/img06/damage.png);
    background-size: 44px 44.5px;
    background-repeat: no-repeat;
    width: 44px;
    height: 44.5px;
    z-index: 2;
    margin-left: 28px;
    margin-top: -10px;
}

input.sheet-threatDamageBox
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 13;
    align-self: center;
    justify-self: center;
    font-size: 16px;
    width: 2.5em;
    height: 2em;
    z-index: 3;
    border: none;
    text-align: center;
}
input.sheet-sectionShipDamageBox
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: -2;
    grid-row-end: -1;
    align-self: center;
    justify-self: center;
    font-size: 16px;
    width: 2.5em;
    height: 2em;
    z-index: 3;
    border: none;
    text-align: center;
}

input.sheet-sectionDamageBox
{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: -2;
    grid-row-end: -1;
    align-self: center;
    justify-self: center;
    font-size: 16px;
    width: 2.5em;
    height: 2em;
    z-index: 3;
    border: none;
    text-align: center;
}
/* Section Grid */
.sheet-fourSectionShuttleGrid
{
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 17;
    grid-row-end: -1;
    width: 780px;
    height: 285px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 5px 1fr 1fr 5px;
    grid-template-rows: 24px 1fr 1fr 10px;
    justify-items: start;
    align-items: start;
    grid-row-gap: 4px;
}

.sheet-fourSectionGrid
{
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 17;
    grid-row-end: -1;
    width: 880px;
    height: 285px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 5px 1fr 1fr 5px;
    grid-template-rows: 24px 1fr 1fr 10px;
    justify-items: start;
    align-items: start;
    grid-row-gap: 4px;
    padding-left: 4px;
}

.sheet-sixSectionGrid
{
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 10;
    grid-row-end: -1;
    width: 900px;
    height: 420px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 5px 1fr 1fr 5px;
    grid-template-rows: 24px 1fr 1fr 1fr 10px;
    justify-items: start;
    align-items: start;
    grid-row-gap: 4px;
}

.sheet-tenSectionGrid
{
    grid-column-start: 1;
    grid-column-end: -1;
    grid-row-start: 9;
    grid-row-end: -1;
    width: 900px;
    height: 420px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 5px 1fr 1fr 5px;
    grid-template-rows: 32px 1fr 1fr 1fr 1fr 1fr 10px;
    justify-items: start;
    align-items: start;
    grid-row-gap: 4px;
}

.sheet-sectionTitle
{
    grid-column-start: 1;
    grid-column-end: -1;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-sectionA
{
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-sectionB
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.sheet-section1
{
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-section2
{
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-section3
{
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-section4
{
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-section5
{
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-sectionGrid
{
    width: 390px;
    height: 130px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 18px 60px 1fr;
    grid-template-rows: 25px 1fr;
    justify-items: start;
    align-items: start;
    grid-column-gap: 0px;
}

.sheet-sectionShipGrid
{
    width: 440px;
    height: 130px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 60px 1fr 1fr;
    grid-template-rows: 25px 1fr;
    justify-items: start;
    align-items: start;
    grid-column-gap: 0px;
}

.sheet-sectionBehemothGrid
{
    width: 440px;
    height: 130px;
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 18px 100px 1fr;
    grid-template-rows: 25px 18px 1fr;
    justify-items: start;
    align-items: start;
    grid-column-gap: 0px;
}

.sheet-sectionCheckbox
{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-sectionName
{
    font-variant: small-caps;
    font-weight: 500;
    text-align: left;
    font-size: 13px;
}

.sheet-sectionFacing
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-sectionTagTitle
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    justify-self: end;
    text-align: end;
    font-size: 12px;
}

.sheet-sectionTagBoxLocation
{
    grid-column-start: 3;
    grid-column-end: -1;
    grid-row-start: 2;
    grid-row-end: -1;
    justify-self: stretch;
}

.sheet-sectionBehemothDescriptionTitle
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    justify-self: end;
    text-align: end;
    font-size: 12px;
}

.sheet-sectionBehemothDescription
{
    grid-column-start: 3;
    grid-column-end: -1;
    grid-row-start: 2;
    grid-row-end: 3;
    justify-self: stretch;
}

.sheet-sectionBehemothTagTitle
{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    justify-self: end;
    text-align: end;
    font-size: 12px;
}

.sheet-sectionBehemothTagBox
{
    grid-column-start: 3;
    grid-column-end: -1;
    grid-row-start: 3;
    grid-row-end: -1;
    justify-self: stretch;
}
/* Threat Armour & Conditions */
.sheet-sophontConditionWidget
{
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 14;
    width: 170px;
    height: 250px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 18px 1fr 25px;
    grid-template-rows: 20px repeat(9,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-compositeSophontConditionWidget
{
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 14;
    width: 150px;
    height: 250px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 18px auto 25px;
    grid-template-rows: 20px repeat(9,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-swarmConditionWidget
{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 14;
    width: 150px;
    height: 300px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 25px auto 25px;
    grid-template-rows: 20px repeat(11,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-creatureConditionWidget
{
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 14;
    width: 150px;
    height: 275px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 18px auto 25px;
    grid-template-rows: 20px repeat(10,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-shuttleSquadronConditionWidget
{
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 17;
    width: 150px;
    height: 300px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 18px auto 25px;
    grid-template-rows: 20px repeat(11,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-additionalCompositeSophontConditionWidget
{
    grid-row-start: 2;
    grid-row-end: 14;
    width: 25px;
    height: 250px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 25px;
    grid-template-rows: 20px repeat(9,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-additionalSwarmConditionWidget
{
    grid-row-start: 2;
    grid-row-end: 14;
    width: 25px;
    height: 250px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 25px;
    grid-template-rows: 20px repeat(11,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-additionalCreatureConditionWidget
{
    grid-row-start: 1;
    grid-row-end: 14;
    width: 25px;
    height: 275px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 25px;
    grid-template-rows: 20px repeat(10,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-additionalshuttleSquadronConditionWidget
{
    grid-row-start: 1;
    grid-row-end: 14;
    width: 25px;
    height: 275px;
    display: grid;
    grid-column-gap: 2px;
    grid-template-columns: 25px;
    grid-template-rows: 20px repeat(11,25px) 1fr;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-sectionConditionWidget
{
    grid-column-start: 3;
    grid-column-end: 4;
    width: 270px;
    height: 25px;
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: repeat(6,10px 25px) 25px 25px 1fr;
    grid-template-rows: 25px;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-sectionShipConditionWidget
{
    grid-column-start: -2;
    grid-column-end: -1;
    width: 270px;
    height: 25px;
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: repeat(6,10px 25px) 25px 25px 1fr;
    grid-template-rows: 25px;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-sectionbehemothConditionWidget
{
    grid-column-start: 3;
    grid-column-end: 4;
    width: 270px;
    height: 25px;
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: repeat(6,10px 25px) 25px 25px 1fr;
    grid-template-rows: 25px;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-capitalShipConditionWidget
{
    grid-column-start: 3;
    grid-column-end: 4;
    width: 285px;
    height: 25px;
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: repeat(3,10px 25px) repeat(7, 25px) 1fr;
    grid-template-rows: 25px;
    justify-items: start;
    align-items: start;
    justify-self: end;
}

.sheet-additionalSwarmCondition0
{
    grid-column-start: 5;
    grid-column-end: 6;
}

.sheet-additionalSwarmCondition1
{
    grid-column-start: 6;
    grid-column-end: 7;
}

.sheet-additionalCompositeSophontCondition2
{
    grid-column-start: 7;
    grid-column-end: 8;
}

.sheet-additionalCompositeSophontCondition3
{
    grid-column-start: 8;
    grid-column-end: 9;
}

.sheet-additionalCompositeSophontCondition4
{
    grid-column-start: 9;
    grid-column-end: 10;
}

.sheet-additionalCompositeSophontCondition5
{
    grid-column-start: 10;
    grid-column-end: 11;
}

.sheet-additionalSwarmCondition6
{
    grid-column-start: 11;
    grid-column-end: 12;
}

.sheet-additionalSwarmCondition7
{
    grid-column-start: 12;
    grid-column-end: 13;
}

.sheet-additionalSwarmCondition8
{
    grid-column-start: 13;
    grid-column-end: 14;
}

.sheet-additionalSwarmCondition9
{
    grid-column-start: 14;
    grid-column-end: 15;
}

.sheet-additionalSwarmCondition10
{
    grid-column-start: 14;
    grid-column-end: 15;
}

.sheet-sophontConditionTitle
{
    text-align: start;
    font-variant: small-caps;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 14px;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sheet-sophontConditionNumber
{
    text-align: center;
    font-weight: 500;
    flex-flow: nowrap;
    font-size: 13px;
    height: 15px;
    width: 95%;
    align-self: center;
}

input[type=number].sheet-sophontConditionNumber
{
    width: 1.5em;
    height: 1.5em;
}

    input[type=number].sheet-sophontConditionNumber::-webkit-inner-spin-button
    {
        -webkit-appearance: none;
    }

.sheet-sophontConditionCheckbox
{
    grid-column-start: 1;
    grid-column-end: 2;
    justify-self: baseline;
}

.sheet-sophontConditionText
{
    grid-column-start: 2;
    grid-column-end: 3;
    align-self: center;
}

.sheet-sophontConditionArmour
{
    grid-column-start: 3;
    grid-column-end: 4;
    align-self: center;
}

.sheet-additionalSophontColumn
{
    grid-column-start: 1;
    grid-column-end: 2;
    align-self: center;
}

.sheet-sophontCondition1
{
    grid-row-start: 2;
    grid-row-end: 3;
}

.sheet-sophontCondition2
{
    grid-row-start: 3;
    grid-row-end: 4;
}

.sheet-sophontCondition3
{
    grid-row-start: 4;
    grid-row-end: 5;
}

.sheet-sophontCondition4
{
    grid-row-start: 5;
    grid-row-end: 6;
}

.sheet-sophontCondition5
{
    grid-row-start: 6;
    grid-row-end: 7;
}

.sheet-sophontCondition6
{
    grid-row-start: 7;
    grid-row-end: 8;
}

.sheet-sophontCondition7
{
    grid-row-start: 8;
    grid-row-end: 9;
}

.sheet-sophontCondition8
{
    grid-row-start: 9;
    grid-row-end: 10;
}

.sheet-sophontCondition9
{
    grid-row-start: 10;
    grid-row-end: 11;
}

.sheet-sophontCondition10
{
    grid-row-start: 11;
    grid-row-end: 12;
}

.sheet-sophontCondition11
{
    grid-row-start: 12;
    grid-row-end: 13;
}

.sheet-sectionConditions
{
    grid-row-start: 1;
    grid-row-end: -1;
}

.sheet-sectionCondition1
{
    grid-column-start: 1;
    grid-column-end: 2;
}

.sheet-sectionCondition2
{
    grid-column-start: 2;
    grid-column-end: 3;
}

.sheet-sectionCondition3
{
    grid-column-start: 3;
    grid-column-end: 4;
}

.sheet-sectionCondition4
{
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-sectionCondition5
{
    grid-column-start: 5;
    grid-column-end: 6;
}

.sheet-sectionCondition6
{
    grid-column-start: 6;
    grid-column-end: 7;
}

.sheet-sectionCondition7
{
    grid-column-start: 7;
    grid-column-end: 8;
}

.sheet-sectionCondition8
{
    grid-column-start: 8;
    grid-column-end: 9;
}

.sheet-sectionCondition9
{
    grid-column-start: 9;
    grid-column-end: 10;
}

.sheet-sectionCondition10
{
    grid-column-start: 10;
    grid-column-end: 11;
}

.sheet-sectionCondition11
{
    grid-column-start: 11;
    grid-column-end: 12;
}

.sheet-sectionCondition12
{
    grid-column-start: 12;
    grid-column-end: 13;
}

.sheet-sectionCondition13
{
    grid-column-start: 13;
    grid-column-end: 14;
}

.sheet-sectionCondition14
{
    grid-column-start: 14;
    grid-column-end: 15;
}