roll20-character-sheets/Shadowrun5th/Shadowrun5th.css

.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;
}



input[type=radio].tabs{
    opacity:0;
    width:11% ;
    height:2em!important;
}

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

.tablabel{
    margin-left:-11%;
    width:10%;
    text-align:center;
    vertical-align:top;
    color:#eeeeee;
    background-color:#550000;
    display:inline-block;
    border-radius:5px;
    margin-bottom:5em;
}


.tabs:checked + div.tablabel {
    font-weight:700;
}

.tab1:checked + div.tablabel,
.tab1:checked ~ div.gmroll,
.content1Main{
    color:#aaaaee;
}

.tab2:checked + div.tablabel,
.tab2:checked ~ div.gmroll,
.content2{
    color:#aaaaee;
}

.tab3:checked + div.tablabel,
.tab3:checked ~ div.gmroll,
.contentMagic{
    color:#aaaaee;
}

.tab4:checked + div.tablabel,
.tab4:checked ~ div.gmroll,
.content4{
    color:#aaaaee;
}

.tab5:checked + div.tablabel,
.tab5:checked ~ div.gmroll,
.content5{
    color:#aaaaee;
}

.tab6:checked + div.tablabel,
.tab6:checked ~ div.gmroll,
.contentVehiclesDrones{
    color:#aaaaee;
}

.tab7:checked + div.tablabel,
.tab7:checked ~ div.gmroll,
.content7{
    color:#aaaaee;
}

.tab8:checked + div.tablabel,
.tab8:checked ~ div.gmroll,
.contentSocial{
    color:#aaaaee;
}

.tab9:checked + div.tablabel,
.tab9:checked ~ div.gmroll,
.contentCharacter{
    color:#aaaaee;
}

.content1Main,
.content2,
.contentMagic,
.content4,
.content5,
.contentVehiclesDrones,
.content7,
.contentSocial,
.contentCharacter{
    display:none;
}

input[type=radio].tab1:checked ~ div.content1Main,
input[type=radio].tab2:checked ~ div.content2,
input[type=radio].tab3:checked ~ div.contentMagic,
input[type=radio].tab4:checked ~ div.content4,
input[type=radio].tab5:checked ~ div.content5,
input[type=radio].tab6:checked ~ div.contentVehiclesDrones,
input[type=radio].tab7:checked ~ div.content7,
input[type=radio].tab8:checked ~ div.contentSocial,
input[type=radio].tab9:checked ~ div.contentCharacter
{
    display:block;
    width:100%;
}

.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:inherit;
}


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

.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;

}



.topbuttonwrapper .topbuttonlabel{
    color:inherit;
}


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

.skillshowticker{
    display:inline-block;
}


.content2 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;
    padding:3px 3px 0px 3px !important;
}


.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;
}



.magicianinitiation,
input.technomancycheckbox:checked ~ div.technomancerinitiation,
input.technomancycheckbox:checked ~ div.labeltechnomancer,
input.technomancycheckbox:checked ~ div label.labeltechnomancer{
    display:block;
}

.weaponrangerollwrapper,
.weaponmodewrapper select,
.hiddenmelee:checked ~ div.weaponmodewrapper input,
.hiddenmelee:checked ~ div.weaponmeleerollwrapper,
.istechnounticked,
.istechnocheckbox:checked ~ div.istechnoticked,
.mskillsilentunticked,
.mskillsilentcheckbox:checked ~ div.mskillsilentticked,
.mskillhotsimunticked,
.mskillhotsimcheckbox:checked ~ div.mskillhotsimticked,
.programunticked,
.programcheckbox:checked ~ div.programticked,
.armornotesunticked,
.armornotescheckbox:checked ~ div.armornotesticked,
.armorwornunticked,
.armorworncheckbox:checked ~ div.armorwornticked,
.meleeunticked,
.meleecheckbox:checked ~ div.meleeticked,
.weaponunticked,
.weaponcheckbox:checked ~ div.weaponticked,
.contactsunticked,
.contactscheckbox:checked ~ div.contactsticked,
.qualityunticked,
.qualitycheckbox:checked ~ div.qualityticked,
.spiritenotesunticked,
.spiritenotescheckbox:checked ~ div.spiritenotesticked,
.wareunticked,
.warecheckbox:checked ~ div.wareticked,
.martialunticked,
.martialcheckbox:checked ~ div.martialticked,
.equipmentunticked,
.equipmentcheckbox:checked ~ div.equipmentticked,
.nuyenunticked,
.nuyencheckbox:checked ~ div.nuyenticked,
.vehicleskillsunticked,
.vehicleskillscheckbox:checked ~ div.vehicleskillsticked,
.vehiclenotesunticked,
.vehiclenotescheckbox:checked ~ div.vehiclenotesticked,
.vehicledmgunticked,
.vehicledmgcheckbox:checked ~ div.vehicledmgticked,
.vehicleshowweaponunticked,
.vehicleshowweaponcheckbox:checked ~ div.vehicleshowweaponticked,
.vehicleweaponunticked,
.vehicleweaponcheckbox:checked ~ div.droneweaponticked,
.droneskillsunticked,
.droneskillscheckbox:checked ~ div.droneskillsticked,
.dronenotesunticked,
.dronenotescheckbox:checked ~ div.dronenotesticked,
.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,
.technomancycheckbox:checked ~ .repcontainer .repitem .spellrow .spellbuttonwrapper .spellrolltechno,
.technomancycheckbox:checked ~ .spelllabels .spelldrainwrapper .technolabel,
.spellrollmage,
.magebound,
.technomancycheckbox:checked ~ div.technobound,
.technomancycheckbox:checked ~ div div div div.technobound{
    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,
.istechnoticked,
.istechnocheckbox:checked ~ div.istechnounticked,
.mskillsilentticked,
.mskillsilentcheckbox:checked ~ div.mskillsilentunticked,
.mskillhotsimticked,
.mskillhotsimcheckbox:checked ~ div.mskillhotsimunticked,
.programticked,
.programcheckbox:checked ~ div.programunticked,
.vehicledmgticked,
.vehicledmgcheckbox:checked ~ div.vehicledmgunticked,
.vehiclenotesticked,
.vehiclenotescheckbox:checked ~ div.vehiclenotesunticked,
.vehicleskillsticked,
.vehicleskillscheckbox:checked ~ div.vehicleskillsunticked,
.vehicleshowweaponticked,
.vehicleshowweaponcheckbox:checked ~ div.vehicleshowweaponunticked,
.vehicleweaponticked,
.vehicleweaponcheckbox:checked ~ div.vehicleweaponunticked,
.dronedmgticked,
.dronedmgcheckbox:checked ~ div.dronedmgunticked,
.dronenotesticked,
.dronenotescheckbox:checked ~ div.dronenotesunticked,
.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,
.armornotesticked,
.armornotescheckbox:checked ~ div.armornotesunticked,
.armorwornticked,
.armorworncheckbox:checked ~ div.armorwornunticked,
.contactsticked,
.contactscheckbox:checked ~ div.contactsunticked,
.qualityticked,
.qualitycheckbox:checked ~ div.qualityunticked,
.spiritenotesticked,
.spiritenotescheckbox:checked ~ div.spiritenotesunticked,
.wareticked,
.warecheckbox:checked ~ div.wareunticked,
.martialticked,
.martialcheckbox:checked ~ div.martialunticked,
.equipmentticked,
.equipmentcheckbox:checked ~ div.equipmentunticked,
.nuyenticked,
.nuyencheckbox:checked ~ div.nuyenunticked,
.spiriteboundticked,
.spiriteboundcheckbox:checked ~ div.spiriteboundunticked,
.spellspecializedticked,
.spellspecialized:checked ~ div.spellspecializedunticked,
.knowledgespecunticked,
.skillspecunticked,
.mskillspecunticked,
.edgeticked,
.edgecheckbox:checked ~ div.edgeunticked,
.technomancycheckbox,
div .labeltechnomancer,
.technomancer,
.technomancerinitiation,
.rollbuttonnospec,
.skillshowspec,
.skillshowspec:checked ~ button.rollbuttonspec,
.mskillshowspec,
.mskillshowspec:checked ~ button.rollbuttonspec,
.knowledgeshowspec,
.knowledgeshowspec:checked ~ button.rollbuttonspec,
.technomancycheckbox:checked ~ div.labelmage,
.technomancycheckbox:checked ~ label.labelmage,
.technomancycheckbox:checked ~ div.magician,
.technomancycheckbox:checked ~ div.magicianinitiation,
.hiddentextfield,
.hiddenmelee,
.technomancycheckbox:checked ~ .repcontainer .repitem .spellrow .spellbuttonwrapper .spellrollmage,
.technomancycheckbox:checked ~ .spelllabels .spelldrainwrapper .magelabel,
.technomancycheckbox:checked ~ .magiciandrainattribute,
div .technolabel,
.spellrolltechno,
.technobound,
.technomancycheckbox:checked ~ div.magebound,
.technomancycheckbox:checked ~ div div div div.magebound{
    display:none;
}


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


.initiation{
    padding-bottom:2em;
}

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

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

.statheading{
    display:block;
}

.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%;
}


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

.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 .spirites label,
div .spiritestable 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;
}


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

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


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


.movementrow input,
.qualities input[type=text],
.qualities textarea,
.initiation input[type=text],
.ware input[type=text],
.ware textarea,
.martial input[type=text],
.martial textarea,
.contacts select,
.contacts input[type=text],
.contacts textarea,
.notesblock textarea,
.defense input,
.initiative input,
.limits input,
.limits select,
.woundsrow input,
.woundsmodrow 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 textarea,
.spiriterow select,
.cyberdeck input[type=text],
.charsheet .cyberdeck input[type=number],
.cyberprograms input[type=text],
.vehicle input[type=text],
.vehicle input[type=number],
.vehicle textarea,
.vehicle select,
.drone input[type=text],
.drone input[type=number],
.drone textarea,
.drone select,
.equipment input[type=text],
.equipment input[type=number],
.equipment textarea,
.weapon input[type=text],
.weapon input[type=number],
.weapon select,
.weapon textarea,
.armor input[type=text],
.armor input[type=number],
.armor textarea,
.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;
}

.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),
.qualityrow div:not(.itemcontrol):not(.checkboxticker):not(.qualitynoteswrapper),
.initiationrow div:not(.itemcontrol),
.spiriterow div:not(.itemcontrol):not(.spiritenoteswrapper):not(.technobound):not(.magebound):not(.checkboxticker),
.warerow div:not(.checkboxticker):not(.warenoteswrapper):not(.itemcontrol),
.martialrow div:not(.checkboxticker):not(.martialnoteswrapper):not(.itemcontrol),
.contactsrow div:not(.checkboxticker):not(.contactsnoteswrapper):not(.itemcontrol),
.programrow div:not(.checkboxticker):not(.itemcontrol),
.vehicle div:not(.checkboxticker):not(.vehicleskillmodelabel):not(.vehicleskillswrapper):not(.vehiclenoteswrapper):not(.vehicledmgwrapper):not(.vehicleweaponnoteswrapper):not(.vehicleweaponwrapper):not(.itemcontrol),
.drone div:not(.checkboxticker):not(.droneskillmodelabel):not(.droneskillswrapper):not(.dronenoteswrapper):not(.dronedmgwrapper):not(.droneweaponnoteswrapper):not(.droneweaponwrapper):not(.itemcontrol),
.equipmentrow div:not(.checkboxticker):not(.equipmentnoteswrapper):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(.armornoteswrapper):not(.itemcontrol),
.armorlabels div: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%;
}


.qualitynamewrapper{
    width:48%;
}


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



.martialdescriptionwrapper{
    width:39%;
}


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


.movementmethod,
.essencelabelwrapper,
.initiationlabelwrapper{
    width:30%;
}


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


.spiritenamewrapper,
.charmetawrapper,
.vehiclenamewrapper,
.dronenamewrapper,
.knowledgeskillnamewrapper,
.ammodescriptionwrapper{
    width:20%;
}


.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,
.contactsnoteswrapper,
.essencewrapper,
.initiationwrapper,
.skillnamewrapper,
.skillspecwrapper,
.mskillnamewrapper,
.mskillnoteswrapper,
.weaponnamewrapper,
.qualitykarmawrapper,
.wareessencewrapper,
.qualitydescriptionwrapper,
.waredescriptionwrapper,
.waregradewrapper{
    width:15%;
}


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

.ammonamewrapper{
    width:24%;
}


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


.skilllimitbonuswrapper,
.spellsourcewrapper,
.spiriterollwrapper{
    width:8%;
}


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

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

.spiriteserviceswrapper,
.spiriteforcewrapper,
.spriterollwrapper,
.ammonumberwrapper,
.ammorollwrapper,
.ammomaxwrapper{
    width:6.5%;
}

.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,
.armornoteboxwrapper,
.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%;
}

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


.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 div button.autopilotroll,
.dronemode3:checked ~ div 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,
.qualityrow,
.warerow,
.contactsrow,
.charinforow,
.spiriterow,
.rollrow,
.defenserow,
.spellrow,
.armorrow,
.limitfields,
.limitlabels,
.woundsrow,
.woundsmodrow,
.initiativerow,
.programrow,
.deckrow,
.mskillrow,
.vehiclerow,
.dronerow,
.equipmentrow,
.weaponrow{
    width:100%;
    display:inline-block;
    margin-top:0.3em;
}

.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%;
}


.contactsnoteswrapper,
.vehiclenoteswrapper,
.vehicleweaponnoteswrapper,
.dronenoteswrapper,
.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,
.nuyennoteswrapper,
.armornoteswrapper,
.qualitynoteswrapper,
.spiritenoteswrapper,
.equipmentnoteswrapper{
    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,
.vehiclenoteswrapper textarea,
.dronenoteswrapper textarea,
.qualitynoteswrapper textarea,
.spiritenoteswrapper textarea,
.warenoteswrapper textarea,
.martialnoteswrapper textarea,
.contactsnoteswrapper textarea,
.equipmentnoteswrapper textarea,
.nuyennoteswrapper textarea,
.armornoteswrapper textarea,
.weaponnoteswrapper textarea{
    resize:vertical;
    width:100%;
    height:100%;
    min-height:8em;
}

.vehicledmgwrapper,
.vehiclenoteswrapper,
.vehicleskillswrapper,
.vehicleweaponwrapper,
.vehicleweaponnoteswrapper,
.dronedmgwrapper,
.dronenoteswrapper,
.droneskillswrapper,
.droneweaponwrapper,
.droneweaponnoteswrapper,
.equipmentnoteswrapper,
.nuyennoteswrapper,
.warenoteswrapper,
.martialnoteswrapper,
.qualitynoteswrapper,
.spiritenoteswrapper,
.contactsnoteswrapper,
.armornoteswrapper,
.weaponnoteswrapper{
    display:none;
}


input.vehicleshowweaponcheckbox:checked ~ div.vehicleweaponwrapper,
input.vehicledmgcheckbox:checked ~ div.vehicledmgwrapper,
input.vehiclenotescheckbox:checked ~ div.vehiclenoteswrapper,
input.vehicleskillscheckbox:checked ~ div.vehicleskillswrapper,
input.vehicleweaponcheckbox:checked ~ div.vehicleweaponnoteswrapper,
input.droneshowweaponcheckbox:checked ~ div.droneweaponwrapper,
input.dronedmgcheckbox:checked ~ div.dronedmgwrapper,
input.dronenotescheckbox:checked ~ div.dronenoteswrapper,
input.droneskillscheckbox:checked ~ div.droneskillswrapper,
input.droneweaponcheckbox:checked ~ div.droneweaponnoteswrapper,
input.armornotescheckbox:checked ~ div.armornoteswrapper,
input.warecheckbox:checked ~ div.warenoteswrapper,
input.martialcheckbox:checked ~ div.martialnoteswrapper,
input.qualitycheckbox:checked ~ div.qualitynoteswrapper,
input.spiritenotescheckbox:checked ~ div.spiritenoteswrapper,
input.contactscheckbox:checked ~ div.contactsnoteswrapper,
input.equipmentcheckbox:checked ~ div.equipmentnoteswrapper,
input.nuyencheckbox:checked ~ div.nuyennoteswrapper,
input.weaponcheckbox:checked ~ div.weaponnoteswrapper{
    display:block;
}

.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;
}







.sheet-rolltemplate-reactdodge table,
.sheet-rolltemplate-reactsoak table,
.sheet-rolltemplate-hitsToDrain table,
.sheet-rolltemplate-extendedRoll 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-reactdodge img,
.sheet-rolltemplate-reactsoak img,
.sheet-rolltemplate-hitsToDrain img,
.sheet-rolltemplate-extendedRoll img,
.sheet-rolltemplate-shadowrun img{
    float:left;
    width:auto;
    height:3em;
}

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

.sheet-rolltemplate-reactdodge table .inlinerollresult,
.sheet-rolltemplate-reactsoak table .inlinerollresult,
.sheet-rolltemplate-hitsToDrain table .inlinerollresult,
.sheet-rolltemplate-extendedRoll 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;
}

.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 a[href^="~"]{
    width: 30%;
    margin-top: -10px;
    margin-left: 35%;
    margin-right: 35%;
    text-align: center;
    border-radius: 30px;
    color: #eebb99;
    background-color: black;
}