roll20-character-sheets/Shadowrun3e/shadowrun3e.css

.charsheet {
    background-color: #adadad8c;
    background-position: center;
    background-size: contain;
    color: black;
    position: absolute;
    background-image: url("https://raw.githubusercontent.com/bahornbeck/img/master/images/matrixbg.jpg");
}


select option {
        background: black;
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


.button {
font-size: 1em;
padding: 4px;
color: white;
border: 2px solid black;
border-radius: 20px;
text-decoration: none;
background: black;
cursor: pointer;
transition: all 0.3s ease-out;
}
.button:hover {
background: red;
color: white;
}

.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}

.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 60%;
position: relative;
transition: all 5s ease-in-out;
}

.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
}

	


summary,
details {
    display: revert;
}

.SRH5 {
    font-size: 14px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: white;
}

.SRH4 {
    font-size: 16px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: white;
}

.SRH3 {
    font-size: 18px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: white;
}

.SRH3 span {
    font-size: 18px;
    font-weight: bold;
    color: black;
    background-color: white;
    padding-left: 18px;
    padding-right: 18px;
}

.SRH2 {
    font-size: 22px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: white;
}

.SRH2W {
    font-size: 22px;
    font-weight: bold;
    color: white;
}


.SRH2 span {
    font-size: 22px;
    font-weight: bold;
    color: black;
    background-color: white;
    padding-left: 18px;
    padding-right: 18px;
}

.text-left {
    display: flex;
    flex-direction: column-reverse;
}

.flex-center { 
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-mid {
    display: flex;
    align-items: center;
    justify-self: center;
}

.text-mid-left {
    align-self: center;
    justify-self: start;
}

.text-mid-right {
    align-self: center;
    padding-right: 2px;
    justify-self: end;
}

.lightborder {
    border: 1px dotted grey;
    border-radius: 5px;
}
.sr-border {
    border: 1px solid black;
    border-radius: 5px;
}


/* The switch - the box around the slider */

.toggleswitch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 34px;
}


/* Hide default HTML checkbox */

.toggleswitch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* The slider */

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.nuyen-total {
	display: grid;
	align-items: center;
    	grid-template-columns: auto auto auto 1fr;
	border-bottom: 3px solid black;

}

.karma-max {
	display: grid;
	align-items: center;
    	grid-template-columns: auto 10px auto;
}
.karma-pool{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
	display: grid;
    	grid-template-columns: 120px 120px;
}

.attributes-init {
    display: grid;
    grid-template-columns: auto auto auto;
    text-align: center;
    border-radius: 20px;
    grid-gap: 5px;
    color: black;
    border: 2px solid #000000;
}


/* get rid of grid3 */

.grid3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
    color: black;
}

.hidden-constants {
    display: none;
}

.alwaysdisplayed {
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 650px 1fr;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 2px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}

.spirits-buttons,
.critters-buttons,
.alwaysdisplayed-buttons {
    text-align: center;
    border-radius: 10px;
    padding: 2px;
    border: 2px solid #000000;
    background-color: #7ec3fcf5
}
/* deck formating */

.deck-skills { 
    display: grid;
    grid-template-columns: 245px;
}
.deck-skills-row {
    display: grid;
    grid-template-columns: 70px 45px 35px 75px 20px;
    align-items: center;

}
/* end deck formating */


/* matrix formating */

.matrix-always-displayed {
    display: grid;
    border-radius: 10px;
    background-color: olivedrab;
    border: 2px solid #000000;
}

.matrix-attributes {
    display: grid;
    grid-template-columns: auto auto auto;
}

.matrix-rating {
    text-align: center;
    display: grid;
    grid-template-columns: 90px 5px 90px 5px 60px 5px 60px 5px 60px 5px 60px 5px 60px;
}

.securitysheaf {
    display: grid;
}

.srgrey {
    background-color: rgba(192,192,192,.9);
}

.srgreytop {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
}

.show-weaponmod .header,
.matrix-rating .header {
    font-weight: bold;
}

.matrix-intruder-tally-header,
.matrix-intruder-tally {
    display: grid;
    background-color: rgba(192,192,192,.9);
    grid-template-columns: 125px 90px 90px 70px 90px;
}

.matrix-intruder-tally-header,
.securitytally-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
}

.securitytally-header,
.securitytally {
    display: grid;
    background-color: rgba(192,192,192,.9);
    grid-template-columns: 90px 225px;
}

.ic-attributes-table,
.ic-attributes {
    background-color: rgba(192,192,192,.9);
    display: grid;
    text-align: center;
    grid-template-columns: 110px 50px 80px 50px 80px 85px 80px 50px 50px 50px 50px 50px 1fr;
}

.ic-attributes-table{
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    }


/* .ic{
    display: none;
} 

.matrixobject-switch[value="IC"] ~ div.ic{
  display: grid;
  grid-template-columns: 120px 150px 140px 140px 30px 250px;
}
.matrixobject-switch[value="IC"] ~ div.matrixhost {
    display: none;
} */

.combat-always-visible {
    background-color: rgba(192,192,192,.9);
    border-radius: 10px;
    padding: 2px;
    border: 2px solid #000000;
}

.conditionstatus {
    display: grid;
    text-align: center;
    grid-template-columns: 80px 80px 100px 120px 100px 100px;
}

.conditionstatus2 {
    display: grid;
    align-items: center;
    grid-template-columns: 165px 40px 10px 50px 35px 55px 35px 55px 35px 315px;
    background-color: rgba(192,192,192,.9);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 2px;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
}

.conditionstatus2-attrs {
    display: grid;
    grid-template-columns: 45px 45px 45px 45px 45px 45px 45px;
}

.number-span {
    background-color: white;
    color: black;
    padding: 5px;
    border: 1px solid #000000;
}

.reaction {
    display: grid;
    grid-template-columns: 90px 90px 65px 75px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    text-align: left;
    color: black;
}

.reaction-spirit {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    grid-template-columns: 80px 120px 120px;
    text-align: left;
    color: black;
}

.walk-run {
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 110px 60px 150px;
    text-align: left;
}

.dicepool {
    display: grid;
    grid-template-columns: 95px 35px 35px;
    align-itmes: center;
    column-gap: 5px;
}

.deck-combat-system2 span,
.deck-memory-used span,
.dicepool span {
    background-color: white;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #000000;
}

.geninfo {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    display: grid;
    grid-template-columns: auto auto;
    background-image: none;
    background-position: center;
    background-size: contain;
}

.geninfo-item {
    display: grid;
    grid-template-columns: 90px 120px 30px 80px;
    align-content: left;
    align-self: center;
}

.vehicle-attr-tab,
.vehicle-notes-tab,
.vehicle-combat-tab,
.vehicle-ecm-tab,
.matrix,
.frame,
.sheet-character,
.sheet-test1,
.sheet-magic,
.sheet-decks,
.sheet-gear,
.sheet-vehicles,
.sheet-combat,
.sheet-contacts,
.sheet-cyberware,
.sheet-karma,
.sheet-rigger,
.sheet-skills {
    display: none;
    color: black;
}

.magic-tabs {
	display: grid;
    	grid-template-columns: auto auto auto auto auto auto auto auto 1fr;
}
.spirit-magic-tabs {
	display: grid;
    	grid-template-columns: auto auto 1fr;
}
.ware-tabs,
.rigger-tabs,
.decking-tabs {
	display: grid;
    	grid-template-columns: auto auto auto 1fr;
}
.gear-tabs {
	display: grid;
    	grid-template-columns: auto auto auto 1fr;
}
.combat-tabs {
	display: grid;
    	grid-template-columns: auto auto auto auto auto auto 1fr;
}

.ware-tabs-cyber,
.ware-tabs-bio,
.ware-tabs-nano,
.combat-tabs-combat,
.combat-tabs-ranged,
.combat-tabs-melee,
.combat-tabs-explosives,
.combat-tabs-armor,
.combat-tabs-ammo,
.rigger-tabs-skills,
.rigger-tabs-rcdeck,
.rigger-tabs-subscriber,
.decking-tabs-skills,
.decking-tabs-cyberdeck,
.decking-tabs-frame,
.decking-tabs-utilities,
.gear-tabs-gear,
.gear-tabs-credsticks,
.gear-tabs-vehiclelist,
.magic-tabs-spells,
.magic-tabs-totem,
.magic-tabs-initiate,
.magic-tabs-skills,
.magic-tabs-foci,
.magic-tabs-adept,
.magic-tabs-geas,
.magic-tabs-conjuring,
.magic-tabs-astral {
    display: grid;
    background-color: white;
    border-bottom: 3px solid black;
    text-align: center;
    align-items: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 18;
    color: black;
}
.tabs-empty {
	border-bottom: 3px solid black;
}
.ware-tabs-switch[value="cyber"]~button.ware-tabs-cyber,
.ware-tabs-switch[value="bio"]~button.ware-tabs-bio,
.ware-tabs-switch[value="nano"]~button.ware-tabs-nano,
.combat-tabs-switch[value="combat"]~button.combat-tabs-combat,
.combat-tabs-switch[value="ranged"]~button.combat-tabs-ranged,
.combat-tabs-switch[value="melee"]~button.combat-tabs-melee,
.combat-tabs-switch[value="explosives"]~button.combat-tabs-explosives,
.combat-tabs-switch[value="armor"]~button.combat-tabs-armor,
.combat-tabs-switch[value="ammo"]~button.combat-tabs-ammo,
.rigger-tabs-switch[value="rigger"]~button.rigger-tabs-skills,
.rigger-tabs-switch[value="rcdeck"]~button.rigger-tabs-rcdeck,
.rigger-tabs-switch[value="subscriber"]~button.rigger-tabs-subscriber,
.decking-tabs-switch[value="decking"]~button.decking-tabs-skills,
.decking-tabs-switch[value="cyberdeck"]~button.decking-tabs-cyberdeck,
.decking-tabs-switch[value="frame"]~button.decking-tabs-frame,
.decking-tabs-switch[value="utilities"]~button.decking-tabs-utilities,
.gear-tabs-switch[value="gear"]~button.gear-tabs-gear,
.gear-tabs-switch[value="credsticks"]~button.gear-tabs-credsticks,
.gear-tabs-switch[value="vehiclelist"]~button.gear-tabs-vehiclelist,
.magic-tabs-switch[value="spells"]~button.magic-tabs-spells,
.magic-tabs-switch[value="totem"]~button.magic-tabs-totem,
.magic-tabs-switch[value="initiate"]~button.magic-tabs-initiate,
.magic-tabs-switch[value="sorcery"]~button.magic-tabs-skills,
.magic-tabs-switch[value="foci"]~button.magic-tabs-foci,
.magic-tabs-switch[value="adept"]~button.magic-tabs-adept,
.magic-tabs-switch[value="geas"]~button.magic-tabs-geas,
.magic-tabs-switch[value="conjuring"]~button.magic-tabs-conjuring,
.magic-tabs-switch[value="astral"]~button.magic-tabs-astral {
    color: white;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    background-color: rgba(192,192,192,.9);
    font-weight: bold;
    border-top: 3px solid black;
    border-left: 3px solid black;
    border-right: 3px solid black;
    border-bottom: unset;
}
.cyberware,
.bioware,
.nanoware,
.combat-skills,
.rangedweapons,
.meleeweapons,
.explosives,
.armor,
.ammo,
.rigger-rcdeck,
.vehicle-skills,
.drones-list,
.deck-utilities,
.deck-cyberdeck,
.deck-skills,
.gear,
.credsticks-show,
.vehicles-list,
.sorcery-skills,
.spells-section,
.fetish-foci,
.totem,
.geas,
.adept-powers,
.conjuring,
.magicinitiate,
.astralattributes {
	display: none;
}

.ware-tabs-switch[value="cyber"]~div.cyberware,
.ware-tabs-switch[value="bio"]~div.bioware,
.ware-tabs-switch[value="nano"]~div.nanoware,
.combat-tabs-switch[value="combat"]~div.combat-skills,
.combat-tabs-switch[value="ranged"]~div.rangedweapons,
.combat-tabs-switch[value="melee"]~div.meleeweapons,
.combat-tabs-switch[value="explosives"]~div.explosives,
.combat-tabs-switch[value="armor"]~div.armor,
.combat-tabs-switch[value="ammo"]~div.ammo,
.rigger-tabs-switch[value="rigger"]~div.vehicle-skills,
.rigger-tabs-switch[value="rcdeck"]~div.rigger-rcdeck,
.rigger-tabs-switch[value="subscriber"]~div.drones-list,
.decking-tabs-switch[value="decking"]~div.deck-skills,
.decking-tabs-switch[value="cyberdeck"]~div.deck-cyberdeck,
.decking-tabs-switch[value="frame"]~div.deck-cyberdeck,
.decking-tabs-switch[value="utilities"]~div.deck-utilities,
.gear-tabs-switch[value="gear"]~div.gear,
.gear-tabs-switch[value="credsticks"]~div.credsticks-show,
.gear-tabs-switch[value="vehiclelist"]~div.vehicles-list,
.magic-tabs-switch[value="spells"]~div.spells-section,
.magic-tabs-switch[value="totem"]~div.totem,
.magic-tabs-switch[value="initiate"]~div.magicinitiate,
.magic-tabs-switch[value="sorcery"]~div.sorcery-skills,
.magic-tabs-switch[value="foci"]~div.fetish-foci,
.magic-tabs-switch[value="adept"]~div.adept-powers,
.magic-tabs-switch[value="geas"]~div.geas,
.magic-tabs-switch[value="conjuring"]~div.conjuring,
.magic-tabs-switch[value="astral"]~div.astralattributes {
	display: block;
    	border-bottom: 3px solid black;
    	border-left: 3px solid black;
    	border-right: 3px solid black;
    	background-color: rgba(192,192,192,.9);
    	border-bottom-left-radius: 10px;
    	border-bottom-right-radius: 10px;
}

.buttontoggle[value="Frame"]~button.decking-tabs-skills,
.buttontoggle[value="Frame"]~button.decking-tabs-cyberdeck {
	display: none;
}

.buttontoggle[value="NPC"]~button.decking-tabs-frame,
.buttontoggle[value="Character"]~button.decking-tabs-frame {
	display: none;
}


.sheet-tabstoggle[value="magic"]+.charsheet {
    background-image: url("https://raw.githubusercontent.com/bahornbeck/img/master/images/nebula2.jpg");
}

.sheet-tabstoggle[value="critter-powers"]~div.sheet-critter-powers,
.sheet-tabstoggle[value="vehicle-combat-tab"]~div.vehicle-combat-tab,
.sheet-tabstoggle[value="vehicle-notes-tab"]~div.vehicle-notes-tab,
.sheet-tabstoggle[value="vehicle-attr-tab"]~div.vehicle-attr-tab,
.sheet-tabstoggle[value="vehicle-ecm-tab"]~div.vehicle-ecm-tab,
.sheet-tabstoggle[value="character"]~div.sheet-character,
.sheet-tabstoggle[value="decks"]~div.sheet-decks,
.sheet-tabstoggle[value="magic"]~div.sheet-magic,
.sheet-tabstoggle[value="gear"]~div.sheet-gear,
.sheet-tabstoggle[value="vehicles"]~div.sheet-vehicles,
.sheet-tabstoggle[value="combat"]~div.sheet-combat,
.sheet-tabstoggle[value="rigger"]~div.sheet-rigger,
.sheet-tabstoggle[value="cyberware"]~div.sheet-cyberware,
.sheet-tabstoggle[value="karma"]~div.sheet-karma,
.sheet-tabstoggle[value="contacts"]~div.sheet-contacts,
.sheet-tabstoggle[value="skills"]~div.sheet-skills {
    display: block;
}

.sheet-tabstoggle[value="critter-powers"]~button.critters-powers-button,
.sheet-tabstoggle[value="vehicle-combat-tab"]~button.vehicle-combat-button,
.sheet-tabstoggle[value="vehicle-notes-tab"]~button.vehicle-notes-button,
.sheet-tabstoggle[value="vehicle-attr-tab"]~button.vehicle-attr-button,
.sheet-tabstoggle[value="vehicle-ecm-tab"]~button.vehicle-ecm-button,
.sheet-tabstoggle[value="character"]~button.charbutton,
.sheet-tabstoggle[value="skills"]~button.skillsbutton,
.sheet-tabstoggle[value="decks"]~button.decksbutton,
.sheet-tabstoggle[value="magic"]~button.magicbutton,
.sheet-tabstoggle[value="magic"]~button.adeptbutton,
.sheet-tabstoggle[value="gear"]~button.gearbutton,
.sheet-tabstoggle[value="rigger"]~button.riggerbutton,
.sheet-tabstoggle[value="vehicles"]~button.vehiclesbutton,
.sheet-tabstoggle[value="cyberware"]~button.cyberwarebutton,
.sheet-tabstoggle[value="karma"]~button.karmabutton,
.sheet-tabstoggle[value="contacts"]~button.contactsbutton,
.sheet-tabstoggle[value="combat"]~button.combatbutton {
    background-color: red;
}

.small-rollbutton {
    display: inline-block;
    background-color: black;
    /* Green */
    border: none;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    color: white
}
.small-rollbutton:hover {
	background-color: white;
    	border: 2px solid black;
	color: black;
}
.basic-button,
.critters-powers-button,
.vehicle-attr-button,
.vehicle-notes-button,
.vehicle-ecm-button,
.vehicle-combat-button,
.charbutton,
.skillsbutton,
.decksbutton,
.magicbutton,
.adeptbutton,
.gearbutton,
.riggerbutton,
.vehiclesbutton,
.contactsbutton,
.cyberwarebutton,
.karmabutton,
.combatbutton {
    display: inline-block;
    background-color: black;
    /* Green */
    border: none;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: white
}

.basic-button:hover,
.critters-powers-button:hover,
.vehicle-attr-button:hover,
.vehicle-notes-button:hover,
.vehicle-ecm-button:hover,
.vehicle-combat-button:hover,
.charbutton:hover,
.contactsbutton:hover,
.cyberwarebutton:hover,
.skillsbutton:hover,
.decksbutton:hover,
.magicbutton:hover,
.adeptbutton:hover,
.gearbutton:hover,
.riggerbutton:hover,
.vehiclesbutton:hover,
.combatbutton:hover {
   background-color: white;
   color: black;
}

.spirit-magic-tabs,
.reaction-spirit,
.alwaysdisplayed-buttons,
.critters-only,
.spirits-only,
.spirittype-info,
.metatype-info,
.matrix-show-frame,
.characters-npcs,
.sheet-critter-powers,
.vehicles,
.sheet-spirit,
.matrix {
    display: none;
}

.magictype[value="mage"]~div.shaman-only-foci,
.magictype[value="aspect"]~div.shaman-only-foci,
.magictype[value="shaman"]~div.mage-only-foci,
.magictype[value="mage"]~button.adeptbutton,
.magictype[value="shaman"]~button.adeptbutton,
.magictype[value="aspect"]~button.adeptbutton,
.magictype[value="mage"]~div.adept-only,
.magictype[value="shaman"]~div.adept-only,
.magictype[value="aspect"]~div.adept-only {
   display: none;
}
.magictype[value="adept"]~div.mage-only,
.magictype[value="adept"]~button.magicbutton {
   display: none;
}

.buttontoggle[value="Spirit"]~div.magic-tabs,
.buttontoggle[value="Spirit"]~div.hide-spirit-critter,
.buttontoggle[value="Critter"]~div.hide-spirit-critter,
.buttontoggle[value="Spirit"]~div.normal-init,
.buttontoggle[value="Spirit"]~div.npc-chars-only,
.buttontoggle[value="Critter"]~div.npc-chars-only,
.buttontoggle[value="Spirit"]~div.manual-gunnery,
.buttontoggle[value="Critter"]~div.manual-gunnery{
   display: none;
   }

.buttontoggle[value="Spirit"]~div.spirit-magic-tabs,
.buttontoggle[value="Spirit"]~div.spells-spirit-status,
.buttontoggle[value="Spirit"]~div.reaction-spirit,
.buttontoggle[value="Spirit"]~div.spirittype-info {
    display: grid;
   
}
.buttontoggle[value="Critter"]~div.spells-spirit-status,
.buttontoggle[value="Character"]~div.spells-spirit-status,
.buttontoggle[value="NPC"]~div.spells-spirit-status,
.buttontoggle[value="Spirit"]~div.spells-status,
.buttontoggle[value="Spirit"]~div.reaction {
   display: none;
}

.spirittype-info {
    grid-template-columns: 80px 250px 60px 45px;
    align-items: center;
    grid-column-start: 1;
}

.buttontoggle[value="NPC"]~div.metatype-info,
.buttontoggle[value="Character"]~div.metatype-info {
    display: grid;
    grid-template-columns: 70px 80px 40px 60px 50px 60px 55px 60px;
    text-align: right;
    vertical-align: middle;
    grid-column-start: 1;
}


.buttontoggle[value="Character"]~div.characters-npcs,
.buttontoggle[value="Character"]~div.alwaysdisplayed-buttons,
.buttontoggle[value="NPC"]~div.characters-npcs,
.buttontoggle[value="NPC"]~div.alwaysdisplayed-buttons,
.buttontoggle[value="Spirit"]~div.sheet-spirit,
.buttontoggle[value="Spirit"]~div.spirits-only,
.buttontoggle[value="Spirit"]~div.characters-npcs,
.buttontoggle[value="Critter"]~div.sheet-critter,
.buttontoggle[value="Critter"]~div.characters-npcs,
.buttontoggle[value="Critter"]~div.critters-only,
.buttontoggle[value="Vehicle"]~div.vehicles,
.buttontoggle[value="Drone"]~div.vehicles,
.buttontoggle[value="Frame"]~div.sheet-decks,
.buttontoggle[value="Matrix"]~div.matrix {
    display: block;
}

.karma-summary {
    display: grid;
    grid-template-columns: 220px 220px 220px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
}

.karma-history {
    display: grid;
    grid-template-columns: 180px 150px 120px 1fr;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
}

.deck-name {
    display: grid;
    align-items: center;
    grid-template-columns: 70px 200px;
}

.deck-memory-used,
.frame-util-used {
    padding: 5px;
    background-color: rgba(192,192,192,.9);
    border: 1px solid darkslategray;
    border-radius: 10px;
 }

.buttontoggle[value="Frame"]~div.matrix-show-deck {
    display: none;
}

.buttontoggle[value="Frame"]~div.matrix-show-frame {
    display: grid;
}

.buttontoggle[value="Vehicle"]~div.sheet-character,
.buttontoggle[value="Drone"]~div.sheet-character,
.buttontoggle[value="Frame"]~div.sheet-character,
.buttontoggle[value="Matrix"]~div.sheet-character {
    display: none;
}

.buttontoggle[value="Drone"]~div.drone-only,
.buttontoggle[value="Drone"]~div.rc-condition {
   display: block;
}
.critter-powers{
    display: grid;
    grid-template-columns: auto auto;
}

.critter-powers-table-header,
.critter-powers-table{
    display: grid;
    grid-template-columns: 120px 250px;
    background-color: rgba(192,192,192,.9);
}

.critter-powers-table-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.critter-powers-table input{
min-width: 0;
}
.critter-attack {
    display: grid;
    grid-template-columns: 45px 1fr 35px;
}
.critter-attributes{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 73px 1fr;

}
.sheet-rolltemplate-conjure div.sheet-conjure-resist-table,
.sheet-rolltemplate-spell div.sheet-spell-resist-table,
.sheet-rolltemplate-resistadv div.sheet-spell-resist-table {
    display: grid;
    align-items: center;
    text-align: center;
    grid-template-columns: auto auto auto auto auto;
}
.sheet-rolltemplate-resistadv div.sheet-resist-table {
    display: grid;
    align-items: center;
    text-align: center;
    grid-template-columns: auto auto auto auto auto auto auto;
}

.sheet-rolltemplate-spell div.sheet-spell-pool-table {
    display: grid;
    align-items: center;
    text-align: center;
    grid-template-columns: auto auto; 
}

.char-attributes {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 80px 70px 70px 55px;
}

.char-attributes span {
    padding-left: 3px;
    padding-right: 3px;
    
}

.char_attributes .header {
    text-align: center;
    font-weight: bold;
}

.char_attributes .label {
    color: black;
    align-self: center;
}

.repeating-number input[type="number"] {
	width: 100%;
	height: 25px;
    	line-height: 25px; 
        font-size: 10px;
}

.pictos3-button,
#sensorexp,
#vehiclesensor,
.d6-button,
.pictos-button,
.charsheet button[type=action].explosive-dice,
.charsheet button[type=action].reload-dice,
.charsheet button[type=action].attack-dice {
	padding: 0px;
    	font-size: 22px;
        background-color: transparent;
    	border: 1px solid #ccc;
	border-radius: 4px;
	border-bottom-color: #bbb;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	line-height: inherit;
	background-color: #f5f5f5;
}
.charsheet button[type=action].explosive-dice,
.charsheet button[type=action].attack-dice {
	color: red;
}

.charsheet button[type=action].d6-dice::before {
    font-family: 'dicefontd6';
    content: 'F ';
    font-size: 18px;
}
.charsheet button[type=action].explosive-dice::before {
    font-family: 'Pictos Custom';
    content: 't ';
}
#sensorxp::before,
.charsheet button[type=action].attack-dice::before {
    font-family: 'Pictos Custom';
    content: '[ ';
}
.charsheet button[type=action].reload-dice::before {
    font-family: 'Pictos';
    content: '0';
}

.charsheet button[type=roll].d6-dice::before {
    font-family: 'dicefontd6';
    content: 'F ';
}

#sensorexp,
#vehiclesensor,
.charsheet button[type=action].pictos-button:hover,
.charsheet button[type=action].d6-dice:hover,
.charsheet button[type=roll].d6-dice:hover {
    color: red;
}

.charsheet button[type=action].pictos3-button:hover,
.charsheet button[type=action].d6-button:hover,
.charsheet button[type=action].pictos-custom-button:hover,
.charsheet button[type=action].explosive-dice:hover,
.charsheet button[type=action].reload-dice:hover {
    color: red;
    background-color: black;
    border: 1px solid white;
}
#sensorexp:hover,
#vehiclesensor:hover,
.charsheet button[type=action].attack-dice:hover {
    	border: 1px solid red;
	background-color: black;
}
#sensorexp,
#vehiclesensor,
.pictos-button {
    font-family: 'Pictos';
}

.pictos-custom-attack,
.pictos-custom-button {
    font-family: 'Pictos Custom';
    font-size: 22px;
    height: 80%;
    padding-right: unset;
    padding-left: unset;
}
.pictos-custom-attack {
    padding-top: 4px;
    padding-bottom: 4px;
}

.d6-button {
    font-family: 'dicefontd6';
}

.pictos3-button {
    font-family: 'Pictos Three';
}
/* GENERAL STYLING OF ELEMENTS WITHIN THE SHEET */

.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

/* TEMPLATE sytling*/

.sheet-rolltemplate-item div.sheet-rtcontainer,
.sheet-rolltemplate-info div.sheet-rtcontainer,
.sheet-rolltemplate-vehicle div.sheet-rtcontainer,
.sheet-rolltemplate-matrix div.sheet-rtcontainer,
.sheet-rolltemplate-spell div.sheet-rtcontainer,
.sheet-rolltemplate-conjure div.sheet-rtcontainer,
.sheet-rolltemplate-init div.sheet-rtcontainer,
.sheet-rolltemplate-attribute div.sheet-rtcontainer,
.sheet-rolltemplate-explosive div.sheet-rtcontainer,
.sheet-rolltemplate-skill div.sheet-rtcontainer,
.sheet-rolltemplate-adept div.sheet-rtcontainer,
.sheet-rolltemplate-attack div.sheet-rtcontainer,
.sheet-rolltemplate-aoe div.sheet-rtcontainer,
.sheet-rolltemplate-resist div.sheet-rtcontainer,
.sheet-rolltemplate-resistadv div.sheet-rtcontainer {
    width: 100%;
    border: 3px solid black;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-vehicle div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: darkblue;
    color: white;
}


.sheet-rolltemplate-conjure div.sheet-rtheader,
.sheet-rolltemplate-spell div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: olivedrab;
    color: white;
}

.sheet-rolltemplate-melee div.sheet-rtheader,
.sheet-rolltemplate-aoe div.sheet-rtheader,
.sheet-rolltemplate-attack div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: red;
    color: white;
}

.sheet-rolltemplate-init div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: blue;
    color: white;
}

.sheet-rolltemplate-adept div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: orange;
    color: black;
}

.sheet-rolltemplate-item div.sheet-rtheader,
.sheet-rolltemplate-info div.sheet-rtheader,
.sheet-rolltemplate-skill div.sheet-rtheader,
.sheet-rolltemplate-attribute div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: lightblue;
    color: black;
}

.sheet-rolltemplate-explosive div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: yellow;
    color: black;
}

.sheet-rolltemplate-resist div.sheet-rtheader,
.sheet-rolltemplate-resistadv div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: black;
    color: white;
}

.sheet-rolltemplate-matrix div.sheet-rtheader {
    border-bottom: 3px solid black;
    background-color: turquoise;
    color: black;
}

.sheet-rolltemplate-spell div.sheet-conjure-resist-table:nth-child(odd),
.sheet-rolltemplate-spell div.sheet-spell-resist-table:nth-child(odd),
.sheet-rolltemplate-spell div.sheet-spell-pool-table:nth-child(odd),
.sheet-rolltemplate-info div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-item div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-vehicle div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-matrix div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-spell div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-conjure div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-init div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-attribute div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-explosive div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-skill div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-adept div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-attack div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-aoe div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-melee div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-resist div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-resistadv div.sheet-rtrow:nth-child(odd) {
    background-color: white;
}

.sheet-rolltemplate-resistance div.sheet-rtrow-small {
	font-size: 10px;
}

.sheet-rolltemplate-spell div.sheet-conjure-resist-table:nth-child(even),
.sheet-rolltemplate-spell div.sheet-spell-resist-table:nth-child(even),
.sheet-rolltemplate-spell div.sheet-spell-pool-table:nth-child(even),
.sheet-rolltemplate-item div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-info div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-vehicle div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-matrix div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-init div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-attribute div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-explosive div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-skill div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-adept div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-attack div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-aoe div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-melee div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-conjure div.sheet-rtrow:nth-child(even),
.sheet-rolltemplate-resistadv div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-resist div.sheet-rtrow:nth-child(odd),
.sheet-rolltemplate-spell div.sheet-rtrow:nth-child(even) {
    background-color: lightgrey;
}
.sheet-rolltemplate-item .sheet-numberspan,
.sheet-rolltemplate-info .sheet-numberspan,
.sheet-rolltemplate-vehicle .sheet-numberspan,
.sheet-rolltemplate-matrix .sheet-numberspan,
.sheet-rolltemplate-init .sheet-numberspan,
.sheet-rolltemplate-attribute .sheet-numberspan,
.sheet-rolltemplate-explosive .sheet-numberspan,
.sheet-rolltemplate-skill .sheet-numberspan,
.sheet-rolltemplate-adept .sheet-numberspan,
.sheet-rolltemplate-spell .sheet-numberspan,
.sheet-rolltemplate-melee .sheet-numberspan,
.sheet-rolltemplate-conjure .sheet-numberspan,
.sheet-rolltemplate-aoe .sheet-numberspan,
.sheet-rolltemplate-resist .sheet-numberspan,
.sheet-rolltemplate-resistadv .sheet-numberspan,
.sheet-rolltemplate-attack .sheet-numberspan{
    background-color: yellow;
    display: inline-block;
    min-width: 1.5em;
    text-align: center;
    padding-left: 3px; 
    padding-right: 3px; 
    border: 2px solid rgba(167, 168, 170, 1);
}
.sheet-rolltemplate-item .inlinerollresult,
.sheet-rolltemplate-info .inlinerollresult,
.sheet-rolltemplate-vehicle .inlinerollresult,
.sheet-rolltemplate-matrix .inlinerollresult,
.sheet-rolltemplate-init .inlinerollresult,
.sheet-rolltemplate-attribute .inlinerollresult,
.sheet-rolltemplate-explosive .inlinerollresult,
.sheet-rolltemplate-skill .inlinerollresult,
.sheet-rolltemplate-adept .inlinerollresult,
.sheet-rolltemplate-attack .inlinerollresult,
.sheet-rolltemplate-aoe .inlinerollresult,
.sheet-rolltemplate-melee .inlinerollresult,
.sheet-rolltemplate-conjure .inlinerollresult,
.sheet-rolltemplate-resist .inlinerollresult,
.sheet-rolltemplate-resistadv .inlinerollresult,
.sheet-rolltemplate-spell .inlinerollresult {
    display: inline-block;
    min-width: 1.5em;
    text-align: center;
    border: 2px solid rgba(167, 168, 170, 1);
}


.sheet-rolltemplate-item .inlinerollresult.fullcrit,
.sheet-rolltemplate-info .inlinerollresult.fullcrit,
.sheet-rolltemplate-vehicle .inlinerollresult.fullcrit,
.sheet-rolltemplate-matrix .inlinerollresult.fullcrit,
.sheet-rolltemplate-init .inlinerollresult.fullcrit,
.sheet-rolltemplate-attribute .inlinerollresult.fullcrit,
.sheet-rolltemplate-explosive .inlinerollresult.fullcrit,
.sheet-rolltemplate-skill .inlinerollresult.fullcrit,
.sheet-rolltemplate-adept .inlinerollresult.fullcrit,
.sheet-rolltemplate-attack .inlinerollresult.fullcrit,
.sheet-rolltemplate-aoe .inlinerollresult.fullcrit,
.sheet-rolltemplate-melee .inlinerollresult.fullcrit,
.sheet-rolltemplate-conjure .inlinerollresult.fullcrit,
.sheet-rolltemplate-resist .inlinerollresult.fullcrit,
.sheet-rolltemplate-resistadv .inlinerollresult.fullcrit,
.sheet-rolltemplate-spell .inlinerollresult.fullcrit {
    border: 2px solid #3FB315;
}

.sheet-rolltemplate-item .inlinerollresult.fullfail,
.sheet-rolltemplate-info .inlinerollresult.fullfail,
.sheet-rolltemplate-vehicle .inlinerollresult.fullfail,
.sheet-rolltemplate-matrix .inlinerollresult.fullfail,
.sheet-rolltemplate-init .inlinerollresult.fullfail,
.sheet-rolltemplate-attribute .inlinerollresult.fullfail,
.sheet-rolltemplate-explosive .inlinerollresult.fullfail,
.sheet-rolltemplate-skill .inlinerollresult.fullfail,
.sheet-rolltemplate-adept .inlinerollresult.fullfail,
.sheet-rolltemplate-attack .inlinerollresult.fullfail,
.sheet-rolltemplate-aoe .inlinerollresult.fullfail,
.sheet-rolltemplate-melee .inlinerollresult.fullfail,
.sheet-rolltemplate-conjure .inlinerollresult.fullfail,
.sheet-rolltemplate-resist .inlinerollresult.fullfail,
.sheet-rolltemplate-resistadv .inlinerollresult.fullfail,
.sheet-rolltemplate-spell .inlinerollresult.fullfail {
    border: 2px solid #B31515;
}

.sheet-rolltemplate-item .inlinerollresult.importantroll,
.sheet-rolltemplate-info .inlinerollresult.importantroll,
.sheet-rolltemplate-vehicle .inlinerollresult.importantroll,
.sheet-rolltemplate-matrix .inlinerollresult.importantroll,
.sheet-rolltemplate-init .inlinerollresult.importantroll,
.sheet-rolltemplate-attribute .inlinerollresult.importantroll,
.sheet-rolltemplate-explosive .inlinerollresult.importantroll,
.sheet-rolltemplate-skill .inlinerollresult.importantroll,
.sheet-rolltemplate-adept .inlinerollresult.importantroll,
.sheet-rolltemplate-attack .inlinerollresult.importantroll,
.sheet-rolltemplate-aoe .inlinerollresult.importantroll,
.sheet-rolltemplate-melee .inlinerollresult.importantroll,
.sheet-rolltemplate-conjure .inlinerollresult.importantroll,
.sheet-rolltemplate-resist .inlinerollresult.importantroll,
.sheet-rolltemplate-resistadv .inlinerollresult.importantroll,
.sheet-rolltemplate-spell .inlinerollresult.importantroll {
    border: 2px solid #4A57ED;
}

.sheet-rolltemplate-melee div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-melee div.sheet-rtrow a[href^="~"],
.sheet-rolltemplate-attack div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-attack div.sheet-rtrow a[href^="~"],
.sheet-rolltemplate-aoe div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-aoe div.sheet-rtrow a[href^="~"],
.sheet-rolltemplate-explosive div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-explosive div.sheet-rtrow a[href^="~"],
.sheet-rolltemplate-vehicle div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-vehicle div.sheet-rtrow a[href^="~"],
.sheet-rolltemplate-matrix div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-matrix div.sheet-rtrow a[href^="~"],
.sheet-rolltemplate-spell div.sheet-rtrow a[href^="!"],
.sheet-rolltemplate-spell div.sheet-rtrow a[href^="~"] {
    background-color: black !important;
    color: white;
    border-radius: 25%;
    border: 2px solid red;
}
.sheet-rolltemplate-melee div.sheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-melee div.sheet-rtrow a[href^="~"]:hover,
.sheet-rolltemplate-attack div.sheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-attack div.sheet-rtrow a[href^="~"]:hover,
.sheet-rolltemplate-aoe div.sheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-aoe div.sheet-rtrow a[href^="~"]:hover,
.sheet-rolltemplate-explosive di.vsheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-explosive div.sheet-rtrow a[href^="~"]:hover,
.sheet-rolltemplate-vehicle div.sheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-vehicle div.sheet-rtrow a[href^="~"]:hover,
.sheet-rolltemplate-matrix div.sheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-matrix div.sheet-rtrow a[href^="~"]:hover,
.sheet-rolltemplate-spell div.sheet-rtrow a[href^="!"]:hover,
.sheet-rolltemplate-spell div.sheet-rtrow a[href^="~"]:hover {
    border: 2px solid black;
    background-color: red !important;
    color: black;
    border-radius: 25%;
}


.motorboat-spec-off,
.motorboat-spec-switch:checked~.motorboat-spec-on,
.walkers-spec-off,
.walkers-spec-switch:checked~.walkers-spec-on,
.car-spec-off,
.car-spec-switch:checked~.car-spec-on,
.mecharm-spec-off,
.mecharm-spec-switch:checked~.mecharm-spec-on,
.tracks-spec-off,
.tracks-spec-switch:checked~.tracks-spec-on,
.sailboat-spec-off,
.sailboat-spec-switch:checked~.sailboat-spec-on,
.rotor-spec-off,
.rotor-spec-switch:checked~.rotor-spec-on,
.lta-spec-off,
.lta-spec-switch:checked~.lta-spec-on,
.suborbital-spec-off,
.suborbital-spec-switch:checked~.suborbital-spec-on,
.semiballistic-spec-off,
.semiballistic-spec-switch:checked~.semiballistic-spec-on,
.wingedaircraft-spec-off,
.wingedaircraft-spec-switch:checked~.wingedaircraft-spec-on,
.hovercraft-spec-off,
.hovercraft-spec-switch:checked~.hovercraft-spec-on,
.ship-spec-off,
.ship-spec-switch:checked~.ship-spec-on,
.submarine-spec-off,
.submarine-spec-switch:checked~.submarine-spec-on,
.vectoredthrust-spec-off,
.vectoredthrust-spec-switch:checked~.vectoredthrust-spec-on,
.bike-spec-off,
.bike-spec-switch:checked~.bike-spec-on {
    display: grid;
}

.deck-spec-off,
.deck-spec-switch:checked~.deck-spec-on {
    display: grid;
    grid-template-columns: 100px 145px;
}

.sorcery-spec-off,
.sorcery-spec-switch:checked~.sorcery-spec-on,
.auraread-spec-off,
.auraread-spec-switch:checked~.auraread-spec-on,
.conjuring-spec-off,
.conjuring-spec-switch:checked~.conjuring-spec-on {
    display: block;
}

.submarine-spec-on,
.submarine-spec-switch:checked~.submarine-spec-off,
.motorboat-spec-on,
.motorboat-spec-switch:checked~.motorboat-spec-off,
.walkers-spec-on,
.walkers-spec-switch:checked~.walkers-spec-off,
.car-spec-on,
.car-spec-switch:checked~.car-spec-off,
.mecharm-spec-on,
.mecharm-spec-switch:checked~.mecharm-spec-off,
.tracks-spec-on,
.tracks-spec-switch:checked~.tracks-spec-off,
.sailboat-spec-on,
.sailboat-spec-switch:checked~.sailboat-spec-off,
.rotor-spec-on,
.rotor-spec-switch:checked~.rotor-spec-off,
.lta-spec-on,
.lta-spec-switch:checked~.lta-spec-off,
.suborbital-spec-on,
.suborbital-spec-switch:checked~.suborbital-spec-off,
.semiballistic-spec-on,
.semiballistic-spec-switch:checked~.semiballistic-spec-off,
.wingedaircraft-spec-on,
.wingedaircraft-spec-switch:checked~.wingedaircraft-spec-off,
.hovercraft-spec-on,
.hovercraft-spec-switch:checked~.hovercraft-spec-off,
.ship-spec-on,
.ship-spec-switch:checked~.ship-spec-off,
.vectoredthrust-spec-on,
.vectoredthrust-spec-switch:checked~.vectoredthrust-spec-off,
.bike-spec-on,
.bike-spec-switch:checked~.bike-spec-off,
.deck-spec-on,
.deck-spec-switch:checked~.deck-spec-off,
.sorcery-spec-on,
.sorcery-spec-switch:checked~.sorcery-spec-off,
.conjuring-spec-on,
.conjuring-spec-switch:checked~.conjuring-spec-off,
.auraread-spec-on,
.auraread-spec-switch:checked~.auraread-spec-off {
    display: none;
}

/* Magic Formating */

.spells-status-tracking {
    display: grid;
    grid-template-columns: 40px 60px 60px 90px 50px 35px 60px 35px 50px 35px 70px 35px 50px 40px 60px 35px 35px;
    align-items: center;
    text-align: end;
    background-color: rgba(192,192,192,.9);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.spells-status-buttons {
    display: grid;
    grid-template-columns: 100px 45px 60px 25px 60px 25px 60px 25px 60px 25px 60px 25px;
    align-items: center;
    text-align: end;
    background-color: rgba(192,192,192,.9);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
 }   

.spells-spirit-status {
    display: grid;
    grid-template-columns: auto 45px auto 35px auto 45px auto 35px auto 35px 20px;
    align-items: center;
    text-align: end;
    background-color: rgba(192,192,192,.9);
    border: 2px solid #fff;
    border-radius: 10px;
}

.skillspec {
color:red;
}

.magic-skills-table {
    align-self: center;
    justify-self: center;
    display: grid;
    grid-template-columns: 100px 1fr;
}
.magic-spells-row, 
.magic-spells-table {
    display: grid;
    grid-template-columns: 95px 70px 40px 40px 40px 40px 53px 50px 75px 77px 40px 40px 73px 30px 1fr;
    font-size: 10px;
}
.sorcery-config {
    grid-template-columns: 20px auto 30px auto auto 30px auto auto 30px auto auto 30px 20px;
    display: grid;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: right;
    align-items: center;
}
.magic-spells-row {
    box-sizing: border-box;
	width: 100%;
	height: 100%;
        font-size: 12px;
    align-self: center;
    background-color: rgba(192,192,192,.9);
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
}
.magic-spells-row input[type="number"],
.magic-spells-row select {
	width: 100%;
	height: 100%;
        font-size: 10px;
}

.sorcery-row input[type="checkbox"] {
	height:22px;
}


.sorcery-row{
    display: grid;
    grid-template-columns: 65px 40px 20px 65px 1fr;
    align-items: center;
}

input[type="checkbox"].hidden-checkbox {
  display: block;
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
 } 
.sorcery-table {
    display: grid;
    grid-template-columns: 210px 210px 210px 1fr;
}

.adept_powers {
    border: 1px dotted grey;
    border-radius: 5px;
}

.astralspace {
    display: grid;
    vertical-align: middle;
    grid-template-columns: 120px 130px 100px 20px 50px 120px 45px 45px 35px;
}
.astralspace select{
        vertical-align: middle;
	width: 130px;
}

.astralcombat {
    display: grid;
    align-items: center;
    grid-template-columns: 100px 30px 120px 120px 90px 10px 30px 40px 60px;
}

.geas-table,
.metamagic-table {
    display: grid;
    grid-template-columns: 220px 220px;
}
.conjuring-table {
    display: grid;
    grid-template-columns: 120px 120px 120px 120px 120px 100px 100px 1fr;
}

.totem-table {
    display: grid;
    grid-template-columns: 90px auto auto auto;
}

.reusable-foci,
.powerfocus,
.spiritfocus {
	display: none;
}


.focitype[value="Power Focus"] ~.reusable {
	display: none;
}


.focitype[value="Spirit Focus"] ~.spiritfocus,
.focitype[value="Power Focus"] ~.powerfocus {
	display: grid;
}

.focitype[value="Spirit Focus"] ~.reusable,
.focitype[value="Spirit Focus"] ~.powerfoucs,
.focitype[value="Power Focus"] ~.reusable {
	display: none;
}

.magictype[value="shaman"] ~.mage-foci {
	display: none;
}
.magictype[value="mage"] ~.shaman-foci {
	display: none;
}

.foci-table {
    display: grid;
    /*grid-template-columns: 80px 45px;*/
    grid-template-columns: 160px 120px 80px 80px 1fr;
    font-size: 12px;
}
.mage-only-foci {
    display: grid;
    grid-template-columns: 80px 45px 80px 45px 80px 45px 80px 45px;
    font-size: 12px;
}
.shaman-only-foci {
    display: grid;
    grid-template-columns: 80px 45px 80px 45px 80px 45px 80px 45px 80px 45px;
    font-size: 12px;
}

input.foci-switch:checked~div.fetish-foci {
    display: none;
}

.show_weapon_focus_die {
    display: none;
}

.select-focitype[value="Weapon"]~div.show_weapon_focus_die {
    display: block;
}

.vehicle-skills-table {
    display: grid;
    grid-template-columns: 150px 50px 70px 90px 60px 150px 50px 70px 90px 60px;
}

.combat-skills-table {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    border: 2px solid #fff;
    border-radius: 10px;
}

.combat-skills-items {
    display: grid;
    align-items: center;
    grid-template-columns: 100px 60px;
    height: 30px;
}

.combat-unarmed {
    display: grid;
    align-items: center;
    text-align: right;
    grid-template-columns: auto 50px 20px auto auto auto auto 1fr;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 10px;
}
melee-table-row input[type="textarea"],
.combat-unarmed input[type="textarea"] {
    margin-bottom: unset;
}

.ranged-table-headers {
    font-weight: bold;
    display: grid;
    font-size: 10px;
    align-content: center;
    text-align: center;
    grid-template-columns: 50px 225px 210px 100px 90px 150px 1fr;
}


.ranged-table-items {
    font-weight: bold;
    display: grid;
    font-size: 10px;
    text-align: left;
    grid-template-columns: 25px 25px 80px 100px 45px 40px 40px 40px 40px 50px 25px 25px 25px 25px 40px 50px 40px 40px 40px 30px 1fr;
}

.contacts-table {
    display: grid;
    grid-template-columns: auto;
    background-color: rgba(192,192,192,.9);
}

.charsheet input[type=number] {
	box-sizing: border-box;
	width: 100% !important; 
	height: 100% !important;
        font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.explosives-table-row-bg input[type="number"],
.explosives-table-row input[type="number"],
.ranged-table-row input[type="number"] {
  	-moz-appearance: textfield;
}
.ranged-table-row-bg input::-webkit-outer-spin-button,
.ranged-table-row-bg input::-webkit-inner-spin-button,
.ranged-table-row input::-webkit-outer-spin-button,
.ranged-table-row input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} 

.ranged-table-row-bg select,
.ranged-table-row select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.ranged-table-row-bg {
    background-color: rgba(192,192,192,.9);
}

.ranged-table-row-bg,
.ranged-table-row {
    align-self: center;
    display: grid;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
    grid-template-columns: 25px 25px 80px 100px 45px 40px 40px 40px 40px 50px 25px 25px 25px 25px 40px 50px 40px 40px 40px 30px 1fr;
}


.vehicles-table input[type="number"],
.karma-history input[type="number"],
.show-weaponmods input[type="number"] {
	width: 100% !important; 
	display: inline;
	height: 80%;
}
.ranged-mods {
    display: grid;
    font-size: 10px;
    text-align: center;
    grid-template-columns: 80px 50px 50px 50px 70px 80px 80px 50px 80px 55px 50px 50px 55px 40px;
}

.table-full{
    background-color: rgba(192,192,192,.9);
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
}
.table-top{
 /*   background-color: rgba(192,192,192,.9); */
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.table-top-left-nc,
.table-top-left {
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    border-top-left-radius: 10px;
}
/* .table-top-left {
    background-color: rgba(192,192,192,.9);
} */
.table-top-left-w {
    background-color: white;
}
.table-top-right-nc,
.table-top-right-w,
.table-top-right {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    border-top-right-radius: 10px;
}
/* .table-top-right {
    background-color: rgba(192,192,192,.9);
} */
.table-top-right-w {
    background-color: white;
}

.table-top-mid-w,
.table-top-mid-nc,
.table-top-mid {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.table-top-white {
    background-color: white;
}
/* .table-top-mid {
    background-color: rgba(192,192,192,.9);
} */
.table-bottom{
    background-color: rgba(192,192,192,.9);
    border-top: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}

.table-item-left-nc,
.table-item-left { 
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
/* .table-item-left { 
    background-color: rgba(192,192,192,.9);
} */
.table-item {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: rgba(192,192,192,.9);*/
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.table-item-nc {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.table-right-nc {
    border-right: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    }

.table-top-nc {
    border-top: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    }
.table-close-nc {
    border-bottom: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    }
.center-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.meleespan {
    height: 90%;
    font-size: 12px;
    display: flex;
    align-items: center;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 2px;
    justify-content: center;
}
.spells-status-tracking span {
    width: 35px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #fff;
    border-radius: 2px;
 }
.armor span,
.numberspan span,
.deck-combat-modifiers span {
    width: 35px;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #fff;
    border-radius: 2px;
}
.vehicle-flux span,
.vehicle-quickstats span,
.deck-summary-attributes span {
    width: 90%;
    padding-top: 5%;
    padding-bottom: 5%;
    display: flex;
    align-items: center;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 2px;
    justify-content: center;
}

.vehicle-offroad span,
.vehicle-misc span,
.spn-nc {
    width: 90%;
    display: flex;
    padding-top: 10%;
    align-items: center;
    background-color: white;
    border: 1px solid #fff;
    border-radius: 2px;
    justify-content: center;
}
.armorsets-table-row:nth-last-child(1) {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.armor-headers {
    display: grid;
    grid-template-columns: auto 35px auto 35px auto 35px auto 35px auto 35px auto 25px;
    text-align: right;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 10px;
}

.armorsets-table-header {
    display: grid;
    font-weight: bold;
    text-align: center;
    grid-template-columns: 70px 150px 80px 80px 80px 50px 50px 50px 1fr;
    font-size: 10px;
}
.armorsets-table-row {
    display: grid;
    text-align: center;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    grid-template-columns: 70px 150px 80px 80px 80px 50px 50px 50px 1fr;
    font-size: 10px;
    }

.ammo-table-header {
    display: grid;
    font-weight: bold;
    grid-template-columns: 230px 70px 70px 60px 60px 1fr;
}
.ammo-table-row {
    display: grid;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    grid-template-columns: 230px 70px 70px 60px 60px 1fr;
}

.weaponfocus-header {
    display: grid;
    font-weight: bold;
    font-size: 10px;
    grid-template-columns: 50px 100px 60px 100px 50px 45px 45px 50px 60px 40px 40px 1fr;
}
.weaponfocus-attributes {
    display: grid;
    font-size: 10px;
    border-left: 2px solid #fff;
    background-color: rgba(192,192,192,.9);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    grid-template-columns: 50px 100px 60px 100px 50px 45px 45px 50px 60px 40px 40px 1fr;
}

.melee-table-header {
    display: grid;
    font-weight: bold;
    font-size: 10px;
    grid-template-columns: 50px 100px 100px 50px 45px 45px 50px 60px 60px 50px 50px 50px 40px 1fr;
}
.weaponfocus,
.melee-table-row {
    align-content: center;
    display: grid;
    font-size: 10px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
    grid-template-columns: 50px 100px 100px 50px 45px 45px 50px 60px 60px 50px 50px 50px 40px 1fr;
}

.explosives-table-header {
    text-align: center;
    font-weight: bold;
    display: grid;
    font-size: 10px;
    grid-template-columns: 100px 100px 55px 40px 40px 50px 50px 50px 45px 55px 35px 40px 40px 40px 45px 45px 1fr
}

.explosives-table-row-bg {
    background-color: rgba(192,192,192,.9);
}
.explosives-table-row-bg,
.explosives-table-row {
    text-align: center;
    display: grid;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    font-size: 10px;
    grid-template-columns: 100px 100px 55px 40px 40px 50px 50px 50px 45px 55px 35px 40px 40px 40px 45px 45px 1fr
}

.explosive-mods-switch {
    text-align: center;
    display: grid;
    font-size: 10px;
    grid-template-columns: 100px 50px 50px 80px 120px 120px 80px 50px 50px 50px 1fr;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: rgba(192,192,192,.9);
}

.largeselect {
    width: 100%;
    height: 100%;
    font-size: 12px;
    margin-bottom: unset;
}

.mediumselect2 {
    width: 100%;
    height: 100%;
    font-size: 10px;
    margin-bottom: unset;
}

.charsheet input[type=text] {
    width: 100%;
    height: 100%;

}
.myweapontxt {
    width: 100%;
    font-size: 10px;
}
.myweapontxt2 {
    height: 80%;
    width: 100%;
    font-size: 10px;
}
.smallnumber {
    width: 3.5em;
}

.sidebyside {
    
    display: grid;
    grid-template-columns: 3.5em 35px;
    font-size: 10px;
    width: 3.5em;
}

.sidebyside span {
  background: white;
  border-radius: 3px;
  align-self: center;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 12px;
  border: 1px solid rgba(192,192,192,.9);

}

.weaponnumber {
    font-size: 10px;
    width: 3.5em;
}

.weaponronum {
    display: inline-block;
    font-size: 12px;
    align-self: center;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: white;
    height: inherit;
    border: 1px solid darkgrey;
}

input.show-expslosivemods:not(:checked)~div.explosive-mods-switch {
    display: none;
}
.show_bf_dice,
.show_fa_dice,
.show_ss_dice,
.show_sa_dice {
    	align-self: center;

}

input.enable-sa:not(:checked)~span.show_sa_dice {
    display: none;
}

input.enable-ss:not(:checked)~span.show_ss_dice {
    display: none;
}

input.enable-bf:not(:checked)~span.show_bf_dice {
    display: none;
}

input.enable-fa:not(:checked)~span.show_fa_dice {
    display: none;
}
.ranged-notes {
	display: grid;
	grid-template-columns: auto 20px auto 1fr;
}
.weight-table {
	display: grid;
	align-items: center;
	grid-template-columns: 120px 100px;
}

.show-notes[value="hide"]~div.ranged-notes,
.show-weaponmods[value="hide"]~div.explosive-mods-switch,
.show-weaponmods[value="hide"]~span.show-weaponmods {
    display: none;
}

.show-notes[value="hide"]~.pictos-button,
.show-weaponmods[value="hide"]~.pictos-button {
	color: slategrey;
}
.show-notes[value="hide"]~.pictos-button,
.show-weaponmods[value="show"]~.pictos-button {
    -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
    -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
     box-shadow: inset 0px 0px 5px #c1c1c1;
     color: black;
}

.combat-modifiers-total {
    align-items: center;
    text-align: center;
    display: grid;
    grid-template-columns: 140px 140px 130px 70px 110px 90px 1fr;
    font-size: 14px;
}

.combat-conditions {
    text-align: center;
    display: grid;
    grid-template-columns: 120px 90px 70px 100px 50px 50px 50px 50px 50px 50px 100px 50px;
}

.adept-skills-table {
    display: grid;
    grid-template-columns: 155px 55px 55px 55px 220px;
}

.center-checkbox {
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.adept_skills_repeat {
    display: grid;
    text-align: center;
    grid-template-columns: 150px 60px 60px 60px 1fr;
}

.lifestyles {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 90px 60px 60px 125px 300px 1fr;
    text-align: center;
    vertical-align: middle;
}

/* Rigger styling */
.span561 {
    grid-column-start: 5;
    grid-column-end: 7;

}
.drones-table {
    display: grid;
    grid-template-columns: 125px 125px 125px 125px 1fr;


}
.rcdeck-flux{
    display: grid;
    grid-template-columns: 160px 70px 40px 100px 100px 100px;
}
.rcdeck-options{
   display: grid;
   align-self: center;
   column-gap: 10px;
   grid-template-columns: 75px 55px 75px 55px 80px 55px 120px 55px; 
}

.rcdeck-ew-border{
   display: grid;
   grid-template-columns: 570px;
}
.rcdeck-ew{
    padding-left: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 10px;
   display: grid;
   align-self: center;
   grid-template-columns: 130px 55px 130px 55px 95px 55px;
}

.vcr-attributes{
    padding-left: 10px;
   display: grid;
    border: 2px solid #fff;
    border-radius: 10px;
    background-color: rgba(192,192,192,.9);
    grid-template-columns: 75px 60px 105px 60px 105px 60px 110px 40px 130px 40px;
}

/* End Rigger styling */


/* vehicle and drones character type styling */
.buttontoggle[value="Drone"]~div.vehicle-only,
.drone-only,
.rc-condition{
   display: none;
}


.vehicle-always-displayed{
   display: grid;
    grid-template-columns: 680px 1fr;
    background-color: rgba(192,192,192,.9);
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.vehicle-manual-gunnery{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 105px 105px 105px 125px 100px 105px 80px 80px 1fr;
    text-align: center:
}
.vehicles-weapons {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
}

.vehicle-header {
    background-color: darkgrey;
    text-align: center;
    font-weight: bold;
}
.vehicle-actions,
.vehicle-maneuever-details,
.vehicle-speed-details,
.vehicle-env-details,
.vehicle-sensor-details{
    line-height: 25px; 
    display: grid;
    align-content: center;
    text-align: center;
    align-self: center;
}
.vehicle-sensor-details {
    grid-template-columns: 65px 25px;
}
.vehicle-speed-details {
    grid-template-columns: 65px 65px;
}
.vehicle-stats-items {
    align-self: center;
}

.vehicle-interface,
.vehicle-speed,
.vehicle-maneuever,
.vehicle-env {
    border-right: 2px solid #fff;
}
.vehicle-stats-mini {
    display: grid;
    grid-template-columns: 60px 40px 60px 40px 45px 45px 55px 45px 55px 45px 55px 25px 55px 25px 50px 25px 60px 45px;
    text-align: right;
    background-color: rgba(192,192,192,.9);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.vehicle-speed-details span{
    display: inline-flex;
    align-items: center;
    background-color: white;
    color: black;
    padding-left: 3px;
    padding-right: 2px;
    float: left;
    width: 60px;
    height: 23px;
}
.vehicle-actions{
    grid-template-columns: 160px auto auto auto auto auto auto auto auto auto auto;
}
.vehicle-maneuever-details {
    grid-template-columns: 55px 55px;
}
.vehicle-env-details {
    grid-template-columns: 85px 25px;
}

.vehicle-flux{
    display: grid;
    grid-template-columns: 150px 60px 130px 60px;
}

.vehicle-driver {
    align-items: center;
    display: grid;
    grid-template-columns: 50px 1fr 20px;
}

.vehicle-quickstats{
    align-items: center;
    display: grid;
    grid-template-columns: 80px 45px 1fr;
}
.vehicle-quickstats-border{
    border-left: 2px solid #fff;
}

.vehicle-interface-details{
    line-height: 24px; 
    padding-left: 2px;
    display: grid;
    grid-template-columns: 60px 20px;
}

.vehicle-combat-modifiers{
    display: grid;
    grid-template-columns: 83px 137px 115px 115px 140px 90px;
	
}

.vehicle-offroad {
    display: grid;
    grid-template-columns: 50px 55px;
}

.vehicle-buttons {
    text-align: center;
    border-radius: 10px;
    padding: 2px;
    border: 2px solid #000000;
    background-color: #7ec3fcf5
}

.vehicle-info {
    display: grid;
    grid-template-columns: 80px 60px 60px 60px 80px 120px 120px;
    text-align: center;
    background-color: rgba(192,192,192,.9);
    border: 2px solid #fff;
    border-radius: 10px;
}

.vehicle-stats-regular {
    display: grid;
    grid-template-columns: 200px 200px 200px;
    background-color: rgba(192,192,192,.9);
    border: 2px solid #fff;
    border-radius: 10px;
}

.vehicle-config,
.vehicle-attributes {
    display: grid;
    grid-template-columns: 80px 100px;
}

.vehicle-misc {
    display: grid;
    grid-template-columns: 120px 50px;
}

.vehicle-electronics {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    text-align: center;
    grid-template-columns: 60px 100px 100px 100px 100px 70px 100px;
}

.vehicle-combat-condition {
    border-top: 2px solid #fff;
}
.rc-combat-condition,
.vehicle-combat-condition {
    display: grid;
    text-align: center;
    grid-template-columns: 130px 80px 130px 130px 130px 80px;
}
/* end of vehicle and drone sheet sytling */


/* character sheet vehicle tab styling  */
.vehicles-table {
    display: grid;
    text-align: center;
    grid-template-columns: 125px 125px 125px 1fr;
}

/* end of character sheet vehicle tab styling  */


/* Decking sheet styling */

.deck-row-top {
    border-top: 1px solid darkslategray;
    border-left: 1px solid darkslategray;
    border-right: 1px solid darkslategray;
    height: 20px;
}

.deck-row-bottom {
    border-bottom: 1px solid darkslategray;
    border-left: 1px solid darkslategray;
    border-right: 1px solid darkslategray;
    height: 30px;
}

.deck-combat {
    display: grid;
    grid-template-columns: 600px 1fr;
    row-gap: 10px;
    background-color: rgba(192,192,192,.9);
    border: 1px solid darkslategray;
    border-radius: 10px;
}

.deck-ic-suppress {
    text-align: right;
    padding-right: 30px;
}

.frame-summary {
    display: grid;
    text-align: center;
    grid-template-columns: 60px 70px 80px 80px 100px;
}

.deck-summary {
    display: grid;
    text-align: center;
    grid-template-columns: 40px 80px 90px 100px 80px 100px; 
}

.matrixrapid { 
    background-color: rgba(192,192,192,.9);
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border: 1px solid white;
    border-radius: 10px;
}
.matrix-combat-condition {
    display: grid;
    text-align: center;
    grid-template-columns: 90px 80px 100px 120px 100px 100px;
}

.matrix-combat-condition-spacer {
    display: grid;
}

.matrix-systemrating {
	background: white;
        border: 1px solid white;
	border-radius: 8px;
	padding: 2px;
}

.matrix-status {
    align-items: center;
    display: grid;
    grid-template-columns: 20px 220px 10px 85px 35px 80px 35px 10px 70px 35px 80px 80px 1fr;
}

.matrixalert-format[value="4"]~div.matrix-always-displayed {
    background: yellow;
}

.matrixalert-format[value="5"]~div.matrix-always-displayed {
    background: red;
}

.mpcp-frame-toggle {
    display: grid;
    grid-template-columns: auto auto;
}

.deck-combat-system {
    display: grid;
    align-items: center;
    text-align: right;
    grid-template-columns: auto 20px 30px 20px 20px 70px 20px 70px 20px 70px 20px 70px 20px 70px 20px 1fr;
}
.deck-combat-system2 {
    display: grid;
    align-items: center;
    text-align: right;
    grid-template-columns: auto 20px 20px auto 20px 20px auto 20px 20px auto 20px 20px auto 20px 20px auto 20px 20px auto 20px 1fr;
 }
.hack-pool-option {
    display: grid;
    align-items: center;
    grid-template-columns: auto 20px 1fr;
}
.deck-summary-attributes {
    display: grid;
    grid-template-columns: 65px 25px 50px 50px 50px;
    align-items: center;
}

.deck-memory-used {
    display: grid;
    text-align: right;
    align-items: center;
    grid-template-columns: auto 25px 20px auto auto auto auto 20px auto auto 20px auto auto 20px auto auto 1fr;
}

.frame-util-used {
    display: grid;
    column-gap: 10px;
    grid-template-columns: 150px 60px 100px;
}

.frame-overload,
.deck-overload {
   padding-top:1px;
   padding-bottom:1px;
   padding-left: 5px;
   padding-right: 5px;
}

.matrix-status[value="out"] ~.matrix-status {
	background: green;
	color: white;
}
.matrix-status[value="in"] ~.matrix-status {
	background: red;
	color: white;
}

.taskpool-over[value="1"] ~ .taskpool-over,
.astralpool-over[value="1"] ~ .astralpool-over,
.controlpool-over[value="1"] ~ .controlpool-over,
.combatpool-over[value="1"] ~ .combatpool-over,
.hackingpool-over[value="1"] ~ .hackingpool-over,
.sorcery-over[value="1"] ~ .sorcery-over,
.spellpool-over[value="1"] ~ .spellpool-over,
.vehicle-flux-overload[value="1"] ~ .flux-overload,
.frame-utility-full[value="1"]~.frame-overload,
.deck-mem-full[value="1"]~.deck-overload {
    background-color: red;
}


.frame-attributes {
    display: grid;
    grid-template-columns: 45px 55px 60px 55px 65px 55px 65px 55px;
}

.frame-core {
    display: grid;
    grid-template-columns: 45px 120px 80px 55px 90px 55px 40px 55px 65px 55px;
}

.deck-persona,
.deck-extras,
.deck-cyberdeck-specs {
    display: grid;
    grid-template-columns: 70px 60px 90px 60px 100px 60px 70px 60px 115px 60px;
}

.deck-utilities-special,
.deck-utilities-defensive {
    display: grid;
    grid-template-columns: 110px 60px 65px 50px 50px 65px 40px 75px 220px;
}

.deck-util-background {
    display: grid;
    grid-template-columns: 845px;
    
}

.deck-utilities-addrow {
    display: grid;
    justify-items: center;
    grid-template-columns: 110px 50px 80px 65px 50px 50px 65px 50px 40px 65px 220px;
}

.deck-utilities-additional {
    display: grid;
    grid-template-columns: 110px 50px 80px 65px 50px 50px 65px 50px 40px 65px 220px;
}

.deck-utilities-offensive {
    display: grid;
    grid-template-columns: 110px 50px 65px 50px 50px 65px 50px 40px 75px 220px;
}

.dice-pools {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 80px 80px 80px 80px;
}

.gunnery-switch[value="show"]~div.manual-gunnery-mods {
    display: grid;
    grid-template-columns: 120px 120px 120px 120px 120px 120px 120px;
}

.gunneryswitch {
    background-color: red;
    
    /* Green */
    border: none;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: white
}

.manual-gunnery-tn[value="0"]~button.gunneryswitch {
    background-color: green;
}
.weaponfocus-show[value="false"]~div.show-weaponfocus-melee {
    display: none;
}
.vehicle-stats-show,
.vehicle-stats-hide,
.drone-list-show,
.drone-list-hide,
.vehicle-condition-show,
.vehicle-condition-hide,
.rc-condition-show,
.rc-condition-hide,
.ic-show,
.ic-hide,
.deck-skills-nospec,
.manual-gunnery-mods,
.manual-gunnery-show,
.manual-gunnery-hide,
.securitysheaf-show,
.securitysheaf-hide,
.vehicle-skills-show,
.vehicle-skills-hide,
.rc-deck-show,
.rc-deck-hide,
.sorceryskills-hide {
    display: none;
}

.vehicle-stats-switch[value="show"]~div.vehicle-stats-hide,
.vehicle-stats-switch[value="hide"]~div.vehicle-stats-show,
.vehicle-condition-switch[value="show"]~div.vehicle-condition-hide,
.vehicle-condition-switch[value="hide"]~div.vehicle-condition-show,
.rc-condition-switch[value="show"]~div.rc-condition-hide,
.rc-condition-switch[value="hide"]~div.rc-condition-show,
.gunnery-switch[value="show"]~div.manual-gunnery-hide,
.gunnery-switch[value="hide"]~div.manual-gunnery-show {
    display: block;
}

.ic-switch[value="show"]~div.ic-hide,
.ic-switch[value="hide"]~div.ic-show,
.armor-switch[value="hide"]~div.armor-hide,
.armor-switch[value="show"]~div.armor-show,
.ammo-switch[value="hide"]~div.ammo-hide,
.ammo-switch[value="show"]~div.ammo-show,
.explosives-switch[value="hide"]~div.explosives-hide,
.explosives-switch[value="show"]~div.explosives-show,
.rangedweapons-switch[value="hide"]~div.rangedweapons-hide,
.rangedweapons-switch[value="show"]~div.rangedweapons-show,
.meleeweapons-switch[value="hide"]~div.meleeweapons-hide,
.meleeweapons-switch[value="show"]~div.meleeweapons-show,
.combatskills-switch[value="show"]~div.combatskills-hide,
.combatskills-switch[value="hide"]~div.combatskills-show,
.vehicle-skills-switch[value="show"]~div.vehicle-skills-hide,
.vehicle-skills-switch[value="hide"]~div.vehicle-skills-show,
.rc-deck-switch[value="show"]~div.rc-deck-hide,
.rc-deck-switch[value="hide"]~div.rc-deck-show,
.drone-list-switch[value="show"]~div.drone-list-hide,
.drone-list-switch[value="hide"]~div.drone-list-show,
.deck-utilities-switch[value="show"]~div.deck-utilities-hide,
.deck-utilities-switch[value="hide"]~div.deck-utilities-show,
.deck-cyberdeck-switch[value="show"]~div.deck-cyberdeck-hide,
.deck-cyberdeck-switch[value="hide"]~div.deck-cyberdeck-show,
.securitysheaf-switch[value="show"]~div.securitysheaf-hide,
.securitysheaf-switch[value="hide"]~div.securitysheaf-show,
.deck-skills-switch[value="show"]~div.deck-skills-hide,
.deck-skills-switch[value="hide"]~div.deck-skills-show {
    display: grid;
    grid-template-columns: auto 60px 1fr;
}

.ammo-switch[value="hide"]~div.ammo,
.armor-switch[value="hide"]~div.armor,
.explosives-switch[value="hide"]~div.explosives,
.meleeweapons-switch[value="hide"]~div.meleeweapons,
.rangedweapons-switch[value="hide"]~div.rangedweapons,
.vehicle-stats-switch[value="hide"]~div.vehicle-stats,
.drone-list-switch[value="hide"]~div.drones-list,
.vehicle-condition-switch[value="hide"]~div.vehicle-condition,
.rc-condition-switch[value="hide"]~div.rc-condition,
.ic-switch[value="hide"]~div.ic,
.deck-utilities-switch[value="hide"]~div.deck-utilities,
.deck-skills-switch[value="hide"]~div.deck-skills,
.deck-cyberdeck-switch[value="hide"]~div.deck-cyberdeck,
.securitysheaf-switch[value="hide"]~div.securitysheaf,
.combatskills-switch[value="hide"]~div.combat-skills,
.rc-deck-switch[value="hide"]~div.rc-deck,
.vehicle-skills-switch[value="hide"]~div.vehicle-skills {
    display: none;
}

.magicinitiate-level {
    display: grid;
    grid-template-columns: auto 60px 1fr;


}

.charsheet button[type=roll].hidedice-button::before {
    content: '';
}

.charsheet button[type=roll].hidedice-button:hover,
.charsheet button[type=roll].hidedice-button:active,
.charsheet button[type=roll].hidedice-button{
	background-image:none;
}

.charsheet button[type=roll].hidedice-button:hover {
    background-color: black;
    color: white;
}

.charsheet button[type=action].hidedice-button,
.charsheet button[type=roll].hidedice-button{
    background-color: white;
    border: 1px solid black;
    width: 45px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    color: black;
}

.switch-button-hide {
    background-color: black;
    border: none;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: white
}

.switch-button-show {
    background-color: white;
    border: 1px solid black;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: black
}

.switch-button-hide:hover,
.switch-button-show:hover {
    color: red;
    border: 1px solid red;
}

.cyberware-list{
    display: grid;
    grid-template-columns: 230px 70px 70px 1fr;
}

.contacts {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 120px 150px 1fr;
}

.money-id {
    display: grid;
    grid-template-columns: 80px 120px;
}
.edges-table{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
	display: grid;
    	grid-template-columns: 195px 55px;
}

.creds {
	display: grid;
    	grid-template-columns: 600px 1fr;
}

.credsticks {
	display: grid;
    	grid-template-columns: 80px 80px 55px 80px 35px 1fr;
}

.vehicle-quickstats-border header,
.vehicle-electronics header,
.armor-headers header,
.credsticks header,
.karma-history header,
.deck-utilities-special header,
.deck-utilities-defensive header,
.deck-utilities-offensive header,
.deck-utilities-special header,
.sorcery-row header,
.magic-spells-table .header,
.dice-pools header,
.ic-attributes header,
.vehicle-speed header,
.vehicle-maneuever header,
.vehicle-interface header,
.vehicle-env header,
.vehicle-driver header,
.vehicle-sensor header,
.walk-run header,
.karma-pool header,
.reaction header,
.reaction-spirit header,
.char_attributes header,
.matrix-intruder-tally header,
.securitytally header,
.vehicles-table header,
.gear-table header,
.deck-skills header,
.totem-table header,
.geas-table header,
.metamagic-table header,
.adept-skills-table header,
.magic-skills-table header,
.foci-table header,
.skills-table header,
.edges-table header{
    font-weight: bold;
}
.skills-table input,
.edges-table input{
	width:195px;
}
.skills-table {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: rgba(192,192,192,.9);
    display: grid;
    grid-template-columns: 155px 50px 70px 30px;
}

.skills-edges {
    display: grid;
    grid-template-columns: 305px 250px 250px;
    column-gap: 20px;
}

.gear-table {
    display: grid;
    grid-template-columns: 125px 60px 60px 60px 60px 60px 100px 60px 70px 40px 1fr;
    row-gap: 20px;
}