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:11%;
    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,
.content1{
    color:#aaaaee;
}

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

.tab3:checked + div.tablabel,
.tab3:checked ~ div.gmroll,
.content3{
    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,
.content6{
    color:#aaaaee;
}

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

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

.content1,
.content2,
.content3,
.content4,
.content5,
.content6,
.content7,
.content8{
    display:none;
}

input[type=radio].tab1:checked ~ div.content1,
input[type=radio].tab2:checked ~ div.content2,
input[type=radio].tab3:checked ~ div.content3,
input[type=radio].tab4:checked ~ div.content4,
input[type=radio].tab5:checked ~ div.content5,
input[type=radio].tab6:checked ~ div.content6,
input[type=radio].tab7:checked ~ div.content7,
input[type=radio].tab8:checked ~ div.content8
{
    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,
.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;
}



.hiddencheckbox{
    opacity:0;
    width:1.2em;
    height:1.5em;
    margin-left:0.5em;
}


.checkboxunticked,
.checkboxticked,
.checkboxticker{
    margin-left:-1.5em;
    width:1em;
    height:1em;
    padding:0.15em 0.1em 0.1em 0.05em;
    text-align:center;
    background-color:#550000;
    font-size:1em;
    border-radius:5px;
    vertical-align:middle;
    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.vehicleweaponticked,
.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,
.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 .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:30%;
}

.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,
.magician,
input.technomancycheckbox:checked ~ div.technomancer{
    display:block;
    width:90%;
    margin:5em 0% 0% 2%;
    text-align:left;
}


.skilllabels,
.spelllabels,
.weaponlabels,
.ammolabels,
.vehiclelabels{
    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,
.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),
.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{
    min-width:2.1em;
    margin-left:1%;
}

.mskillmodlabel{
    width:20%;
}


.vehicleskillmodlabel{
    margin-left:5%;
}


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


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

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

.vehicleskillinputwrapper,
.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,
.knowledgeskillnamewrapper,
.ammodescriptionwrapper{
    width:20%;
}


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


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


.spellnamewrapper,
.spiritetypewrapper,
.vehicleskilldodge,
.vehicleskillmaneuver,
.vehicleskillperception,
.vehicleskillsneak,
.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,
.weaponmodewrapper,
.weaponcategorywrapper{
    width:10%;
}


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


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

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

.vehicleboxwrapper,
.vehicleskillmodinput,
.skillratingwrapper,
.skillbonuswrapper,
.skilldicepoolwrapper,
.mskillbonuswrapper,
.mskilllimitbonuswrapper,
.mskilldicepoolwrapper,
.spelltypewrapper,
.spellrangewrapper,
.spellrangewrapper,
.spelldurationwrapper,
.spellbonuswrapper,
.spelldrainwrapper,
.spellspecializedwrapper,
.vehiclehandwrapper,
.vehiclespeedwrapper,
.vehicleacclwrapper,
.vehiclepilotwrapper,
.vehiclesenswrapper,
.vehicleseatswrapper,
.vehiclebodywrapper,
.vehiclearmorwrapper,
.vehicledamagewrapper,
.vehicleskillwrapper,
.vehicletestwrapper,
.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{
    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{
    width:100%;
}

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


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

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

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

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

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


.vehiclemode3: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,
.equipmentrow,
.weaponrow{
    width:100%;
    display:inline-block;
    margin-top:0.3em;
}

.weaponrow{
    margin-top:0.5em;
}


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


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

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

.skillrow{
    width: calc(100% - 2em);
    display:inline-block;
    margin-top:0.3em;
}
   
.contactsnoteswrapper,
.vehiclenoteswrapper,
.vehicleweaponnoteswrapper{
    width:85%;
    padding-top:0.3em;
}

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

.vehicledmgphys,
.vehicledmgmatrix{
    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,
.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,
.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.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;
}













.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-shadowrun img{
    float:left;
    width:auto;
    height:3em;
}

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

.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-shadowrun table .inlinerollresult{
    border:none !important;
    background-color:inherit;
}