roll20-character-sheets/Shadowrun5th/Shadowrun5th.css

.ui-dialog .charsheet {
    background-color: #111111;
}

.wrapper {
    width:calc(100%-6em);
    background-color:#111111;
    min-height:500px;
    padding-bottom:50px;
    background-image:url(http://i.imgur.com/TQ8WzzX.png);
    background-repeat:no-repeat;
    background-position:center 2em;
    background-size: auto 8em;
}

.wrapper select{
    -moz-appearance:none;
}

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

.wrapper input[type=number] {
    -moz-appearance:textfield;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;

    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;

    position: sticky;
    top: 0px;
    background-color:#111111;
    z-index: 1;
}

.tabs .tab{
    text-align:center;
    color:#eeeeee;
    background-color: #550000;
    display:inline-block;
    border-radius:5px;
    border-color: #550000;
    max-width: fit-content;
}

.tabstoggle[value="main"] ~ button.main,
.tabstoggle[value="skills"] ~ button.skills,
.tabstoggle[value="magic"] ~ button.magic,
.tabstoggle[value="critter"] ~ button.critter,
.tabstoggle[value="technomancy"] ~ button.technomancy,
.tabstoggle[value="enhancements"] ~ button.enhancements,
.tabstoggle[value="matrix"] ~ button.matrix,
.tabstoggle[value="vehicles"] ~ button.vehicles,
.tabstoggle[value="equipment"] ~ button.equipment,
.tabstoggle[value="social"] ~ button.social,
.tabstoggle[value="character"] ~ button.character
{
    color:#aaaaee;
    font-weight:700;
}

.contentMain,
.contentSkills,
.contentMagic,
.contentCritter,
.contentTechnomancer,
.contentEnhancements,
.contentMatrix,
.contentVehiclesDrones,
.contentEquipment,
.contentSocial,
.contentCharacter
{
    display:none;
}

/* show the selected tab */
.tabstoggle[value="main"] ~ div.contentMain,
.tabstoggle[value="skills"] ~ div.contentSkills,
.tabstoggle[value="magic"] ~ div.contentMagic,
.tabstoggle[value="critter"] ~ div.contentCritter,
.tabstoggle[value="technomancy"] ~ div.contentTechnomancer,
.tabstoggle[value="enhancements"] ~ div.contentEnhancements,
.tabstoggle[value="matrix"] ~ div.contentMatrix,
.tabstoggle[value="vehicles"] ~ div.contentVehiclesDrones,
.tabstoggle[value="equipment"] ~ div.contentEquipment,
.tabstoggle[value="social"] ~ div.contentSocial,
.tabstoggle[value="character"] ~ div.contentCharacter
{
    display:block;
    width:100%;
    margin-top: 120px;
    color:#aaaaee;
}

.show-mage:not(:checked) ~ button.magic,
.show-mage:not(:checked) ~ div.magic {
    display:none;
}

.show-mage:checked ~ button.magic,
.show-mage:checked ~ div.magic {
}

.show-critter:not(:checked) ~ button.critter {
    display:none;
}

.show-critter:checked ~ button.critter {
}

.show-technomancy:not(:checked) ~ button.technomancy,
.show-technomancy:not(:checked) ~ div.technomancy {
    display:none;
}

.show-technomancy:checked ~ button.technomancy,
.show-technomancy:checked ~ div.technomancy {
}

.wrapper h2{
    margin-top:1em;
    color: #aaaaee;
}

.wrapper h3{
    margin-top:1em;
    color: #aaaaee;
}

/*
GM Roll + Edge Button
*/

.gmroll{
    position:absolute;
    left: calc(100% - 12em);
    top:16em;
    width:9em;
}

.gmroll .edgerollcheckbox,
.gmroll .gmrollcheckbox{
    opacity:0;
    width:45%;
    margin-left:-4.5%;
    margin-right:1%;
    height:2em !important;
}


.gmroll .gmrolllabel,
.topbuttonwrapper .topbuttonlabel{
    display:inline-block;
    color:black;
    background-color:#550000;
    text-align:center;
    border-radius:5px;
    width:45%;
    margin-left:-47%;
}

.gmrollcheckbox:checked,
.edgerollcheckbox:checked{
    display:none;
}

.gmrollcheckbox:checked +div,
.edgerollcheckbox:checked +div{
    color:#aaaaee;
}

/**
    IMPORTER
**/

div .chummerimport label{
    display:inline-block;
    background-color:#550000;
    text-align:center;
    border-radius:5px;
    color:black;
    width:100%;
    margin-left:-100%;
}

div .chummerimport{
    padding-left: 15px;
}

.chummertextfield textarea{
    min-height:10em;
}


.importbuttons{
    margin-top:6em;
}


.warningtext{
    position:relative;
    top:-6em;
}

.warningcheckbox:checked~.warningtext{
    font-size:200%;
    top:-3em;
}

.chummercheckbox:checked~.warningtext{
    display:none;
}


.chummercheckbox:checked~.waitingtext{
    position:relative;
    display:block;
    font-size:200%;
    top:-3em;
}

div .warningcheckbox,
div .chummercheckbox,
div .warninguncheckedwrapper,
div .warningcheckedwrapper,
div .chummercheckwrapper{
    width:15%;
}

.warninguncheckedwrapper,
.warningcheckbox:checked ~ .warningcheckedwrapper,
.warningcheckbox:checked ~ .chummercheckbox,
.warningcheckbox:checked ~ .chummercheckwrapper{
    display:inline-block;
}


.waitingtext,
.warningcheckbox:checked ~ .warninguncheckedwrapper,
.warningcheckedwrapper,
.chummercheckbox,
.chummercheckwrapper{
    display:none;
}


.warningcheckbox,
.chummercheckbox{
    opacity:0;

}

/**
    Textareas Notes
**/

.spells textarea,
.spiritstable textarea,
.ware textarea,
.martial textarea,
.qualities textarea,
.vehicle textarea,
.drone textarea,
.equipment textarea,
.armor textarea,
.contacts textarea
{
    width:100% !important;
    vertical-align:top;
    background-color:#444444;
    color:inherit;
    border:none;
    box-shadow:none;
    height:100%;
    box-sizing:border-box;
    margin:10px;
    text-align:center;
}


.topbuttonwrapper .topbuttonlabel{
    color:inherit;
}


.topbuttonwrapper .skillshowallcheckbox{
    opacity:0;
    margin-left:-2%;
    width:45%;
    display:inline-block;
}

.skillshowticker{
    display:inline-block;
}


.contentSkills h3{
    display:inline-block;
    width:35%;
    color:inherit;
    margin-top:0.5em;
}

.topbuttonwrapper{
    display:inline-block;
    width:30%;
    position:relative;
    top:0.2em;
    margin-bottom:0.5em;
}


.skillshowcheckbox:checked,
.skillshowcheckbox:checked + div,
.skillshowcheckbox:checked + div + div{
    display:none;
}

.skillhideheadercheckbox,
.skillhideheadercheckbox:checked + div,
.skillhideheadercheckbox:checked + div + div{
    display:none;
}


.repcontrol_add,
.repcontrol_edit,
.repcontrol_del,
.repcontrol_move,
.standardroll,
.deckroll,
.mskillroll,
.rollbuttonspec,
.rollbuttonnospec,
button.spellrollmage,
.spellrolltechno,
.vehicleroll,
.droneroll,
.armorroll,
.defenseroll,
.weaponroll,
.ammoroll,
.initiativeroll{
    background-color:#550000 !important;
    color:inherit !important;
    background-image:none;
    box-shadow:none;
    border:none;
    border-radius:5px;
    text-shadow:none;
}


.repcontrol_add,
.repcontrol_edit{
    margin:0.3em 2em 0em 2em;
}


input[type=text],
input[type=number]{
    padding:4px;
}

select{
    padding:4px 4px 4px 4px;
}



input[type=checkbox].hiddencheckbox{
    opacity:0;
    width:1.2em;
    height:1.5em;
    margin-left:0.5em;
    margin-top: 0.5em;
    vertical-align: top;
}


.checkboxunticked,
.checkboxticked,
.checkboxticker{
    margin-left:-1.5em;
    width:1em;
    height:1em;
    padding:0.15em 0.1em 0.1em 0.05em;
    margin-top: 0.5em;
    text-align:center;
    background-color:#550000;
    font-size:1em;
    border-radius:5px;
    vertical-align: top;
    line-height:100%;
    color:inherit;
}

.weaponrangerollwrapper,
.weaponmodewrapper select,
.hiddenmelee:checked ~ div.weaponmodewrapper input,
.hiddenmelee:checked ~ div.weaponmeleerollwrapper,
.mskillsilentunticked,
.mskillsilentcheckbox:checked ~ div.mskillsilentticked,
.mskillhotsimunticked,
.mskillhotsimcheckbox:checked ~ div.mskillhotsimticked,
.programunticked,
.programcheckbox:checked ~ div.programticked,
.armorwornunticked,
.armorworncheckbox:checked ~ div.armorwornticked,
.meleeunticked,
.meleecheckbox:checked ~ div.meleeticked,
.weaponunticked,
.weaponcheckbox:checked ~ div.weaponticked,
.vehicleskillsunticked,
.vehicleskillscheckbox:checked ~ div.vehicleskillsticked,
.vehicledmgunticked,
.vehicledmgcheckbox:checked ~ div.vehicledmgticked,
.vehicleshowweaponunticked,
.vehicleshowweaponcheckbox:checked ~ div.vehicleshowweaponticked,
.vehicleweaponunticked,
.vehicleweaponcheckbox:checked ~ div.droneweaponticked,
.droneskillsunticked,
.droneskillscheckbox:checked ~ div.droneskillsticked,
.dronedmgunticked,
.dronedmgcheckbox:checked ~ div.dronedmgticked,
.droneshowweaponunticked,
.droneshowweaponcheckbox:checked ~ div.droneshowweaponticked,
.droneweaponunticked,
.droneweaponcheckbox:checked ~ div.droneweaponticked,
.spiriteboundunticked,
.spiriteboundcheckbox:checked ~ div.spiriteboundticked,
.spellspecializedunticked,
.spellspecialized:checked ~ div.spellspecializedticked,
.skillspecticker:checked ~ div.skillspecunticked,
.mskillspecticker:checked ~ div.mskillspecunticked,
.knowledgespecticker:checked ~ div.knowledgespecunticked,
.edgeunticked,
.edgecheckbox:checked ~ div.edgeticked,
.skillshowspec:checked ~ button.rollbuttonnospec,
.mskillshowspec:checked ~ button.rollbuttonnospec,
.knowledgeshowspec:checked ~ button.rollbuttonnospec,
.spellrollmage
{
    display: inline-block;
}


.edgehidebox,
.edgehidebox:checked ~ div.edgecheckboxwrapper,
.weaponmeleerollwrapper,
.hiddenmelee:checked ~ div.weaponrcwrapper input,
.hiddenmelee:checked ~ div.weaponmodewrapper select,
.weaponmodewrapper input,
.hiddenmelee:checked ~ div.weaponrangerollwrapper,
.hide-rep:checked ~ div.hide-rep,
.hide1:checked ~ div.hide1,
.hide2:checked ~ div.hide2,
.hide3:checked ~ div.hide3,
.hide4:checked ~ div.hide4,
.hide5:checked ~ div.hide5,
.hide6:checked ~ div.hide6,
.hide7:checked ~ div.hide7,
.hide8:checked ~ div.hide8,
.mskillsilentticked,
.mskillsilentcheckbox:checked ~ div.mskillsilentunticked,
.mskillhotsimticked,
.mskillhotsimcheckbox:checked ~ div.mskillhotsimunticked,
.programticked,
.programcheckbox:checked ~ div.programunticked,
.vehicledmgticked,
.vehicledmgcheckbox:checked ~ div.vehicledmgunticked,
.vehicleskillsticked,
.vehicleskillscheckbox:checked ~ div.vehicleskillsunticked,
.vehicleshowweaponticked,
.vehicleshowweaponcheckbox:checked ~ div.vehicleshowweaponunticked,
.vehicleweaponticked,
.vehicleweaponcheckbox:checked ~ div.vehicleweaponunticked,
.dronedmgticked,
.dronedmgcheckbox:checked ~ div.dronedmgunticked,
.droneskillsticked,
.droneskillscheckbox:checked ~ div.droneskillsunticked,
.droneshowweaponticked,
.droneshowweaponcheckbox:checked ~ div.droneshowweaponunticked,
.droneweaponticked,
.droneweaponcheckbox:checked ~ div.droneweaponunticked,
.meleeticked,
.meleecheckbox:checked ~ div.meleeunticked,
.weaponticked,
.weaponcheckbox:checked ~ div.weaponunticked,
.armorwornticked,
.armorworncheckbox:checked ~ div.armorwornunticked,
.spiriteboundticked,
.spiriteboundcheckbox:checked ~ div.spiriteboundunticked,
.spellspecializedticked,
.spellspecialized:checked ~ div.spellspecializedunticked,
.knowledgespecunticked,
.skillspecunticked,
.mskillspecunticked,
.edgeticked,
.edgecheckbox:checked ~ div.edgeunticked,
.technomancycheckbox,
div .labeltechnomancer,
.technomancer,
.rollbuttonnospec,
.skillshowspec,
.skillshowspec:checked ~ button.rollbuttonspec,
.mskillshowspec,
.mskillshowspec:checked ~ button.rollbuttonspec,
.knowledgeshowspec,
.knowledgeshowspec:checked ~ button.rollbuttonspec,
.hiddentextfield,
.hiddenmelee
{
    display:none;
}

.contacts,
.ware,
.martial,
.qualities,
.statblock,
.infoblock,
.initiation,
.spirits,
.equipment,
.armor,
.cyberdeck,
.cyberprograms{
    width:calc(46% - 2px);
    display:inline-block;
    margin-left: 2%;
    vertical-align:top;
}

.initiation{
    padding-bottom:2em;
}

.spirits{
    vertical-align:bottom !important;
}

.contentEquipment .weapon{
    display:inline-block;
    margin:2em 0% 0% 2%;
    vertical-align:top;
    width:90%;
}

.statheading{
    display:block;
}

.statinputwrapper .statinput,
.statinput{
    width:2em;
    background-color:#444444;
    color:inherit;
    border:none;
    box-shadow:none;
    text-align:center;
}

.statlabel{
    text-align:center;
    display:block;
}

.statlabel label{
    color:inherit;
    font-weight:normal;
}

.statheading h4{
    color:inherit;
}

.statsubcol{
    display:inline-block;
    vertical-align:top;
    width:35%;
}

.statcol1{
    display:inline-block;
    vertical-align:top;
    width:35%;
}

.statcol2{
    display:inline-block;
    vertical-align:top;
    width:15%;
}

.statcol3{
    display:inline-block;
    vertical-align:top;
    width:40%;
    margin-bottom:2em;
}

.rollcol{
    display:inline-block;
    vertical-align:top;
    width:20%;
}

.statinputwrapper,
.statlabel, .statheading{
    height:3em;
}

.statinputwrapper{
    display:block;
}


.edgewrapper{
    display:block;
}

.edgecheckboxwrapper{
    display:inline-block;
    vertical-align:top;
    width:22%;
    min-width:2.1em;
    margin-left:-0.5em;
}


.specrolls,
.standardrolls,
.initiative,
.defense,
.limits,
.wounds,
.infoblock .weapon{
    display:inline-block;
    width:100%;
    margin-bottom:2em;
}


.initiativelabel{
    display:inline-block;
    width:20%;
}


.initiativeattribute,
.initiativebonus,
.initiativedice,
.initiativerollwrapper{
    display:inline-block;
    width:10%;
}

.initiativelabelwrapper{
    display:inline-block;
    text-align:center;
    vertical-align:bottom;
    width:5%;
}

.initiativelabelwrapper label{
    color:inherit;
    font-weight:normal;
    text-align:center;
    margin-bottom: 0.25em;
}

.woundsrow div{
    width:10%;
    display:inline-block;
    margin:0px 8% 0.5em 0%;
}

.limitwrapper{
    display:inline-block;
    width:25%;
}

.armortotal{
    display:inline-block;
    width:25%;
    pointer-events: none;
}


.nuyentotallabel{
    display:inline-block;
    width:15%;
}



.nuyentotal,
.armortotallabel{
    display:inline-block;
    width:30%;
}


div .magiciandrainattribute label,
div .movementrow label,
div .magician label,
div .technomancer label,
div .specrolls label,
div .charinforow label,
div .defenselabel label,
div .defensebonuslabel label,
div .qualityrow label,
div .initiationrow label,
div .warerow label,
div .martialrow label,
div .contactsrow label,
div .cyberprograms label,
div .decklabelwrapper label,
div .deckrowlabel label,
div .skilllabel,
div .equipmentlabel,
div .vehiclelabel,
div .vehicleskillmodlabel label,
div .dronelabel,
div .droneskillmodlabel label,
div .armorlabel,
div .weaponlabel,
div .ammolabel,
div .initiativelabel label,
div .standardrolls label,
div .spelllabel,
div .spirits label,
div .spiritstable label,
div .matrixactions label,
div .wounds label,
div .woundsmod label,
div .limitlabels label{
    width:100%;
    font-size:80%;
    color:inherit;
    font-weight:bold;
    margin-top:0.5em;
    margin-bottom:-0.3em;
}


.rolllabel,
.spiritelabel,
.limitmodifier{
    display:inline-block;
    width:20%;
}

.limitdisplay{
    display:inline-block;
    width:60%;
}

.limitdisplayastral{
    display:inline-block;
    width:100%;
}


.infoblock .weaponmeleewrapper,
.infoblock .weaponcategorywrapper,
.infoblock .weaponspecwrapper,
.infoblock .weaponaccuracywrapper,
.infoblock .weapondvwrapper,
.infoblock .weapondmgtypewrapper,
.infoblock .weaponapwrapper,
.infoblock .weaponrcwrapper,
.infoblock .weaponskillwrapper,
.infoblock .weaponbonuswrapper,
.infoblock .weaponnoteboxwrapper,
.infoblock .weaponunticked,
.infoblock .weaponticked,
.infoblock .weaponnoteswrapper,
.infoblock .weapon input[type="checkbox"],
.infoblock .ammomaxwrapper,
.infoblock .ammodvwrapper,
.infoblock .ammodmgtypewrapper,
.infoblock .ammoapwrapper,
.infoblock .ammoaccwrapper,
.infoblock .ammodescriptionwrapper,
.infoblock .ammolabels,
.infoblock .weapon .repcontrol_add,
.infoblock .weapon .repcontrol_edit{
    display:none !important;
}

.infoblock .weaponnamewrapper{
    width:50% !important;
}

.infoblock .weapondicewrapper{
    width:10%;
}


.infoblock .ammonamewrapper{
    width:calc(50% - 2em);
}


.infoblock .weaponmodewrapper,
.infoblock .ammonumberwrapper{
    width:calc(40% - 5em);
}

.infoblock .ammorollwrapper{
    width:3em;
}


.spiritstable{
    width:90%;
    margin-left:2%;
}

.charinfo,
.matrixactions,
.skills,
.knowledge,
.spells,
.vehicle,
.drone,
.magician,
input.technomancycheckbox:checked ~ div.technomancer{
    display:block;
    width:90%;
    margin-left: 2%;
    text-align:left;
}


.skilllabels,
.spelllabels,
.weaponlabels,
.ammolabels,
.vehiclelabels,
.dronelabels{
    width:100%;
}


.movementrow input,
.initiation input[type=text],
.contacts select,
.contacts input[type=text],
.notesblock textarea,
.defense input,
.initiative input,
.limits input,
.limits select,
.woundsrow input,
.skills input[type=text],
.skills input[type=number],
.skills select,
.matrixactions input[type=text],
.matrixactions input[type=number],
.matrixactions select,
.knowledge input[type=text],
.knowledge input[type=number],
.knowledge select,
.magician input[type=text],
.magician select,
.technomancer input[type=text],
.technomancer select,
.spells input[type=text],
.spells select,
.spiriterow input[type=text],
.spiriterow select,
.cyberdeck input[type=text],
.charsheet .cyberdeck input[type=number],
.cyberprograms input[type=text],
.vehicle input[type=text],
.vehicle input[type=number],
.vehicle select,
.drone input[type=text],
.drone input[type=number],
.drone select,
.equipment input[type=text],
.equipment input[type=number],
.weapon input[type=text],
.weapon input[type=number],
.weapon select,
.weapon textarea,
.armor input[type=text],
.armor input[type=number],
.charinfo input[type=text],
.charinfo textarea,
.chummertextfield textarea{
    width:100% !important;
    vertical-align:top;
    background-color:#444444;
    color:inherit;
    border:none;
    box-shadow:none;
    height:100%;
    box-sizing:border-box;
    margin:0px;
    text-align:center;
}

.martial input[type=text],
.ware input[type=text],
.qualities input[type=text]
{
   background-color:#444444;
   color:inherit;
   border:none;
   text-align:center;
}

.armor .armortotal input[type=number] {
    background-color:#111111 !important;
    border:3px solid #444444 !important;
    padding:1px !important;
}

.magiciandrainattribute input[type=number] {
    vertical-align:top;
    background-color:#444444;
    color:inherit;
    border:none;
    box-shadow:none;
    box-sizing:border-box;
    margin:0px;
    text-align:center;
}

.wrapper textarea{
    text-align:left !important;
}


input[disabled="true"]{
    background-color:#111111 !important;
    border:3px solid #444444 !important;
    padding:1px !important;
}

.specroll{
    margin-top:0.3em;
}


.armornamewrapper{
    margin-left:calc(10%-1.5em);
}


.spiritetypewrapper{
    vertical-align:top;
}


.movementrow div:not(.itemcontrol),
.specrolls div:not(.itemcontrol),
.standardroll div:not(.itemcontrol),
.skillrow div:not(.checkboxticker):not(.itemcontrol):not(.hiddentextfield),
.mskillrow div:not(.checkboxticker):not(.itemcontrol):not(.hiddentextfield),
.spells div:not(.checkboxticker):not(.itemcontrol):not(.magiciandrainattribute),
.initiationrow div:not(.itemcontrol),
.contactsrow div:not(.checkboxticker):not(.itemcontrol),
.programrow div:not(.checkboxticker):not(.itemcontrol),
.vehicle div:not(.checkboxticker):not(.vehicleskillmodelabel):not(.vehicleskillswrapper):not(.vehicledmgwrapper):not(.vehicleweaponnoteswrapper):not(.vehicleweaponwrapper):not(.itemcontrol),
.drone div:not(.checkboxticker):not(.droneskillmodelabel):not(.droneskillswrapper):not(.dronedmgwrapper):not(.droneweaponnoteswrapper):not(.droneweaponwrapper):not(.itemcontrol),
.equipmentrow div:not(.checkboxticker):not(.itemcontrol),
.weaponrow div:not(.checkboxticker):not(.weaponnoteswrapper):not(.itemcontrol):not(.weaponrangerollwrapper):not(.weaponmeleerollwrapper),
.ammorow div:not(.checkboxticker):not(.itemcontrol):not(.ammofieldset):not(.ammolabels),
.ammolabels div:not(.checkboxticker):not(.itemcontrol):not(.ammofieldset):not(.ammolabels),
.armorrow div:not(.checkboxticker):not(.itemcontrol),
.charinforow div:not(.itemcontrol):not(.checkboxticker){
    display:inline-block;
    vertical-align:top;
}


.armornamewrapper{
    width:40%;
    margin-left:calc(10% - 1.5em);
}



.armortotallabel,
.essencelabelwrapper{
    margin-right:5%;
    margin-left:5%;
    margin-bottom:1em;
}


.vehicleskillmodboxwrapper,
.droneskillmodboxwrapper{
    min-width:2.1em;
    margin-left:1%;
}

.mskillmodlabel{
    width:20%;
}


.vehicleskillmodlabel,
.droneskillmodlabel{
    margin-left:5%;
}


.vehicleskillmodlabel label,
.droneskillmodlabel label,
.armortotallabel label,
.essencelabelwrapper label,
.mskillmodlabel label{
    text-align:right;
    font-size: initial;
}


.mskillnoisewrapper{
    width:7%;
    display:inline-block;
}

.vehicleskillnoise,
.droneskillnoise,
.mskillnoise{
    width:100%;
}

.vehicleskillinputwrapper,
.droneskillinputwrapper,
.metamagicdescriptionwrapper,
.programdescriptionwrapper{
    width:60%;
}


.qualityname{
    width:58%;
    display: inline-block;
}


.equipmentnamewrapper,
.specroll{
    width:40%;
}

.martialname
{
    width:55%;
    display: inline-block;
}

.martialdescription{
    width:39%;
    display: inline-block;
}


.equipmentdescriptionwrapper,
.charbackgroundwrapper,
.chardescriptionwrapper,
.charnoteswrapper{
    width:32%;
}

.warename
{
    width:47%;
    display: inline-block;
}

.movementmethod,
.essencelabelwrapper,
.initiationlabelwrapper{
    width:30%;
    display: inline-block;
}


.charnamewrapper,
.metamagicnamewrapper,
.programnamewrapper{
    width:25%;
}

.contactnamewrapper,
.contacttypewrapper{
    width:18%;
}


.spiritenamewrapper,
.charmetawrapper,
.vehiclenamewrapper,
.dronenamewrapper,
.knowledgeskillnamewrapper,
.ammodescriptionwrapper{
    width:20%;
    display:inline-block;
}

.spiriteboundwrapper
{
    display:inline-block;
}


.spelldescriptionwrapper,
.armorcapacitywrapper{
    width:17%;
}


.initiationspacer,
.charkarmawrapper,
.charkarmacareerwrapper,
.charnotorietywrapper,
.charpawarenesswrapper,
.charstreetcredwrapper,
.charistechnomancerwrapper{
    width:16%;
}


.spellnamewrapper,
.spiritetypewrapper,
.vehicleskilldodge,
.vehicleskillmaneuver,
.vehicleskillperception,
.vehicleskillsneak,
.droneskilldodge,
.droneskillmaneuver,
.droneskillperception,
.droneskillsneak,
.movementtotal,
.movementfactor,
.contactconnectionwrapper,
.contactloyaltywrapper,
.essencewrapper,
.initiationwrapper,
.skillnamewrapper,
.skillspecwrapper,
.mskillnamewrapper,
.mskillnoteswrapper,
.weaponnamewrapper,
.qualitykarma,
.wareessence,
.waredescription,
.waregrade{
    width:15%;
    display: inline-block;
}

.qualitydescription
{
    width:20%;
    display: inline-block;
}


.knowledgeskillattributewrapper,
.skillnoteswrapper,
.armorratingwrapper,
.mskillratingwrapper{
    width:12%;
}

.ammonamewrapper{
    width:24%;
}


.charplayerwrapper,
.equipmentnumberwrapper,
.weapondmgtypewrapper,
.ammodmgtypewrapper,
.charsexwrapper,
.charagewrapper,
.charheightwrapper,
.charweightwrapper,
.skillattributewrapper,
.skilllimitwrapper,
.mskillattributewrapper,
.mskilllimitwrapper,
.spellcategorywrapper,
.spellschoolwrapper,
.equipmentnumberwrapper,
.vehicletestwrapper,
.dronetestwrapper,
.weaponmodewrapper,
.weaponcategorywrapper{
    width:10%;
}


.skilllimitbonuswrapper,
.spellsourcewrapper,
.spiriterollwrapper{
    width:8%;
    display:inline-block;
}


.vehicleskillother,
.vehicleskillinitiative,
.vehicleskillsoak,
.vehiclecostwrapper{
    width:7%;
}

.droneskillother,
.droneskillinitiative,
.droneskillsoak,
.dronecostwrapper{
    width:7%;
}

.spiritserviceswrapper,
.spiriteforcewrapper,
.spriterollwrapper,
.ammonumberwrapper,
.ammorollwrapper,
.ammomaxwrapper{
    width:6.5%;
    display:inline-block;
}

.vehicleboxwrapper,
.vehicleskillmodinput,
.droneboxwrapper,
.droneskillmodinput,
.skillratingwrapper,
.skillbonuswrapper,
.skilldicepoolwrapper,
.mskillbonuswrapper,
.mskilllimitbonuswrapper,
.mskilldicepoolwrapper,
.spelltypewrapper,
.spellrangewrapper,
.spellrangewrapper,
.spelldurationwrapper,
.spellbonuswrapper,
.spelldrainwrapper,
.spellspecializedwrapper,
.vehiclehandwrapper,
.vehiclespeedwrapper,
.vehicleacclwrapper,
.vehiclepilotwrapper,
.vehiclesenswrapper,
.vehicleseatswrapper,
.vehiclebodywrapper,
.vehiclearmorwrapper,
.vehicledamagewrapper,
.vehicleskillwrapper,
.vehicletestwrapper,
.dronehandwrapper,
.dronespeedwrapper,
.droneacclwrapper,
.dronepilotwrapper,
.dronesenswrapper,
.dronebodywrapper,
.dronearmorwrapper,
.dronedamagewrapper,
.droneskillwrapper,
.dronetestwrapper,
.weaponaccuracywrapper,
.ammoaccwrapper,
.weapondvwrapper,
.ammodvwrapper,
.weapondicewrapper,
.weaponapwrapper,
.ammoapwrapper,
.weaponrcwrapper,
.weaponaccuracywrapper,
.weaponspecwrapper,
.weaponautosoftwrapper,
.weaponbonuswrapper,
.weaponrangerollwrapper,
.weaponmeleerollwrapper{
    width:5%;
}


.spellrollwrapper,
.weaponmeleewrapper,
.spellspecializationwrapper{
    width:4%;
}


.programloadedwrapper{
    width:2.5em;
}



.vehiclenoteboxwrapper,
.dronenoteboxwrapper{
    width:2em;
}

.skillhidelabel{
    width:1.7em;
}

.armorwornwrapper,
.weaponnoteboxwrapper{
    width:1.5em;
}



.deckrowlabel{
    display:inline-block;
    width:10%;
}


.deckinputwrapper{
    display:inline-block;
    width:15%;
}

.decklabelwrapper{
    display:inline-block;
    width:15%;
}


.skillspecwrapper input[type="checkbox"]:checked ~ input[type="text"],
.skillspecwrapper input[type="checkbox"]{
    display:none;
}

.skillspecwrapper input[type="text"],
.skillspecwrapper input[type="checkbox"]:checked{
    display:inline-block;
}

.skillbuttonwrapper{
    margin-left:-0.43%;
}


.defenselabel{
    display:inline-block;
    width:16%;
}

.defensebonuslabel{
    display:inline-block;
    width:10%;
}

.magiciandrainattribute{
    display:inline-block;
    width:50%;
    margin-bottom:0.3em;
    vertical-align:top;
    margin-left:15%;
    position:relative;
    top:-1em;
    margin-bottom:-2em;
}

.magiciandrainattribute label,
.magiciandrainattribute div{
    display:inline-block;
    width:35%;
}


.spellbuttonwrapper{
    margin-left:-1.5%;
    width:5%;
}


.vehicles,
.drones{
    width:100%;
}

.vehiclespacer,
.dronespacer{
    margin-right:calc(5% - 2em);
    display:inline-block;
}


.vehicleskillmodelabel,
.droneskillmodelabel{
    width:8%;
    margin-left:-8%;
}

.vehicleskillmodelabel label,
.droneskillmodelabel label{
    width:100%;
    display:inline-block;
    font-size:80%;
    color:inherit;
    font-weight:bold;
    background-color:#550000;
    text-align:center;
    border-radius:5px;
}

.vehiclemode,
.dronemode{
    opacity:0;
    width:8%;
    display:none;
}

.vehicleskillmodelabel,
.droneskillmodelabel{
    display:none;
}

.vehiclemode0:checked ~ .vehiclemode1,
.vehiclemode0:checked ~ .vehiclelabel0{
    display:inline-block;
}
.vehiclemode1:checked ~ .vehiclemode2,
.vehiclemode1:checked ~ .vehiclelabel1{
    display:inline-block;
}
.vehiclemode2:checked ~ .vehiclemode3,
.vehiclemode2:checked ~ .vehiclelabel2{
    display:inline-block;
}
.vehiclemode3:checked ~ .vehiclemode0,
.vehiclemode3:checked ~ .vehiclelabel3{
    display:inline-block;
}

.dronemode0:checked ~ .dronemode1,
.dronemode0:checked ~ .dronelabel0{
    display:inline-block;
}
.dronemode1:checked ~ .dronemode2,
.dronemode1:checked ~ .dronelabel1{
    display:inline-block;
}
.dronemode2:checked ~ .dronemode3,
.dronemode2:checked ~ .dronelabel2{
    display:inline-block;
}
.dronemode3:checked ~ .dronemode0,
.dronemode3:checked ~ .dronelabel3{
    display:inline-block;
}

.pilotroll,
.vehiclemode3:checked ~ div div div div div button.autopilotroll,
.dronemode3:checked ~ div div div div div button.autopilotroll{
    display:inline-block;
}


.vehiclemode3:checked ~ div button.pilotroll,
.dronemode3:checked ~ div button.pilotroll,
.autopilotroll{
    display:none;
}



.initiationrow,
.movementrow,

.charinforow,
.rollrow,
.defenserow,
.limitfields,
.limitlabels,
.woundsrow,
.initiativerow,
.programrow,
.deckrow,
.mskillrow,
.weaponrow{
    width:100%;
    margin-top:0.3em;
}

.spellrow,
.spiriterow,
.warerow,
.martialrow,
.qualityrow,
.vehiclerow,
.dronerow,
.equipmentrow,
.armorrow,
.contactsrow
{
    width:100%;
    margin-top:0.3em;
    margin-left: 10px;
    list-style-position: outside;
}

.weaponrow{
    margin-top:0.5em;
}


.vehicleskillrow,
.vehicleweaponrow,
.droneskillrow,
.droneweaponrow,
.ammorow{
    width:95%;
    display:inline-block;
    margin-left:5%;
    margin-top:0.3em;
}


.ammolabels{
    width:95%;
    display:inline-block;
    margin-left:5%;
}

.vehicleammorow,
.vehicleammolabels,
.droneammorow,
.droneammolabels{
    width:95%;
    display:inline-block;
    margin-left:3%;
    margin-top:0.3em;
}


.skillrow{
    width: calc(100% - 2em);
    display:inline-block;
    margin-top:0.3em;
}

.usagerow {
    width: 100%;
    display:inline-block;
    margin-top:0.3em;
}

.namewrapper {
    width: 28%;
    margin-right: 8px;
    margin-left: 2%;
}


.vehicleweaponnoteswrapper,
.droneweaponnoteswrapper{
    width:85%;
    padding-top:0.3em;
}

.vehicledmginput,
.dronedmginput{
    width:40%;
    margin-right:5%;
    display:inline-block;
}

.vehicledmgphys,
.vehicledmgmatrix,
.dronedmgphys,
.dronedmgmatrix{
    width:15%;
    display:inline-block;
}

.warenoteswrapper,
.martialnoteswrapper,
.qualitynoteswrapper
{
    width:95%;
    padding-top:0.3em;
}


.weaponnoteswrapper{
    width:100%;
    padding-top:0.3em;
}



.chartextsize textarea{
    min-height:14em;
}

.notesblock{
    height:25em;
}


.skillspacer{
    width:95%;
    height:1px;
    display:block;
}


.charinfo textarea,
.notesblock textarea,
.qualitynoteswrapper textarea,
.warenoteswrapper textarea,
.martialnoteswrapper textarea,
.weaponnoteswrapper textarea{
    resize:vertical;
    width:100%;
    height:100%;
    min-height:8em;
}

.vehicledmgwrapper,
.vehicleskillswrapper,
.vehicleweaponwrapper,
.vehicleweaponnoteswrapper,
.dronedmgwrapper,
.droneskillswrapper,
.droneweaponwrapper,
.droneweaponnoteswrapper,
.weaponnoteswrapper{
    display:none;
}


input.vehicleshowweaponcheckbox:checked ~ div.vehicleweaponwrapper,
input.vehicledmgcheckbox:checked ~ div.vehicledmgwrapper,
input.vehicleskillscheckbox:checked ~ div.vehicleskillswrapper,
input.vehicleweaponcheckbox:checked ~ div.vehicleweaponnoteswrapper,
input.droneshowweaponcheckbox:checked ~ div.droneweaponwrapper,
input.dronedmgcheckbox:checked ~ div.dronedmgwrapper,
input.droneskillscheckbox:checked ~ div.droneskillswrapper,
input.droneweaponcheckbox:checked ~ div.droneweaponnoteswrapper,
input.weaponcheckbox:checked ~ div.weaponnoteswrapper{
    display:block;
}

div .experimental{
    padding-left: 15px;
}

.experimental checkbox {
    margin-right: 10px;
}

div.spacer {
    padding-right: 20px;
}

.ui-dialog .charsheet button[type=action] {
	font-size: 1.3em;
	margin: 0px 3px 0px 3px;
    vertical-align:top;
}

.charsheet button[type=action].weaponroll::before,
.charsheet button[type=action].ammoroll::before,
.charsheet button[type=action].vehicleroll::before,
.charsheet button[type=action].droneroll::before,
.charsheet button[type=action].standardroll::before,
.charsheet button[type=action].rollbuttonspec::before,
.charsheet button[type=action].rollbuttonnospec::before,
.charsheet button[type=action].spellrolltechno::before,
.charsheet button[type=action].spellrollmage::before
 {
    font-family: "dicefontd20";
    content: "t";
    font-size: 16px;
}

.weapon .heading2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 1em;
  color: #aaaaee;
}

.weapon .heading4 {
  font-size: 16px;
  line-height: 24px;
  margin-top: 1em;
  color: #aaaaee;
}

input[type="checkbox"].invisiblecheckbox {
    display: none
}

div.collapsible {
  display: none;
}

.invisiblecheckbox:checked + div.collapsible {
  display: block;
}

/* ==========
    Settings
   ==========
*/

.settings {
    display: block;
    padding: 10px;
}

.settings label {
    color: #aaaaee;
    font-weight: normal;
    font-size: 13px;
    width: fit-content;
    min-width: 25%;
}

.settings span {
    font-weight: normal;
    font-size: 13px;
}

.sub-settings {
    padding-left: 10px;
}

.setting-select {
    width: fit-content;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

summary{
  display:list-item;
}

summary.settings-caption {
    text-decoration-line: underline;
    color: #aaaaee;
    margin-bottom: 5px;
}

label.settings-checkbox {
    width: fit-content;
    cursor: pointer;
    color: #aaaaee;
}

.woundsmodrow div{
    width:19%;
    display:inline-block;
}

.woundsmodrow input{
    width:100% !important;
    vertical-align:top;
    background-color:#444444;
    color:inherit;
    border:none;
    box-shadow:none;
    height:100%;
    box-sizing:border-box;
    margin:0px;
    text-align:center;
}

.settings-counterstrike {
    display: none;
}

.counterstrikeToggle[value="on"]  ~ .settings-counterstrike
{
    display:flex;
}

.settings-parry {
    display: none;
}

.parryToggle[value="on"]  ~ .settings-parry
{
    display:flex;
}

.settings-riposte {
    display: none;
}

.riposteToggle[value="on"]  ~ .settings-riposte
{
    display:flex;
}

.settings select,
.settings input[type=number]
{
    background-color:#444444;
    color:inherit;
    border:none;
    box-shadow:none;
    height:100%;
    box-sizing:border-box;
    text-align:center;
}


/**
    ROLL TEMPLATES
**/

.sheet-rolltemplate-reactdefend table,
.sheet-rolltemplate-reactsoak table,
.sheet-rolltemplate-hitsToDrain table,
.sheet-rolltemplate-extendedRoll table,
.sheet-rolltemplate-reroll table,
.sheet-rolltemplate-shadowrun-forcedglitch table,
.sheet-rolltemplate-shadowrun table{
    background-color:#111111;
    border:4px solid #550000;
    color:#eebb99;
    text-align:left;
    font-size:1em;
    width:100%;
    margin-right:5%;
}

.sheet-rolltemplate-reactdefend img,
.sheet-rolltemplate-reactsoak img,
.sheet-rolltemplate-hitsToDrain img,
.sheet-rolltemplate-extendedRoll img,
.sheet-rolltemplate-reroll img,
.sheet-rolltemplate-shadowrun-forcedglitch img,
.sheet-rolltemplate-shadowrun img{
    float:left;
    width:auto;
    height:3em;
}

.sheet-rolltemplate-reactdefend table th,
.sheet-rolltemplate-reactsoak table th,
.sheet-rolltemplate-hitsToDrain table th,
.sheet-rolltemplate-extendedRoll table th,
.sheet-rolltemplate-reroll table th,
.sheet-rolltemplate-shadowrun-forcedglitch table th,
.sheet-rolltemplate-shadowrun table th{
    background-color:#444444;
    text-align:center;
    color:#eebb99;
    margin:0px;
    font-size:1em;
}

.sheet-rolltemplate-reactdefend table .inlinerollresult,
.sheet-rolltemplate-reactsoak table .inlinerollresult,
.sheet-rolltemplate-hitsToDrain table .inlinerollresult,
.sheet-rolltemplate-extendedRoll table .inlinerollresult,
.sheet-rolltemplate-reroll table .inlinerollresult,
.sheet-rolltemplate-shadowrun-forcedglitch table .inlinerollresult,
.sheet-rolltemplate-shadowrun table .inlinerollresult{
    border:none !important;
    background-color:inherit;
}

.sheet-rolltemplate-results-success{
    font-size:1em;
    text-align:center;
    margin:5em 0em 5em 0em;
    color:#99eeee;
    border: none
}

.sheet-rolltemplate-results-fail{
    font-size:1em;
    text-align:center;
    margin:5em 0em 5em 0em;
    color:#ee99bb;
}


.sheet-rolltemplate-after{
    font-size:0.9em;
    text-align:left;
}

.sheet-rolltemplate-spacer{
    display:block;
    width:calc(100%+2px);
    border:1px solid #550000;
    vertical-align:top;
    margin:-1px -3px 0px -3px;
    padding:1px;
}

.sheet-rolltemplate-limit{
    color:#aaaaee;
    width:100%;
    font-style:italic;
}

.sheet-rolltemplate-description{
    color:#eeeeee;
    font-size:0.8em;
}

.sheet-rolltemplate-sectionheading{
    color:#444444;
    font-size:0.8em;
    text-align:center;
}

.sheet-rolltemplate-button-row {
	display: flex;
	margin-top: -3px;
	justify-content: center;
	align-content: center;
}

.sheet-rolltemplate-button a[href^="~"]{
    text-align: center;
    border-radius: 30px;
    color: #eebb99;
    background-color: black;
    padding-left: 10px;
    padding-right: 10px;
}

.sheet-rolltemplate-results-fail a[href^="~"],
.sheet-rolltemplate-results-success a[href^="~"]{
    color:inherit;
    border: none;
    background: inherit;
}