/*
Version Info:
Version 1.3.0
Created by GM Knowledge Rhino

Asset root: https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/
*/

@font-face{
    font-family: "Genesys Dice";
    src:url(https://github.com/Roll20/roll20-character-sheets/raw/master/Genesys-RPG-nonAPI/assets/font/GenesysGlyphsAndDice-2.2.ttf);
}

.sheet-tab-weapons table tr th:last-child{
    background-position-x: right;
}
.sheet-message::before{
    font-family: "Pictos"!important;
    content:"q"!important;
}

.sheet-clear {
    clear: both
}

.sheet-rolltemplate-base .sheet-textRoll{    
    padding: 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.sheet-rolltemplate-base .sheet-textRoll.sheet-boost ~ .inlinerollresult{
    background-color: rgb(114, 205, 220);
    clip-path: unset;
    writing-mode: initial;
    justify-content: center;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-ability ~ .inlinerollresult{
    background-color: rgb(65, 173, 73);
    clip-path: polygon(0 100%,50% 0, 100% 100%);
    writing-mode: vertical-lr;
}

.sheet-rolltemplate-base .sheet-textRoll.sheet-ability ~ .inlinerollresult::before{
    content: ' ';
    display: block;
    height: 10px;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-proficiency~ .inlinerollresult{
    background-color: rgb(255, 232, 0);
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    writing-mode: initial;
    justify-content: center;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-proficiency ~ .inlinerollresult::before{
    display: initial;
    height:0;
}

.sheet-rolltemplate-base .sheet-textRoll.sheet-setback ~.inlinerollresult{
    background-color: black;
    clip-path: unset;
    writing-mode: initial;
    justify-content: center;
    color: white;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-difficulty ~ .inlinerollresult::before{
    display: initial;
    height:0;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-difficulty ~ .inlinerollresult{
    background-color: rgb(108, 42, 132);
    color: white;
    clip-path: polygon(0% 0%,50% 100%, 100% 0%);
    writing-mode: vertical-lr;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-difficulty ~ .inlinerollresult:after{
    content: ' ';
    display: block;
    height: 10px;
}
.sheet-rolltemplate-base .sheet-textRoll.sheet-challenge ~ .inlinerollresult{
    background-color: rgb(125, 24, 33);
    color: white;
    writing-mode: initial;
    justify-content: center;
    clip-path: polygon(50% 100%, 0% 62%, 18% 0%, 82% 0%,100% 62%);
}


.sheet-rolltemplate-base .sheet-textRoll ~ .inlinerollresult{
    display: flex;
    text-orientation: upright;
    box-sizing: border-box;
    align-items: center;
    border: none;
    justify-content: center;
    min-width: 3em;
    min-height: 3em;
    margin: 2px 4px;
    font-size: 1em;
    padding: 0;
    font-family: "Genesys Dice"!important;
}

.sheet-divider {
    border-top: 1px solid #e3e3e3
}


/* GRID
 * ----------------------------------------------------------------- */

.sheet-row {
    padding: 1% 0%;
    clear: both
}

.sheet-column {
    margin: 0 1%;
    float: left;
}

.sheet-column .sheet-column {
    margin: 0 0%;
    float: left;
}

.sheet-row .sheet-column:last-child {
    float: right
}

.sheet-small-1 {
    width: 6.3%
}

.sheet-small-2 {
    width: 14.6%
}

.sheet-small-3 {
    width: 23%
}

/* 25% */
.sheet-small-4 {
    width: 31.3%
}

.sheet-small-5 {
    width: 39.6%
}

.sheet-small-6 {
    width: 48%
}

/* 50% */
.sheet-small-7 {
    width: 56.3%
}

.sheet-small-8 {
    width: 64.6%
}

.sheet-small-9 {
    width: 73%
}

/* 75% */
.sheet-small-10 {
    width: 81.3%
}

.sheet-small-11 {
    width: 91.6%
}

.sheet-small-12 {
    width: 98%
}

/* 100% */

/* Dice input reset
 *-------------------------------------- */
.sheet-dice-pool [type=act] {
    padding: 2px 4px !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 28px !important;
}

.sheet-dice-pool [name='act_ResetDicePool'],
.sheet-dice-pool [name='act_ResetGMDicePool'] {
    padding-bottom: 3px !important
}

.sheet-dice-pool [name='act_ResetDicePool']:before,
.sheet-dice-pool [name='act_ResetGMDicePool']:before {
    font-family: "Pictos" !important;
    content: "r" !important;
}

/* ------------------------------------ */
/* Dice input span graphics
 *----------------------------------------- */

.sheet-yd + span {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/yellow/small.png'); /* Yellow - Proficiency Die */
    background-position: left top;
    background-repeat: repeat-x;
    height: 20px;
    display: block;
    float: left;
}

.sheet-gd + span {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/green/small.png'); /* Green - Ability Die */
    background-position: left top;
    background-repeat: repeat-x;
    height: 20px;
    display: block;
    float: left;
}

.sheet-pd + span {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/purple/small.png'); /* Purple - Difficulty Die */
    background-position: left top;
    background-repeat: repeat-x;
    height: 20px;
    display: block;
    float: left;
}

.sheet-gd[value="0"] + span {
    width: 0;
}

.sheet-gd[value="1"] + span {
    width: 17px
}

.sheet-gd[value="2"] + span {
    width: 34px
}

.sheet-gd[value="3"] + span {
    width: 51px
}

.sheet-gd[value="4"] + span {
    width: 68px
}

.sheet-gd[value="5"] + span {
    width: 85px
}

.sheet-gd[value="6"] + span {
    width: 102px
}

.sheet-gd[value="7"] + span {
    width: 124px
}

.sheet-yd[value="0"] + span {
    width: 0;
}

.sheet-yd[value="1"] + span {
    width: 17px
}

.sheet-yd[value="2"] + span {
    width: 34px
}

.sheet-yd[value="3"] + span {
    width: 51px
}

.sheet-yd[value="4"] + span {
    width: 68px
}

.sheet-yd[value="5"] + span {
    width: 85px
}

.sheet-yd[value="6"] + span {
    width: 102px
}

.sheet-yd[value="7"] + span {
    width: 124px
}

/*used for crit section*/
.sheet-pd[value="0"] + span {
    width: 0;
}

.sheet-pd[value="1"] + span {
    width: 20px
}

.sheet-pd[value="2"] + span {
    width: 40px
}

.sheet-pd[value="3"] + span {
    width: 60px
}

.sheet-pd[value="4"] + span {
    width: 80px
}

.sheet-pd[value="5"] + span {
    width: 100px
}

.sheet-pd[value="6"] + span {
    width: 120px
}

.sheet-pd[value="7"] + span {
    width: 140px
}

/* Switch
 * ------------------------------------ */
.sheet-switch {
    position: relative;
    margin: 0px auto;
    height: 27px;
    width: 120px;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.sheet-switch [type=radio] {
    width: 60px;
    height: 27px;
    float: left;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    outline: none;
    position: relative;
    cursor: pointer;
    z-index: 2;
}

.sheet-switch [type=radio]::before {
    content: attr(title);
    display: block;
    width: 60px;
    height: 27px;
    line-height: 27px;
    text-align: center;
}

.sheet-switch [type=radio]:checked,
.sheet-switch [type=radio]:active,
.sheet-switch [type=radio]:focus {
    font-weight: normal;
    background: transparent;
    color: #fff;
}

.sheet-switch-input-on:checked ~ .sheet-switch-selection {
    left: 2px;
}

.sheet-switch-input-off:checked ~ .sheet-switch-selection {
    left: 60px;
}

.sheet-switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 58px;
    height: 23px;
    background: #65bd63;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top, #485a6d, #2c3947);
    background-image: -moz-linear-gradient(top, #485a6d, #2c3947);
    background-image: -o-linear-gradient(top, #485a6d, #2c3947);
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

/* Form Options
 * ------------------------------------ */

table .sheet-opt-content {
    display: none;
}

/* Old Vehicle Tabs */
input.sheet-opt-vehicle:checked ~ table tr.sheet-opt-vehicle,
input.sheet-opt-ship:checked ~ table tr.sheet-opt-ship,
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
input.sheet-tab-older:checked ~ div.sheet-tab-older,
/* New Vehicle Tabs */
input.sheet-tab-transport-space:checked ~ table tr.sheet-tab-transport-space,
input.sheet-tab-transport-planetary:checked ~ table tr.sheet-tab-transport-planetary,
input.sheet-tab-transport-beast:checked ~ table tr.sheet-tab-transport-beast,
input.sheet-tab-transport-space-general:checked ~ table tr.sheet-tab-transport-space-general,
input.sheet-tab-transport-space-critical:checked ~ table tr.sheet-tab-transport-space-critical,
input.sheet-tab-transport-planetary-general:checked ~ table tr.sheet-tab-transport-planetary-general,
input.sheet-tab-transport-planetary-critical:checked ~ table tr.sheet-tab-transport-planetary-critical,
input.sheet-tab-transport-beast-general:checked ~ table tr.sheet-tab-transport-beast-general,
input.sheet-tab-transport-beast-critical:checked ~ table tr.sheet-tab-transport-beast-critical,
/* Base of Operations Tabs */
input.sheet-opt-rebel:checked ~ table tr td.sheet-opt-rebel,
input.sheet-opt-business:checked ~ table tr td.sheet-opt-business,
input.sheet-opt-homestead:checked ~ table tr td.sheet-opt-homestead,
/* Companion Tabs */
input.sheet-tab-companion-info:checked ~ table tr td.sheet-tab-companion-info,
input.sheet-tab-companion-combat:checked ~ table tr td.sheet-tab-companion-combat,
input.sheet-tab-companion-critical:checked ~ table tr td.sheet-tab-companion-critical,
input.sheet-tab-companion-inventory:checked ~ table tr td.sheet-tab-companion-inventory,
/* NPC Tabs */
input.sheet-tab-npc-info:checked ~ table tr td.sheet-tab-npc-info,
input.sheet-tab-npc-combat:checked ~ table tr td.sheet-tab-npc-combat,
input.sheet-tab-npc-critical:checked ~ table tr td.sheet-tab-npc-critical,
input.sheet-tab-npc-inventory:checked ~ table tr td.sheet-tab-npc-inventory,
/* GM Tabs */
input.sheet-tab-gm-combat:checked ~ table tr td.input.sheet-tab-gm-combat,
input.sheet-tab-gm-settings:checked ~ table tr td.input.sheet-tab-gm-settings,
input.sheet-tab-gm-weapons:checked ~ table tr td.sheet-tab-gm-weapons,
input.sheet-tab-npc:checked ~ table tr td.sheet-tab-npc,
input.sheet-tab-group-base-details:checked ~ table tr td.sheet-tab-group-base-details,
input.sheet-tab-group-shared:checked ~ table tr td.sheet-tab-group-shared,
input.sheet-tab-settinginfo:checked ~ table tr td.sheet-tab-settinginfo,
input.sheet-tab-gm-adversaries:checked ~ table tr td.sheet-tab-gm-adversaries {
    display: table-row;
}

/* Old Vehicle Tabs */
input.sheet-opt-vehicle:checked ~ table tr td.sheet-opt-vehicle,
input.sheet-opt-ship:checked ~ table tr td.sheet-opt-ship,
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
input.sheet-tab-older:checked ~ div.sheet-tab-older,
/* New Vehicle Tabs */
input.sheet-tab-transport-space:checked ~ table tr.sheet-tab-transport-space,
input.sheet-tab-transport-planetary:checked ~ table tr.sheet-tab-transport-planetary,
input.sheet-tab-transport-beast:checked ~ table tr.sheet-tab-transport-beast,
input.sheet-tab-transport-space-general:checked ~ table tr.sheet-tab-transport-space-general,
input.sheet-tab-transport-space-critical:checked ~ table tr.sheet-tab-transport-space-critical,
input.sheet-tab-transport-planetary-general:checked ~ table tr.sheet-tab-transport-planetary-general,
input.sheet-tab-transport-planetary-critical:checked ~ table tr.sheet-tab-transport-planetary-critical,
input.sheet-tab-transport-beast-general:checked ~ table tr.sheet-tab-transport-beast-general,
input.sheet-tab-transport-beast-critical:checked ~ table tr.sheet-tab-transport-beast-critical,
/* Base of Operations Tabs */
input.sheet-opt-rebel:checked ~ table tr td.sheet-opt-rebel,
input.sheet-opt-business:checked ~ table tr td.sheet-opt-business,
input.sheet-opt-homestead:checked ~ table tr td.sheet-opt-homestead,
/* Companion Tabs */
input.sheet-tab-companion-info:checked ~ table tr td.sheet-tab-companion-info,
input.sheet-tab-companion-stp:checked ~ table tr td.sheet-tab-companion-stp,
input.sheet-tab-companion-combat:checked ~ table tr td.sheet-tab-companion-combat,
input.sheet-tab-companion-critical:checked ~ table tr td.sheet-tab-companion-critical,
input.sheet-tab-companion-inventory:checked ~ table tr td.sheet-tab-companion-inventory,
/* NPC Tabs */
input.sheet-tab-npc-info:checked ~ table tr td.sheet-tab-npc-info,
input.sheet-tab-npc-stp:checked ~ table tr td.sheet-tab-npc-stp,
input.sheet-tab-npc-combat:checked ~ table tr td.sheet-tab-npc-combat,
input.sheet-tab-npc-critical:checked ~ table tr td.sheet-tab-npc-critical,
input.sheet-tab-npc-inventory:checked ~ table tr td.sheet-tab-npc-inventory,
/* GM Tabs */
input.sheet-tab-gm-combat:checked ~ table tr td.input.sheet-tab-gm-combat,
input.sheet-tab-gm-settings:checked ~ table tr td.input.sheet-tab-gm-settings,
input.sheet-tab-gm-weapons:checked ~ table tr td.sheet-tab-gm-weapons,
input.sheet-tab-npc:checked ~ table tr td.sheet-tab-npc,
input.sheet-tab-group-base-details:checked ~ table tr td.sheet-tab-group-base-details,
input.sheet-tab-group-shared:checked ~ table tr td.sheet-tab-group-shared,
input.sheet-tab-settinginfo:checked ~ table tr td.sheet-tab-settinginfo,
input.sheet-tab-gm-adversaries:checked ~ table tr td.sheet-tab-gm-adversaries {
    display: table-cell;
}

input.sheet-opt {
    height: 30px;
    margin-right: 120px;
    border: none;
    outline: none;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

input.sheet-opt::after {
    content: attr(title);
    text-align: left;
    display: block;
    color: #444;
    width: 120px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 16px;
}

input.sheet-opt-vehicle {
    margin-left: 10px;
}

input.sheet-opt:active,
input.sheet-op:focus {
    outline: none;
}

/* START TAB CODE */

input.sheet-tab-new {
    cursor: pointer;
    height: 20px;
    opacity: 0;
    position: relative;
    width: 120px;
    z-index: 9999;
}

span.sheet-tab-new {
    border: 1px solid #51597f;
    background-color: white;
    border-radius: 4px;
    color: #51597f;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    margin-left: -122px;
    position: relative;
    text-align: center;
    line-height: 20px;
    width: 120px;
}

input.sheet-tab-new:checked + span {
    background: #51597f none repeat scroll 0 0;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    /*color: #692927;*/
}

input.sheet-tab-new.sheet-tab-talents {
    width: 212px;
}

input.sheet-tab-new.sheet-tab-talents + span {
    margin-left: -214px;
}

/* END TAB CODE */

div.sheet-tab-content {
    display: none;
    border-top: 1px solid #444;
    margin-top: 2px;
}

div.sheet-separator {
    border-top: 1px solid #444;
    margin-top: 5px;
}

/* Top Level Tabs */
input.sheet-tab-character-sheet:checked ~ div.sheet-tab-character-sheet,
input.sheet-tab-ship-sheet:checked ~ div.sheet-tab-ship-sheet,
input.sheet-tab-base-sheet:checked ~ div.sheet-tab-base-sheet,
input.sheet-tab-companion-sheet:checked ~ div.sheet-tab-companion-sheet,
input.sheet-tab-npc-sheet:checked ~ div.sheet-tab-npc-sheet, /* NPC Short Sheet*/
input.sheet-tab-gm-dice:checked ~ div.sheet-tab-gm-dice,
/* Character Sheet Tab SubTabs */
input.sheet-tab-character:checked ~ div.sheet-tab-character,
input.sheet-tab-skills:checked ~ div.sheet-tab-skills,
input.sheet-tab-talents:checked ~ div.sheet-tab-talents,
input.sheet-tab-weapons:checked ~ div.sheet-tab-weapons,
input.sheet-tab-notes:checked ~ div.sheet-tab-notes,
input.sheet-tab-critical:checked ~ div.sheet-tab-critical,
/* Vehicle Sheet Tab SubTabs */
input.sheet-tab-v-details:checked ~ div.sheet-tab-v-details,
input.sheet-tab-v-weapons:checked ~ div.sheet-tab-v-weapons,
input.sheet-tab-older:checked ~ div.sheet-tab-older,
input.sheet-tab-transport-space:checked ~ div.sheet-tab-transport-space,
input.sheet-tab-transport-planetary:checked ~ div.sheet-tab-transport-planetary,
input.sheet-tab-transport-beast:checked ~ div.sheet-tab-transport-beast,
input.sheet-tab-transport-space-general:checked ~ div.sheet-tab-transport-space-general,
input.sheet-tab-transport-space-critical:checked ~ div.sheet-tab-transport-space-critical,
input.sheet-tab-transport-planetary-general:checked ~ div.sheet-tab-transport-planetary-general,
input.sheet-tab-transport-planetary-critical:checked ~ div.sheet-tab-transport-planetary-critical,
input.sheet-tab-transport-beast-general:checked ~ div.sheet-tab-transport-beast-general,
input.sheet-tab-transport-beast-critical:checked ~ div.sheet-tab-transport-beast-critical,
/* Group Sheet Tab*/
input.sheet-tab-base-details:checked ~ div.sheet-tab-base-details,
input.sheet-tab-base-shared:checked ~ div.sheet-tab-base-shared,
/* Group Sheet Tab SubTabs */
input.sheet-tab-groupshared:checked ~ div.sheet-tab-groupshared,
/* Group Sheet Tab Radio Buttons */
input.sheet-opt-rebel:checked ~ div.sheet-opt-rebel,
input.sheet-opt-business:checked ~ div.sheet-opt-business,
input.sheet-opt-homestead:checked ~ div.sheet-opt-homestead,
/* Companion Sub Tabs */
input.sheet-tab-companion-info:checked ~ div.sheet-tab-companion-info,
input.sheet-tab-companion-combat:checked ~ div.sheet-tab-companion-combat,
input.sheet-tab-companion-critical:checked ~ div.sheet-tab-companion-critical,
input.sheet-tab-companion-inventory:checked ~ div.sheet-tab-companion-inventory,
/* Companion Sub Tabs */
input.sheet-tab-npc-info:checked ~ div.sheet-tab-npc-info,
input.sheet-tab-npc-combat:checked ~ div.sheet-tab-npc-combat,
input.sheet-tab-npc-critical:checked ~ div.sheet-tab-npc-critical,
input.sheet-tab-npc-inventory:checked ~ div.sheet-tab-npc-inventory,
/* gmdice Sheet Tab SubTabs */
input.sheet-tab-gm-combat:checked ~ div.sheet-tab-gm-combat,
input.sheet-tab-gm-settings:checked ~ div.sheet-tab-gm-settings,
input.sheet-tab-gm-weapons:checked ~ div.sheet-tab-gm-weapons, /* Currently used for Group Mechanics sheet */
input.sheet-tab-group-base-details:checked ~ div.sheet-tab-group-base-details, /* Group Base of Operations Copy*/
input.sheet-tab-group-shared:checked ~ div.sheet-tab-group-shared, /* Group Shared Resources Copy*/
input.sheet-tab-settinginfo:checked ~ div.sheet-tab-settinginfo, /* Game Setting Worksheet */
input.sheet-tab-gm-adversaries:checked ~ div.sheet-tab-gm-adversaries /* Currently used for Campaign Details sheet */ {
    display: block;
}

/* Roll Template Formatting - Critical */

.sheet-rolltemplate-critical{
    padding-top: 8px;
    margin-left: -40px;
}

.sheet-rolltemplate-critical table {
    width: 100%;
    border: 1px solid;
    color: white;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-critical th {
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #741717, #491010);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding: 2px;
    line-height: 1.6em;
    font-size: 1.2em;
}

.sheet-rolltemplate-critical .sheet-subheader {
    font-size: 0.8em;
    padding: 2px;
}

.sheet-rolltemplate-critical .sheet-tcat-header {
    background-image: linear-gradient(to bottom, #741717, #491010);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding: 2px;
    line-height: 1.2em;
    font-size: 0.8em;
}

.sheet-rolltemplate-critical td {
    padding: 2px;
}

.sheet-rolltemplate-critical .inlinerollresult{
    background-color: none;
    border: none;
}

.sheet-rolltemplate-critical .sheet-tcat {
    font-weight: bold;
    padding: 2px;
}

.sheet-rolltemplate-critical .sheet-flavor {
    font-style: italic;
    padding: 2px;
}

.sheet-rolltemplate-critical tr:nth-child(odd) {
    background-color: #272724;
    padding: 2px;
}

.sheet-rolltemplate-critical tr:nth-child(even) {
    background-color: #171717;
    padding: 2px;
}

/* End Roll Template Formatting - Critical */

/* Roll Template Formatting */

.sheet-rolltemplate-base table, .sheet-rolltemplate-suggestion table {
    width: 100%;
    box-shadow: 2px 3px 2px 0px #555;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-base th, .sheet-rolltemplate-suggestion th {
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    padding: 2px;
    line-height: 1.6em;
    font-size: 1.2em;
}

.sheet-rolltemplate-base .sheet-subheader, .sheet-rolltemplate-suggestion .sheet-subheader {
    font-size: 0.8em;
    padding: 2px;
}

.sheet-rolltemplate-base .sheet-tcat-header, .sheet-rolltemplate-suggestion .sheet-tcat-header {
    background-image: linear-gradient(to bottom, #485a6d, #2c3947);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: flex;
    justify-content: space-around;
    padding: 2px;
    line-height: 1.2em;
    font-size: 0.8em;
}

.sheet-rolltemplate-base td, .sheet-rolltemplate-suggestion td {
    padding: 2px;
}

.sheet-rolltemplate-suggestion td {
    width: 71px;
}

.sheet-rolltemplate-base .sheet-tcat, .sheet-rolltemplate-suggestion .sheet-tcat {
    font-weight: bold;
    padding: 2px;
}

.sheet-rolltemplate-base .sheet-flavor, .sheet-rolltemplate-suggestion .sheet-flavor {
    font-style: italic;
    padding: 2px;
}

.sheet-rolltemplate-base tr:nth-child(odd), .sheet-rolltemplate-suggestion tr:nth-child(odd) {
    background-color: rgba(217, 217, 214, 1);
    padding: 2px;
}

.sheet-rolltemplate-base tr:nth-child(even), .sheet-rolltemplate-suggestion tr:nth-child(even) {
    background-color: rgba(233, 233, 233, 1);
    padding: 2px;
}

.sheet-rolltemplate-base .sheet-fillIn{
    font-family: "Genesys Dice";
    font-size: 18px;
}

/* End Roll Template Formatting - Base */

/* Custom Show Hide
 * ------------------------------------ */
.sheet-player-dice,
.sheet-player-sheet,
.sheet-gm-sheet {
    display: none;
}

input.sheet-player:checked ~ .sheet-player-sheet,
input.sheet-gm:checked ~ .sheet-gm-sheet {
    display: inline-block;
}

input.sheet-player:checked ~ .sheet-player-dice {
    display: block;
}

input.sheet-gm:checked ~ div.sheet-tab-content {
    display: none;
}

input.sheet-gm:checked ~ div.sheet-tab-gm-dice {
    display: block;
}

/* ------------------------------------ */

.charsheet {
    padding: 0px !important;
    margin: 0px !important;
}

.charsheet input[type=number] {
    text-align: right;
    cursor: pointer;
}

input[type=number].sheet-characteristic {
    background-color: transparent;
    border-color: transparent;
    font-size: 16pt;
    width: 2.5em;
    margin-top: 0.05em;
}

.charsheet input[type=text],
.charsheet textarea,
.charsheet select {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}

.charsheet input,
.charsheet textarea {
    background: #e3e3e3;
}

.charsheet input:focus,
.charsheet textarea:focus {
    background: #fff;
}

.charsheet textarea {
    width: calc(100% - 15px);
    height: auto;
    text-align: left;
}

.charsheet label {
    font-size: 11px;
    color: #444;
    margin: 0px;
    padding: 0px;
}

.charsheet table {
    width: 100%;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/grey.jpg'); /* Grey Background */
    background-position: center center;
    background-repeat: repeat;
}

.charsheet table tr th {
    text-align: left;
    background: #444;
    color: #f3f3f3;
    padding: 3px 5px;
}
.sheet-custom-ship-skills tr th{
    padding: 3px 9px;
}

.charsheet table tr th:last-child {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/white_space.png'); /* Blank white space */
    background-position:  bottom;
    background-repeat: no-repeat;
}

.charsheet table tr td {
    text-align: left;
    padding: 3px 5px;
    border-bottom: 1px dotted #ccc;
}

.charsheet table tr:hover td {
    background-color: #f1f1f1;
}
.sheet-skills table tr:hover td {
    background-color: unset;
}

.sheet-skills tr:hover  {
    background-color: #f1f1f1;
}

.sheet-bg-gray label {
    color: #eee
}

.sheet-bg-gray td,
.sheet-bg-gray:hover td,
.charsheet .sheet-sub-header,
.charsheet .sheet-sub-header:hover {
    background: #D3D3D3;
    color: #eee;
}

.sheet-bg-blue label {
    color: #fff
}

.sheet-bg-blue td,
.sheet-bg-blue:hover td,
.charsheet .sheet-sub-header,
.charsheet .sheet-sub-header:hover {
    background: #78728f;
    color: #fff;
}

.charsheet table tr td.sheet-div-right {
    border-right: 1px solid #ccc
}

.charsheet h3 {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/stretched_hexagon.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/grey_title_lines.png'); /* Stretched hexagon, Grey Title lines*/
    background-position: center top, center 5px;
    background-repeat: no-repeat, repeat-x;
    line-height: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #fff;
}

.charsheet .sheet-sub-header,
.charsheet .sheet-sub-header:hover {
    background: #485a6d;
    color: #fff;
}

/* ------------------------------------------------- Dice Pool */

.sheet-section-1 {
    padding-bottom: 10px;
}

.sheet-section-1 .sheet-column {
    margin-bottom: 0px;
    margin: 0 0;
    width: 100%
}

.sheet-dice-pool {
    border-bottom: 1px solid #444;
}

.sheet-dice-pool img {
    width: 20px;
    margin: -4px -6px 14px -14px;
    padding: 0px;
}

.sheet-dice-pool .sheet-note {
    font-size: 10px;
    font-weight: normal;
    color: #c1c9c2;
}

.sheet-dice-pool td,
.sheet-dice-pool tr:hover td {
    background: #444;
}

.sheet-dice-pool td.sheet-light,
.sheet-dice-pool td.sheet-dark,
.sheet-dice-pool td.sheet-force {
    text-align: center;
}

.sheet-dice-pool td.sheet-light:nth-child(1),
.sheet-dice-pool td.sheet-dark:nth-child(5) {
    text-align: right;
}

.sheet-dice-pool td.sheet-light:nth-child(3),
.sheet-dice-pool td.sheet-dark:nth-child(7) {
    text-align: left;
}

.sheet-dice-pool td.sheet-force {
    border-left: 1px solid #d1cbcb;
    border-right: 1px solid #d1cbcb;
}

.sheet-dice-pool td.sheet-force {
    border-bottom: none
}

.sheet-dice-pool td.sheet-light {
}

.sheet-dice-pool td.sheet-dark {
}

.sheet-dice-pool td.sheet-light:nth-child(1) {
    border-left: 1px solid #999;
}

.sheet-dice-pool td.sheet-upgrade,
.sheet-dice-pool td.sheet-downgrade {
    text-align: center !important;
    border-bottom: 1px solid #d1cbcb;
    border-top: 1px solid #d1cbcb;
}

.sheet-dice-pool [type=number] {
    background: #f3f3f3;
    width: 50px !important;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.sheet-dice-pool [type=number]:focus {
    background: #fff;
}

.sheet-upgrade label,
.sheet-downgrade label {
    display: inline-block;
    width: auto;
    text-align: center;
    color: #f3f3f3;
}

/* ------------------------------------------------- Soak, Wounds... */

.sheet-swsd {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/character.png') center -2px no-repeat; /* Character Sheet Stat connecting sword title - Border */
}

.sheet-swsd tr:hover td {
    background-color: transparent;
}

.sheet-swsd tr td {
    border: none;
}

.sheet-swsd th {
    font-size: 10px;
    font-weight: normal;
}

.sheet-swsd td {
    text-align: center;
    vertical-align: top;
}

.sheet-swsd td:nth-child(1),
.sheet-swsd td:nth-child(2),
.sheet-swsd td:nth-child(3),
.sheet-swsd td:nth-child(4),
.sheet-swsd td:nth-child(5) {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/threshold_current.png');
    background-position: center top;
    background-repeat: no-repeat;
    width: 153px;
    height: 87px;
}

.sheet-swsd td:nth-child(3),
.sheet-swsd td:nth-child(4),
.sheet-swsd td:nth-child(5) {
    background-position: center center;
    vertical-align: middle;
}

.sheet-swsd tr:nth-child(2) td:nth-child(1),
.sheet-beast tr:first-child td:nth-child(5) {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/single_digit.png'); /*Single Digit - Border*/
    background-position: center top;
    background-repeat: no-repeat;
    width: 99px;
    height: 66px;
    vertical-align: top;
}

.sheet-beast tr:first-child td:nth-child(5) {
    vertical-align: middle;
    background-position: center 60px;
}

.sheet-swsd tr:nth-child(2) td:nth-child(2) {
    background: none;
    width: auto;
    height: auto;
}

.sheet-swsd tr:nth-child(2) td:nth-child(1) label.sheet-label-title {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 4px;
    font-size: 14px;
    display: block;
}

.sheet-beast tr:first-child td:nth-child(5) label.sheet-label-title {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

label.sheet-label-title {
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    padding-bottom: 6px;
}

label.sheet-label-committed,
label.sheet-label-threshold,
label.sheet-label-current,
label.sheet-label-range,
label.sheet-label-melee {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    display: inline-block;
    width: auto;
    padding: 0 5px;
}

label.sheet-label-current-speed,
label.sheet-label-threshold-speed {
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    display: inline-block;
    width: auto;
    padding: 0 10px;
}

label.sheet-label-current {
    padding-right: 16px;
}

.charsheet .sheet-swsd [type=number] {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    width: 50px !important;
}

.sheet-destiny td:nth-child(1) {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    height: 66px;
    vertical-align: top;
}

.sheet-destiny td:nth-child(3) {
    width: 99px;
    height: 66px;
    vertical-align: middle;
}

.sheet-destiny td:nth-child(2),
.sheet-destiny td:nth-child(4) {
    text-align: center;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/single_digit.png'); /*Single Digit - Border*/
    background-position: center top;
    background-repeat: no-repeat;
    width: 99px;
    height: 66px;
    vertical-align: top;
}

.sheet-destiny {
    background-image: none;
}

.sheet-destiny tr td {
    border: none;
}

.sheet-destiny tr:hover td {
    background-color: transparent;
}

.sheet-destiny label {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 4px;
    font-size: 14px;
    display: block;
}

.sheet-destiny [type=number] {
    font-size: 14px;
    font-weight: bold;
}

/* ------------------------------------------------- Characteristics */

.sheet-characteristics td:nth-child(1),
.sheet-characteristics td:nth-child(3),
.sheet-characteristics td:nth-child(5),
.sheet-characteristics td:nth-child(7),
.sheet-characteristics td:nth-child(9),
.sheet-characteristics td:nth-child(11),
.sheet-characteristics td:nth-child(13) {
    text-align: center;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/single_digit.png'); /* Single Digit - Border */
    background-position: center top;
    background-repeat: no-repeat;
    width: 99px;
    height: 66px;
    vertical-align: top;
}

.sheet-characteristics {
    background-image: none;
}

.sheet-characteristics tr td {
    border: none;
}

.sheet-characteristics tr:hover td {
    background-color: transparent;
}

.sheet-characteristics label {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 4px;
    font-size: 14px;
    display: block;
}

.sheet-characteristics [type=number] {
    font-size: 14px;
    font-weight: bold;
}

/* Critical */

.sheet-critical tr td {
    border-bottom: none;
}

.sheet-critical {
    border-bottom: 1px dotted #999;
}

.sheet-critical:hover {
    background: #f1f1f1;
}

.sheet-roll-critical,
.sheet-roll-critical tr td,
.sheet-roll-critical tr:hover td {
    background-color: #444;
    border: none;
    color: #ccc
}

.sheet-crit-dice-bg {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/dice_border/4.png'); /* Four Boxes - Dice Border */
    background-position: 3px center;
    background-repeat: no-repeat;
}

th.sheet-right{
    background-position-x: right!important;
}
.sheet-roll-critical label {
    color: #ccc;
}

[name="attr_critAddRangeNum"],
[name="attr_critShipAddRangeNum"],
[name="attr_critAddOffset"],
[name="attr_critShipAddOffset"] {
    background: #ccc;
}

.sheet-critical {
    /*display: none;*/
}

.sheet-checkbox-criton {
    display: none;
}

.sheet-checkbox-criton:checked + .sheet-critical {
    display: block;
}

button.sheet-btn-lightSide[type=roll]::before {
    content: '';
}
.sheet-hider:not(:checked)  ~ label{
    display: none; 
}

.sheet-hider:checked ~ label{
    display: flex; 
}

.sheet-hider:not(:checked) ~ label.sheet-wepHP{
    display: none!important;
}
.sheet-fakeButton{
    position: relative;
}
.sheet-fakeButton:before{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    color: black;
    height: 2em;
    position: absolute;
    margin-left: -100%;
    margin-top: -100%;
    font-size: 1.4em;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-style: outset;
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
}

.sheet-small.sheet-fakeButton:before {
    height: auto;
    width: 13px!important;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-left: -50%;
    margin-top: -50%;
    padding: 2px 7px;
}

 .sheet-fakeButton:checked:before{
     border-color: black;
     outline: none;
     background-image: -webkit-linear-gradient(bottom,#fff,#e6e6e6);
 }

.sheet-combat::before{ content: "c"!important;}
.sheet-general::before{ content: "g"!important;}
.sheet-social::before{ content: "p"!important;}
.sheet-fakeButton:before,button[type=action]::before{
    font-family: "Genesys Dice";
    content: 'g';
}

button.sheet-btn-lightSide[type=roll] {
    white-space: nowrap;
    font-size: 15px;
    margin: 0;
}

button.sheet-btn-heal-crit[type=roll]::before,
button.sheet-btn-roll-crit[type=roll]::before,
button.sheet-btn-add-crit[type=roll]::before {
    content: '';
}

button.sheet-btn-heal-crit[type=roll],
button.sheet-btn-add-crit[type=roll],
button.sheet-btn-roll-crit[type=roll] {
    white-space: nowrap;
    font-size: 12px;
    width: 100%;
    margin: 0;
}

button.sheet-btn-roll-crit[type=roll] {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    border: none;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, white); /* For Safari */
    background: -o-linear-gradient(red, white); /* For Opera */
    background: -moz-linear-gradient(red, white); /* For Firefox */
    background: linear-gradient(red, white); /* Standard syntax (must be last) */
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
}

button.sheet-btn-roll-crit[type=roll]::before {
    content: 't ';
    font-size: 18px;
    color: #fff;
}

button.sheet-btn-roll-crit[type=roll]:focus {
    outline: none;
    border: none;
}

button.sheet-btn-roll-crit[type=roll]:active {
    background-image: -webkit-linear-gradient(top, #2c3947, #485a6d);
    background-image: -moz-linear-gradient(top, #2c3947, #485a6d);
    background-image: -o-linear-gradient(top, #2c3947, #485a6d);
    background-image: linear-gradient(to bottom, #2c3947, #485a6d);
}

/* ------------------------------------------------- Skills */

label.sheet-flex{ display: flex;flex-direction: column; align-items: center;}

.sheet-skills-section .sheet-table-grouper,table.sheet-skills{
    width: 49%;
}

table.sheet-skills{
    margin-bottom: 10px;
    border-color: #444;
    border-style: solid;
    border-width: 2px;
    border-top-width: 0;
    border-right-width: 0;
}
.sheet-table-grouper table{
    width: 100%;
}

table.sheet-skills tr{
    box-shadow: -2px 0 0px #444 inset !important;
}

.sheet-skills td:nth-child(2),
.sheet-skills td:nth-child(3),
.sheet-skills td:nth-child(6) {
    width: 50px;
}

.sheet-init td:nth-child(2),
.sheet-init td:nth-child(5),
.sheet-skills td:nth-child(4) {
    width: 124px;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/dice_border/7.png'); /* Seven Boxes - Dice Border */
    background-repeat: no-repeat;
    background-position: 3px center;
}


.sheet-custome-skills th:nth-child(1),
.sheet-custome-skills td:nth-child(1) {
    width: 270px;
}
.sheet-custome-skills td:nth-child(2),
.sheet-custome-skills th:nth-child(2) {
    width: 100px;
}

.sheet-custome-skills th:nth-child(4) {
    width: 20px;
}

.sheet-custome-skills td:nth-child(3),
.sheet-custome-skills td:nth-child(4),
.sheet-custome-skills td:nth-child(7),
.sheet-custome-skills th:nth-child(3),
.sheet-custome-skills th:nth-child(7) {
    width: 50px;
    background-image: none;
}

.sheet-custome-skills td:nth-child(6),
.sheet-custome-skills th:nth-child(6) {
    width: 124px;
}

.sheet-custome-skills td:nth-child(5) {
    width: 124px;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/dice_border/7.png'); /* Seven Boxes - Dice Border */
    background-repeat: no-repeat;
    background-position: 4px center;
}

.sheet-custom-ship-skills th:nth-child(1),
.sheet-custom-ship-skills td:nth-child(1) {
    width: 170px;
}
.sheet-custom-ship-skills th:nth-child(2),
.sheet-custom-ship-skills td:nth-child(2) {
    width: 100px;
}
.sheet-custom-ship-skills td:nth-child(3),
.sheet-custom-ship-skills th:nth-child(3) {
    width: 100px;
}

.sheet-custom-ship-skills th:nth-child(5) {
    width: 20px;
}

.sheet-custom-ship-skills td:nth-child(4),
.sheet-custom-ship-skills td:nth-child(5),
.sheet-custom-ship-skills td:nth-child(8),
.sheet-custom-ship-skills th:nth-child(4),
.sheet-custom-ship-skills th:nth-child(8) {
    width: 50px;
    background-image: none;
}

.sheet-custom-ship-skills td:nth-child(7),
.sheet-custom-ship-skills th:nth-child(7) {
    width: 124px;
}

.sheet-custom-ship-skills td:nth-child(6), .sheet-dice-container {
    width: 124px;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/dice_border/7.png'); /* Seven Boxes - Dice Border */
    background-repeat: no-repeat;
    background-position: 4px center;
}


.sheet-skills th:nth-child(2),
.sheet-skills td:nth-child(2),
.sheet-custome-skills th:nth-child(3),
.sheet-custome-skills td:nth-child(3),
.sheet-custom-ship-skills th:nth-child(4),
.sheet-custom-ship-skills td:nth-child(4) {
    text-align: center;
}

/* TIP HELP */

/* Success - Symbol */
.sheet-icon-S {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/symbols/success.png') center center no-repeat;
}

/* Failure - Symbol */
.sheet-icon-F {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/symbols/failure.png') center center no-repeat;
}

/* Advantage - Symbol */
.sheet-icon-A {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/advantage.png') center center no-repeat;
}

/* Triumph - Symbol */
.sheet-icon-Tri {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/triumph.png') center center no-repeat;
}

/* Threat - Symbol */
.sheet-icon-T {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/threat.png') center center no-repeat;
}

/* Despair - Symbol */
.sheet-icon-Des {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/despair.png') center center no-repeat;
}

.sheet-icon-B {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/blue/blank.png') center center no-repeat;
}

.sheet-icon-G {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/green/blank.png') center center no-repeat;
}

.sheet-icon-Y {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/yellow/blank.png') center center no-repeat;
}

.sheet-icon-P {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/purple/blank.png') center center no-repeat;
}

.sheet-icon-R {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/red/blank.png') center center no-repeat;
}

.sheet-icon-BLK {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/dice/black/blank.png') center center no-repeat;
}

.sheet-icon-S,
.sheet-icon-F,
.sheet-icon-A,
.sheet-icon-Tri,
.sheet-icon-T,
.sheet-icon-Des,
.sheet-icon-B,
.sheet-icon-G,
.sheet-icon-Y,
.sheet-icon-P,
.sheet-icon-R,
.sheet-icon-BLK {
    background-size: 15px 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.sheet-skills label {
    float: left;
    width: auto;
}

.sheet-tips {
    float: left;
    margin-left: 5px;
}

.sheet-help {
    display: none;
}

.sheet-help-def {
    display: block
}

.sheet-tips:hover .sheet-help {
    display: block
}

.sheet-icon-question {
    width: 14px;
    margin: auto;
    line-height: 14px;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #444;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

th .sheet-icon-question {
    color: #444;
    background: #fff;
}

.sheet-help .sheet-icon {
    position: absolute;
    width: 21px;
    height: 16px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    margin-top: -2px;
    cursor: pointer;
}

.sheet-help-def .sheet-icon {
    margin-left: 0px
}

.sheet-help-success .sheet-icon {
    margin-left: 25px
}

.sheet-help-advantage .sheet-icon {
    margin-left: 50px
}

.sheet-help-triumph .sheet-icon {
    margin-left: 75px
}

.sheet-help-threat .sheet-icon {
    margin-left: 100px
}

.sheet-help-despair .sheet-icon {
    margin-left: 125px
}

.sheet-help-failure .sheet-icon {
    margin-left: 150px
}

.sheet-help-content {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    width: 250px;
    margin-left: -25px;
    margin-top: 19px;
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
    /* -moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75); */
    box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

th .sheet-help-content {
    color: #444;
    font-weight: normal;
}

.sheet-helper {
    cursor: help;
}

.sheet-icon:hover ~ .sheet-help-content {
    display: block;
    z-index: 10
}

.sheet-icon:hover {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    padding: 3px 1px 1px 1px;
    z-index: 15;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.sheet-help-content h5 {
    padding-bottom: 8px;
}

.sheet-help-content ul li {
    line-height: 14px;
    padding-bottom: 8px;
}

.sheet-force-rating label input {
    text-align: center;
}

/* -------------------------------------------------- Talents */

.sheet-talents th:last-child {
    background-image: none;
    text-align: center;
}

.sheet-talent tr td {
    border-bottom: none;
}

.sheet-talent {
    border-bottom: 1px dotted #999;
}

.sheet-talent:hover {
    background: #f1f1f1;
}

[name=attr_talentname] {
    font-weight: bold;
}

/* ------------------------------------------------- Weapons */

.sheet-weapons td:nth-child(1),
.sheet-weapons td:nth-child(9) {
    width: 20%;
}

.sheet-weapons td:nth-child(2),
.sheet-weapons td:nth-child(4),
.sheet-weapons td:nth-child(6),
.sheet-weapons td:nth-child(8) {
    text-align: center;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/single_digit.png'); /*Single Digit - Border*/
    background-position: center top;
    background-repeat: no-repeat;
    width: 99px;
    height: 66px;
    vertical-align: top;
}

.sheet-weapons {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/title_double_line.png') center 45px repeat-x; /* Title Double Line */
}

.sheet-weapons tr td {
    border: none;
    text-align: center;
}

.sheet-weapons tr:hover td {
    background-color: transparent;
}

.sheet-weapons label {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 4px;
    font-size: 14px;
    display: block;
}

.sheet-weapons [type=text] {
    font-size: 14px;
    font-weight: bold;
    width: 50px;
    text-align: center
}

.sheet-weapons [type=roll] {
    font-size: 28px !important;
    line-height: 30px !important;
    width: auto !important;
}

.sheet-attachments-wrapper {
    position: relative;
    padding-top: 5px;
}

.sheet-view-attachments {
    float: left;
    margin-left: 10px;
    padding-bottom: 15px;
    position: relative;
}

input.sheet-view-attachments {
    margin-top: -28px;
}

label.sheet-view-attachments {
    width: 150px;
    margin-top: -31px;
    margin-left: 30px;
}

.sheet-attachments {
    display: none;
}

input.sheet-view-attachments:checked ~ .sheet-attachments {
    display: table;
}

.sheet-attachments th:last-child {
    background: #444;
}

/* ---------------------------------------------------------- Ship */

.sheet-ship {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/vehicle.png') center center no-repeat; /* Vehicle Sheet Stat connecting sword title - Border */
    background-color: transparent;
}

table.sheet-ship tr td {
    border: none;
    background-color: transparent;
}

table.sheet-ship tr:hover td {
    background-color: transparent;
}

.sheet-ship-defense {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/single_digit.png') center center no-repeat; /* Starship Four Zones - Border */
    width: 302px;
    height: 236px;
    text-align: center;
    vertical-align: top;
}

.sheet-planetary-vehicle-defense {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/ship/speed_four_zones.png') center center no-repeat; /* Speeder Four Zones - Border */
    width: 302px;
    height: 236px;
    text-align: center;
    vertical-align: top;
}

.sheet-ship-char-thre-bg {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/threshold_current.png');
    background-position: center 0px;
    background-repeat: no-repeat;
    vertical-align: top;
    width: 33%; /*153px;*/
    height: 87px;
    text-align: center;
}

.sheet-ship-char-thre-bg-speed {
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/threshold_current.png');
    background-position: center 25px;
    background-repeat: no-repeat;
    vertical-align: top;
    width: 33%; /*153px;*/
    height: 87px;
    text-align: center;
    padding-top: 28px;
}

.sheet-ship-char-bg {
    text-align: center;
    background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/border/single_digit.png'); /*Single Digit - Border*/
    background-position: center 37px;
    background-repeat: no-repeat;
    width: 99px;
    height: 66px;
    vertical-align: top;
    padding-top: 40px;
}

.sheet-ship-char-bg label {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 4px;
    font-size: 13px;
    display: block;
}

.sheet-ship-char-bg.sheet-armor {
    width: 26%;
    padding-top: 3px;
    background-position: center 0;
}

.sheet-ship [type=number] {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    width: 50px !important;
}

.sheet-ship-char-bg [type=number] {
    font-size: 14px;
}

.sheet-ship-defense label {
    color: #fff;
    text-align: center
}

.sheet-planetary-vehicle-defense label {
    color: #fff;
    text-align: center
}

.sheet-def-label {
    position: absolute;
    width: 50px;
    margin-left: 220px;
    margin-top: 48px;
    font-size: 14px
}

.sheet-fore,
.sheet-starboard,
.sheet-aft,
.sheet-port {
    width: 99px;
    height: 66px;
    position: absolute;
}

.sheet-fore {
    margin-left: 99px;
    margin-top: 2px;
}

.sheet-starboard {
    margin-left: 203px;
    margin-top: 91px;
}

.sheet-aft {
    margin-left: 99px;
    margin-top: 172px;
}

.sheet-port {
    margin-left: 101px;
    margin-top: 89px;
}

.sheet-firearc-field {
    width: 32px;
    height: 32px;
    padding: 1px 0 0 0;
    vertical-align: top
}

.sheet-fireArcFore,
.sheet-fireArcStarboard,
.sheet-fireArcAft,
.sheet-fireArcPort {
    position: absolute;
    z-index: 5;
    opacity: 0.0;
}

.sheet-fireArcFore {
    margin-left: 10px;
    margin-top: 0px
}

.sheet-fireArcStarboard {
    margin-left: 20px;
    margin-top: 10px
}

.sheet-fireArcAft {
    margin-left: 10px;
    margin-top: 20px
}

.sheet-fireArcPort {
    margin-left: 0px;
    margin-top: 10px
}

span.sheet-fireArcForeImg,
span.sheet-fireArcStarboardImg,
span.sheet-fireArcAftImg,
span.sheet-fireArcPortImg {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/ship/fire_arc.png') left bottom no-repeat; /* Starship Weapon Firing Arcs */
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
}

span.sheet-fireArcForeImg {
    background-position: 0px bottom
}

span.sheet-fireArcStarboardImg {
    background-position: -32px bottom
}

span.sheet-fireArcAftImg {
    background-position: -64px bottom
}

span.sheet-fireArcPortImg {
    background-position: -96px bottom
}

.sheet-fireArcFore:checked ~ span.sheet-fireArcForeImg {
    background-position: 0px top
}

.sheet-fireArcStarboard:checked ~ span.sheet-fireArcStarboardImg {
    background-position: -32px top
}

.sheet-fireArcAft:checked ~ span.sheet-fireArcAftImg {
    background-position: -64px top
}

.sheet-fireArcPort:checked ~ span.sheet-fireArcPortImg {
    background-position: -96px top
}

div.sheet-footer {
    border: 2px solid black;
    padding: 10px;
    margin: 10px auto;
    box-shadow: 3px 3px 1px #888888;
    width: 65%;
    box-sizing: border-box;
}
.sheet-footer-toggle:not(:checked) ~ div.sheet-footer{
    padding: 0;
    border: 0;
}

.sheet-npc-type {
    display: inline;
    margin-right: 1em;
}

label.sheet-npc-type input[type="radio"] {
    margin-left: 5px;
}

label.sheet-npc-minion-group {
    display: inline;
}

.sheet-npc-minion-title {
    cursor: help;
}

.sheet-spacer {
    padding: 1% 0%;
}

.sheet-textbox {
    height: 164px;
    width: 100%;
    box-sizing: border-box;
}

/************************
 * Sheet Toggle Section *
 ************************/
div.sheet-section-spacer {
    margin-bottom: 20px;
}

/* Hide actual checkbox */
input[type="checkbox"].sheet-toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* Fake checkbox */
input[type="checkbox"].sheet-toggle + span::before {
    content: "►";
    margin-left: .5em;
}

input[type="checkbox"].sheet-toggle:checked + span::before {
    margin-right: 4px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 12px;
}

/* Header section */
input.sheet-header-section-toggle:checked ~ div.sheet-header-section,
input.sheet-top-section-toggle:checked ~ div.sheet-top-section,
input.sheet-stats-section-toggle:checked ~ div.sheet-stats-section,
input.sheet-destiny-section-toggle:checked ~ div.sheet-destiny-section,
input.sheet-dice-section-toggle:checked ~ div.sheet-dice-section,
input.sheet-motivations-section-toggle:checked ~ div.sheet-motivations-section,
input.sheet-obligation-section-toggle:checked ~ div.sheet-obligation-section,
input.sheet-assignment-section-toggle:checked ~ div.sheet-assignment-section,
input.sheet-setting-section-toggle:checked ~ div.sheet-setting-section,
input.sheet-settingworksheet-section:checked ~ div.sheet-settingworksheet-section,
input.sheet-duties-section-toggle:checked ~ div.sheet-duties-section,
input.sheet-morality-section-toggle:checked ~ div.sheet-morality-section,
input.sheet-details-section-toggle:checked ~ div.sheet-details-section,
input.sheet-npc-section-toggle:checked ~ div.sheet-npc-section,
input.sheet-upgrades-section-toggle:checked ~ div.sheet-upgrades-section,
input.sheet-contacts-section-toggle:checked ~ div.sheet-contacts-section,
input.sheet-tasks-section-toggle:checked ~ div.sheet-tasks-section,
input.sheet-resources-section-toggle:checked ~ div.sheet-resources-section,
input.sheet-possessions-section-toggle:checked ~ div.sheet-possessions-section,
input.sheet-roles-section-toggle:checked ~ div.sheet-roles-section,
input.sheet-attachments-section-toggle:checked ~ div.sheet-attachments-section,
input.sheet-cargo-section-toggle:checked ~ div.sheet-cargo-section,
input.sheet-passengers-section-toggle:checked ~ div.sheet-passengers-section,
input.sheet-main-section-toggle:checked ~ div.sheet-main-section,
input.sheet-mechanics-section-toggle:checked ~ div.sheet-mechanics-section,
input.sheet-quickinfo-section-toggle:checked ~ div.sheet-quickinfo-section,
input.sheet-weapon-section-toggle:checked ~ div.sheet-weapon-section,
input.sheet-characteristic-section-toggle:checked ~ div.sheet-characteristic-section,
input.sheet-talents-section-toggle:checked ~ div.sheet-talents-section,
input.sheet-force-section-toggle:checked ~ div.sheet-force-section,
input.sheet-signature-section-toggle:checked ~ div.sheet-signature-section,
input.sheet-combatskills-section-toggle:checked ~ div.sheet-combatskills-section,
input.sheet-armor-section-toggle:checked ~ div.sheet-armor-section,
input.sheet-cybernetics-section-toggle:checked ~ div.sheet-cybernetics-section,
input.sheet-tools-section-toggle:checked ~ div.sheet-tools-section,
input.sheet-other-gear-section-toggle:checked ~ div.sheet-other-gear-section,
input.sheet-initiative-section-toggle:checked ~ div.sheet-initiative-section,
input.sheet-stats-toggle-small:checked ~ div.sheet-stats-toggle-small,
input.sheet-equipment-section-toggle:checked ~ div.sheet-equipment-section,
input.sheet-character-toggle-small:checked ~ div.sheet-character-toggle-small,
input.sheet-game-mechanics-toggle-small:checked ~ div.sheet-game-mechanics-toggle-small,
input.sheet-career-toggle-small:checked ~ div.sheet-career-toggle-small,
input.sheet-description-toggle-small:checked ~ div.sheet-description-toggle-small,
input.sheet-motivation-toggle-small:checked ~ div.sheet-motivation-toggle-small,
input.sheet-obligation-toggle-small:checked ~ div.sheet-obligation-toggle-small,
input.sheet-duty-toggle-small:checked ~ div.sheet-duty-toggle-small,
input.sheet-morality-toggle-small:checked ~ div.sheet-morality-toggle-small,
input.sheet-armor-toggle-small:checked ~ div.sheet-armor-toggle-small,
input.sheet-cybernetics-toggle-small:checked ~ div.sheet-cybernetics-toggle-small,
input.sheet-tools-toggle-small:checked ~ div.sheet-tools-toggle-small,
input.sheet-other-gear-toggle-small:checked ~ div.sheet-other-gear-toggle-small,
input.sheet-initiative-toggle-small:checked ~ div.sheet-initiative-toggle-small,
input.sheet-info-toggle-small:checked ~ div.sheet-info-toggle-small,
input.sheet-weapons-toggle-small:checked ~ div.sheet-weapons-toggle-small,
input.sheet-characteristic-toggle-small:checked ~ div.sheet-characteristic-toggle-small,
input.sheet-skills-toggle-small:checked ~ div.sheet-skills-toggle-small,
input.sheet-talents-toggle-small:checked ~ div.sheet-talents-toggle-small,
input.sheet-equipment-toggle-small:checked ~ div.sheet-equipment-toggle-small,
input.sheet-force-toggle-small:checked ~ div.sheet-force-toggle-small,
input.sheet-toggle.sheet-initiative-toggle-small:checked ~ div.sheet-initiative-toggle-small,
/* Repeating Section Toggles */
input.sheet-assignment-toggle:checked ~ div.sheet-assignment,
input.sheet-mission-toggle:checked ~ div.sheet-mission,
input.sheet-geninfo-toggle:checked ~ div.sheet-geninfo,
input.sheet-location-toggle:checked ~ div.sheet-location,
input.sheet-rewards-toggle:checked ~ div.sheet-rewards,
input.sheet-details-toggle:checked ~ div.sheet-details,
input.sheet-list-toggle:checked ~ div.sheet-list,
input.sheet-weapon-toggle:checked ~ div.sheet-weapon,
/* footer */
input.sheet-footer-toggle:checked ~ div.sheet-footer {
    max-height: 10000px;
}

input.sheet-skills-section-toggle:checked ~ div.sheet-skills-section{
    max-height: 100000px;
}
div.sheet-skills-section{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Header section */
input.sheet-header-section-toggle ~ div.sheet-header-section,
input.sheet-top-section-toggle ~ div.sheet-top-section,

input.sheet-destiny-section-toggle ~ div.sheet-destiny-section,
input.sheet-dice-section-toggle ~ div.sheet-dice-section,
input.sheet-motivations-section-toggle ~ div.sheet-motivations-section,
input.sheet-obligation-section-toggle ~ div.sheet-obligation-section,
input.sheet-assignment-section-toggle ~ div.sheet-assignment-section,
input.sheet-duties-section-toggle ~ div.sheet-duties-section,
input.sheet-morality-section-toggle ~ div.sheet-morality-section,

input.sheet-details-section-toggle ~ div.sheet-details-section,
input.sheet-npc-section-toggle ~ div.sheet-npc-section,
input.sheet-upgrades-section-toggle ~ div.sheet-upgrades-section,
input.sheet-contacts-section-toggle ~ div.sheet-contacts-section,
input.sheet-tasks-section-toggle ~ div.sheet-tasks-section,
input.sheet-resources-section-toggle ~ div.sheet-resources-section,
input.sheet-possessions-section-toggle ~ div.sheet-possessions-section,

input.sheet-roles-section-toggle ~ div.sheet-roles-section,
input.sheet-attachments-section-toggle ~ div.sheet-attachments-section,
input.sheet-cargo-section-toggle ~ div.sheet-cargo-section,
input.sheet-passengers-section-toggle ~ div.sheet-passengers-section,

input.sheet-main-section-toggle ~ div.sheet-main-section,
input.sheet-mechanics-section-toggle ~ div.sheet-mechanics-section,

input.sheet-quickinfo-section-toggle ~ div.sheet-quickinfo-section,
input.sheet-weapon-section-toggle ~ div.sheet-weapon-section,
input.sheet-characteristic-section-toggle ~ div.sheet-characteristic-section,
input.sheet-skills-section-toggle ~ div.sheet-skills-section,
input.sheet-talents-section-toggle ~ div.sheet-talents-section,
input.sheet-force-section-toggle ~ div.sheet-force-section,
input.sheet-signature-section-toggle ~ div.sheet-signature-section,
input.sheet-combatskills-section-toggle ~ div.sheet-combatskills-section,

input.sheet-armor-section-toggle ~ div.sheet-armor-section,
input.sheet-cybernetics-section-toggle ~ div.sheet-cybernetics-section,
input.sheet-tools-section-toggle ~ div.sheet-tools-section,
input.sheet-other-gear-section-toggle ~ div.sheet-other-gear-section,
input.sheet-initiative-section-toggle ~ div.sheet-initiative-section,

input.sheet-equipment-section-toggle ~ div.sheet-equipment-section,

input.sheet-stats-toggle-small ~ div.sheet-stats-toggle-small,

input.sheet-character-toggle-small ~ div.sheet-character-toggle-small,
input.sheet-game-mechanics-toggle-small ~ div.sheet-game-mechanics-toggle-small,

input.sheet-career-toggle-small ~ div.sheet-career-toggle-small,
input.sheet-description-toggle-small ~ div.sheet-description-toggle-small,
input.sheet-motivation-toggle-small ~ div.sheet-motivation-toggle-small,

input.sheet-obligation-toggle-small ~ div.sheet-obligation-toggle-small,
input.sheet-duty-toggle-small ~ div.sheet-duty-toggle-small,
input.sheet-morality-toggle-small ~ div.sheet-morality-toggle-small,

input.sheet-armor-toggle-small ~ div.sheet-armor-toggle-small,
input.sheet-cybernetics-toggle-small ~ div.sheet-cybernetics-toggle-small,
input.sheet-tools-toggle-small ~ div.sheet-tools-toggle-small,
input.sheet-other-gear-toggle-small ~ div.sheet-other-gear-toggle-small,

input.sheet-initiative-toggle-small ~ div.sheet-initiative-toggle-small,
input.sheet-info-toggle-small ~ div.sheet-info-toggle-small,
input.sheet-weapons-toggle-small ~ div.sheet-weapons-toggle-small,
input.sheet-characteristic-toggle-small ~ div.sheet-characteristic-toggle-small,
input.sheet-skills-toggle-small ~ div.sheet-skills-toggle-small,
input.sheet-talents-toggle-small ~ div.sheet-talents-toggle-small,
input.sheet-equipment-toggle-small ~ div.sheet-equipment-toggle-small,
input.sheet-force-toggle-small ~ div.sheet-force-toggle-small,

/* Repeating Section Toggles */
input.sheet-assignment-toggle ~ div.sheet-assignment,
input.sheet-mission-toggle ~ div.sheet-mission,
input.sheet-geninfo-toggle ~ div.sheet-geninfo,
input.sheet-location-toggle ~ div.sheet-location,
input.sheet-rewards-toggle ~ div.sheet-rewards,
input.sheet-details-toggle ~ div.sheet-details,
input.sheet-list-toggle ~ div.sheet-list,
input.sheet-weapon-toggle ~ div.sheet-weapon,

/* footer */
input.sheet-footer-toggle ~ div.sheet-footer {
    display: block;
    max-height: 0;
    transition: max-height 0.99s ease-in-out;
    overflow: hidden;
}

.repcontrol_add, .repcontrol_edit, .repcontrol_del, .repcontrol_move {
    background: #444;
    color: #f3f3f3;
}

.sheet-settings-container {
    float: right;
    position: relative;
}

input.sheet-settings-checkbox {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    right: 4px;
    
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-settings-checkbox + span::before {
    content: "y";
    font-family: pictos;
    
    text-align: center;
    display: inline-block;
    
    background: transparent;
    
    width: 17px;
    height: 17px;
    font-size: 15px;
    color: darkgrey;
    
    position: absolute;
    right: 4px;
}

input.sheet-settings-checkbox:checked + span::before{
    color: black;
}

div.sheet-settings {
    display: none;
}

input.sheet-settings-checkbox:checked ~ div.sheet-settings{
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    
    background-color: #f1f1f1;
    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    
    padding: 2px;
}

.sheet-setting-check {
    display: none;
}

.sheet-settings label {
    white-space: nowrap;
}

input.sheet-hideskills:not(:checked) ~ * .sheet-hideskills {
    display: none;
}

input.sheet-hide-alchemy:checked ~ * .sheet-hide-alchemy,
input.sheet-hide-arcana:checked ~ * .sheet-hide-arcana,
input.sheet-hide-astrogation:checked ~ * .sheet-hide-astrogation,
input.sheet-hide-athletics:checked ~ * .sheet-hide-athletics,
input.sheet-hide-brawl:checked ~ * .sheet-hide-brawl,
input.sheet-hide-charm:checked ~ * .sheet-hide-charm,
input.sheet-hide-coercion:checked ~ * .sheet-hide-coercion,
input.sheet-hide-computers:checked ~ * .sheet-hide-computers,
input.sheet-hide-cool:checked ~ * .sheet-hide-cool,
input.sheet-hide-coordination:checked ~ * .sheet-hide-coordination,
input.sheet-hide-deception:checked ~ * .sheet-hide-deception,
input.sheet-hide-discipline:checked ~ * .sheet-hide-discipline,
input.sheet-hide-divine:checked ~ * .sheet-hide-divine,
input.sheet-hide-driving:checked ~ * .sheet-hide-driving,
input.sheet-hide-gunnery:checked ~ * .sheet-hide-gunnery,
input.sheet-hide-knowledge:checked ~ * .sheet-hide-knowledge,
input.sheet-hide-leadership:checked ~ * .sheet-hide-leadership,
input.sheet-hide-mechanics:checked ~ * .sheet-hide-mechanics,
input.sheet-hide-medicine:checked ~ * .sheet-hide-medicine,
input.sheet-hide-melee:checked ~ * .sheet-hide-melee,
input.sheet-hide-meleeheavy:checked ~ * .sheet-hide-meleeheavy,
input.sheet-hide-meleelight:checked ~ * .sheet-hide-meleelight,
input.sheet-hide-negotiation:checked ~ * .sheet-hide-negotiation,
input.sheet-hide-operating:checked ~ * .sheet-hide-operating,
input.sheet-hide-perception:checked ~ * .sheet-hide-perception,
input.sheet-hide-piloting:checked ~ * .sheet-hide-piloting,
input.sheet-hide-primal:checked ~ * .sheet-hide-primal,
input.sheet-hide-ranged:checked ~ * .sheet-hide-ranged,
input.sheet-hide-rangedheavy:checked ~ * .sheet-hide-rangedheavy,
input.sheet-hide-rangedlight:checked ~ * .sheet-hide-rangedlight,
input.sheet-hide-resilience:checked ~ * .sheet-hide-resilience,
input.sheet-hide-riding:checked ~ * .sheet-hide-riding,
input.sheet-hide-skulduggery:checked ~ * .sheet-hide-skulduggery,
input.sheet-hide-stealth:checked ~ * .sheet-hide-stealth,
input.sheet-hide-streetwise:checked ~ * .sheet-hide-streetwise,
input.sheet-hide-survival:checked ~ * .sheet-hide-survival,
input.sheet-hide-vigilance:checked ~ * .sheet-hide-vigilance {
    display: none;
}


input.sheet-hideskills:checked ~ * .sheet-hide-skill-row {
    display: table-row;
}

.sheet-rolltemplate-base{
    padding-top: 8px;
    margin-left: -40px;
}


.sheet-rolltemplate-base span.sheet-fireArcForeImg,
.sheet-rolltemplate-base span.sheet-fireArcStarboardImg,
.sheet-rolltemplate-base span.sheet-fireArcAftImg,
.sheet-rolltemplate-base span.sheet-fireArcPortImg {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/ship/fire_arc.png') left bottom no-repeat; /* Starship Weapon Firing Arcs */
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 15px;
    top:10px;
    float: right;
}

.sheet-rolltemplate-base span.sheet-fireArcForeImg {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Genesys-RPG-nonAPI/assets/background/ship/fire_arc.png') left bottom no-repeat,radial-gradient(white 10%, transparent);
    border-radius: 50%;
    background-position: 0px bottom
}

.sheet-rolltemplate-base span.sheet-fireArcStarboardImg {
    background-position: -32px bottom
}

.sheet-rolltemplate-base span.sheet-fireArcAftImg {
    background-position: -64px bottom
}

.sheet-rolltemplate-base span.sheet-fireArcPortImg {
    background-position: -96px bottom
}

.sheet-rolltemplate-base span.sheet-fireArcForeImg.sheet-on,
.sheet-rolltemplate-base span.sheet-fireArcStarboardImg.sheet-on ,
.sheet-rolltemplate-base span.sheet-fireArcAftImg.sheet-on,
.sheet-rolltemplate-base span.sheet-fireArcPortImg.sheet-on{
    background-position-y: top;
}