/* Hide actual dot/checkbox */
.sheet-player .sheet-2colrow input[type="radio"]
{
    position: absolute;
    opacity: 0;
    width:15px;
    cursor: pointer;
    z-index: 1;
    margin-top: 6px;
}

/* Styles common to fake dot and checkbox */
.sheet-player .sheet-2colrow input[type="radio"] + span::before
{
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: middle;
    display: inline-block;
    vertical-align: middle;
    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

/* Styles unique to fake dot (checked or left of checked) */
.sheet-player .sheet-2colrow input[type="radio"] + span::before
{
    content: "•";
    width: 12px;
    height: 12px;
    font-size: 36px;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/* Remove dot from all radios _after_ selected one */
.sheet-player .sheet-2colrow input[type="radio"]:checked ~ input[type="radio"] + span::before
{    
    content: "";
}

.sheet-player .sheet-2colrow input.sheet-used+span::before
{
    content: "✖";
    width: 12px;
    height: 12px;
    font-size: 12px;
    
    -moz-border-radius: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%;
}

.sheet-player .sheet-2colrow input.sheet-zero:checked + span::before
{
    opacity: 0;
}

.sheet-player .sheet-2colrow input.sheet-zero:hover + span::before
{
    opacity: 1;
}

.sheet-player .sheet-2colrow input.sheet-zero+ span::before
{
    font-size: 12px;
    content: "✖";
    opacity: 0.25;
}





/* ORIGINAL STYLE */

.charsheet {
    background-color: #FFF;
}
.charsheet input {
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    height: 0.9em;
}
.charsheet h1, .charsheet h1 input, .charsheet h2,.charsheet h3 {
    background-color: #333;
    color: #FF0000;
    padding: 0.25em;
}

.charsheet h1 input {
    width: 100%;
    font-size: 30px;
    font-weight: bold;    
}

.charsheet h1 span {
    display: block;
    font-size: 10px;
    color: #FFF;
    line-height: 14px;
}

.charsheet .sheet-narrow {
    height: 4em;
}
.charsheet h4,.charsheet h5,.charsheet h6 {
    color: #000;
    margin: 0.25em;
    padding: 0.25em;
    border: 0.1em solid #000;
}
.charsheet h3,.charsheet h4,.charsheet h5,.charsheet h6 {
    text-align: center;
}
.charsheet input.sheet-short {
    width: 5em;
}

.charsheet input.sheet-med {
    width: 15em;
}

.charsheet input.sheet-long {
    width: 25em;
}

.charsheet .sheet-path {
    display: inline-block;
}

.charsheet .sheet-sexmove {
    
    width:200px;
    padding:5px;
    float:right;
    border:1px black solid;
    margin:10px;
}

.charsheet .sheet-sexmove textarea {
    width:190px;
}

.charsheet .sheet-custdesc {
    width: 40em;
    margin-bottom: 10px;
}

.charsheet .sheet-pack_points {
    
    display: block;
    text-align: center;
    font-size: 30px;
    margin: auto;
}

.charsheet table td {
    font-weight: bold;
    text-align: center;
    width: 9em;
}
.charsheet hr.style-iceland { 
    border: 0; 
    height: 0.25em; 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}


.charsheet .sheet-custom,.charsheet .sheet-alpha,.charsheet .sheet-cub,.charsheet .sheet-enforcer,.charsheet .sheet-fixer,.charsheet .sheet-greypelt,.charsheet .sheet-howl,.charsheet .sheet-prodigal,.charsheet .sheet-shield-maiden,.charsheet .sheet-huscarl,.charsheet .sheet-thrall,.charsheet .sheet-monster,.charsheet .sheet-mc,.charsheet .sheet-npc {
    display: none;
}
.charsheet .sheet-custom-activator:checked ~ .sheet-custom,.charsheet .sheet-alpha-activator:checked ~ .sheet-alpha,.charsheet .sheet-cub-activator:checked ~ .sheet-cub,.charsheet .sheet-enforcer-activator:checked ~ .sheet-enforcer,.charsheet .sheet-fixer-activator:checked ~ .sheet-fixer,.charsheet .sheet-greypelt-activator:checked ~ .sheet-greypelt,.charsheet .sheet-howl-activator:checked ~ .sheet-howl,.charsheet .sheet-prodigal-activator:checked ~ .sheet-prodigal,.charsheet .sheet-shield-maiden-activator:checked ~ .sheet-shield-maiden,.charsheet .sheet-huscarl-activator:checked ~ .sheet-huscarl,.charsheet .sheet-thrall-activator:checked ~ .sheet-thrall,.charsheet .sheet-monster-activator:checked ~ .sheet-monster {
    display: block;
}


.charsheet .sheet-mc-activator:checked ~ .sheet-mc,.charsheet .sheet-npc-activator:checked ~ .sheet-npc, .charsheet .sheet-player-activator:checked ~ .sheet-player, .charsheet .sheet-basicmoves-activator:checked ~ .sheet-basicmoves, .charsheet .sheet-pack-activator:checked ~ .sheet-pack {
    display: block;
}
.charsheet .sheet-player-activator:not(:checked) ~ .sheet-player, .charsheet .sheet-mc-activator:not(:checked) ~ .sheet-mc,.charsheet .sheet-npc-activator:not(:checked) ~ .sheet-npc, .charsheet .sheet-basicmoves-activator:not(:checked) ~ .sheet-basicmoves, .charsheet .sheet-pack-activator:not(:checked) ~ .sheet-pack{
    display: none;
}
.charsheet .sheet-player,.charsheet .sheet-mc,.charsheet .sheet-npc {
    border: 1px solid;
    padding: 1em;
}

.sheet-rolltemplate-bitemarksDefault .sheet-move-roll-header {
    font-size: 1.3em;
    background-color: #000;
    color: #FF0000;
    padding: 0.5em;
}
.sheet-rolltemplate-bitemarksDefault .sheet-skill-roll-header {
    font-size: 1.5em;
    background-color: #000;
    color: #FF0000;
    padding: 0.5em;
}
.sheet-rolltemplate-bitemarksDefault .sheet-skill {
    font-size: 0.5em;
    font-weight: initial;
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #FFF;
}
.sheet-rolltemplate-bitemarksDefault .sheet-roll-result {
    font-size: 0.75em;
    font-weight: bold;
    color: #555;
}
.sheet-rolltemplate-bitemarksDefault table {
    text-align: center;
    width: 100%;
}

.sheet-rolltemplate-bitemarksDefault td {
    padding: 5px;
    border: 1px solid black;
    background-color: #FFF;
    padding-top: 0.75em;
    padding-bottom: 0;
}

.sheet-rolltemplate-bitemarksDefault .inlinerollresult  {
    background-color: transparent;
    color: #555;
    border: none;
    font-size: 1.5em;
    padding-top: 0.25em;
}

.sheet-rolltemplate-bitemarksDefault .inlinerollresult.fullcrit {
    border: none;
    font-size: 1.5em;
}
 
.sheet-rolltemplate-bitemarksDefault .inlinerollresult.fullfail {
    border: none;
    font-size: 1.5em;
}
 
.sheet-rolltemplate-bitemarksDefault .inlinerollresult.importantroll {
    border: none;
    font-size: 1.5em;
}
.sheet-rolltemplate-bitemarksDefault .sheet-rt-background {
 Bite-Marks
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Bite-Marks/bm_roll_bg.png') top left;
    background-size: 100% 100%;
    text-align: center;
    padding: 10%;
}