/*----------- Repeating Blocks -------------*/
.charsheet .repcontrol_add {
    display: block;
    background: #9B7948;
    color:black;
    text-shadow: none;
    box-shadow:none;
    float:left!important;
    margin-bottom:0px;
    font-size:0.9em;
    height:2.2em;
    box-shadow: 0px 0px 5px black;
}
.charsheet .repcontrol_edit
{
    display: inline-block;
    background: #9B7948;
    color:black;
    text-shadow: none;
    box-shadow:none;
    float:none!important;
    margin-bottom:5px;
    margin-left:5px;
    font-size:0.9em;
    height:2.2em;
    box-shadow: 0px 0px 5px black;
}
.charsheet .repcontrol_del {
    background:red;
    color:white;
    text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
    box-shadow:none;
    float:none!important;
    margin-bottom:5px;
    font-size:0.9em;
    height:2.2em;
    box-shadow: 0px 0px 5px black;
    z-index:10;
}
.charsheet .repcontrol_move {
    display: inline-block;
    background:green;
    color:white;
    text-shadow:0px 0px 2px silver,0px 0px 2px silver,0px 0px 2px silver;
    box-shadow:none;
    float:none!important;
    margin-bottom:5px;
    font-size:0.9em;
    height:1.4em;
    padding-top:3px;
    padding-bottom:3px;
    box-shadow: 0px 0px 10px silver, 0px 0px 5px silver;
    z-index:10;
    }
/*-----background-----*/
.charsheet {
    background: black;
    background-size:860px;
}

/*========== tabs ==========*/

input.sheet-tab1:not(:checked) ~ .sheet-tab1,
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
input.sheet-tab3:not(:checked) ~ .sheet-tab3,
input.sheet-tab4:not(:checked) ~ .sheet-tab4,
input.sheet-tab5:not(:checked) ~ .sheet-tab5,
input.sheet-tab6:not(:checked) ~ .sheet-tab6,
input.sheet-tab7:not(:checked) ~ .sheet-tab7,
input.sheet-tab8:not(:checked) ~ .sheet-tab8,
input.sheet-tab9:not(:checked) ~ .sheet-tab9,
input.sheet-tab10:not(:checked) ~ .sheet-tab10,
input.sheet-tab11:not(:checked) ~ .sheet-tab11 {
    display: none;
}

input.sheet-tab1[type=radio], 
input.sheet-tab2[type=radio], 
input.sheet-tab3[type=radio], 
input.sheet-tab4[type=radio], 
input.sheet-tab5[type=radio], 
input.sheet-tab6[type=radio], 
input.sheet-tab7[type=radio], 
input.sheet-tab8[type=radio], 
input.sheet-tab9[type=radio], 
input.sheet-tab10[type=radio] {
        display:none;
    }
input.sheet-tab {
    width: calc(20% - 4px);
    max-width: 150px;
    line-height: 30px;
    
    outline: none !important;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

input.sheet-tab1 {
    margin-left: 1px;
}

input.sheet-tab[type=radio] + label {
    content: attr(title);
    display: inline;
    line-height: 30px;
    padding: 10px;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/steampunk_wallpaper_by_satyrgod.jpg');

    border: solid 2px black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    text-shadow: 0px 0px 2px black;
    min-width: 120px;
    height: 30px;

}
    
input.sheet-tab[type=radio]:checked + label {
    border: solid 2px black;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/blank-parchment-aps.jpg");
    line-height: 30px;
    
    color:black;
    text-shadow: 0px 0px 2px white;
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    }
.sheet-tab-content {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/steampunk_wallpaper_by_satyrgod.jpg');
    width: 840px;
    border-radius:15px;
    box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black;
    padding: 2px;
}

.sheet-tab-br {
    margin-bottom: 4px;
    margin-top: 1px;
}

div.sheet-body {
    display: none;
}
/*========== blocks ==========*/
/*========== blocks ==========*/
/*========== blocks ==========*/

input.sheet-block1:not(:checked) ~ .sheet-block1,
input.sheet-block2:not(:checked) ~ .sheet-block2,
input.sheet-block3:not(:checked) ~ .sheet-block3 {
    display: none;
}

input.sheet-block1[type=radio], 
input.sheet-block2[type=radio], 
input.sheet-block3[type=radio] {
        display:none;
    }
input.sheet-block {
    width: 120px;
    line-height: 20px;
    
    outline: none !important;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

input.sheet-block[type=radio] + label {
    content: attr(title);
    display: inline;
    line-height: 10px;
    padding: 5px;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/steampunk_wallpaper_by_satyrgod.jpg');

    border: solid 2px black;
    border-radius: 10px;

    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    text-shadow: 0px 0px 2px black;
    height: 10px;
    width:120px;

}
    
input.sheet-block[type=radio]:checked + label {
    border: solid 2px black;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/blank-parchment-aps.jpg");
    line-height: 10px;
    
    color:black;
    text-shadow: 0px 0px 2px white;
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    }
.sheet-block-content {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/steampunk_wallpaper_by_satyrgod.jpg');
    width: 840px;
    border-radius:15px;
    box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black;
    padding: 2px;
}

/*-----End of Blocks ----*/
/*-----End of Blocks ----*/
/*-----End of Blocks ----*/

/*-----top_half----*/
.sheet-top_half {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/steampunk_wallpaper_by_satyrgod.jpg');
    width: 840px;
    border-radius:15px;
    box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black;
    padding: 2px;
}
/*-----text colouring----*/

.sheet-plain { 
    text-shadow: none;
    font-style:normal;
    color:black;
    font-weight:bold;
    font-size:1em;
}

.sheet-Pictos {
    font-family:"Pictos";
    content: "j";
    width: 14px;
    height: 14px;
    font-size: 1.5em;
    display:inline;
    color: #9C0606;
    text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
}

table td { 
    color: white; 
    text-shadow: 0px 0px 0.2em  #6C3306; 
}
table.sheet-skill_list {
    font-size:0.8em;
}
h1 { 
    color: #9C0606; 
    text-shadow: 0px 0px 0.2em  white; 
}

h2 { 
    color: #9C0606; 
    text-shadow: 0px 0px 0.2em white, 0px 0px 0.2em white;
}

h3 { 
    color: white; 
    text-shadow: 0px 0px 0.5em  #6C3306; 
}

h4 { 
    color: black; 
    text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
}

h4.sheet-physfont {
    color: #18ADFF; 
    text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
    font-variant: small-caps;
    font-size:1.3em;
}

.sheet-blue {
    color: #18ADFF; 
}

h4.sheet-aglfont {
    color: red; 
    text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
    font-variant: small-caps;
    font-size:1.3em;
}

.sheet-red {
    color: #6A0E0E;
}

h4.sheet-intfont {
    color: green; 
    text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
    font-variant: small-caps;
    font-size:1.3em;
}

.sheet-green {
    color: green;
}
h4.sheet-yellowfont {
    color: yellow; 
    text-shadow: 0px 0px 1px black;
    font-variant: small-caps;
    font-size:1.3em;
}

h5 { 
    color: white; 
    text-shadow: 0px 0px 0.2em  #6C3306; 
}

h5.sheet-black { 
    color: black; 
    background: rgba(255,255,192,0.65);

    border:none;
    box-shadow:none;
    font-weight: bold;
    color: black;
    text-shadow:none;
    
    border-radius:20px;
    padding-left:10px;
    padding-right:10px;
}
h5.sheet-dice { 
    color: white; 
    text-shadow: 0px 0px 0.2em black, 0px 0px 0.4em black, 0px 0px 0.6em black; 
}
textarea.sheet-ability { 
    color: black; 
    background: rgba(255,255,192,0.65);

    border:none;
    box-shadow:none;
    font-weight: bold;
    color: black;
    text-shadow:none;
    
    border-radius:20px;
    padding-left:10px;
    padding-right:10px;
    height:75px;
}
input.sheet-ability {
    
    color: black; 
    background: rgba(255,255,192,0.65);

    border:none;
    box-shadow:none;
    font-weight: bold;
    color: black;
    text-shadow:none;
    
    border-radius:20px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}
.sheet-stats-base {
    background:transparent;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    font-style: italic;
    border:none;
    text-shadow: 0px 0px 0.2em  white, 0px 0px 0.2em  white, 0px 0px 0.2em  white;
    color:black;
}

.sheet-stats-base::-webkit-input-placeholder {
    padding-top:3px;
}
.sheet-yellow {
    text-shadow: 0px 0px 0.2em  yellow, 0px 0px 0.2em  yellow, 0px 0px 0.2em  yellow;
    }
.sheet-stats-small {
    background:transparent;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    font-style: italic;
    border:none;
    text-shadow: 0px 0px 0.2em blue,0px 0px 0.2em black, 0px 0px 0.2em blue;
    color:#FCFBED;
}

.sheet-stats-big {
    background:transparent;
    text-align: center;
    font-size: 2.0em;
    font-weight: bold;
    font-style: italic;
    border:none;
    text-shadow: 0px 0px 0.2em  white;
    color:black;
}

.sheet-stats-big::-webkit-input-placeholder {
    padding-top:5px;
}

.sheet-clearbox {
    background:transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted white;
    font-style: italic;
    color: white; 
    text-shadow: 0px 0px 0.2em  #6C3306; 
}

.sheet-blackfont  {
    color: black; 
}

.sheet-skill-base input[type="number"], 
.sheet-skill-base input[type="text"] {
    text-align: center;
    background:transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted white;
    color: white; 
    text-shadow: 0px 0px 0.2em  #6C3306; 
}

.sheet-rasied_border {
    background-color: transparent;
    border-color: #013220;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 3px;
    border-right-width: 4px;
    border-top-right-radius: 16px;
    background-size: auto;
    border-radius:15px;
}
    /*----removing spinner on numbers----*/
input.sheet-stats-base::-webkit-outer-spin-button ,
input.sheet-stats-base::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.sheet-stats-base[type='number'] {
    -moz-appearance:textfield;
}

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

input[type='number']:hover {
    -moz-appearance:none;
}

.sheet-input-center-aligned {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    border:none;
    box-shadow:none;
    font-weight: bold;
    color: black;
}

.sheet-input-center-aligned[type="number"] {
    text-align:center;
}

select.sheet-input-center-aligned {
    -webkit-appearance: none;
    padding-top:0px;
    padding-right:0px;
    appearance: none; 
}

select {    
    -moz-appearance: none;
}

select option {
    background:white;
    color:black;
}

.sheet-select {
    margin-bottom: 0px;
}

select.sheet-stats-base {
    background:transparent;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.5em;
    font-weight: bold;
    font-style: italic;
    border:none;
    text-shadow: 0px 0px 0.2em  white, 0px 0px 0.2em  white, 0px 0px 0.2em  white;
    color:black;
    margin-bottom: 0px;
    padding-bottom:0px;
}
.sheet-input-center-aligned::-webkit-input-placeholder {
    color:#D2B48C;
    font-style: italic;
    font-weight:400;
    text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
}

textarea {
    height: 36px;
    margin: 5px 0px 0px 0px;
    resize:vertical;
    overflow-y:hidden;
}
/*-----misc-----*/

.sheet-hidden {
    display: none;
}

.sheet-center {
    text-align: center;
}

.sheet-left {
    text-align: left;
}

.sheet-right {
    text-align: right;
} 
div.sheet-Shield {
    position: relative;
    width: 50px;
    height: 20px;
    left:40px;    
    top:20px;
    margin:-30px;
}

input.sheet-Shield {
    width: 50px;
    height: 20px;
    position: absolute;
    left:0px;  
    top:0px;
    z-index: 1;
    opacity: 0;
}

span.sheet-Shield {
    margin: 10px 0 0 40px;
    display: none;
    position: absolute;
    left:-40px;
    top:-10px;
    width:50px;
    text-align:center;
}

input.sheet-nShield { 
    z-index: 2; 
}
input.sheet-nShield:checked + input.sheet-yShield,
input.sheet-yShield:checked + input.sheet-nShield {
    z-index: 3; 
}

input.sheet-nShield:checked ~ span.sheet-nShield,
input.sheet-yShield:checked ~ span.sheet-yShield { 
    display: inline-block; 
}
/*-----showhide-----*/

div.sheet-one_block
{
    display: inline;

}
div.sheet-two_block
{
    display: none;
}

input.sheet-showhide:checked ~ div.sheet-one_block
{
    display: none;
}

input.sheet-showhide:checked ~ div.sheet-two_block
{
    display: inline;
}
/*==========feat number button==========*/

div.sheet-feat {
    width: 80px;
    height: 80px;
    position: relative;
}

input.sheet-feat {
    position: absolute;
    margin: 5px 0 0 0px;
    opacity: 0;
    width: 80px;
    height: 80px;
    z-index: 1;
}

span.sheet-feat {
    position: relative;
    top:10px;
}

input.sheet-zerofeat { z-index: 2; }

input.sheet-zerofeat:checked + input.sheet-onefeat,
input.sheet-onefeat:checked + input.sheet-twofeat,
input.sheet-twofeat:checked + input.sheet-threefeat { z-index: 3; }

input.sheet-zerofeat:checked ~ span.sheet-zerofeat,
input.sheet-onefeat:checked ~ span.sheet-onefeat,
input.sheet-twofeat:checked ~ span.sheet-twofeat,
input.sheet-threefeat:checked ~ span.sheet-threefeat { display: inline-block; }

.sheet-zerofeat 
{
    width: 80px;
    height: 80px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/wooden_zero.png") no-repeat 0 0;
    background-size: contain;
    -webkit-filter: drop-shadow(0px 0px 5px white);
}

.sheet-onefeat 
{
    width: 80px;
    height: 80px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/wooden_one.png") no-repeat 0 0;
    background-size: contain;
    -webkit-filter: drop-shadow(0px 0px 5px white);
}

.sheet-twofeat 
{
    width: 80px;
    height: 80px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/wooden_two.png") no-repeat 0 0;
    background-size: contain;
    -webkit-filter: drop-shadow(0px 0px 5px white);
}

.sheet-threefeat 
{
    width: 80px;
    height: 80px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/wooden_three.png") no-repeat 0 0;
    background-size: contain;
    -webkit-filter: drop-shadow(0px 0px 5px white);
}
    /* ==== Featup & Down   ==== */
/* ----Hide actual sheet-featup checkbox---- */

input.sheet-featup[type="checkbox"] {
    opacity: 0;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    position: relative;
    top: 0px;
    left: 25px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-featup checkbox----- */

input.sheet-featup[type="checkbox"] + span::before
{
    position:relative;
    top:0px;
    left:1px;
    margin-right: 10px;
    margin-left: 5px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    background:transparent;
    color: black;
    text-shadow:0px 0px 5px white;
    font-family:"Pictos";
    content: "4"; 
    font-size:30px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

input.sheet-featup[type="checkbox"]:hover + span::before {
    color: red; 
    text-shadow:0px 0px 5px black;
}
/* ----Hide actual sheet-featdown checkbox---- */

input.sheet-featdown[type="checkbox"] {
    opacity: 0;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    position: relative;
    top: 0px;
    left: 25px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-featdown checkbox----- */

input.sheet-featdown[type="checkbox"] + span::before
{
    position:relative;
    top:0px;
    left:0px;
    margin-right: 10px;
    margin-left: 5px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    background:transparent;
    color: black;
    text-shadow:0px 0px 5px white;
    
    font-family:"Pictos";
    content: "4"; 
    font-size:30px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

input.sheet-featdown[type="checkbox"]:hover + span::before {
    color: red; 
    text-shadow:0px 0px 5px black;
}

/*========== sheet reset ==========*/
input.sheet-reset[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 8px;
    top:0px;
    margin: 0px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-reset checkbox----- */

input.sheet-reset[type="checkbox"] + span::before
{
    position: relative;
    left:-7px;
    margin-right: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 14px;
    height: 14px;
    border-radius:50%;
    background:black;
}

input.sheet-reset[type="checkbox"]:active + span::before {
    background:#9C0606;
}/*========== sheet health ==========*/
input.sheet-health[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 8px;
    top:0px;
    margin: 0px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-health checkbox----- */

input.sheet-health[type="checkbox"] + span::before
{
    position: relative;
    left:-7px;
    margin-right: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 14px;
    height: 14px;
    background:white;
    border: 1px solid #006400;
    border-radius:50%;
    box-shadow: inset 0px 0px 15px green, 0px 0px 15px green; 
}

input.sheet-health[type="checkbox"]:active + span::before {
    border: 1px solid #8B0000;
    box-shadow: inset 0px 0px 15px red, 0px 0px 15px red; 
}
/*========== sheet arrow ==========*/

/* ----Hide actual sheet-arrow checkbox---- */

input.sheet-arrow[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-arrow checkbox----- */

input.sheet-arrow[type="checkbox"] + span::before
{
    margin-right: 4px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    float: left;
    content: "►";
    width: 14px;
    height: 14px;
    font-size: 12px;
}

input.sheet-arrow[type="checkbox"]:checked + span::before {
    content: "▼";
}

/* -----Hiding areas with sheet-arrow ----- */

input.sheet-arrow {
    float: left;
}
input.sheet-arrow:checked ~ div.sheet-body {
    display: block;
}

input.sheet-hider:checked ~ div.sheet-body {
    display: block;
    }
/*========== sheet gear ==========*/

/* ----Hide actual sheet-gear checkbox---- */

input.sheet-gear[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 7px;
    left: 28px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-gear checkbox----- */

input.sheet-gear[type="checkbox"] + span::before
{
    margin-right: 4px;
    margin-left:20px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    float: left;
    font-family:"Pictos";
    content: "y";
    width: 14px;
    height: 14px;
    font-size: 16px;
    color:silver;
    text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
}

input.sheet-gear[type="checkbox"]:checked + span::before {
    color: black;
    text-shadow: 0px 0px 2px silver,0px 0px 2px silver,0px 0px 2px silver;
}
input.sheet-gear {
    float: left;
}
/*========== sheet skillbox ==========*/

/* ----Hide actual sheet-skillbox checkbox---- */

input.sheet-skillbox[type="checkbox"] {
    opacity: 0;
    width: 100px;
    position: relative;
    top: 0px;
    left: 20px;
    margin: -30px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-gear skillbox----- */

input.sheet-skillbox[type="checkbox"]::before + span::before
{
    margin-right: 4px;
    margin-left: 0px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    content: "";
    width: 100px;
    height: 14px;
    color:silver;
    position: relative;
}
span.sheet-skillbox {
    position: relative;
    left:-40px;
    width: 100px;
    text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black;
    }
input.sheet-skillbox[type="checkbox"]:checked + span {
    color: red;
    text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black;
}

/*========== sheet sign ==========*/

/* ----Hide actual sheet-sign checkbox---- */

input.sheet-sign[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 7px;
    left: 08px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake sheet-sign checkbox----- */

input.sheet-sign[type="checkbox"] + span::before
{
    margin-right: 4px;
    margin-left:00px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    float: left;
    font-family:"Pictos";
    content: "h";
    width: 14px;
    height: 14px;
    font-size: 16px;
    color:silver;
    text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
}

input.sheet-sign[type="checkbox"]:checked + span::before {
    color: black;
    text-shadow: 0px 0px 2px silver,0px 0px 2px silver,0px 0px 2px silver;
}
input.sheet-sign {
    float: left;
}

/*========== Big Checkbox ==========*/

/* ----Hide actual Big Checkbox---- */
input.sheet-bigcheck[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* ----Fake Big Checkbox ---- */
input.sheet-bigcheck[type="checkbox"] + span::before {
    margin-right: 4px;
    line-height: 14px;
    text-align: center;
    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: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

input.sheet-bigcheck[type="checkbox"] + span::before {
    content: "";
    width: 14px;
    height: 14px;
    font-size: 12px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input.sheet-bigcheck[type="checkbox"]:checked + span::before {
    color: red;
    content: "✓";
    text-shadow:none;
    font-weight:bold;
}
/*========== boost boost ==========*/
/* ----Hide actual boost---- */
input.sheet-boost[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0px;
    left: 15px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* ----Fake Big Checkbox ---- */
input.sheet-boost[type="checkbox"] + span::before {
    margin-right: 4px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0px;
    left: 10px;

    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    border-radius: 15px;
    
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

input.sheet-boost[type="checkbox"] + span::before {
    content: "";
    width: 14px;
    height: 14px;
    font-size: 12px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 15px;
}
input.sheet-boost[type="checkbox"]:checked + span::before {
    color: green;
    font-family:"Pictos";
    content: "+";
    text-shadow:none;
    font-weight:bold;
}

/*========== AJ Checkbox ==========*/

/* ----Hide actual AJ Checkbox---- */
input.sheet-aj[type="checkbox"] {
    opacity: 0;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0px;
    left: 12px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* ----Fake aj ---- */
input.sheet-aj[type="checkbox"] + span::before {
    margin-right: 10px;
    margin-left: 5px;
    line-height: 14px;
    text-align: center;
    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:transparent;
}
    
input.sheet-aj[type="checkbox"] + span::before {
    font-family:"Pictos";
    content: "j";
    width: 14px;
    height: 14px;
    font-size: 1.5em;
    font-weight:bold;  
    color: black;
    text-shadow: 0px 0px 2px white,0px 0px 2px white,0px 0px 2px white;
}

input.sheet-aj[type="checkbox"]:checked + span::before {
    color: #9C0606; 
    font-family:"Pictos";
    content: "A"; 

    }

/*==========jack damage grid==========*/

div.sheet-jackbox {
    width: 20px;
    height: 20px;
    position: relative;
}

input.sheet-jackbox {
    margin: 10px 0 0 00px;
    opacity: 00;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
}

span.sheet-jackbox {
    margin: 10px 0 0 00px;
    display: none;
}

input.sheet-blackbox { z-index: 2; }

input.sheet-blackbox:checked + input.sheet-whitebox,
input.sheet-whitebox:checked + input.sheet-redbox { z-index: 3; }

input.sheet-blackbox:checked ~ span.sheet-blackbox,
input.sheet-whitebox:checked ~ span.sheet-whitebox,
input.sheet-redbox:checked ~ span.sheet-redbox { display: inline-block; }

input.sheet-blackbox:checked + input.sheet-whiteboxl,
input.sheet-whiteboxl:checked + input.sheet-redboxl { z-index: 3; }

input.sheet-blackbox:checked ~ span.sheet-blackbox,
input.sheet-whiteboxl:checked ~ span.sheet-whiteboxl,
input.sheet-redboxl:checked ~ span.sheet-redboxl { display: inline-block; }

input.sheet-blackbox:checked + input.sheet-whiteboxr,
input.sheet-whiteboxr:checked + input.sheet-redboxr { z-index: 3; }

input.sheet-blackbox:checked ~ span.sheet-blackbox,
input.sheet-whiteboxr:checked ~ span.sheet-whiteboxr,
input.sheet-redboxr:checked ~ span.sheet-redboxr { display: inline-block; }

input.sheet-blackbox:checked + input.sheet-whiteboxg,
input.sheet-whiteboxg:checked + input.sheet-redboxg { z-index: 3; }

input.sheet-blackbox:checked ~ span.sheet-blackbox,
input.sheet-whiteboxg:checked ~ span.sheet-whiteboxg,
input.sheet-redboxg:checked ~ span.sheet-redboxg { display: inline-block; }

input.sheet-blackbox:checked + input.sheet-whiteboxy,
input.sheet-whiteboxy:checked + input.sheet-redboxy { z-index: 3; }

input.sheet-blackbox:checked ~ span.sheet-blackbox,
input.sheet-whiteboxy:checked ~ span.sheet-whiteboxy,
input.sheet-redboxy:checked ~ span.sheet-redboxy { display: inline-block; }

.sheet-blackbox {
    width: 20px;
    height: 20px;
    background: black;
    box-shadow: inset 0px 0px 10px white, inset 0px 0px 5px white, inset 0px 0px 2px white;
    background-size: 100%;
}

.sheet-whitebox {
    width: 20px;
    height: 20px;
    background: white;
    box-shadow: inset 0px 0px 10px black, inset 0px 0px 5px black, inset 0px 0px 2px black;
}
.sheet-whiteboxl {
    width: 20px;
    height: 20px;
    content: "L";
    color:black;
    background: white;
    box-shadow:inset 0px 0px 10px blue,inset 0px 0px 10px blue,inset 0px 0px 10px blue;
}
.sheet-whiteboxr {
    width: 20px;
    height: 20px;
    background: white;
    box-shadow:inset 0px 0px 10px red,inset 0px 0px 10px red,inset 0px 0px 10px red;
}
.sheet-whiteboxg {
    width: 20px;
    height: 20px;
    background: white;
    box-shadow:inset 0px 0px 10px green,inset 0px 0px 10px green,inset 0px 0px 10px green;
}
.sheet-whiteboxy {
    width: 20px;
    height: 20px;
    background: white;
    box-shadow:inset 0px 0px 10px yellow,inset 0px 0px 10px yellow,inset 0px 0px 10px yellow;
}
.sheet-redbox {
    width: 20px;
    height: 20px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px white);
}
.sheet-redboxr {
    width: 20px;
    height: 20px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 3px black);
}
.sheet-redboxl {
    width: 20px;
    height: 20px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px blue);
}
.sheet-redboxg {
    width: 20px;
    height: 20px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px green);
}
.sheet-redboxy {
    width: 20px;
    height: 20px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px yellow);
}

.sheet-grid {
    margin-bottom: 25px;
}
/*========== character damage grid ==========*/

/*-------phybox---------*/
div.sheet-phybox {
    width: 30px;
    height: 30px;
    position: relative;
}

input.sheet-phybox {
    margin: 00px 0 0 00px;
    opacity: 00;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
}

span.sheet-phybox {
    margin: 00px 0 0 00px;
    display: none;
}

input.sheet-blackdot { z-index: 2; }

input.sheet-blackdot:checked + input.sheet-bluedot,
input.sheet-bluedot:checked + input.sheet-xdot { z-index: 3; }

input.sheet-blackdot:checked ~ span.sheet-blackdot,
input.sheet-bluedot:checked ~ span.sheet-bluedot,
input.sheet-xdot:checked ~ span.sheet-xdot { display: inline-block; }

.sheet-blackdot {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/ink.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px #18ADFF);
}

.sheet-bluedot {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/paint_splatter_blue.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px black);
}

.sheet-xdot {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px #18ADFF);
}
/* ======== Sheet-physboxlast ========*/
/* ----Hide actual Big physboxlast---- */
input.sheet-physboxlast[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 12px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* ----Fake Big physboxlast ---- */
input.sheet-physboxlast[type="checkbox"] + span::before {
    margin-right: 4px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    position: relative;
    top: 0px;
    left: 3px;
}

input.sheet-physboxlast[type="checkbox"] + span::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/paint_splatter_blue.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px black);
}
input.sheet-physboxlast[type="checkbox"]:checked + span::before {
    content: "";
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size:100%;
    -webkit-filter: drop-shadow(0px 0px 5px #18ADFF);

}

 /*-------aglbox---------*/
div.sheet-aglbox {
    width: 30px;
    height: 30px;
    position: relative;
}

input.sheet-aglbox {
    margin: 00px 0 0 00px;
    opacity: 00;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
}

span.sheet-aglbox {
    margin: 00px 0 0 00px;
    display: none;
}

input.sheet-blackdota { z-index: 2; }

input.sheet-blackdota:checked + input.sheet-reddot,
input.sheet-reddot:checked + input.sheet-xdota { z-index: 3; }

input.sheet-blackdota:checked ~ span.sheet-blackdota,
input.sheet-reddot:checked ~ span.sheet-reddot,
input.sheet-xdota:checked ~ span.sheet-xdota { display: inline-block; }

.sheet-blackdota {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/ink.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px red);
}

.sheet-reddot {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/paint_splatter_red.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px black);
}

.sheet-xdota {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px white);
}
/* ======== Sheet-aglboxlast ========*/
/* ----Hide actual Big aglboxlast---- */
input.sheet-aglboxlast[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 12px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* ----Fake Big aglboxlast ---- */
input.sheet-aglboxlast[type="checkbox"] + span::before {
    margin-right: 4px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    position: relative;
    top: 0px;
    left: 3px;
}

input.sheet-aglboxlast[type="checkbox"] + span::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/paint_splatter_red.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px black);
}
input.sheet-aglboxlast[type="checkbox"]:checked + span::before {
    content: "";
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size:100%;
    -webkit-filter: drop-shadow(0px 0px 5px #6A0E0E);
}

 /*-------intbox---------*/
div.sheet-intbox {
    width: 30px;
    height: 30px;
    position: relative;
}

input.sheet-intbox {
    margin: 00px 0 0 00px;
    opacity: 00;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
}

span.sheet-intbox {
    margin: 00px 0 0 00px;
    display: none;
}

input.sheet-blackdoti { z-index: 2; }

input.sheet-blackdoti:checked + input.sheet-gredot,
input.sheet-gredot:checked + input.sheet-xdoti { z-index: 3; }

input.sheet-blackdoti:checked ~ span.sheet-blackdoti,
input.sheet-gredot:checked ~ span.sheet-gredot,
input.sheet-xdoti:checked ~ span.sheet-xdoti { display: inline-block; }

.sheet-blackdoti {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/ink.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px green);
}

.sheet-gredot {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/paint_splatter_green.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px black);
}

.sheet-xdoti {
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px green);
}
/* ======== Sheet-intboxlast ========*/
/* ----Hide actual Big intboxlast---- */
input.sheet-intboxlast[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 12px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* ----Fake Big intboxlast ---- */
input.sheet-intboxlast[type="checkbox"] + span::before {
    margin-right: 4px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    position: relative;
    top: 0px;
    left: 3px;
}

input.sheet-intboxlast[type="checkbox"] + span::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/paint_splatter_green.png") no-repeat 0 0;
    background-size: 100%;
    -webkit-filter: drop-shadow(0px 0px 5px black);
}
input.sheet-intboxlast[type="checkbox"]:checked + span::before {
    content: "";
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/red_x_circled.gif") no-repeat 0 0;
    background-size:100%;
    -webkit-filter: drop-shadow(0px 0px 5px green);
}
/*-------powerfield box---------*/
div.sheet-powerfieldbox {
    width: 20px;
    height: 20px;
    position: relative;
}

input.sheet-powerfieldbox {
    margin: 00px 0 0 00px;
    opacity: 00;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
}

span.sheet-powerfieldbox {
    margin: 00px 0 0 00px;
    display: none;
}

input.sheet-powerfield_off { z-index: 2; }

input.sheet-powerfield_off:checked + input.sheet-powerfield_on,
input.sheet-powerfield_on:checked + input.sheet-powerfield_empty { z-index: 3; }

input.sheet-powerfield_off:checked ~ span.sheet-powerfield_off,
input.sheet-powerfield_on:checked ~ span.sheet-powerfield_on,
input.sheet-powerfield_empty:checked ~ span.sheet-powerfield_empty { display: inline-block; }

.sheet-powerfield_empty {
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius:50%;
    border: 2px solid blue; 
    
}

.sheet-powerfield_on {
    width: 15px;
    height: 15px;
    background: blue;
    border-radius:50%;
    border: 2px solid blue; 
}

.sheet-powerfield_off {
    width: 19px;
    height: 19px;
    background: transparent;
    border-radius:50%;
    border: none; /* 2px solid #9a7647; #eae0c8 #9a7647 */
    box-shadow: inset 0px 0px 15px black;
}

 table.sheet-table_center {
    margin-left:auto; 
    margin-right:auto;
}
/*==========Button Reset==========*/
/*================================*/
/*================================*/
button[type="roll"].sheet-btn:before {
    content: ""!important;
    display: none;
}
button[type="roll"].sheet-btn  {
    width: 100%;
    height:24px;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius:5px;
    
    background-color: transparent;
    border: 2px outset gray;
    border-style: outset;
    padding: 2px;
    padding-left:2px;
    font-size: 1em;
    color: white; 
    text-shadow: 0px 0px 0.2em  #6C3306; 
}

button[type="roll"].sheet-btn:hover {
    border: 2px inset gray;
    padding-left:4px;
    padding-top:4px;
    padding-right:0px;
    padding-bottom:0px;

}

button[type="roll"].sheet-btn:active {
    border: 2px solid black;
}

button[type="roll"].sheet-btn label,
button[type="roll"].sheet-btn input {
    height:44px;
    line-height: 24px;
    font-size: 1em; 
    vertical-align: middle;
    text-align:center;
    width: 99%;
    cursor: pointer;
    background: none;
    box-shadow: none;
    transition: none;
    border-radius: none;
    border:none;
    font-weight:700;
}

.sheet-small {
    font-size: 0.8em;
}
button[type="roll"].sheet-physstat ,
button[type="roll"]label.sheet-physstat ,
button[type="roll"]input.sheet-physstat  {
    color: #18ADFF;
    border: 2px solid #18ADFF;
}

button[type="roll"].sheet-physstat :hover,
button[type="roll"].sheet-physstat :hover label,
button[type="roll"].sheet-physstat :hover input {
    color: #18ADFF;
    border: 2px inset #18ADFF;
}

.sheet-aglstat button[type="roll"],
.sheet-aglstat button[type="roll"]label,
.sheet-aglstat button[type="roll"]input  {
    color: red;
    border: 2px solid transparent;
}

.sheet-aglstat button[type="roll"]:hover,
.sheet-aglstat button[type="roll"]:hover label,
.sheet-aglstat button[type="roll"]:hover input {
    color: red;
    border: 2px inset red;
}

.sheet-intstat button[type="roll"],
.sheet-intstat button[type="roll"] label,
.sheet-intstat button[type="roll"] input {
    color: green;
    border: 2px outset gray;
}

.sheet-intstat button[type="roll"]:hover,
.sheet-intstat button[type="roll"]:hover label,
.sheet-intstat button[type="roll"]:hover input {
    color: green;
    border: 2px inset green;
}
.sheet-general {
    font-style:italic;
    color:white;
    text-shadow: 0px 0px 2px green, 0px 0px 2px green;
}
.sheet-occupational {
    color:white;
    text-shadow: 0px 0px 2px red, 0px 0px 2px red;
}

/*========== Btn1 ==========*/
button[type="roll"].sheet-btn1:before {
    content: ""!important;
    display: none;
}
button[type="roll"].sheet-btn1  {
    width: 100%;
    height:48px;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius:5px;
    
    background-color: transparent;
    border: 2px outset gray;
    border-style: outset;
    padding: 2px;
    padding-left:2px;
    font-size: 1em;
    color: white; 
    text-shadow: 0px 0px 0.2em  #6C3306; 
}

button[type="roll"].sheet-btn1:hover {
    border: 2px inset gray;
    padding-left:4px;
    padding-top:4px;
    padding-right:0px;
    padding-bottom:0px;

}

button[type="roll"].sheet-btn1:active {
    border: 2px solid black;
}

button[type="roll"].sheet-btn1 label,
button[type="roll"].sheet-btn1 input {
    height:44px;
    line-height: 24px;
    font-size: 1em; 
    vertical-align: middle;
    text-align:center;
    width: 99%;
    cursor: pointer;
    background: none;
    box-shadow: none;
    transition: none;
    border-radius: none;
    border:none;
    font-weight:700;
}
/*========== Virtuoso ==========*/
/*-----virtioso colouring----*/
div.sheet-virtioso {
    color: Chartreuse;
    font-weight: bold;
}

/*----Virtioso button----*/
button[type="roll"].sheet-virtioso_button:before {
    content: ""!important;
    display: none;
}

.sheet-virtioso_button {
    height:24px;
    width:24px;
    border:none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    
    background: radial-gradient(circle at 8px 8px, Chartreuse, black);
    box-shadow: 0px 0px 3px black;
}

.sheet-virtioso_button:hover {
    background: radial-gradient(circle at 16px 16px, Chartreuse, black);
    box-shadow: 0px 0px 3px blue;
}

.sheet-virtioso_button:active {
    background: radial-gradient(circle at 8px 8px, Chartreuse, black);
}


/*==========Combat Caster button==========*/
button[type="roll"].sheet-combatcaster_button:before {
    content: ""!important;
    display: none;
}

.sheet-combatcaster_button {
    height:24px;
    width:24px;
    border:none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    color:Chartreuse;
    font-weight:700;
    
    background: radial-gradient(circle at 8px 8px, #6495ED, black);
    box-shadow: 0px 0px 3px black;
}

.sheet-combatcaster_button:hover {
    background: radial-gradient(circle at 16px 16px, blue, white);
    box-shadow: 0px 0px 3px blue;
}

.sheet-combatcaster_button:active {
    background: radial-gradient(circle at 8px 8px, blue, white);
}
/*==========Combat Caster button==========*/
button[type="roll"].sheet-combatstatic_button:before {
    content: ""!important;
    display: none;
}

.sheet-combatstatic_button {
    height:24px;
    width:24px;
    border:none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    color:Chartreuse;
    font-weight:700;
    
    background: radial-gradient(circle at 8px 8px, black, red);
    box-shadow: 0px 0px 3px black;
}

.sheet-combatstatic_button:hover {
    background: radial-gradient(circle at 16px 16px, yellow, red);
    box-shadow: 0px 0px 3px blue;
}

.sheet-combatstatic_button:active {
    background: radial-gradient(circle at 8px 8px, orange, red);
}
/* ================Tooltips ================ */
button[type="roll"].sheet-skill_button:before {
    content: ""!important;
    display: none;
}

.sheet-skill_button {
    height:21px;
    width:21px;
    border:none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
    
    background: radial-gradient(circle at 8px 8px, white, black 50%);
    box-shadow: 0px 0px 2px white;
}

.sheet-skill_button:hover {
    background: radial-gradient(circle at 12px 12px, white, black 50%);
}

.sheet-skill_button:active {
    background: radial-gradient(circle at 8px 8px, silver, black 50%);
}

/*-----sheet-normal radio boxes-----*/
    /* -----Hide actual radio----- */
input.sheet-normal[type="radio"]
{
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

    /* -----Fake radio----- */
input.sheet-normal[type="radio"] + span::before
{
    margin-right: 2px;
    border: solid 1px #a8a8a8;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    border:none;    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background:#0000ff ;
    
    content: "";
    width: 16px;
    height: 16px;
    font-size: 3em;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
input.sheet-normal.sheet-purple[type="radio"] + span::before {
    background:#800080;
    }
input.sheet-normal.sheet-blood[type="radio"] + span::before {
    background:#b30000;
    }   

    /* -----Remove dot from all radios _after_ selected one----- */
input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before
{    
    content: "";
    
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}

    /*------------empty traits-----------*/
input.sheet-zero[type="radio"]:checked + span::before
{
    opacity: 0;
}

input.sheet-zero[type="radio"]:hover + span::before
{
    opacity: 1;
}

input.sheet-zero[type="radio"] + span::before
{
    color:black;
    font-size: 1em;
    content: "✖";
    opacity: 0.25;
}
/*-----sheet-grate radio boxes-----*/
    /* -----Hide actual radio----- */
input.sheet-grate[type="radio"]
{
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

    /* -----Fake radio----- */
input.sheet-grate[type="radio"] + span::before
{
    margin-right: 2px;
    border: solid 1px #a8a8a8;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    border:none;    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    background: #e5d6ab;;
    
    content: "";
    width: 12px;
    height: 12px;
    font-size: 1em;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
input.sheet-grate[type="radio"]:checked + span::before {    
    content: "✓";
    color:green;
}
input.sheet-x[type="radio"] + span::before
{    
    content: "";
}
input.sheet-x[type="radio"]:checked + span::before
{    
    content: "x";
    color:red;
}
/* -----Sheet-use radio----- */
/* -----Hide actual radio----- */
input.sheet-use[type="radio"]
{
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* -----Fake radio----- */
input.sheet-use[type="radio"] + span::before {
    margin-right: 2px;
    border: solid 1px #a8a8a8;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    border:none;    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    content: "";
    
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    width: 16px;
    height: 16px;
    font-size: 1em;
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
input.sheet-use[type="radio"]:checked + span::before {
    color: red;
    content: "✓";
    text-shadow:none;
    font-weight:bold;
}

/* ================Tooltips ================ */
.sheet-tooltips {
  position: relative;
  display: inline;
}

.sheet-tooltips span {
  position: absolute;
  width:200px;
  color: #000000;
  background: #FFFFFF;
  border: 2px solid #000000;
  line-height: 20px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: -2px -2px 5px #000000;
  font-size:0.7em;
}

.sheet-tooltips span:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-right: 12px solid #000000;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.sheet-tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #FFFFFF;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

:hover.sheet-tooltips span {
  visibility: visible;
  opacity: 1;
  left: 100%;
  top: 50%;
  margin-top: -35px;
  margin-left: 15px;
  z-index: 999;
}

/*==== Tooltip left====*/
.sheet-tooltips-left {
    position: relative;
    display: inline;
}

.sheet-tooltips-left span {
    position: absolute;
    width:200px;
    color: #000000;
    background: #FFFFFF;
    border: 2px solid #000000;
    line-height: 20px;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;

    box-shadow: -2px -2px 5px #000000;
    font-size:0.7em;  
  
    right: 100%;      /*===differnt from bootom===*/
    top: 50%;         /*===differnt from bootom===*/
    margin-top: -15px;
    margin-right: 15px;
}

.sheet-tooltips-left span:after {
    content: '';
    position: absolute;
    top: 50%;         /*===differnt from bootom===*/
    left: 100%;       /*===differnt from bootom===*/
    margin-top: -8px;
    width: 0; 
    height: 0;
    border-left: 8px solid #FFFFFF;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

:hover.sheet-tooltips-left span {
  visibility: visible;
  opacity: 1;
  right: 100%;      /*===differnt from bottom===*/
  top: 50%;         /*===differnt from bottom===*/
  margin-top: -15px;
  margin-right: 15px;
  z-index: 999;
}

        /*=== Roll Templates ===*/
        /*======================*/
        /*======================*/
        /*=== Roll Templates ===*/
        /*=== Roll Templates ===*/
        /*=== melee ===*/
.sheet-rolltemplate-melee table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black;
}

.sheet-rolltemplate-melee th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/RedSmoke-359x157.png');
    background-size:contain;
    color: white;
    padding: 2px;
    border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-melee td {
    padding: 5px;
}

.sheet-rolltemplate-melee .sheet-tcat {
    background:white;
    border: 2px solid #740608;
    border-radius: 15px;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.sheet-rolltemplate-melee .sheet-skill_number {
    border:2px solid #740608;
    border-radius:15px;
    background:white;
    font-weight: bold;
    color:#740608;
    display: inline-block;
    text-align:center;
    min-width: 1.5em;
}

.sheet-rolltemplate-melee .inlinerollresult  {
    color: #740608;
    background:transparent;
    border: none;
    font-weight: bold;
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
}

.sheet-rolltemplate-melee .inlinerollresult.importantroll,
.sheet-rolltemplate-melee .inlinerollresult.fullfail,
.sheet-rolltemplate-melee .inlinerollresult.fullcrit {
    border: none;
    background:transparent;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}
        /*=== ranged ===*/
.sheet-rolltemplate-weapon table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 5px black;
}

.sheet-rolltemplate-weapon th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/blue_smoke.jpg');
    background-size: cover;
    color: white;
    padding: 2px;
    border-bottom: 1px solid black;
    line-height: 1.6em;
    font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-weapon td {
    padding: 5px;
}

.sheet-rolltemplate-weapon .sheet-tcat {
    background:white;
    border: 2px solid #740608;
    border-radius: 15px;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.sheet-rolltemplate-weapon .sheet-skill_number {
    border:2px solid #740608;
    border-radius:15px;
    background:white;
    font-weight: bold;
    color:#740608;
    display: inline-block;
    text-align:center;
    min-width: 1.5em;
}
.sheet-rolltemplate-weapon .inlinerollresult {
    color: #740608;
    background:transparent;
    border: none;
    font-weight: bold;
    display: inline-block;
	min-width: 1.5em;
	text-align: center;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullcrit, 
.sheet-rolltemplate-weapon .inlinerollresult.fullfail, 
.sheet-rolltemplate-weapon .inlinerollresult.importantroll {
    border: none;
    background:transparent;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}
        /*=== Roll Templates ===*/
        /*=== artillary  ===*/
.sheet-rolltemplate-boom table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #808080, -5px -5px 4px black;
}

.sheet-rolltemplate-boom th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/smoke_texture5_by_ashensorrow-d3g74bf.jpg');
    background-size: 100%;
    color: red;
    padding: 2px;
    border-bottom: 1px solid black;
    line-height: 1.6em;
    font-size: 1.2em;
    text-shadow: 0px 0px 2px black;
}

.sheet-rolltemplate-boom td {
	padding: 5px;
}

.sheet-rolltemplate-boom .sheet-tcat {
    background:white;
    border: 2px solid #337992;
    border-radius: 15px;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.sheet-rolltemplate-boom .sheet-skill_number {
    border:2px solid #337992;
    border-radius:15px;
    background:white;
    font-weight: bold;
    color:#740608;
    display: inline-block;
    text-align:center;
    min-width: 1.5em;
}

.sheet-rolltemplate-boom .inlinerollresult {
    color: black;
    background:transparent;
    border: none;
    font-weight: bold;
    display: inline-block;
    min-width: 1.5em;
	text-align: center;
}
.sheet-rolltemplate-boom .inlinerollresult.fullcrit, 
.sheet-rolltemplate-boom .inlinerollresult.fullfail, 
.sheet-rolltemplate-boom .inlinerollresult.importantroll {
    border: none;
    background:transparent;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}

        /*=== Roll Templates ===*/
        /*=== spell ===*/

.sheet-rolltemplate-spell table {
    width: 100%;
    border: 1px solid;
    color: black;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #0066CC, -5px -5px 4px blue, -5px -5px 2px #ADD8E6;

}

.sheet-rolltemplate-spell th { 
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/spell-header.jpg');
    background-size: contain;
    color: white;
	padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-spell td {
    padding: 5px;
}

.sheet-rolltemplate-spell .sheet-tcat {
    background:white;
    border: 2px solid blue;
    border-radius: 15px;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.sheet-rolltemplate-spell .sheet-skill_number {
    border: 2px solid blue;
    border-radius:15px;
    background:white;
    font-weight: bold;
    color: blue;
    display: inline-block;
    text-align:center;
    min-width: 1.5em;
}
.sheet-rolltemplate-spell .inlinerollresult {
    color: blue;
    background:transparent;
    border: none;
    font-weight: bold;
    display: inline-block;
    min-width: 1.5em;
	text-align: center;
}
.sheet-rolltemplate-spell .inlinerollresult.fullcrit, 
.sheet-rolltemplate-spell .inlinerollresult.fullfail, 
.sheet-rolltemplate-spell .inlinerollresult.importantroll {
    border: none;
    background:transparent;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}

        /*=== Roll Templates ===*/
        /*=== fellcall ===*/
.sheet-rolltemplate-fellcall table {
    width: 100%;
    color: black;
    border: 1px solid black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    box-shadow: -5px -5px 5px black;
}

.sheet-rolltemplate-fellcall th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/soundwave.jpg');
    background-size: contain;
    color: white;
	padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-fellcall td {
    padding: 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.sheet-rolltemplate-fellcall tr:last-child {
    border-bottom: 1px solid black;
}

.sheet-rolltemplate-fellcall .sheet-tcat {
    background:black;
    border: 2px solid #78BB83;
    border-radius: 15px;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.sheet-rolltemplate-fellcall .sheet-skill_number {
    border: 2px solid #78BB83;
    border-radius:15px;
    background:black;
    font-weight: bold;
    color: #78BB83;
    display: inline-block;
    text-align:center;
    min-width: 1.5em;
}
.sheet-rolltemplate-fellcall .inlinerollresult {
    color: #78BB83;
    background:transparent;
    border: none;
    font-weight: bold;
    display: inline-block;
    min-width: 1.5em;
    text-align: center;
}
.sheet-rolltemplate-fellcall .inlinerollresult.fullcrit, 
.sheet-rolltemplate-fellcall .inlinerollresult.fullfail, 
.sheet-rolltemplate-fellcall .inlinerollresult.importantroll {
    border: none;
    background:transparent;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}
        /*=== Runeshot ===*/
.sheet-rolltemplate-runeshot table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 5px black;
}

.sheet-rolltemplate-runeshot th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/abstract_fire_smoke_plants_artwork.jpg');
    background-size: cover;
    color: red;
    padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-runeshot td {
	padding: 5px;
}

.sheet-rolltemplate-runeshot .sheet-tcat {
    background:white;
    border: 2px solid #953C1B;
    border-radius: 15px;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    font-weight: bold;
}

.sheet-rolltemplate-runeshot .sheet-skill_number {
    border:2px solid #953C1B;
    border-radius:15px;
    background:white;
    font-weight: bold;
    color:#953C1B;
    display: inline-block;
    text-align:center;
    min-width: 1.5em;
}

.sheet-rolltemplate-runeshot .inlinerollresult {
    color: #953C1B;
    background:transparent;
    border: none;
    font-weight: bold;
    display: inline-block;
    min-width: 1.5em;
    text-align: center;
}
.sheet-rolltemplate-runeshot .inlinerollresult.fullcrit, 
.sheet-rolltemplate-runeshot .inlinerollresult.fullfail, 
.sheet-rolltemplate-runeshot .inlinerollresult.importantroll {
    border: none;
    background:transparent;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}
        /*=== Roll Templates ===*/
        /*=== ability ===*/

.sheet-rolltemplate-ability table {
    width: 100%;
    color: black;
    border: 1px solid black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    box-shadow: -5px -5px 5px black;
}

.sheet-rolltemplate-ability th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/ability-header.jpg');
    background-size: contain;
    color: white;
    padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-ability td {
    padding: 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.sheet-rolltemplate-ability tr:last-child {
    border-bottom: 1px solid black;
}
        /*=== Roll Templates ===*/
        /*=== skill ===*/

.sheet-rolltemplate-skill table {
    width: 100%;
    border: none;
    border-radius:15px;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    box-shadow: -5px -5px 5px black;
}

.sheet-rolltemplate-skill td {
    padding: 5px;
    border: none;
    color: black;
    font-family: "Shadows Into Light", cursive;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
}

.sheet-rolltemplate-skill .inlinerollresult,
.sheet-rolltemplate-skill .inlinerollresult.fullcrit, 
.sheet-rolltemplate-skill .inlinerollresult.fullfail, 
.sheet-rolltemplate-skill .inlinerollresult.importantroll {
    border:none;
    background:transparent;
    font-weight: bold;
    color:black;
    text-align:center;
    letter-spacing: 2px;
    margin-left:5px;
}
.sheet-rolltemplate-skill .sheet-skill_number {
    border:1px solid black;
    border-radius:15px;
    background:white;
    font-weight: bold;
    color:black;
    width:50px;
    display:inline;
    text-align:center;
}
        /*=== Roll Templates ===*/
        /*=== jackmelee ===*/
.sheet-rolltemplate-jackmelee table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black;
}

.sheet-rolltemplate-jackmelee th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/action-header-jack.jpg');
    background-size: cover;
    color: white;
    padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-jackmelee .sheet-tcat {
	font-weight: bold;
}

.sheet-rolltemplate-jackmelee .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-jackmelee .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-jackmelee .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}
    

        /*=== Roll Templates ===*/
        /*=== jackrange  ===*/
.sheet-rolltemplate-jackrange table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #808080, -5px -5px 4px black;
}

.sheet-rolltemplate-jackrange th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/action-header-jack.jpg');
    background-size: cover;
    color: white;
	padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-jackrange .sheet-tcat {
	font-weight: bold;
}

.sheet-rolltemplate-jackrange .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-jackrange .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-jackrange .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}
        /*=== Roll Templates ===*/
        /*=== npcmelee ===*/
.sheet-rolltemplate-npcmelee table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    font-size: 0.9em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black;
}

.sheet-rolltemplate-npcmelee th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/action-header-npc.jpg');
    background-size: 100%;
    color: white;
    padding: 2px;
    border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-npcmelee .sheet-tcat {
	font-weight: bold;
}

.sheet-rolltemplate-npcmelee .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-npcmelee .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-npcmelee .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}
        /*=== Roll Templates ===*/
        /*=== npcrange  ===*/
.sheet-rolltemplate-npcrange table {
    width: 100%;
    background: white;
    border: 1px solid;
    color: black;
    font-size: 0.9em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: -5px -5px 6px #808080, -5px -5px 4px black;
}

.sheet-rolltemplate-npcrange th {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/action-header-npc.jpg');
    background-size: 100%;
    color: white;
	padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 2px 2px 2px black;
}

.sheet-rolltemplate-npcrange .sheet-tcat {
	font-weight: bold;
}

.sheet-rolltemplate-npcrange .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-npcrange .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-npcrange .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}
        /*=== Roll Templates ===*/
        /*=== fury ===*/

.sheet-rolltemplate-fury table {
    width: 100%;
    color: black;
    border: 1px solid black;
    border: 5px;
    font-size: 1em;
    font-family: Copperplate, 'Copperplate Gothic Light';
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    box-shadow: -5px -5px 5px black;
}
.sheet-rolltemplate-fury th,
.sheet-rolltemplate-fury td {
    padding: 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.sheet-rolltemplate-fury tr:last-child {
    border-bottom: 1px solid black;
}
.sheet-rolltemplate-fury .sheet-tcat {
    font-weight: bold;
}

.sheet-rolltemplate-fury .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-fury .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-fury .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}    
.sheet-rolltemplate-fury th.sheet-background {
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Iron%20Kingdoms%20RPG/images/dirty_parchment_by_swimmingintheether.jpg');
    background-size: contain;
    color: white;
    padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
    text-shadow: 0px 0px 2px black;
}