/*
To add a sheet style:

Add a CSS rule for .sheeet-color-setting-X ~ .sheet-wrapper , were X is the following number to the highest one from the available styles.  
    Within it, set the CSS variables for the colors to use, use the existing styles as a baseline to simplify this. 
Add a color-setting <input> element at the begging of the sheet HTML, directly before sheet-wrapper, using the same number X you've used on the CSS rule
Increase by one the StyleCount variable at the start of the sheet worker at the begining of the sheet HTML (it should be one higher than X)
Go to  <select name="attr_sheetstyle"/> on the sheet HTML to add a new option, with X as value, and the name you wish to give the style

*/

.sheet-color-setting{
    display: none !important;
}

.sheet-rolltemplate-skillRoll {
    --main-text:black;
    --highlight-text:#8b0000;
    --secondary-highlight: #AE4D4D;
    --secondary-highlight-color:white;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --tabbed-header-bg:white;
    --border-color:#033530;
    --input-disabled-bg:#C9C9C9;
    --input-bg:transparent;
    --header-text:black;
    --row-bg:#e9e9e9;
    --odd-row-bg:#d9d9d6;
}

.sheet-rolltemplate-macro {
    --main-text:black;
    --highlight-text:#8b0000;
    --secondary-highlight: #AE4D4D;
    --secondary-highlight-color:white;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --tabbed-header-bg:white;
    --border-color:#033530;
    --input-disabled-bg:#C9C9C9;
    --input-bg:transparent;
    --header-text:black;
    --row-bg:#e9e9e9;
    --odd-row-bg:#d9d9d6;
    margin-left: -37px;
}

/* option 0 green */
.sheet-color-setting-0:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-0 {  /* Sets the values for the variables if their respective style is selected, add one to add a new style*/
    --main-text:black;          
    --highlight-text:black;
    --secondary-highlight:#334739;
    --secondary-highlight-color:white;
    --point-label-text:#4f91cd;
    --header-text:white;
    --tabbed-header-bg:white;
    --sheet-bg: white;
    --box-bg:linear-gradient(#5f8c86,var(--sheet-bg));
    --header-bg:#347970;
    --subheader-bg:#FFFFFF44;
    --row-bg:#8ebcb6;
    --odd-row-bg:#7da8a2;
    --input-bg:rgba(255, 255, 255, 0.39);
    --input-disabled-bg:#c9c9c9;
    --border-color:#033530;
}

/* option 1 blue */
.sheet-color-setting-1:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-1 {
    --main-text:black;          
    --highlight-text:black;
    --secondary-highlight:#333547;
    --secondary-highlight-color:white;
    --point-label-text:#1c33b7;
    --header-text:white;
    --sheet-bg: white;
    --box-bg:linear-gradient(#5f768c,var(--sheet-bg));
    --header-bg:#346079;
    --tabbed-header-bg:white;
    --subheader-bg:#FFFFFF44    ;
    --row-bg:#8ea3bc;
    --odd-row-bg:#7d90a8;
    --input-bg:rgba(255, 255, 255, 0.39);
    --input-disabled-bg:#c9c9c9;
    --border-color:#033530;
}

/* option 2 beige */
.sheet-color-setting-2:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-2 {
    --main-text:black;
    --highlight-text:#8b0000;
    --secondary-highlight: #9b5555;
    --secondary-highlight-color:white;
    --point-label-text:#4f91cd;
    --sheet-bg: white;
    --box-bg:linear-gradient(#DDDDCC,var(--sheet-bg));
    --header-bg:#FFFFF4;
    --tabbed-header-bg:white;
    --subheader-bg:#FFFFFF99;
    --row-bg: #d5d5bf;
    --odd-row-bg: #c1c1af;
    --border-color:#033530;
    --input-bg:rgba(255, 255, 255, 0.39);
    --input-disabled-bg:#DDDDDD;
    --header-text:black;
}

/* option 3 gray */
.sheet-color-setting-3:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-3 {
    --main-text:black;
    --highlight-text:#8b0606;
    --secondary-highlight: #AE4D4D;
    --secondary-highlight-color:white;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --tabbed-header-bg:white;
    --row-bg:#DFDFDF;
    --odd-row-bg:#BABABA;
    --border-color:#033530;
    --input-bg:rgba(255, 255, 255, 0.39);
    --input-disabled-bg:#C9C9C9;
    --header-text:black;
}

/* option 4 Classic white */
.sheet-color-setting-4:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-4 {
    --main-text:black;
    --highlight-text:#8b0000;
    --secondary-highlight: #AE4D4D;
    --secondary-highlight-color:white;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --tabbed-header-bg:white;
    --border-color:#033530;
    --input-disabled-bg:#C9C9C9;
    --input-bg: white;
    --header-text:black;
}

.sheet-rolltemplate-color-setting-4{
    --row-bg:#e9e9e9;
    --odd-row-bg:#d9d9d6;
}

/* option 5 pastel pink */
.sheet-color-setting-5:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-5 {
    --main-text:black;
    --highlight-text:#6d4c8d;
    --secondary-highlight: #80738b;
    --secondary-highlight-color:white;
    --point-label-text:black;
    --sheet-bg: white;
    --box-bg:#FFDFD3;
    --tabbed-header-bg:white;
    --header-bg:#d291bc;
    --subheader-bg:#9b000033;
    --row-bg:#ffeeff;
    --odd-row-bg:#E0BBE4;
    --border-color:black;
    --input-bg:rgba(255, 255, 255, 0.39);
    --input-disabled-bg:#E5E5E5;
    --header-text:white;
}

/* option 6 pastel earth */
.sheet-color-setting-6:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-6 {
    --main-text:black;
    --highlight-text:#1066ee ;
    --secondary-highlight: #4c66be ;
    --secondary-highlight-color:white;
    --point-label-text:black;
    --sheet-bg: white;
    --box-bg:#B4ECBB;
    --header-bg:#95E09D;
    --tabbed-header-bg:white;
    --subheader-bg:#FFFFFF99;
    --row-bg:#EADBB2;
    --odd-row-bg:#E4CDA1;
    --border-color:black;
    --input-bg:rgba(255, 255, 255, 0.39);
    --input-disabled-bg:#C9C9C9;
    --header-text:white;
}

/* option 7 purple */
.sheet-color-setting-7:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-7 {
    --main-text:white;
    --highlight-text:#fff21c ;
    --secondary-highlight: #fffc71 ;
    --secondary-highlight-color:black;
    --point-label-text:white;
    --sheet-bg: white; /*MAIN TEXT AND SHEET MUST BE CONTRASTING**/
    --box-bg:#776290 ;
    --header-bg:#7851a9;
    --tabbed-header-bg:#7851a9;
    --subheader-bg:#00000045;
    --row-bg:#c07c7a;
    --odd-row-bg:#c27c92;
    --border-color:black;
    --input-bg:rgba(255, 255, 255, 0.958);
    --input-disabled-bg:#C9C9C9;
    --header-text:white;
}

/* option 8 fabric */
.sheet-color-setting-8:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-8 {
    --main-text:white;
    --highlight-text:#fff21c ;
    --secondary-highlight: gold ;
    --secondary-highlight-color:black;
    --point-label-text:black;
    --sheet-bg: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
    hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
    hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
    hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
    hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
    hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
    ),
    repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
    hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
    hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
    hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
    hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
    hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px
    );
    --box-bg:url(http://www.transparenttextures.com/patterns/dark-denim-3.png),#626f7e;
    --header-bg: url("https://www.transparenttextures.com/patterns/leather.png"),radial-gradient(#8d7154 40%, #8d5134 105%);
    --tabbed-header-bg:#00000099;
    --subheader-bg:#00000099;
    --row-bg:url(http://www.transparenttextures.com/patterns/dark-denim-3.png),#4E6988;
    --odd-row-bg:url(http://www.transparenttextures.com/patterns/dark-denim-3.png),#415063;
    --border-color:black;
    --input-bg:rgba(255, 255, 255, 0.91);
    --input-disabled-bg:#C9C9C9;
    --header-text:white;
    
}

.sheet-color-setting-8:checked ~ .sheet-wrapper .sheet-header,
.sheet-rolltemplate-color-setting-8 table.sheet-result th {
    outline:  2px dashed goldenrod;
    outline-offset: -3px;
}

.sheet-color-option-0 {color:black;background: #8ebcb6;}
.sheet-color-option-1 {color:black;background: #8ea3bc;}
.sheet-color-option-2 {color:black;background: #B1B1A5;}
.sheet-color-option-3 {color:black;background:#DFDFDF ;}
.sheet-color-option-5 {color:black;background: #ffeeff;}
.sheet-color-option-6 {color:black;background: #EADBB2;}
.sheet-color-option-7 {color:white;background: #C07C7A;}
.sheet-color-option-8 {color:white;background: #4e6988;}


.sheet-wrapper {
    min-width: 852px;
    font-family: var(--font);
    color:var(--main-text);
    background: var(--sheet-bg);
    overflow: hidden;
    margin-top: -22px;
}

.sheet-wrapper > div {
    overflow: hidden;
}

.sheet-wrapper button[type=roll],
.sheet-wrapper button[type=action] {
    box-shadow: none;
}


.uneditable-input{
    background: white;
}

.sheet-box {
    box-sizing: border-box;
    font-size: 12px;
    float: left;
    background:var(--box-bg); 
    margin: 0.2em;
    overflow: auto;
    outline: 1px solid gray;
}

.sheet-box.sheet-overflow-normal {
    overflow: visible;
}

.sheet-label {
    font-weight: bold;
    text-align: right;
}

.sheet-title{width: 100%;}

.sheet-hr {
    box-shadow: 0 -1px 0 var(--main-text);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    font-style:italic;
    opacity: 0.5; /* Firefox */
}

/* indenting */
input.sheet-indent-field[value="1"] ~ input.sheet-field-to-indent {
    padding-left: 12px;
}

input.sheet-indent-field[value="2"] ~ input.sheet-field-to-indent {
    padding-left: 24px;
}

input.sheet-indent-field[value="3"] ~ input.sheet-field-to-indent {
    padding-left: 36px;
}

input.sheet-indent-field[value="4"] ~ input.sheet-field-to-indent {
    padding-left: 48px;
}

input.sheet-indent-field[value="5"] ~ input.sheet-field-to-indent {
    padding-left: 60px;
}

input.sheet-indent-field[value="6"] ~ input.sheet-field-to-indent {
    padding-left: 72px;
}

/* section heading box */
.sheet-section-heading {
    width: 100%;
    margin: 10px .2em;
    background: var(--header-bg);
    outline: 1px solid var(--header-bg);
    float: left;
}

.sheet-section-heading.sheet-combat-tools {
    width: calc(100% - 140px - 0.8em);
}

.sheet-section-heading.sheet-combat-tools .sheet-header {
    font-size: 15px;
    color: var(--header-text);
    background: var(--header-bg);
}

/* -- name heading -- */
.sheet-heading-character-name {
    width: 100%;
    margin-bottom: 5px;
}

.sheet-heading-character-name h3 {
    text-align: left;
    color: var(--main-text);
    background: var(--tabbed-header-bg);
}

/* roll option buttons */

.sheet-heading-character-name .sheet-roll-options {
    display: none;
}

.sheet-heading-character-name .sheet-roll-options .sheet-custom-roll-button {
    display: none;
}

input[name="attr_display_roll_option_header"][value="1"] ~ .sheet-roll-options {
    display: block;
}

input[name="attr_display_custom_roll_option_header"][value="1"] ~ .sheet-custom-roll-button {
    display: inline-block;
}

.sheet-heading-character-name .sheet-roll-modifiers-prompt {
    display: none;
}

input[name="attr_display_roll_modifiers_header"][value="1"] ~ .sheet-roll-modifiers-prompt {
    display: block;
}

.sheet-heading-character-name .sheet-roll-options {
    clear: both;
    height: 27px;
    width: auto;
}

.sheet-heading-character-name .sheet-roll-options label {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
}

.sheet-heading-character-name .sheet-roll-options label input[type="radio"] {
    display: none;
}

.sheet-heading-character-name .sheet-roll-options > label > span {
    display: block;
    padding: 3px;
    cursor: pointer;
    transition: background-color .3s;
    font-size: 11px;
    text-transform: lowercase;
    font-variant: small-caps;
    line-height: 18px;
    background: var(--input-disabled-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.sheet-heading-character-name .sheet-roll-options > label > span:hover,
.sheet-heading-character-name .sheet-roll-options > label > input:checked + span {
  background: var(--secondary-highlight);
  color: var(--secondary-highlight-color);
}

/* -- Announcements -- */
input[name="attr_announcements_hide"][value="1"] ~ .sheet-update-alert {
    display: none !important;
}

.sheet-update-alert .sheet-container {
    margin-bottom: 10px;
}

.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button {
    width: 12em;
    margin-right: -12em;
    z-index: 5;
    height: 1.6em;
    position: relative;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button:not(:checked) ~ .sheet-content {
    display: none !important;
}

.sheet-update-alert .sheet-container label.sheet-show-content {
    display: inline !important;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: darkred;
}

.sheet-update-alert .sheet-container label.sheet-show-content:before {
    display: inline-block !important;
    color:black!important;
    content: '►';
    width: 1em;
    height: 1em;
    font-size: 1em;
}

.sheet-update-alert .sheet-container input[type=checkbox].sheet-ack-button:checked ~ label.sheet-show-content:before {
    content: '▼';
}

.sheet-update-alert .sheet-container .sheet-content {
    padding: 10px;
    color: black !important;
    border: 1px solid var(--border-color);
    margin: 0 0 10px 0;
    border-radius: 5px;
    background: aliceblue;
}

.sheet-update-alert .sheet-container .sheet-content h4 {
    margin-bottom: 10px;
}

.sheet-update-alert .sheet-container .sheet-content h4 input {
    width: 50px;
    height: 18px;
    border: none;
    font-weight: bold;
    padding-left: 0;
    padding-bottom: 6px;
    font-size: 14px;  
}

.sheet-update-alert .sheet-container .sheet-content button.sheet-reset {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 6px 8px;
}

.sheet-update-alert .sheet-container .sheet-content button.sheet-reset:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.sheet-update-alert .sheet-container .sheet-content .sheet-check input[type=checkbox] {
    width: 14px;
    height: 14px;
}

.sheet-update-alert .sheet-container .sheet-content .sheet-check b {
    font-size: 11px;
}

/* Default d6 for all skill rolls */
.sheet-wrapper button[type=roll]::before {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

/* Option stlyle for explosion damage dice */
.sheet-wrapper button[type=roll].roll_explode::before,
.sheet-wrapper button[type=action].roll_explode::before {
    font-family: "Pictos Custom";
    content: "t";
    font-size: 24px;
    color: red;
}

/* Option style for d20 blank damage dice */
.sheet-wrapper button[type=roll].roll_d20blank::before {
    font-family: "dicefontd20";
    content: "0";
    font-size: 24px;
}

/* Option style for d4skull damage dice */
.sheet-wrapper button[type=roll].roll_d4skull::before {
    font-family: "dicefontd4";
    content: "@";
    font-size: 30px;
}

/* style button for inventory use item */
.sheet-wrapper button[type=roll][name=roll_useitem]::before {
    font-family: "Pictos";
    content: "L";
    font-size: 24px;
}

/**** Generic Textarea notes *****/
.sheet-table-generic-notes .sheet-header {
    height: 24px;
}

.sheet-table-generic-notes .sheet-cell.sheet-full-width {
    width: 100%;
}

input.sheet-hidden-generic-notes-toggle ~ div.sheet-wrapper-generic-textarea-notes {
    display: none !important;
}

input.sheet-hidden-generic-notes-toggle[value="1"] ~ div.sheet-wrapper-generic-textarea-notes {
    display: block !important;
}

.sheet-wrapper-generic-textarea-notes {
    padding-bottom: 3px;
}

.sheet-wrapper-generic-textarea-notes.sheet-tall-row {
    height: 163px;
}

.sheet-wrapper-generic-textarea-notes.sheet-medium-row {
    height: 80px;
}

.sheet-wrapper-generic-textarea-notes textarea.sheet-generic-textrea-notes {
    width: 98%;
}

.sheet-wrapper-generic-textarea-notes textarea.sheet-macro-textrea-notes {
    height: 60px !important;
    width: 98%;
}

/*******************************************************/
/* Set the thrust damage dice based on selected option */
button[type=action].roll_damage {
    padding: 2px 3px;
    font-size: 1.3em;
    margin: 0px 3px 0px 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before, 
input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before {
    font-family: "Pictos Custom";
    content: "t";
    font-size: 24px;
    color: red;
}

input.sheet-thrust-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd20";
    content: "0";
    font-size: 24px;
}

input.sheet-thrust-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-thrust-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before {
   font-family: "dicefontd4";
    content: "@";
    font-size: 30px;
}

/*******************************************************/
/* Set the swing damage dice based on selected option */
input.sheet-swing-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before {
    font-family: "Pictos Custom";
    content: "t";
    font-size: 24px;
    color: red;
}

input.sheet-swing-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd20";
    content: "0";
    font-size: 24px;
}

input.sheet-swing-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-swing-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd4";
    content: "@";
    font-size: 30px;
}

/******************************************************/
/* Set the melee damage dice based on selected option */
input.sheet-melee-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before {
    font-family: "Pictos Custom";
    content: "t";
    font-size: 24px;
    color: red;
}

input.sheet-melee-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-melee-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd20";
    content: "0";
    font-size: 24px;
}

input.sheet-melee-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-melee-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd4";
    content: "@";
    font-size: 30px;
}

/******************************************************/
/* Set the range damage dice based on selected option */
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="explode"] ~ button[type=action].roll_damage::before {
    font-family: "Pictos Custom";
    content: "t";
    font-size: 24px;
    color: red;
}

input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d6black"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd20";
    content: "0";
    font-size: 24px;
}

input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=roll].roll_damage::before,
input.sheet-range-damage-dice-icon[value="d4skull"] ~ button[type=action].roll_damage::before {
    font-family: "dicefontd4";
    content: "@";
    font-size: 30px;
}

/* ===== CUSTOM TABLES ===== */
.sheet-table {
    overflow: hidden;
}

.sheet-header {
    text-align: center;
    font-weight: bold;
    text-transform: lowercase;
    color:var(--header-text);
    background: var(--header-bg);
    font-variant: small-caps;
    letter-spacing: 1px;
    white-space: nowrap;
    height: 22px;
}

.sheet-notebox .sheet-header{
    margin-top: 6px;
    margin-left: -4px;
    margin-right: -4px;
}

.sheet-header:nth-of-type(2){
    background: var(--subheader-bg);
    outline: none!important;
}

.sheet-row {
    height: 22px;
    width: 100%;
    flex-wrap: wrap;
    display: flex!important;
    align-items: center;
    margin-top: 2px;
}

.sheet-row.sheet-roll-modifiers {
    height: 48px;
    align-items: flex-start;
}

.sheet-row-textarea {
    height: 100%    ;
}


.sheet-row:nth-child(1), .sheet-row+.sheet-hr{
    height: auto;
}

.sheet-row:nth-child(even){
    background: var(--row-bg);
}
.sheet-row:nth-child(odd){
    background: var(--odd-row-bg);
}

.sheet-cell {
    box-sizing: border-box;
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 0px 1px;
    padding-top: 0px!important;
}

.sheet-cell > * {
    width: 100%;
}

/* ===== ROW COLOURING ===== */
input {
    background: var(--input-bg);
}

.charsheet .sheet-row input[readonly], 
.charsheet .sheet-row input[readonly="readonly"],
.charsheet .sheet-row input:disabled,
.charsheet .sheet-modifier-row input[readonly], 
.charsheet .sheet-modifier-row input[readonly="readonly"],
.charsheet .sheet-modifier-row input:disabled,
.sheet-slam-attack-table .sheet-item input[readonly] {
    background: var(--input-disabled-bg) !important;
    border-bottom: none !important;
}

.sheet-input-disabled {
    background: var(--input-disabled-bg) !important;
    border-bottom: none !important;
}

.charsheet .sheet-row input[type="text"]:enabled,
.charsheet .sheet-modifier-row input[type="text"]:enabled {
    border-bottom: 1px solid var(--border-color);
}

.charsheet .sheet-row input[type="number"]:read-write,
.charsheet .sheet-modifier-row input[type="number"]:read-write {
    border-bottom: 1px solid var(--border-color);
}

.sheet-box .sheet-row-details ,
.sheet-box .sheet-row-details2,
.sheet-box .sheet-melee-notebox,
.sheet-box .sheet-ranged-notebox {
    background: var(--row-bg);
}

.sheet-speed-range-table {
     float: right;
}

.sheet-speed-range-table img {
     width: 140px;
}

.sheet-rapid-fire-table {
    float: right;
    margin: 0 0 10px 0;
    padding: 5px 0;
    border-top: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

.sheet-rapid-fire-table img {
    width: 140px;
}

/* ===== CUSTOM TABS ===== */

input.sheet-tab {
    position: relative;
    width: 75px;
    height: 22px;
    margin: 0;
    opacity: 0;
    z-index: 1;
    border: none;
    display: none;
}

input.sheet-tab.sheet-gear {
    width: 40px;
}

input.sheet-tab + span {
    position: relative;
    display: none;
    min-width: 70px;
    height: 23px;
    margin: 0 0 -3px -75px;
    padding: 2px 2px 0 2px;
    cursor: pointer;
    border: 1px solid #ddd;
    background: white;
    border-bottom: 1px solid #a8a8a8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #bbb;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
}

input.sheet-tab + span.sheet-gear {
    min-width: 40px;
    width: 40px;
    margin-left: -40px;
}

/* show/hide tabs based on sheet type */
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="2"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1a"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="3"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="4"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="5"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="6"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="tools"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="7"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="8"],
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="0"] {
    display: inline;
}

input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="2"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="1a"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="3"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="4"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="5"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="6"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="tools"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="7"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="8"] + span,
input[name="attr_gurps_sheet_type"][value="character"] ~ input.sheet-tab[value="0"] + span {
    display: inline-block !important;
}

input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="chase"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="tools"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="7"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="8"],
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="0"] {
    display: inline;
}

input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="chase"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="tools"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="7"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="8"] + span,
input[name="attr_gurps_sheet_type"][value="chase"] ~ input.sheet-tab[value="0"] + span {
    display: inline-block !important;
}


input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-locations"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-crew"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-loadout"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="tools"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="7"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="8"],
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="0"] {
    display: inline;
}

input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-locations"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-crew"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="vehicle-loadout"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="tools"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="7"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="8"] + span,
input[name="attr_gurps_sheet_type"][value="vehicle"] ~ input.sheet-tab[value="0"] + span {
    display: inline-block !important;
}

input.sheet-tab:checked + span {
    color: #555;
    border: 1px solid #a8a8a8;
    border-bottom-color: var(--sheet-bg);
}

input.sheet-tab0 + span {
    font-family: "Pictos";
    font-size: 16px;
}

.sheet-tab-br {
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 5px;
}

.sheet-tab7 {
    background: var(--row-bg);
}

/* show/hide selected tabs */

input.sheet-tab1:not(:checked) ~ .sheet-tab1,
input.sheet-tab-misc:not(:checked) ~ .sheet-tab-misc,
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-tab-chase:not(:checked) ~ .sheet-tab-chase,
input.sheet-tab-vehicle:not(:checked) ~ .sheet-tab-vehicle,
input.sheet-tab-vehicle-locations:not(:checked) ~ .sheet-tab-vehicle-locations,
input.sheet-tab-vehicle-crew:not(:checked) ~ .sheet-tab-vehicle-crew,
input.sheet-tab-vehicle-loadout:not(:checked) ~ .sheet-tab-vehicle-loadout,
input.sheet-tab-tools:not(:checked) ~ .sheet-tab-tools,
input.sheet-tab0:not(:checked) ~ .sheet-tab0 {
    display: none !important;
}



/* ===== SUB ROWS ===== */
.sheet-sub-row {
    font-size: 90%;
    color: darkgray;
}

.sheet-sub-row .sheet-popup {
    color: var(--secondary-highlight);
}

.sheet-row.sheet-margin-bottom {
    margin-bottom: 3px;
}

.sheet-box .sheet-toggle {
    position: absolute;
    left: 0;
    z-index: 1;
}

.sheet-toggle:checked ~ .sheet-row-details { 
    display: inline-block !important; 
    margin: 0 0 2px 25px;
    width: calc( 100% - 35px );
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

.sheet-toggle-highlight ~ .sheet-toggle:checked ~ .sheet-row-details { 
    margin: 0 0 2px 48px;
    width: calc( 100% - 58px );
}

.sheet-toggle ~ .sheet-row-details { 
    display: none !important; 
}

/*
.sheet-box .sheet-row-details:hover,
.sheet-box .sheet-row:hover + .sheet-row-details { display: block !important; }
.sheet-box .sheet-row-details { display: none !important; }
*/

.sheet-toggle:checked ~ .sheet-row-details2 { 
    display: inline-block !important;
}

.sheet-toggle ~ .sheet-row-details2 { 
    display: none !important; 
}

.sheet-toggle:checked ~ .sheet-melee-notebox {
    display: inline-block !important;
    padding-bottom: 5px;
    margin: 0 0 2px 48px;
    width: calc( 100% - 58px );
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

.sheet-melee-notebox div.sheet-show-notes {
    text-align: left;
    width: 50%;
    float: left;
}

.sheet-melee-notebox div.sheet-show-notes input[type=checkbox] {
    opacity: 1;
    width: 15px;
    height: 15px;
    width: auto ! important;
}

.sheet-melee-notebox div.sheet-show-notes span.sheet-label {
    font-style: italic;
}

/* add spacing to skill name labels and values */
.sheet-melee-notebox .sheet-col-wide b {
    margin: 0 5px 0 5px;
}

.sheet-melee-notebox .sheet-row,
.sheet-melee-notebox .sheet-row .sheet-cell {
    height: 100%;
}

.sheet-full-width-margin-right-sm {
    width: 100%;
    margin-right: 10px;
}

.sheet-full-width-margin-zero {
    width: 100%;
}

.sheet-texbox-height-medium {
    height: 75px;
}

.sheet-ranged-notebox .sheet-col-wide b {
    margin: 0 5px 0 5px;
}

.sheet-toggle:checked ~ .sheet-ranged-notebox {
    display: inline-block !important;
    padding-bottom: 5px;
    background: var(--sheet-bg);
    margin: 0 0 2px 48px;
    width: calc( 100% - 60px );
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    padding-left: 2px;
}

.sheet-toggle ~ .sheet-melee-notebox,
.sheet-toggle ~ .sheet-ranged-notebox { 
    display: none !important; 
}

.sheet-melee-notebox textarea.sheet-chat-size,
.sheet-ranged-notebox textarea.sheet-chat-size,
.sheet-notebox textarea.sheet-chat-size {
    width: 300px;
    height: 55px;
}

.sheet-melee-notebox textarea.sheet-full-size,
.sheet-ranged-notebox textarea.sheet-full-size {
    width: 612px;
    height: 55px;
}

.sheet-melee-notebox .sheet-popup,
.sheet-ranged-notebox .sheet-popup {
    font-weight: bold;
}

.sheet-ranged-notebox .sheet-row,
.sheet-ranged-notebox .sheet-row .sheet-cell {
    height: 100%;
}

/* show/hide Row ID: based on drop-down selection */
.sheet-melee-notebox input[name="attr_melee_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-melee-notebox input[name="attr_melee_row_type"][value="10"] ~ .sheet-show-hide-row-id {
    display: none;
}

.sheet-melee-notebox .sheet-margin-right {
    margin-right: 5px;
}

.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-ranged-notebox input[name="attr_ranged_row_type"][value="10"] ~ .sheet-show-hide-row-id {
    display: none;
}

.sheet-ranged-notebox .sheet-malfunction-row {
    border: 1px solid #ccc;
    padding-left: 3px;
    margin: 4px 2px 2px 2px;
}

/* if malfunction is off, show grayed box */
input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-malfunction-row {
    background: var(--input-disabled-bg);
}

input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-malfunction-row input {
    background: var(--input-disabled-bg);
}

input[name="attr_use_malfunction"][value="1"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-enabled-label {
    color: blue;
    font-weight: bold;
}

input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-enabled-label {
    display: none;
}

input[name="attr_use_malfunction"][value="1"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-disabled-label {
    display: none;
}

input[name="attr_use_malfunction"][value="0"] ~ .repcontainer .repitem .sheet-ranged-notebox .sheet-show-disabled-label {
    color: red;
    font-weight: bold;
}

/*
.sheet-box .sheet-row-details2:hover,
.sheet-box .sheet-row:hover + .sheet-row-details2 { display: block !important; }
.sheet-box .sheet-row-details2 { display: none !important; }
*/

/* ===== BUTTONS ===== */
.sheet-box button {
    margin: 0 !important;
    height: 12px;
    border-radius: 0;
    line-height: 10px;
    background-image: none;
    border: none;
}

.sheet-box button[type="roll"],
.sheet-box button[type="action"]  {
    width: 22px;
    background: none;
}

button[type="action"].sheet-button-roll-template {
    width: 22px;
    background: none;
    box-shadow: none;
    padding: 2px 3px;
    font-size: 1.3em;
    color: var(--header-text);
    border: none;
}

/* Default d6 for all skill rolls */
button[type="action"].sheet-button-roll-template::before {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

.sheet-box button.sheet-roll-tracker:before {
    font-family: "Pictos" !important;
    content: "t" !important;
}


/* ===== INPUTS ===== */
.sheet-row input[type=number]::-webkit-inner-spin-button,
.sheet-row input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

.sheet-row input[type=number],
.sheet-modifier-row input[type=number] {
    appearance: textfield;
}

.sheet-row select {
    width: 100%;
    height: 20px;
    padding: 0;
    margin: 0;
    margin-top: -2px;
}

.sheet-row input:not(.sheet-inline) {
    width: 100% !important;
}

input.sheet-width-125 {
    width: 125px;
}

.sheet-row input {
    height: 20px;
    margin-top: -2px;
    padding: 0 2px;
    line-height: 22px;
    text-align: center;
    background: var(--input-bg);
    border: none;
    box-shadow: none;
    cursor: initial;
}

.sheet-modifier-row input {
    height: 20px;
    margin-top: -2px;
    padding: 0 2px;
    line-height: 22px;
    text-align: center;
    background: var(--input-bg);
    border: none;
    box-shadow: none;
    cursor: initial;
}

.sheet-modifier-row input {
    background: var(--input-bg);
    border: none;
    box-shadow: none;
}

.sheet-row input:not(:disabled), .sheet-row input:not(:readonly) {
    border-radius: 2px;
    box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
}

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

.sheet-row .sheet-textarea .sheet-label {
    text-align: center;
    font-variant: small-caps;
    text-transform: lowercase;
}

.sheet-row .sheet-textarea textarea {
    text-align: initial;
    outline: none;
    resize: none;
    overflow: auto;
    margin: 0;
    margin-bottom: 4px;
    width: 98%;
    height: 60px;
}

/*  NOTEBOX */
.sheet-row-details.sheet-notebox {
    height: 100%;
    padding: 0 4px;
}

.sheet-row-details.sheet-notebox input {
    text-align: left;
    width: 88%;
}

.sheet-row-details.sheet-notebox .sheet-row-misc {
    height: 22px;
}

.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes {
    text-align: left;
}

.sheet-row-details.sheet-notebox div.sheet-show-notes input[type=checkbox] {
    opacity: 1;
    width: 15px;
    height: 15px;
    width: auto ! important;
}

.sheet-row-details.sheet-notebox div.sheet-col-notebox div.sheet-show-notes span.sheet-label {
    font-style: italic;
}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes {
    min-height: 91px;
    height: 100%;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-evenly;
}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes.sheet-notes-below {
    margin-top: 5px;
    flex-wrap: wrap;
}

.sheet-notes-below .sheet-show-notes{
    width: 100%;

}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes.sheet-notes-below textarea {
    height: 60px;
    width: 98%;
}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-note-title {
    font-weight: bold;
}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-note-input {
    float: left;
    width: 290px;
    margin-right: 5px;
}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-note-input textarea {
    width: 278px;
    height: 55px;
}

.sheet-row-details.sheet-notebox .sheet-rolltable-result-notes .sheet-tooltip {
    margin-left: 0px;
}

.sheet-col-notebox textarea {
    height: 67px;
    width: 96%;
}
.sheet-spells textarea{
    height: 50px;
}

/* ===== DIFFERENCE COLOURING ===== */
.sheet-diff[value="0"] + input {
    color: green;
}


/* ===== CUSTOM CHECKBOXES ===== */
.sheet-box input[type="checkbox"] {
    opacity: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 1;
}

.sheet-box input[type="checkbox"] ~ .sheet-checkbox:before {
    width: 18px;
    height: 18px;
    line-height: 22px;

    margin: 0;
    margin-left: 0px;
    padding: 0 1px 4px 0;

    text-align: center;
    display: inline-block !important;
    vertical-align: middle;

    font-size: 18px;
    font-family: "Pictos";
    
    color: var(--input-disabled-bg);
    
}

.sheet-box input[type="checkbox"] ~ .sheet-checkbox.sheet-small-font:before {
    font-size: 14px;
}

.sheet-toggle-highlight ~ .sheet-checkbox:before{
    margin-left: -20px!important;
}

.sheet-box .sheet-boolean ~ .sheet-checkbox:before {
    border: solid 1px #a8a8a8;
    position: relative;
    top: -23px;
    left: -1px;
    box-shadow: 0 0 2px #ccc;
    border-radius: 3px;
    background: #f6f6f6;
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

.sheet-box .sheet-boolean:checked ~ .sheet-checkbox:before {
    content: "3";
}

.sheet-boolean {
    opacity:1 !important;
}

.sheet-box .sheet-toggle ~ .sheet-checkbox:before {
    content: "&";
}

.sheet-box .sheet-toggle ~ .sheet-checkbox {
    position: absolute;
}

.sheet-box .sheet-toggle ~ .sheet-checkbox-encumbrance,
.sheet-box .sheet-toggle ~ .sheet-checkbox-slam-options,
.sheet-box .sheet-toggle ~ .sheet-checkbox-attribute-reason {
    position: inherit;
    float: left;
}

.sheet-box input[type="checkbox"] ~ .sheet-checkbox-encumbrance:before {
    line-height: 18px;
}

.sheet-box .sheet-toggle:checked ~ .sheet-checkbox:before {
    content: "_";
    color: var(--header-text);
}

.sheet-box .sheet-toggle:hover ~ .sheet-checkbox:before {
    color: var(--header-text);
}

/* ===== UTILITY ===== */
.sheet-right {
    float: right;
}

.sheet-left {
    float: left;
}

.sheet-inline {
    display: inline !important;
}

.sheet-clearfix:before,
.sheet-clearfix:after {
    content: "";
    display: table !important;
}

.sheet-clearfix:after {
    clear: both;
}

.sheet-hover {
    position: relative;
    z-index: 0;
}


/* ===== CSS TOOLTIP ===== */
.sheet-popup {
    color: var(--highlight-text);
    line-height: 22px;
}

.sheet-popup.sheet-inline-block {
    display: inline-block;
}

.sheet-popup span.sheet-help-icon {
    font-family: "Pictos";
    color: #315073;
    font-size: 18px;
}

.sheet-popup + .sheet-tooltip {
    z-index: 10;
    display: none !important;
    padding: 4px;
    text-align: left;
    margin-left: -40px;
    font-weight: normal;
    text-transform: initial;
    font-variant: initial;
}

.sheet-popup:hover + .sheet-tooltip {
    width: auto;
    height: auto;
    white-space: normal;
    display: inline !important;
    position: absolute;
    color: #111;
    border: 2px solid var(--border-color);
    border-radius:5px;
    background: #66ffff;
    line-height: 1.5em;
    font-size: 11px;
    box-shadow: 5px 10px 8px #888888;
}

.sheet-tooltip table {
    float: left;
    line-height: 2em;
    font-size: 11px;
    border-collapse: collapse;
    text-align: center;
}

.sheet-tooltip td {
    padding: 0 8px;
}

.sheet-tooltip  tr, th {
    padding: 0 8px;
    text-align: center;
}

.sheet-tooltip tbody tr:nth-child(odd) {
    background: var(--sheet-bg);
}

.sheet-tooltip input[type="text"].sheet-textInline {
    display: inline !important;
    background: transparent;
    width: 25px ! important;
}

.sheet-tooltip input[type="text"].sheet-width-wide {
    width: 200px ! important;
}

.sheet-tooltip.sheet-tooltip-margin-medium {
    margin-left: 92px;
}

/* ===== MODULE SUPPORT ===== */
input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-on-roll,
.sheet-wrapper .sheet-module-off-roll {
    display: inline-block !important;
}

input.sheet-module-roll:checked ~ .sheet-wrapper .sheet-module-off-roll,
.sheet-wrapper .sheet-module-on-roll {
    display: none !important;
}

/* ===== LAYOUT Subsection for Notes===== */
.sheet-box .sheet-row-details .sheet-col0 { width: 40px; text-align: center; }
.sheet-box .sheet-row-details .sheet-col1 { width: calc(100% - 40px); }
.sheet-box .sheet-row-details .sheet-col1 input { text-align: left; }


/* ===== ATTACK LAYOUT Subscentino for Weapon Notes and Damage Notes ===== */
.sheet-box .sheet-row-details2 .sheet-col0 { width: 100px; text-align: center; }
.sheet-box .sheet-row-details2 .sheet-col1 { width: calc(100% - 450px); }
.sheet-box .sheet-row-details2 .sheet-col1 input { text-align: left; }
.sheet-box .sheet-row-details2 .sheet-col2 { width: 100px; text-align: center; }
.sheet-box .sheet-row-details2 .sheet-col3 { width: 250px; }
.sheet-box .sheet-row-details2 .sheet-col3 input { text-align: left; }


/* -- TOOLTIPS - Specific -- */
.sheet-attribute .sheet-row-thrust-damage .sheet-tooltip { margin-left: 80px; margin-top: -200px }
.sheet-attribute .sheet-row-swing-damage .sheet-tooltip { margin-left: 80px; margin-top: -200px}
.sheet-encumberance .sheet-colAll .sheet-tooltip { margin-left: -215px; }
.sheet-lift .sheet-tooltip { margin-left: -120px; }
.sheet-miscelleneous .sheet-tooltip { margin-left: -75px; }
.sheet-active-defense .sheet-tooltip.sheet-ad-col0-tooltip { 
    margin-left: 0px;
    width: 50%;
}
.sheet-damage-reduction .sheet-tooltip { margin-left: -50px; }
.sheet-damage-reduction .sheet-col2 .sheet-tooltip { margin-left: -300px; }
.sheet-melee-attacks .sheet-tooltip { margin-left: -100px; }
.sheet-melee-attacks .sheet-col1 .sheet-tooltip { margin-left: -40px; }
.sheet-ranged-attacks .sheet-tooltip { margin-left: -100px; }
.sheet-ranged-attacks .sheet-col1 .sheet-tooltip { margin-left: -40px; }
.sheet-encumberance .sheet-tooltip { margin-left: -40px; }
.sheet-skills .sheet-tooltip-skills-ref,
.sheet-traits .sheet-tooltip-skills-ref,
.sheet-culture .sheet-tooltip-skills-ref,
.sheet-perks-disadvantages .sheet-tooltip-skills-ref,
.sheet-racial .sheet-tooltip-skills-ref,
.sheet-quirks-area .sheet-tooltip-skills-ref {
    margin-left: -200px;
}
.sheet-row-totals .sheet-tooltip { margin-left: 10px; }

.sheet-tooltip.sheet-max-skill-9 {
    margin-top: 22px;
}

/* ---- POINT SUMMARY ---- */
.sheet-points .sheet-tooltip { margin-left: -310px; }
.sheet-spells .sheet-col11 .sheet-tooltip { margin-left: -150px; }
.sheet-spells .sheet-col12 .sheet-tooltip { margin-left: -200px; }

.sheet-points .sheet-cell .sheet-tooltip {
    margin-left: -290px;
    width: 246px;
}

.sheet-points .sheet-cell.sheet-title {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

/* Point Summary Show/Hide */
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-gca5,
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-gca4,
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-gcs,
.sheet-points input.sheet-point-summary-layout ~ .sheet-point-summary-detailed {
    display: none !important;
}

.sheet-points input.sheet-point-summary-layout[value="4"] ~ .sheet-point-summary-gca5 {
    display: block !important;
}

.sheet-points input.sheet-point-summary-layout[value="1"] ~ .sheet-point-summary-gca4 {
    display: block !important;
}

.sheet-points input.sheet-point-summary-layout[value="2"] ~ .sheet-point-summary-gcs {
    display: block !important;
}

.sheet-points input.sheet-point-summary-layout[value="3"] ~ .sheet-point-summary-detailed {
    display: block !important;
}

.sheet-thrown-object {
    width: calc(100% - 140px - 0.8em);
}

.sheet-thrown-object .sheet-repcontainer .sheet-repitem {
    position: relative;
}

.sheet-thrown-object input.sheet-align-left {
    text-align: left;
}

.sheet-thrown-object textarea.sheet-notes {
    width: 301px;
    height: 33px;
}

.sheet-thrown-object input[name="attr_thrown_skill_modifier"] {
    text-align: left; 
    width: 30px !important;
}

/* -- GENERAL -- */
.sheet-plain-text {
    color: black;
}
.sheet-tab1 .sheet-warning-messages {
    width: 100%;
}

.sheet-footnote-font {
    font-size: 10px;
}

.sheet-tab1 .sheet-warning-messages .sheet-message-box {
    padding: 4px;
    border: 1px solid red;
    margin: .2em;
}

.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-strength-message,
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-hit-point-message,
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-striking-st-message,
.sheet-tab1 .sheet-warning-messages .sheet-size-modifier-lifting-st-message {
    display: none;
}

.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_strength_message"][value="1"] ~ .sheet-size-modifier-strength-message, 
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_hit_point_message"][value="1"] ~ .sheet-size-modifier-hit-point-message,
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_striking_st_message"][value="1"] ~ .sheet-size-modifier-striking-st-message,
.sheet-tab1 .sheet-warning-messages input[name="attr_show_size_modifier_lifting_st_message"][value="1"] ~ .sheet-size-modifier-lifting-st-message {
    display: block;
}


.sheet-tab1-column2 {
    float: left;
    width: calc(100% - 180px - 100px - .8em);
}

.sheet-attribute { width: 190px; margin-bottom: 180px;}
.sheet-attribute .sheet-header .sheet-col0 { width: 96px; }
.sheet-attribute .sheet-header .sheet-col1 { width: 30px; }
.sheet-attribute .sheet-header .sheet-col2 { width: 35px; }
.sheet-attribute .sheet-row .sheet-title { text-align: center; }
.sheet-attribute .sheet-row .sheet-col-button { width: 9px; }
.sheet-attribute .sheet-row .sheet-col0 { width: 55px; }
.sheet-attribute .sheet-row .sheet-col1 { width: 35px; }
.sheet-attribute .sheet-row .sheet-col2 { width: 30px; }
.sheet-attribute .sheet-row .sheet-col3 { width: 35px; }
.sheet-attribute .sheet-row .sheet-col4 { width: 22px; }
.sheet-attribute .sheet-row-thrust-damage .sheet-col1 { width: 90px; }
.sheet-attribute .sheet-row-swing-damage .sheet-col1 { width: 90px; }
.sheet-attribute .sheet-row .sheet-col-move-label { width: 145px; }
.sheet-attribute .sheet-row .sheet-col-move-value { width: 35px; }
.sheet-main-attribute .sheet-row { height: 30px; }
.sheet-main-attribute .sheet-row-health { height: 25px; }
.sheet-main-attribute .sheet-row .sheet-col0 { font-size: 20px; }
.sheet-main-attribute .sheet-row .sheet-col1 input { font-size: 20px; }

.sheet-attribute .sheet-row-perception { height: 25px; }
.sheet-attribute .sheet-row-perception .sheet-col0 { font-size: 16px; }
.sheet-attribute .sheet-row-perception .sheet-col1 input { font-size: 16px; }

.sheet-attribute .sheet-row-willpower { height: 25px; }
.sheet-attribute .sheet-row-willpower .sheet-col0 { font-size: 16px; }
.sheet-attribute .sheet-row-willpower .sheet-col1 input { font-size: 16px; }
.sheet-attribute .sheet-row-condition-stun { height: 25px; }
.sheet-attribute .sheet-row-condition-stun .sheet-col0,
.sheet-attribute .sheet-row-condition-stun .sheet-col0 input { 
    font-size: 16px; 
}

.sheet-attribute .sheet-row .sheet-col3-fright-label {
    font-weight: bold;
    font-size: 9px;
    color: #404040;
}

div.sheet-display-attribute-reasons {
    display: none;
}

.sheet-font-size-12 {
    font-size: 12px;
}

.sheet-box input[type="checkbox"].sheet-toggle-attribute-reason {
    position: absolute;
    left: 33px;
    width: 20px!important;
}

.sheet-box input[type="checkbox"].sheet-toggle-attribute-reason.sheet-shift-over {
    left: 228px;
}

.sheet-box input[type="checkbox"] ~ span.sheet-checkbox.sheet-checkbox-attribute-reason {
    margin-top: -2px;
}

.sheet-box input[type="checkbox"] ~ span.sheet-checkbox.sheet-checkbox-attribute-reason:before {
    margin-left: -2px;
}

.sheet-row .sheet-cell input.sheet-text-left {
    text-align: left;
}

input[name="attr_toggle_strength_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_dex_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_int_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_health_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_perception_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_will_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_vision_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_hearing_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_smell_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_touch_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_fright_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_fright_threshold_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_unstun_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_knockdown_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_unconscious_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_death_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_speed_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_move_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_enhanced_ground_move_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_dodge_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_lifting_strength_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_striking_strength_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_stress_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_derangement_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_hit_points_reason_modifier"][value="1"] + .sheet-display-attribute-reasons,
input[name="attr_toggle_fatigue_points_reason_modifier"][value="1"] + .sheet-display-attribute-reasons {
    display: block;
}

.sheet-stats input { font-size: 13px;}
.sheet-stats .sheet-header .sheet-col-button { width: 21px; }
.sheet-stats .sheet-header .sheet-col0 { width: 72px; }
.sheet-stats .sheet-header .sheet-col1 { width: 41px; }
.sheet-stats .sheet-header .sheet-col2 { width: 30px; }
.sheet-stats .sheet-header .sheet-col3 { width: 37px; }
.sheet-stats .sheet-row { font-size: 13px; }
.sheet-stats .sheet-row.sheet-hr { 
    margin-top: 10px; 
}
.sheet-stats .sheet-row .sheet-col-button { width: 21px; }
.sheet-stats .sheet-row .sheet-col0 { width: 74px; }
.sheet-stats .sheet-row .sheet-col0-custom-pool { width: 96px; }
.sheet-stats .sheet-row .sheet-col0 input,
.sheet-stats .sheet-row .sheet-col0-custom-pool input { text-align:left; }
.sheet-stats .sheet-row .sheet-col1 { width: 35px; }
.sheet-stats .sheet-row .sheet-col2 { width: 35px; }
.sheet-stats .sheet-row .sheet-col3 { width: 35px; }

.sheet-row-current-points{
    justify-content: flex-start;
}

.sheet-stats .sheet-row-current-points .sheet-col0 { height: 24px; }
.sheet-stats .sheet-row-current-points .sheet-col1 { width: 35px; }
.sheet-stats .sheet-row-current-points .sheet-col2 { 
    width: 70px; 
}

.sheet-stats .sheet-row-current-points .sheet-col2 div { 
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.sheet-stats .sheet-row-current-points.sheet-padding-bottom {
    padding-bottom: 3px;
}

/* Show/Hide hit point notes */
.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-hit-points-notes[value="0"] ~ .sheet-hit-points-halved-dodge,
.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-hit-points-notes[value="0"] ~ .sheet-hit-points-quartered-dodge {
	display: none !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-hit-points-notes[value="1"] ~ .sheet-hit-points-halved-dodge {
	display: block !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-hit-points-notes[value="1"] ~ .sheet-hit-points-quartered-dodge {
	display: none !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-hit-points-notes[value="2"] ~ .sheet-hit-points-halved-dodge {
	display: none !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-hit-points-notes[value="2"] ~ .sheet-hit-points-quartered-dodge {
	display: block !important;
}

/* Show/Hide fatigue notes */
.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-fatigue-points-notes[value="0"] ~ .sheet-fatigue-points-halved-dodge,
.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-fatigue-points-notes[value="0"] ~ .sheet-fatigue-points-quartered-dodge {
	display: none !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-fatigue-points-notes[value="1"] ~ .sheet-fatigue-points-halved-dodge {
	display: block !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-fatigue-points-notes[value="1"] ~ .sheet-fatigue-points-quartered-dodge {
	display: none !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-fatigue-points-notes[value="2"] ~ .sheet-fatigue-points-halved-dodge {
	display: none !important;
}

.sheet-stats .sheet-row-current-points .sheet-col2  input.sheet-fatigue-points-notes[value="2"] ~ .sheet-fatigue-points-quartered-dodge {
	display: block !important;
}

.sheet-stats .sheet-tooltip table { text-align: left; font-size: 9px; }
.sheet-stats .sheet-tooltip table .sheet-label { text-align: left; font-size: 9px; }
.sheet-stats .sheet-cell {
    padding: 0.2em;
}

.sheet-stats .sheet-custom-pools .sheet-popup {
    text-align: center;
    font-weight: bold;
}

.sheet-miscelleneous { 
    width: calc(40% - 0.4em); 
    padding-bottom: 5px;
}
.sheet-miscelleneous .sheet-header .sheet-col0 { 
    width: calc(100% - 30px);
    text-align: center;
}
.sheet-miscelleneous .sheet-header .sheet-col1 { width: 30px; }
.sheet-miscelleneous .sheet-row .sheet-col0 { width: 140px; }
.sheet-miscelleneous .sheet-row .sheet-col1 { width: calc(100% - 172px); }
.sheet-miscelleneous .sheet-row .sheet-col1 input { text-align:left; }
.sheet-miscelleneous .sheet-row .sheet-col2 { width: 30px; }
.sheet-miscelleneous .sheet-row-race .sheet-col1,
.sheet-miscelleneous .sheet-row-gender .sheet-col1,
.sheet-miscelleneous .sheet-row-size .sheet-col1,
.sheet-miscelleneous .sheet-row-hand .sheet-col1 { width: calc(100% - 80px); }
.sheet-miscelleneous .sheet-row-reactions .sheet-col1 { width: calc(100% - 80px); }

/* Hit Points Column */

.sheet-hp-lift-container {
    float: left; 
    width: 206px
}

/* General Tab: Notes Box */
.sheet-general-notes-box {
    width: calc(100% - 206px - 5px);
    height: 493px;
}

.sheet-general-notes-box .sheet-cell-col-100 {
    box-sizing: border-box;
    float: left;
    padding: 5px;
    width: 100%;
    margin: 0;
}

.sheet-general-notes-box .sheet-header .sheet-cell {
    padding-left: 6px;
}

.sheet-general-notes-box .sheet-cell-col-100 textarea { 
    width: 99%;
    padding: 2px;
    margin: 0;
}

.sheet-general-notes-box textarea { 
    height: 447px;
}

.sheet-points { width: 90px; }
.sheet-points .sheet-header .sheet-col0 { width: 100%; }
.sheet-points .sheet-row .sheet-col0 { width: 50px; }
.sheet-points .sheet-row .sheet-col1 { width: 40px; }
.sheet-points .sheet-row .sheet-unspent-points-label {
    color: #4f91cd;
}
.sheet-points .sheet-row .sheet-unspent-points input {
    font-size: 14px;
}

/* ============ TAB Sheet Options ============ */

.sheet-options {
    width: 100%;
    display: flex;
    margin: 1px 1px 10px 1px;
}

.sheet-options .sheet-option-column {
    width: 33%;
    float: left;
}

.sheet-options .sheet-help-column {
    width: 50%;
    float: left;
}

.sheet-options .sheet-help-column-full-width {
    width: 100%;
    float: left;
}

.sheet-pencil-pad-icon,
.sheet-paper-icon,
.sheet-reset-icon {
    font-family: "Pictos";
    font-size: 16px;
}

.sheet-reset-icon {
    color: red;
}

div.sheet-tollbar-image {
    margin: 10px 0 10px 0;
}

.sheet-options .sheet-option-container {
    outline: 1px solid var(--border-color);
    padding: 5px;
    background: var(--row-bg);
    color:var(--main-text);
    margin: 0 15px 10px 0;
}

.sheet-options .sheet-option-container h4 {
    color:var(--header-text);
    background: var(--header-bg);
    margin: -5px -5px 0 -5px;
    padding: 5px 5px 0 5px;
}

.sheet-options .sheet-option-container > div {
    margin-bottom: 10px;
}

.sheet-collision-falling-options h4 {
    margin-right: -20px !important;
    padding-right: 20px !important;
}

.sheet-options .sheet-option-container.sheet-damage-dice {
    height: 56px;
}

.sheet-options .sheet-option-container.sheet-damage-dice div {
    margin: 5px 10px 5px 0;
    float: left;
}

.sheet-options .sheet-collision-falling-options {
    padding-right: 20px;
}

/* display manual input checkbox */
.sheet-options input.sheet-manual-unspent-box {
    opacity: 1;
}

.sheet-options .sheet-option-container .sheet-resync {
    margin: 10px 0 10px 10px;
}


/* show/hide manual unspent box */
input.sheet-toggle-unspoint-points[value="1"] ~ .sheet-row-unspent  {
    display: block !important;
}

input.sheet-toggle-unspoint-points[value="0"] ~ .sheet-row-unspent  {
    display: none !important;
}

/* show/hide calculated unspent box */
input.sheet-toggle-unspoint-points[value="1"] ~ .sheet-row-total {
    display: none !important;
} 

input.sheet-toggle-unspoint-points[value="0"] ~ .sheet-row-total {
    display: block !important;
} 

.sheet-lift {
    width: 201px;
}

.sheet-lift .sheet-col0 { 
    width: 128px; 
}

.sheet-lift .sheet-col1 { 
    width: 50px;
}

.sheet-encumberance { width: calc(100% - 5px); }
.sheet-encumberance .sheet-colToggle { position: relative;}
.sheet-encumberance .sheet-col0 { width: 100px; }
.sheet-encumberance .sheet-col0.sheet-current-label { 
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    padding-left: 26px;
}
.sheet-encumberance .sheet-col1 { width: calc((100% - 100px) * 0.4); }
.sheet-encumberance .sheet-colAll { width: calc((100% - 100px) * 0.166); }
.sheet-encumberance .sheet-col2 { width: calc((100% - 100px) * 0.3); }
.sheet-encumberance .sheet-col3 { width: calc((100% - 100px) * 0.3); }
.sheet-encumberance .sheet-row-load { 
    height: 40px;
    font-size: 18px;
    font-weight: bold;
}
.sheet-encumberance .sheet-row-load .sheet-cell { margin-top: 11px; }
.sheet-encumberance .sheet-row-load input { font-size: 13px; font-weight: bold; }

/* Movement Feats area */
.sheet-movement-feats { width: calc(100% - 5px); }

.sheet-movement-feats .sheet-header {
    font-size: 15px;
    color: var(--header-text);
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-movement-feats .sheet-colToggle { position: relative;}
.sheet-movement-feats .sheet-col0 { width: 100px; }
.sheet-movement-feats .sheet-col1 { width: calc((100% - 100px) * 0.4); }
.sheet-movement-feats .sheet-colAll { width: calc((100% - 100px) * 0.166); }
.sheet-movement-feats .sheet-col2 { width: calc((100% - 100px) * 0.3); }
.sheet-movement-feats .sheet-col3 { width: calc((100% - 100px) * 0.3); }
.sheet-movement-feats .sheet-row-load { 
    height: 40px;
    font-size: 18px;
    font-weight: bold;
}
.sheet-movement-feats .sheet-row-load .sheet-cell { margin-top: 11px; }
.sheet-movement-feats .sheet-row-load input { font-size: 18px; font-weight: bold; }

.sheet-container-feats {
    float: left;
    width: 100%;
}

.sheet-container-feats .sheet-row .sheet-column-header { 
    text-align: center;
    font-weight: bold;
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    white-space: nowrap;
    height: 22px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 5px;
}
.sheet-container-feats .sheet-row .sheet-title { text-align: center; }
.sheet-container-feats .sheet-row .sheet-col0 { width: 50px; }
.sheet-container-feats .sheet-row .sheet-col1 { width: 35px; }
.sheet-container-feats .sheet-row .sheet-col2 { width: 40px; }
.sheet-container-feats .sheet-row .sheet-col3 { width: 40px; }

.sheet-container-feats .sheet-feats-child {
    float: left;
    width: 30%;
}

.sheet-container-feats .sheet-container-flying {
    margin-left: 10px;
}

.sheet-container-feats .sheet-container-swimming {
    margin-left: 20px;
}

.sheet-container-feats .sheet-container-jumping {
    margin-left: 20px;
}

/* show/hide table */
/* show/hide manual unspent box */
input.sheet-toggle-encumbrance[type="checkbox"]:checked ~ div.sheet-encumbrance-table-body {
    display: block !important;
}

input.sheet-toggle-encumbrance[type="checkbox"]:not(:checked) ~ div.sheet-encumbrance-table-body {
    display: none !important;
}

input[type="checkbox"][name="attr_toggle_turn_deceleration"]:checked ~ div.sheet-turn-decelerate-container {
    display: block !important;
    margin-bottom: 10px;
}

input[type="checkbox"][name="attr_toggle_turn_deceleration"]:not(:checked) ~ div.sheet-turn-decelerate-container {
    display: none !important;
}

.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="0"] ~ .sheet-row-encumberance-0 {
    background-color: var(--highlight-text);
    color: white;
}

.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="1"] ~ .sheet-row-encumberance-1 {
    background-color: var(--highlight-text);
    color: white;
}

.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="2"] ~ .sheet-row-encumberance-2 {
    background-color: var(--highlight-text);
    color: white;
}

.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="3"] ~ .sheet-row-encumberance-3 {
    background-color: var(--highlight-text);
    color: white;
}

.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="4"] ~ .sheet-row-encumberance-4 {
    background-color: var(--highlight-text);
    color: white;
}

.sheet-encumbrance-table-body input[name="attr_encumbrance_level"][value="5"] ~ .sheet-row-encumberance-MAX {
    background-color: var(--highlight-text);
    color: white;
}

/* -- TRAITS -- */
.sheet-language { width: calc(60% - 0.4em); }
.sheet-language .sheet-col0 { 
    margin-left: 22px;
    width: calc(100% - 351px); 
}
.sheet-language .sheet-col0 input { text-align:left; }
.sheet-language .sheet-col1 { width: 120px; }
.sheet-language .sheet-col1-pts { width: 30px; }
.sheet-language .sheet-col2 { width: 120px; }
.sheet-language .sheet-col2-pts { width: 30px; }
.sheet-language .sheet-col3 { width: 28px; }

.sheet-language-notebox {
    display: none;
}

.sheet-language textarea.sheet-reason-notes {
    width: 444px;
    height: 33px;
}

.sheet-language textarea.sheet-notes {
    width: 444px;
    height: 55px;
}

input[type="checkbox"].sheet-talent-checkbox {
    width: 22px!important;
    float: left;
    margin-right: 5px;
    opacity: 1;
}

input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_spoken"],
input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_written"] {
    display: block;
}

input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_spoken_talent"],
input[name="attr_has_language_talent"][value="0"] ~ .repcontainer .sheet-language-select select[name="attr_written_talent"] {
    display: none;
}

input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_spoken"],
input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_written"] {
    display: none;
}

input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_spoken_talent"],
input[name="attr_has_language_talent"][value="1"] ~ .repcontainer .sheet-language-select select[name="attr_written_talent"] {
    display: block;
}

.sheet-culture  { width: calc(40% - 0.4em); }
.sheet-culture .sheet-col0 { 
    margin-left: 20px;
    width: calc(100% - 54px);
}
.sheet-culture .sheet-col0 input { text-align:left; }
.sheet-culture .sheet-col1 { width: 30px; }

.sheet-culture textarea.sheet-notes {
    width: 162%;
    height: 55px;
}

/* -- repeating traits -- */
.sheet-traits { width: calc(100% - 0.4em); }

.sheet-traits .sheet-half-size {
    width: calc(50% - 0.1em);
    float: left;
}

.sheet-traits .sheet-half-size.sheet-border {
    border-right: 1px solid gray;
}

.sheet-traits .sheet-header {
    background: var(--header-bg);
}

.sheet-traits .sheet-col0 { width: calc(100% - 169px); }

.sheet-traits .sheet-col0 input { text-align:left; }
.sheet-traits .sheet-col1 { width: 28px; }
.sheet-traits .sheet-col2 { width: 22px; }
.sheet-traits .sheet-col3 { width: 30px; }
.sheet-traits .sheet-col4 { width: 60px; }
.sheet-traits .sheet-row-stats .sheet-col0 { 
    margin-left: 20px; 
    width: calc(100% - 191px); 
}

.sheet-traits.sheet-perks-disadvantages .sheet-col0 { 
    width: calc(100% - 140px); 
}

.sheet-traits.sheet-perks-disadvantages .sheet-row-stats .sheet-col0 { 
    width: calc(100% - 161px);
}

/* -- show/hide die for FOA roll -- */
.sheet-row-stats button[name="roll_vsAFOA"],
.sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
    display: none !important;
}

/* -- check to show dice under advantages and perks table -- */
.sheet-traits input[type="hidden"][name="attr_foa"][value="3"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="4"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="5"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="6"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="7"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="8"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="9"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="10"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="11"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="12"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="13"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="14"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="15"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="16"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="17"] ~ .sheet-row-stats button[name="roll_vsAFOA"],
.sheet-traits input[type="hidden"][name="attr_foa"][value="18"] ~ .sheet-row-stats button[name="roll_vsAFOA"] {
    display: block !important;
}

/* -- check to show success/fail notes under advantages table -- */
.sheet-traits input[type="hidden"][name="attr_foa"][value="3"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="4"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="5"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="6"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="7"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="8"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="9"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="10"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="11"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="12"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="13"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="14"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="15"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="16"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="17"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-traits input[type="hidden"][name="attr_foa"][value="18"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
    display: block !important;
}

/* -- check to show success/fail notes under disadvantages table -- */
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
    display: block !important;
}

/* -- check to show success/fail notes under racial traits table -- */
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes,
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-melee-notebox .sheet-row.sheet-success-fail-notes {
    display: block !important;
}

/* -- if edit mode, hide toggle notes -- */
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-toggle,
.sheet-culture .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-culture .repcontainer.ui-sortable.editmode .sheet-toggle {
    opacity: 0;
    z-index: -1;
}

.sheet-traits .sheet-row-details.sheet-notebox .sheet-col-notebox {
    height: 100%;
    width: 100%;
}

/* -- repeating disadvantages -- */
.sheet-disadvantages { width: calc(100% - 0.4em); }

.sheet-disadvantages .sheet-header {
    background: var(--header-bg);
}

.sheet-disadvantages .sheet-col0 { width: calc(100% - 168px); }
.sheet-disadvantages .sheet-col0 input { text-align:left; }
.sheet-disadvantages .sheet-col1 { width: 28px; }
.sheet-disadvantages .sheet-col2 { width: 22px; }
.sheet-disadvantages .sheet-col3 { width: 30px; }
.sheet-disadvantages .sheet-col4 { width: 60px; }
.sheet-disadvantages .sheet-row-stats .sheet-col0 { margin-left: 20px; width: calc(100% - 189px); }

/* -- show/hide die for Control roll -- */
.sheet-row-stats button[name="roll_vsDSCR"] {
    display: none;
}

/* -- check to show dice under disadvantages and quirks table -- */
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-row-stats button[name="roll_vsDSCR"],
.sheet-perks-disadvantages input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-row-stats button[name="roll_vsDSCR"] {
    display: block;
}

/* -- if edit mode, hide toggle notes -- */
.sheet-disadvantages .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-disadvantages .repcontainer.ui-sortable.editmode .sheet-toggle {
    opacity: 0;
    z-index: -1;
}

.sheet-disadvantages .sheet-row-details.sheet-notebox {
    min-height: 110px;
    height: 100%;
}

.sheet-disadvantages .sheet-row-details.sheet-notebox .sheet-col-notebox {
    min-height: 110px;
    height: 100%;
    width: 100%;
}

/* -- repeating racial traits -- */
.sheet-racial { width: calc(100% - 0.4em); }

.sheet-racial .sheet-header {
    background: var(--header-bg);
}

.sheet-racial .sheet-col0 { width: calc(100% - 168px); }

.sheet-racial .sheet-col0 input { 
    text-align:left; 
}

.sheet-racial .sheet-col-race { 
    width: calc(100% - 200px); 
    margin-left: 32px;
}

.sheet-racial .sheet-col-race input { 
    text-align:left; 
    width: calc(100% - 37px) !important;
}

.sheet-racial .sheet-col-template { 
    width: calc(100% - 173px);
    margin-left: 5px;
}

.sheet-racial .sheet-col-template input { 
    text-align:left; 
    width: calc(100% - 67px) !important;
}

.sheet-racial .sheet-col1 { width: 28px; }
.sheet-racial .sheet-col2 { width: 22px; }
.sheet-racial .sheet-col3 { width: 30px; }
.sheet-racial .sheet-col4 { width: 60px; }
.sheet-racial .sheet-row-stats .sheet-col0 { 
    margin-left: 20px; 
    width: calc(100% - 188px); }

/* -- if edit mode, hide toggle notes -- */
.sheet-racial .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-racial .repcontainer.ui-sortable.editmode .sheet-toggle {
    opacity: 0;
    z-index: -1;
}

.sheet-racial .sheet-row-details.sheet-notebox {
    min-height: 110px;
    height: 100%;
}

.sheet-racial .sheet-row-details.sheet-notebox .sheet-col-notebox {
    min-height: 110px;
    height: 100%;
    width: 100%;
}


/* -- show/hide die for Control roll -- */
.sheet-row-stats button[name="roll_vsRSCR"] {
    display: none;
}

/* -- check to show dice under disadvantages and quirks table -- */
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="3"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="4"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="5"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="6"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="7"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="8"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="9"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="10"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="11"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="12"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="13"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="14"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="15"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="16"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="17"] ~ .sheet-row-stats button[name="roll_vsRSCR"],
.sheet-racial input[type="hidden"][name="attr_control_rating"][value="18"] ~ .sheet-row-stats button[name="roll_vsRSCR"] {
    display: block;
}

/* -- MISC TAB -- */

/* general info */
.sheet-general-bio { 
    width: 412px; 
}

.sheet-general-bio .sheet-header {
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-general-bio .sheet-header .sheet-col0 { 
    width: calc(100%);
    text-align: center;
}

span.sheet-emphatic {
    font-style: italic;
    font-weight: bold;
}

.sheet-general-bio .sheet-row .sheet-col-half {
    width: calc(100% - 386px);
} 

.sheet-general-bio .sheet-row .sheet-col-apply-size-modifier {
    width: 50px;
} 

.sheet-general-bio .sheet-row .sheet-col-input {
    width: 25px;
} 

.sheet-general-bio .sheet-row .sheet-col-input input[type="checkbox"] {
    opacity: 1;
} 

.sheet-general-bio .sheet-row .sheet-col0 { 
    width: 80px; 
}

.sheet-general-bio .sheet-row .sheet-col-label { 
    width: 50px; 
}

.sheet-general-bio .sheet-row .sheet-col-main-hand { 
    width: 63px; 
}

.sheet-general-bio .sheet-row .sheet-col1 { 
    width: calc(100% - 85px); 
}

.sheet-general-bio .sheet-row .sheet-col2 { 
    width: 200px; 
}

.sheet-general-bio .sheet-row input {
    text-align: left;
}

.sheet-general-bio .sheet-row-textarea-reactions {
    height: 150px;
    margin-top: 4px;
}

.sheet-general-bio .sheet-row-textarea-reactions .sheet-cell {
    height: 140px;    
}

.sheet-general-bio .sheet-row-textarea-reactions textarea {
    height: 136px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

/* bio description */
.sheet-bio-description { 
    width: 412px; 
}

.sheet-bio-description .sheet-header,
.sheet-encumberance .sheet-header {
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-bio-description .sheet-header .sheet-col0 { 
    width: calc(100%);
    text-align: center;
}

.sheet-bio-description .sheet-row .sheet-col0 { 
    width: 80px; 
}

.sheet-bio-description .sheet-row .sheet-col1 { 
    width: calc(100% - 85px); 
}

.sheet-bio-description .sheet-row .sheet-col-half {
    width: calc(100% - 294px);
} 

.sheet-bio-description .sheet-row .sheet-col-main-hand { 
    width: 63px; 
}

.sheet-bio-description .sheet-row .sheet-col-input { 
    width: 30px; 
}

.sheet-bio-description .sheet-row .sheet-col-small { 
    width: 44px; 
}

.sheet-bio-description .sheet-row .sheet-col-height { 
    width: 85px;
}

.sheet-bio-description .sheet-row .sheet-col-med-small { 
    width: 59px;
}

.sheet-bio-description .sheet-row .sheet-col-med { 
    width: 90px; 
}

.sheet-bio-description .sheet-row .sheet-col-large { 
    width: 120px; 
}

.sheet-bio-description .sheet-row .sheet-col2 { 
    width: 200px; 
}

.sheet-bio-description .sheet-row input {
    text-align: left;
}

.sheet-bio-description .sheet-row-textarea {
    height: 112px;
    margin-top: 4px;
}

.sheet-bio-description .sheet-row-textarea .sheet-cell {
    height: 112px;
}

.sheet-bio-description .sheet-row-textarea textarea {
    height: 83px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

.sheet-bio-description .sheet-row-textarea-features {
    margin-bottom: 4px;
}

.sheet-bio-description .sheet-row-textarea-features,
.sheet-bio-description .sheet-row-textarea-features .sheet-cell {
    height: 80px;
}

.sheet-bio-description .sheet-row-textarea-features textarea {
    height: 50px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

.sheet-bio-description input[name="attr_use_metric"][type="hidden"][value="1"] ~ .sheet-pounds {
    display: none;
}

.sheet-bio-description input[name="attr_use_metric"][type="hidden"][value="0"] ~ .sheet-kilagrams {
    display: none;
}


/* Background Information */

.sheet-background-info { 
    width: 412px; 
}

.sheet-background-info .sheet-header {
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-background-info .sheet-header .sheet-col0 { 
    width: calc(100%);
    text-align: center;
}

.sheet-background-info .sheet-row .sheet-col0 { 
    width: 85px;
}

.sheet-background-info .sheet-row .sheet-col1 { 
    width: calc(100% - 88px); 
}

.sheet-background-info .sheet-row .sheet-col-half {
    width: calc(100% - 294px);
} 

.sheet-background-info .sheet-row .sheet-col-main-hand { 
    width: 63px; 
}

.sheet-background-info .sheet-row .sheet-col-input { 
    width: 30px; 
}

.sheet-background-info .sheet-row .sheet-col-small { 
    width: 44px; 
}

.sheet-background-info .sheet-row .sheet-col-height { 
    width: 80px;
}

.sheet-background-info .sheet-row .sheet-col-med { 
    width: 90px; 
}

.sheet-background-info .sheet-row .sheet-col2 { 
    width: 200px; 
}

.sheet-background-info .sheet-row input {
    text-align: left;
}

.sheet-background-info .sheet-row-textarea {
    height: 112px;
    margin-top: 4px;
}

.sheet-background-info .sheet-row-textarea .sheet-cell {
    height: 112px;
}

.sheet-background-info .sheet-row-textarea textarea {
    height: 121px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

.sheet-background-info .sheet-row-textarea-family {
    margin-bottom: 4px;
    margin-top: 4px;
}

.sheet-background-info .sheet-row-textarea-family,
.sheet-background-info .sheet-row-textarea-family .sheet-cell {
    height: 128px;
    padding-right: 5px;
}

.sheet-background-info .sheet-row-textarea-family textarea {
    height: 122px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

/* Misc Notes */

.sheet-misc-notes { 
    width: 412px;
}

.sheet-misc-notes .sheet-header {
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-misc-notes .sheet-header .sheet-col0 { 
    width: calc(100%);
    text-align: center;
}

.sheet-misc-notes .sheet-row .sheet-col0 { 
    width: calc(100%);
}

.sheet-misc-notes .sheet-row-textarea {
    margin-top: 4px;
}

.sheet-misc-notes .sheet-row-textarea .sheet-cell {
    height: 326px;
    padding: 4px 8px 4px 4px;
}

.sheet-misc-notes .sheet-row-textarea textarea {
    height: 316px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

/* training Notes */

.sheet-training-notes { 
    width: 100%;
}

.sheet-training-notes .sheet-header {
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-training-notes .sheet-header .sheet-col0 { 
    width: calc(100%);
    text-align: center;
}

.sheet-training-notes .sheet-row .sheet-col0 { 
    width: calc(100%);
}

.sheet-training-notes .sheet-row-textarea {
    margin-top: 4px;
}

.sheet-training-notes .sheet-row-textarea .sheet-cell {
    height: 259px;
    padding: 4px 8px 4px 4px;
}

.sheet-training-notes .sheet-row-textarea textarea {
    height: 245px;
    margin: 0;
    padding: 2px 0 2px 2px;
}


/* Reactions Notes */

.sheet-reaction-notes { 
    width: 100%;
}

.sheet-reaction-notes .sheet-header {
    background: var(--header-bg);
    margin-bottom: 5px;
}

.sheet-reaction-notes .sheet-header .sheet-col0 { 
    width: calc(100%);
    text-align: center;
}

.sheet-reaction-notes .sheet-row .sheet-col0 { 
    width: calc(100%);
}

.sheet-reaction-notes .sheet-row-textarea {
    margin-top: 4px;
}

.sheet-reaction-notes .sheet-row-textarea .sheet-cell {
    height: 259px;
    padding: 4px 8px 4px 4px;
}

.sheet-reaction-notes .sheet-row-textarea textarea {
    height: 245px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

/* -- repeating controls -- */
.repcontrol {
    margin-top: 4px;
}

.btn.repcontrol_move {
    line-height: 12px;
    padding: 4px 7px 4px;
    position: relative!important;
    z-index: 1;
}


.charsheet .sheet-box .sheet-toggle.sheet-toggle-notes ~ .sheet-checkbox {
    left: 22px;
}

/* -- SKILLS -- */
.sheet-wrapper-conditional-marker {
    display: inline-block;
    width: 11px;
    height: 15px;
}

.sheet-conditional-marker {
    font-family: Pictos;
    color: #AE4D4D;
    cursor: pointer;
    font-size: 14px;
}

input[name="attr_skill_conditional_notes"][value=""] ~ .sheet-wrapper-conditional-marker .sheet-conditional-marker {
    display: none;
}

.sheet-skills { width: calc(100% - 0.4em); }
.sheet-skills .sheet-col0 { width: calc(100% - 327px); }
.sheet-skills .sheet-col0 input { text-align:left; }
.sheet-skills .sheet-col1 { width: 27px; }
.sheet-skills .sheet-col2 { width: 30px; }
.sheet-skills .sheet-col3 { width: 40px; }
.sheet-skills .sheet-col4 { width: 55px; }
.sheet-skills .sheet-col5 { width: 50px; }
.sheet-skills .sheet-col6 { width: 30px; }
.sheet-skills .sheet-col7 { width: 30px; }
.sheet-skills .sheet-col8 { width: 60px; }
.sheet-skills .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 376px); }

.sheet-skills .sheet-row-misc .sheet-col0 { margin-left: 48px; width: calc(100% - 703px); }

.sheet-familiarities {
    display: none;
}

input[name="attr_familiarities_show"][value="1"] ~ .sheet-familiarities {
    display: block;
}

.sheet-skills .sheet-reason-for-mod {
    width: calc(100% - 162px);
}

.sheet-skills .sheet-reason-for-mod input {
    text-align: left;
}

.sheet-row.sheet-row-stats input:not(.sheet-inline) {
    width: 96% !important;
}

/* -- highlight row -- */
input.sheet-option-alert ~ select option[value="10"] {
    font-weight: bold;
    color: red;
}

input.sheet-option-alert[value="10"] ~ select {
    font-weight: bold;
    color: red;
}

.sheet-skills .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
    display: none;
}

.sheet-skills .sheet-toggle-notes {
    position: absolute;
    left: 0px;
}

.sheet-skills input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-skills input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
    background: #B7FFAA;    
}

/* -- techniques -- */

/* show or hide */
input.sheet-box-techniques-old[value="1"] + div.sheet-techniques {
    display: block !important;
}

input.sheet-box-techniques-old[value="0"] + div.sheet-techniques {
    display: none !important;
}

.sheet-techniques { width: calc(100% - 0.4em); }
.sheet-techniques .sheet-col0 { width: calc((100% - 260px) * 0.55); }
.sheet-techniques .sheet-col0 input { text-align:left; }
.sheet-techniques .sheet-col1 { width: calc((100% - 293px) * 0.45); }
.sheet-techniques .sheet-col1 input { text-align:left; }
.sheet-techniques .sheet-col2 { width: 30px; }
.sheet-techniques .sheet-col3 { width: 30px; }
.sheet-techniques .sheet-col4 { width: 40px; }
.sheet-techniques .sheet-col5 { width: 30px; }
.sheet-techniques .sheet-col6 { width: 40px; }
.sheet-techniques .sheet-col7 { width: 30px; }
.sheet-techniques .sheet-col8 { width: 60px; }
.sheet-techniques .sheet-row-stats .sheet-col0 { margin-left: 27px; width: calc((100% - 260px) * 0.55 - 27px); }

/* -- if edit mode, hide toggle notes -- */
.sheet-techniques .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-techniques .repcontainer.ui-sortable.editmode .sheet-toggle {
    opacity: 0;
    z-index: -1;
}

.sheet-techniques .sheet-row-details.sheet-notebox {
    min-height: 108px;
    height: 100%;
    padding: 0 4px;
}

.sheet-techniques .sheet-row-details.sheet-notebox .sheet-col-notebox {
    min-height: 108px;
    height: 100%;
    width: 100%;
}


/* -- techniques revised -- */

/* show or hide */
input.sheet-box-techniques-new[value="1"] + div.sheet-techniques {
    display: block !important;
}

input.sheet-box-techniques-new[value="0"] + div.sheet-techniques-revised {
    display: none !important;
}

.sheet-techniques-revised .sheet-cell {
    padding: 1px;
}

.sheet-techniques-revised .sheet-cell.sheet-col-wide b {
    margin: 0 5px 0 5px;
}

.sheet-techniques-revised { width: calc(100% - 0.4em); }
.sheet-techniques-revised .sheet-col0 { width: calc(100% - 512px); }
.sheet-techniques-revised .sheet-col0 input { text-align:left; }
.sheet-techniques-revised .sheet-col1 { width: 140px; }
.sheet-techniques-revised .sheet-col1 input { text-align:left; }
.sheet-techniques-revised .sheet-col2 { width: 35px; }
.sheet-techniques-revised .sheet-col3 { width: 35px; }
.sheet-techniques-revised .sheet-col4 { width: 40px; }
.sheet-techniques-revised .sheet-col5 { width: 75px; }
.sheet-techniques-revised .sheet-col6 { width: 30px; }
.sheet-techniques-revised .sheet-col7 { width: 30px; }
.sheet-techniques-revised .sheet-col8 { width: 40px; }
.sheet-techniques-revised .sheet-col9 { width: 27px; }
.sheet-techniques-revised .sheet-col10 { width: 60px; }

.sheet-techniques-revised .sheet-row-stats .sheet-col0 { 
    margin-left: 44px; 
    width: calc(100% - 560px);
}

.sheet-techniques-revised .sheet-tooltip-tech-ref {
    margin-left: -200px;
}

/* -- if edit mode, hide toggle notes -- */
.sheet-techniques-revised .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-techniques-revised .repcontainer.ui-sortable.editmode .sheet-toggle {
    opacity: 0;
    z-index: -1;
}

.sheet-techniques .sheet-row-details.sheet-notebox {
    min-height: 108px;
    height: 100%;
    padding: 0 4px;
}

.sheet-techniques .sheet-row-details.sheet-notebox .sheet-col-notebox {
    height: 108px;
    width: 100%;
}

/* highlight row */
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-techniques-revised input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
    background: #B7FFAA;    
}

/* show/hide row id  */
.sheet-technique-notebox input[name="attr_technique_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-technique-notebox input[name="attr_technique_row_type"][value="10"] ~ .sheet-show-hide-row-id {
    display: none;
}

/* -- COMBAT -- */
.sheet-active-defense { width: calc(100% - 190px - 0.8em); }

.sheet-active-defense .sheet-margin-left {
    margin-left: 0px;
}

.sheet-active-defense .sheet-static-defense-width {
    margin-left: 43px;
    width: calc(100% - 43px);
}

.sheet-row-static-defense {
    position: relative;
}

.sheet-combat-reflexes {
    margin: 5px 0 0 5px;
    height: 22px;
}

.sheet-combat-reflexes .sheet-popup {
    width: 165px;
}

.sheet-combat-reflexes .sheet-tooltip {
    margin-left: 0;
}

.sheet-active-defense input.sheet-combat-reflex-check {
    width: 22px!important; 
    float: left; 
    margin-right: 5px;
}

.sheet-active-defense .sheet-defense-note {
    width: fit-content;
    float: left;
    margin-right: 3px;
}

.sheet-active-defense .sheet-defense-encumbrance-notes {
    width: fit-content;
    float: right;
    margin-left: 5px;
    font-style: italic;
    font-size: 10px;
}

/* Show/Hide dodge notes */
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="0"] ~ .sheet-halved-dodge,
.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="0"] ~ .sheet-quartered-dodge {
	display: none !important;
}

.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="1"] ~ .sheet-halved-dodge {
	display: block !important;
}

.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="1"] ~ .sheet-quartered-dodge {
	display: none !important;
}

.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="2"] ~ .sheet-halved-dodge {
	display: none !important;
}

.sheet-active-defense .sheet-col1 input[name="attr_dodge_reduced_notes"][value="2"] ~ .sheet-quartered-dodge {
	display: block !important;
}

.sheet-active-defense input[name="attr_encumbrance_level"][value="0"] ~ .sheet-defense-encumbrance-notes {
    display: none;
}

/* -- ACTIVE DEFENSE -- */
.sheet-active-defense .sheet-hide-row,
.sheet-active-defense .sheet-row-details .sheet-hide-row {
    display: none;
}
.sheet-active-defense .sheet-col0 {
    margin-left: 42px;
    width: calc(100% - 326px);
}

.sheet-active-defense .sheet-reset  {
    height: 19px;
    line-height: 19px;
    color: white;
    background: darkred;
    border-radius: 3px;
    font-weight: bold;
}

.sheet-active-defense .sheet-col-input-wide {
    width: calc(100% - 177px);
}

.sheet-active-defense .sheet-col-input-number {
    width: 50px;
}

.sheet-active-defense .sheet-col0 input { text-align:left; }
.sheet-active-defense .sheet-col-dodge-label { width: 305px; }
.sheet-active-defense .sheet-col1 { width: 105px; }
.sheet-active-defense .sheet-col2 { width: 40px; }
.sheet-active-defense .sheet-col1-plus-col2 { width: 145px; }
.sheet-active-defense .sheet-col3 { width: 30px; }
.sheet-active-defense .sheet-col4 { width: 22px; }

/* -- Active Defense Note Box -- */
.sheet-active-defense .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
    display: none;
}

.sheet-active-defense input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-active-defense .sheet-toggle-notes {
    position: absolute;
    left: 0px;
}

.sheet-box.sheet-active-defense .sheet-toggle.sheet-toggle-notes ~ .sheet-checkbox {
    left: 22px;
}

/* show/hide row id knockback defense  */
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="ST"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="STRIKING"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="DX"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="IQ"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="WILL"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="HT"] ~ .sheet-show-hide-row-id,
.sheet-active-defense input[name="attr_knockback_defense_row_type"][value="10"] ~ .sheet-show-hide-row-id {
    display: none;
}

/* styling linked item for active defense */
.repcontainer .repitem .sheet-linked-stats .sheet-cell {
    margin-right: 10px;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox .sheet-formula-talent input[type="number"] {
    width: 25px!important;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox .sheet-formula-combat-reflexes input[type="checkbox"] {
    opacity: 1;
    height: 15px;
    width: auto ! important;
}

/* show/hide defense formula for repeating active defenses */
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"] ~ .sheet-active-defense-formula .sheet-formula {
    display: none;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Dodge"] ~ .sheet-active-defense-formula .sheet-formula-as-is,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Magic"] ~ .sheet-active-defense-formula .sheet-formula-as-is,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Other"] ~ .sheet-active-defense-formula .sheet-formula-as-is {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="DODGE"] ~ .sheet-active-defense-formula .sheet-formula-as-is,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="CURRENT_DODGE"] ~ .sheet-active-defense-formula .sheet-formula-as-is 
 {
    display: none!important;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="DODGE"] ~ .sheet-active-defense-formula .sheet-formula-base-dodge {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_defense_row_type"][value="CURRENT_DODGE"] ~ .sheet-active-defense-formula .sheet-formula-current-dodge {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Parry"] ~ .sheet-active-defense-formula .sheet-formula-parry,
.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Unarmed Parry"] ~ .sheet-active-defense-formula .sheet-formula-parry {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Block"] ~ .sheet-active-defense-formula .sheet-formula-block {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Dodge"] ~ .sheet-active-defense-formula .sheet-formula-power-dodge {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Parry"] ~ .sheet-active-defense-formula .sheet-formula-power-parry {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Block"] ~ .sheet-active-defense-formula .sheet-formula-power-block-physical {
    display: block;
}

.sheet-active-defense .repcontainer .repitem .sheet-notebox input[name="attr_type"][value="Power Block Mental"] ~ .sheet-active-defense-formula .sheet-formula-power-block-mental {
    display: block;
}

.sheet-active-defense input.sheet-medium-width {
    width: 50px ! important;
}

.sheet-weapon-parry-summary {
    height: 82px;
    align-items: normal;
}

.sheet-weapon-parry-summary b.sheet-alert {
    color: var(--highlight-text);
}

/* Text Area Box Styling for Defense Bonus (DB) Notes*/
.sheet-defense-bonus-notes .sheet-header .sheet-col0 {
    padding-left: 6px;
}

.sheet-defense-bonus-notes-textarea {
    box-sizing: border-box;
    float: left;
    padding: 5px;
    width: 100%;
    margin: 0;
}

.sheet-defense-bonus-notes-textarea textarea {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100px;
}

/* -- DEFENSE BONUS -- */
.sheet-defense-bonus-notes { margin-top: 5px; width: calc(100% - 0.4em); }

/* -- Roll Modifiers Table -- */
.sheet-melee-modifiers {
    width: calc(100% - 150px);
}

.sheet-range-modifiers {
    width: calc(100% - 150px);
}

.sheet-roll-modifiers-table {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.sheet-roll-modifiers-table .sheet-modifier-row {
    display: table-row;
} 

.sheet-roll-modifiers-table .sheet-modifier-cell {
    display: table-cell;
    padding: 1px;
    line-height: normal;
}

.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-fill-cell-20 {
    width: 20%;
}

.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-fill-cell-15 {
    width: 15%;
}

.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-fill-cell-10 {
    width: 10%;
}

.sheet-roll-modifiers-table .sheet-modifier-caption {
    display: table-caption;
    text-align: center;
}

.sheet-roll-modifiers-table .sheet-modifier-cell.sheet-modifier-align-top {
    vertical-align: top;
    padding-top: 3px;
}

.sheet-roll-modifiers-table .sheet-modifier-cell select.sheet-single-digit {
    width: 40px;
    height: 21px;
    padding: 0;
    margin: 0;
}

/* annoying line height fix */
.sheet-modifier-line-height-fix {
    line-height: 18px !important;
}

.sheet-roll-modifiers-table textarea.sheet-reason-textarea {
    height: 36px;
    width:150px;
    margin-bottom: 0;
}

/* -- Melee Attacks -- */
.sheet-melee-attacks { width: calc(100% - 140px - 0.8em); }
.sheet-melee-attacks .sheet-col0 { width: calc(100% - 269px); }
.sheet-melee-attacks .sheet-col0 input { text-align:left; }
.sheet-melee-attacks .sheet-col1 { width: 75px; }
.sheet-melee-attacks .sheet-col2 { width: 30px; }
.sheet-melee-attacks .sheet-col3 { width: 55px; }
.sheet-melee-attacks .sheet-col4 { width: 50px; }
.sheet-melee-attacks .sheet-col4 input { text-align:left; }
.sheet-melee-attacks .sheet-col5 { width: 30px; }
.sheet-melee-attacks .sheet-col6 { width: 22px; }
.sheet-melee-attacks .sheet-header .sheet-col5 { width: 52px; }
.sheet-melee-attacks .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 316px); }

/* toggle attack modifiers for active defenses, melee, and ranged attacks */
.sheet-box .sheet-col-mod-tool input[type="checkbox"] {
    margin-top: -6px;
}

/* TODO: remove display: none; to start work */
.sheet-col-mod-tool .sheet-icon {
    display: none;
    font-family: "Pictos";
    color: #bbb;
    margin-left: -22px;
    font-size: 18px;
    text-align: center;
    font-variant: normal;
}

.sheet-toggle-mod-tool:checked ~ .sheet-icon {
    color: green;
}

.sheet-attack-modifiers-notebox {
    display: none;
}

.sheet-attack-modifiers-notebox .sheet-tooltip {
    margin-left: 0;
}

input[name="attr_toggle_melee_mod_tool"][value="1"] ~ .sheet-attack-modifiers-notebox {
    display: block;
    padding: 5px;
    margin: 0 0 10px 48px;
    width: calc( 100% - 58px );
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

/* more melee specific  css */
.sheet-melee-attacks .sheet-custom-checkbox label {
    font-size: 12px;
    margin: 0 0 0 10px;
}


.sheet-melee-attacks .sheet-custom-checkbox input[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
    line-height: 22px;
}

.sheet-melee-attacks .sheet-reason-for-mod {
    width: calc(100% - 162px);
}

.sheet-melee-attacks .sheet-reason-for-mod input {
    text-align: left;
}

/* -- highlight row -- */
.sheet-melee-attacks .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
    display: none;
}

.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-melee-attacks .sheet-toggle-notes {
    position: absolute;
    left: 0px;
}

.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details2,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-melee-notebox,
.sheet-melee-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-ranged-notebox,
.sheet-active-defense input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-active-defense input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-notebox {
    background: #B7FFAA;    
}

.sheet-melee-notebox .sheet-tooltip {
    margin-left: 0;
}

/* -- Ranged Attacks -- */
.sheet-ranged-attacks { width: calc(100% - 140px - 0.8em); }
.sheet-ranged-attacks .sheet-col0 { width: calc(100% - 460px); }
.sheet-ranged-attacks .sheet-col0-st { width: calc(100% - 598px); }
.sheet-ranged-attacks .sheet-col0 input { text-align:left; }
.sheet-ranged-attacks .sheet-col1 { width: 60px; }
.sheet-ranged-attacks .sheet-col2 { width: 30px; }
.sheet-ranged-attacks .sheet-col3 { width: 55px; }
.sheet-ranged-attacks .sheet-col4 { width: 30px; }
.sheet-ranged-attacks .sheet-col5 { width: 65px; }
.sheet-ranged-attacks .sheet-col5-thrown { width: 50px; }
.sheet-ranged-attacks .sheet-col5.sheet-thrown-object-input input { text-align: center;}
.sheet-ranged-attacks .sheet-col6 { width: 30px; }
.sheet-ranged-attacks .sheet-col7 { width: 60px; }
.sheet-ranged-attacks .sheet-col8 { width: 39px; }
.sheet-ranged-attacks .sheet-col9 { width: 35px; }
.sheet-ranged-attacks .sheet-col10 { width: 30px; }
.sheet-ranged-attacks .sheet-col11 { width: 22px; }
.sheet-ranged-attacks .sheet-col-verifycheck { width: 30px; }
.sheet-ranged-attacks .sheet-col-setting-text { width: 290px; }
.sheet-ranged-attacks .sheet-header .sheet-col10 { width: 52px; }
.sheet-ranged-attacks .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 510px); }
.sheet-ranged-attacks .sheet-row-stats .sheet-col0-st { margin-left: 20px; width: calc(100% - 620px); }
.sheet-ranged-attacks .sheet-row-stats.sheet-row-thrown-object { height: 28px; }

.sheet-ranged-attacks .sheet-custom-checkbox label {
    font-size: 12px;
    margin: 0 0 0 10px;
}

.sheet-ranged-attacks .sheet-custom-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    opacity: 1;
    margin-left: 5px;
    line-height: 22px;
}

.sheet-ranged-attacks .sheet-reason-for-mod {
    width: calc(100% - 162px);
}

.sheet-ranged-attacks .sheet-reason-for-mod input {
    text-align: left;
}

/* -- highlight row -- */
.sheet-ranged-attacks .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
    display: none;
}
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-ranged-attacks .sheet-toggle-notes {
    position: absolute;
    left: 0px;
}

.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details2,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-melee-notebox,
.sheet-ranged-attacks input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-ranged-notebox {
    background: #B7FFAA;    
}

.sheet-ranged-notebox input.sheet-text-left {
    text-align: left;
}

.sheet-ranged-notebox .sheet-col-normal {
    width: 87px;
    margin-left: 4px;
    text-align: left;
}

.sheet-ranged-notebox .sheet-col-row-id {
    width: 48px;
}

.sheet-ranged-notebox .sheet-col-input {
    width: 33px;
    margin-left: 4px;
    text-align: left;
}

.sheet-ranged-notebox .sheet-col-auto {
    width: calc(100% - 434px);
}

.sheet-ranged-notebox .sheet-col-wide {
    width: 250px;
}

.sheet-ranged-notebox .sheet-col-input-medium {
    width: 140px;
    text-align: left;
}

.sheet-ranged-notebox .sheet-tooltip {
    margin-left: 0;
}

/* -- Combat Tools: Range Calculator -- */
.sheet-firing-up-down {
    width: calc(100% - 140px - 0.8em);
    padding-bottom: 5px;
}

.sheet-firing-up-down .sheet-table .sheet-title {
    background: var(--header-bg);
}

.sheet-firing-up-down .sheet-table .sheet-title .sheet-cell {
    font-weight: bold;
    font-size: 12px;
}

.sheet-firing-up-down .sheet-table .sheet-title .sheet-range-calculator-title {
    width: 50%;
}

.sheet-firing-up-down .sheet-table .sheet-title .sheet-range-calculator-reset {
    width: 49%;
    text-align: right;
}

.sheet-firing-up-down .sheet-table .sheet-cell {
    padding: 0 5px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-braced {
    width: 70px;
}

.sheet-firing-up-down .sheet-table .sheet-centered {
    text-align: center;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-linear-range {
    width: 70px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-speed {
    width: 60px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-size {
    width: 40px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-fire-direction {
    width: 114px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-fire-up-dwn-distance {
    width: 50px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-rof {
    width: 50px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-new-range {
    width: 70px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-aiming {
    width: 80px;
}

.sheet-firing-up-down .sheet-table .sheet-cell.sheet-hit-mod {
    width: 60px;
}

button[type=action].sheet-reset,
button[type=action].sheet-sort {
    height: 19px;
    line-height: 19px;
    background: var(--secondary-highlight);
    color: var(--secondary-highlight-color); 
    border-radius: 3px;
    font-weight: bold;
    width: 50px;
}

button[type=action].sheet-wide-reset {
    width: 85px;
}


button[type=action].sheet-sort {
    width: 100px;
}

div.sheet-sort-control {
    margin: 10px 5px 10px 3px;
}

.sheet-reset input[name="attr_resync_state"][value="clicked"] ~ button.sheet-reset,
.sheet-reset input[name="attr_import_json_state"][value="clicked"] ~ button.sheet-reset {
    background-color: gray;
}


button.sheet-positive-action {
    height: 19px;
    line-height: 19px;
    color: white;
    background: var(--highlight-text) ! important;
    border-radius: 3px;
    font-weight: bold;
    width: 75px ! important;
}


/* Melee Section: Slam Tool */
.sheet-slam-db-width {
    width: 35px !important;
}

/* Melee Section: Slam Tool */
.sheet-slam-damage-width {
    width: 55px !important;
}

.sheet-slam-attack-tool {
    width: calc(100% - 76px - 0.8em);
    padding-bottom: 5px;
    overflow: hidden;
}

.sheet-slam-attack-table {
    width: 100%;
    display: grid;
    grid-template-columns: 22px auto 60px 60px 75px 30px 55px 50px 30px 26px;
    grid-gap: 2px;
    justify-content: stretch;
}

.sheet-slam-attack-table > div {
    line-height: 22px;
}

.sheet-slam-attack-table .sheet-title {
    grid-column: 1 / span 10;
    background: var(--header-bg);
    font-weight: bold;
    font-size: 12px;
    padding: 0 5px;
}

.sheet-slam-attack-table .sheet-slam-options-box {
    grid-column: 2 / span 9;
    padding: 0 0 10px 5px;
    display: none;
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

.sheet-slam-attack-table .sheet-slam-options-box div.sheet-row {
    height: auto;
}

.sheet-slam-attack-table .sheet-slam-options-box div.sheet-row .sheet-cell label {
    font-weight: bold;
    font-size: inherit;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.sheet-slam-attack-table input[name=attr_toggle_slam_options][value=on] ~ .sheet-slam-options-box {
    display: block;
}

.sheet-slam-attack-table .sheet-subtitle {
    padding: 0 5px;
    font-weight: bold;
}

.sheet-slam-attack-table .sheet-header {
    background: none;
}

.sheet-slam-attack-table .sheet-item input:not(.sheet-arrow-toggle) {
    background: var(--input-bg);
    border: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

.sheet-slam-attack-table .sheet-item input.sheet-align-left {
    text-align: left;
}

.sheet-slam-attack-table .sheet-item input:not(.sheet-arrow-toggle):enabled {
    border-bottom: 1px solid var(--border-color);
}

.sheet-slam-attack-table .sheet-item select {
    height: 20px;
    padding: 0;
    margin: 0;
    width: 100%;
}

/* universal arrow toggle button */
.sheet-arrow-toggle {
    appearance: none;
    width: 22px !important;
    height: 22px !important;
    display: inline-block;
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    overflow: hidden;
    outline: none;
    cursor: pointer !important;
    background: #faf7fa;
    font-size: 18px;
    padding: 0 0 0 2px;
    margin: 0;
    opacity: 1 !important;
}

.sheet-arrow-toggle:focus {
    outline: none !important;
}
  
.sheet-arrow-toggle:before {
    content: "►";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
}
  
.sheet-arrow-toggle:checked:before {
    content: "▼";
    padding: 1px 0 0 0;
}

.sheet-arrow-toggle.sheet-margin-left-sm {
    margin-left: 2px;
}

/* Combat Tools: Falling and Collision */
.sheet-falling-collision {
    width: calc(100% - 76px - 0.8em);
    padding-bottom: 5px;
}

.sheet-falling-collision .sheet-table .sheet-title {
    background: var(--header-bg);
}

.sheet-falling-collision .sheet-table .sheet-title .sheet-cell {
    font-weight: bold;
    font-size: 12px;
}

.sheet-falling-collision .sheet-table .sheet-cell {
    padding: 0 5px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-row-title {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-yards-fallen {
    width: 80px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-gravity {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-atmosphere {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-velocity {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-terminal-velocity {
    width: 80px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-hit-points {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-hard-object {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-hard-object input[type="checkbox"] {
    opacity: 1;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-damage {
    width: 60px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-roll-damage {
    width: 34px;
}

.sheet-falling-collision .sheet-table .sheet-cell.sheet-reset {
    width: 60px;
}

/* Combat Tools: Demolition */
.sheet-demolition {
    width: calc(100% - 76px - 0.8em);
    padding-bottom: 5px;
}

.sheet-demolition .sheet-table .sheet-title {
    color:var(--header-text);
    background: var(--header-bg);
}

.sheet-demolition .sheet-table .sheet-title .sheet-cell {
    font-weight: bold;
    font-size: 12px;
}

.sheet-demolition .sheet-table .sheet-cell {
    padding: 0 5px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-row-title {
    width: 75px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-select-box {
    width: 75px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-text-box {
    width: 110px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-input {
    width: 53px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-six-d-spacer {
    width: 8px;
    padding: 0;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-damage {
    width: 60px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-roll-damage {
    width: 36px;
}

.sheet-demolition .sheet-table .sheet-cell.sheet-reset {
    width: 45px;
}

.sheet-demolition .sheet-popup.sheet-frag-label {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

/* Combat Tools: Shotgun tool */
.sheet-shotgun-tool {
    width: calc(100% - 140px - 0.8em);
    padding-bottom: 5px;
}

.sheet-shotgun-tool .sheet-table .sheet-title {
    color:var(--header-text);
    background: var(--header-bg);
}

.sheet-shotgun-tool .sheet-table .sheet-title .sheet-cell {
    font-weight: bold;
    font-size: 12px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell {
    padding: 0 5px 0 5px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-damage {
    width: 65px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-rof {
    width: 65px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-damage-type {
    width: 65px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-range {
    width: 75px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-range span.sheet-one-half {
    font-size: 10px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-close-range {
    width: 75px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-close-rof {
    width: 65px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-close-damage {
    width: 65px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-roll-damage {
    width: 36px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-reset {
    width: 60px;
}

.sheet-shotgun-tool .sheet-table .sheet-cell.sheet-reset button.sheet-reset {
    height: 19px;
    line-height: 19px;
    color: white;
    background: var(--highlight-text);
    border-radius: 3px;
    font-weight: bold;
    width: 100%;
}

.sheet-shotgun-tool .sheet-popup.sheet-frag-label {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

.sheet-shotgun-tool .sheet-shotgun-notes {
    padding: 10px 0 0 10px;
    width: 99%;
    height: 40px;
}

/* Damage Resistance */
.sheet-damage-reduction { float: right; width: 190px; }
.sheet-damage-reduction .sheet-col0 { width: 55px; }
.sheet-damage-reduction .sheet-col0 input { text-align: right; font-weight: bold; }
.sheet-damage-reduction .sheet-col1 { width: 25px; text-align: center; }
.sheet-damage-reduction .sheet-col2 { width: 110px; text-align: center; }
.sheet-damage-reduction .sheet-row-title .sheet-col0 { width: 100%; }
.sheet-damage-reduction .sheet-header .sheet-col2 { width: 110px; }

/* range/speed modifier image column */
.sheet-speed-range-images {
    float: right;
    width: 140px;
}

/* -- INVENTORY -- */
.sheet-quick-inventory { width: calc(100% - 0.4em); }
.sheet-items .sheet-col0 { width: calc(100% - 0.4em); }
.sheet-items { width: calc(100% - 0.4em); }
.sheet-items .sheet-col0 { width: calc(100% - 509px); }
.sheet-items .sheet-col0 input { text-align:left; }
.sheet-items .sheet-col-button { width: 30px; }
.sheet-items .sheet-col-location { width: 94px; }
.sheet-items .sheet-col-location input { text-align: left; }
.sheet-items .sheet-col1 { width: 30px; }
.sheet-items .sheet-col2 { width: 60px; }
.sheet-items .sheet-col3 { width: 20px; }
.sheet-items .sheet-col3 input { text-align:left; }
.sheet-items .sheet-col4 { width: 50px; }
.sheet-items .sheet-col5 { width: 60px; }
.sheet-items .sheet-col5 input { text-align:right; }
.sheet-items .sheet-col6 { width: 55px; }
.sheet-items .sheet-col6 input { text-align:right; }
.sheet-items .sheet-col7 { width: 60px; }
.sheet-items .sheet-col8 { width: 50px; }
.sheet-items .sheet-row-stats .sheet-col0 { margin-left: 48px; width: calc(100% - 588px); }
.sheet-items .sheet-row-totals .sheet-col0 { width: calc(100% - 710px); }
.sheet-items .sheet-row-totals .sheet-col1 { width: 140px; }
.sheet-items .sheet-row-totals .sheet-col2 { width: 100px; }
.sheet-items .sheet-row-totals .sheet-col3 { width: 145px; }
.sheet-items .sheet-row-totals .sheet-col4 { width: 100px; }
.sheet-items .sheet-row-totals .sheet-col5 { width: 125px; }
.sheet-items .sheet-row-totals .sheet-col6 { width: 100px; }

/* -- highlight row -- */
.sheet-items .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
    display: none;
}

.sheet-items input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-items .sheet-toggle-notes {
    position: absolute;
    left: 0px;
}

.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-items input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
    background: #B7FFAA;    
}

.sheet-items .sheet-row-details.sheet-notebox {
    min-height: 110px;
    height: 100%;
}

.sheet-items .sheet-row-details.sheet-notebox .sheet-col-notebox {
    min-height: 110px;
    height: 100%;
    width: 100%;
}

/* -- Bold Carried Items -- */
input[name="attr_carried"][value="1"] ~ span.sheet-item-weight-total {
    font-weight: bold;
}

/* Text Area Box Styling */
.sheet-quick-inventory .sheet-header .sheet-col0 {
    padding-left: 6px;
}

.sheet-quick-inventory-textarea {
    box-sizing: border-box;
    float: left;
    padding: 5px;
    width: 100%;
    margin: 0;
}

.sheet-quick-inventory-textarea textarea {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 150px;
}


/* -- SPELLS -- */
.sheet-spells { 
    width: calc(100% - 0.4em); 
}

.sheet-spells .sheet-header {
    padding: 3px;
}

.sheet-spells .sheet-header.sheet-spell-stats-header {
    background: var(--box-bg);
    height: 34px;
}

.sheet-spells .sheet-header.sheet-spell-stats-header select {
    height: 25px;
    margin: 0;
}

.sheet-spells .sheet-header.sheet-spell-stats-header input {
    height: 25px;
}

.sheet-spells .sheet-header.sheet-spell-stats-header .sheet-margin-right {
    margin-right: 5px;
}

/* -- highlight row -- */
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-toggle-notes {
    display: none;
}

.sheet-spells input.sheet-toggle-highlight[type="checkbox"] {
    width: 16px;
    height: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
}

.sheet-spells .sheet-toggle-notes {
    position: absolute;
    left: 0px;
}

.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats,
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-stats input:enabled,
.sheet-spells input.sheet-toggle-highlight[type="checkbox"]:checked ~ .sheet-row-details {
    background: #B7FFAA;    
}

.sheet-spells input.sheet-checkbox[type="checkbox"] {
    opacity: 1;
    height: 16px;
}

.sheet-spells .sheet-col0 { width: calc(100% - 620px); }
.sheet-spells .sheet-col0 input { text-align:left; }
.sheet-spells .sheet-col1 { width: 25px; }
.sheet-spells .sheet-col1 input { text-align:left; }
.sheet-spells .sheet-col2 { width: 30px; }
.sheet-spells .sheet-col3 { width: 45px; }
.sheet-spells .sheet-col4 { width: 30px; }
.sheet-spells .sheet-col5 { width: 30px; }
.sheet-spells .sheet-col6 { width: 75px; }
.sheet-spells .sheet-col7 { width: 60px; }
.sheet-spells .sheet-col8 { width: 85px; }
.sheet-spells .sheet-col9 { width: 110px; }
.sheet-spells .sheet-col10 { width: 80px; }
.sheet-spells .sheet-col11 { width: 65px; }
.sheet-spells .sheet-col12 { width: 30px; }

.sheet-spells .sheet-tooltip-spell-time {
    margin-left: -80px;
}

.sheet-spells .sheet-tooltip-spell-ref {
    margin-left: -200px;
}

.sheet-spells .sheet-row-stats .sheet-col0 { margin-left: 44px; width: calc(100% - 667px); }

.sheet-spells .sheet-row-college .sheet-col0 { margin-left: 44px; width: calc(100% - 668px); }

.sheet-spells .sheet-row-college .sheet-cell.sheet-align-right {
    float: right;
}

.sheet-spells .sheet-row-college .sheet-cell.sheet-ref-label {
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-weight: bold;
}

.sheet-spells .sheet-spell-mod-notes {
    width: calc(100% - 355px);
}

.sheet-spells .sheet-text-college-width {
    width: 184px;
}

/* -- if edit mode, hide toggle notes -- */
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-spells .repcontainer.ui-sortable.editmode .sheet-toggle {
    opacity: 0;
    z-index: -1;
}

.sheet-spells .sheet-row-college .sheet-tooltip.sheet-alt-indent {
    margin-left: -15px;
}

.sheet-spells .sheet-row-details.sheet-notebox {
    min-height: 460px;
    height: 100%;
    padding: 0 4px;
}

.sheet-spells.sheet-spell-stats {
    height: 40px;    
}


/* -- Roll Templates -- */
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result {
    width: 100%;
    border: 1px solid;
    color: black;
    border-color: rgba(112, 32, 130,1);
    font-size: 12px;
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result th {
    color: darkred;
    padding: 2px;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    background: white;
}

.sheet-rolltemplate-rollStats .sheet-container table.sheet-result th {
    color: darkred;
    padding: 2px;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid black;
    font-size: 12px;
}

.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .sheet-roll-made-by .inlinerollresult {
    background: green;
    color: white;
    border: 2px solid green;
}

.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .sheet-roll-missed-by .inlinerollresult {
    background: red;
    color: white;
    border: 2px solid red;
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td.sheet-subhead {
    padding: 2px;
    border-bottom: 1px solid black;
    background: white;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result td {
    padding: 4px 2px;
    text-align: left;
    font-style: normal;
    /*border-bottom: 1px solid black;*/
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result td.sheet-label,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result td.sheet-label {
    width: 65px;
    line-height: 14px;
    font-weight: bold;
    /*border-bottom: 1px solid black;*/
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-damageType,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result span.sheet-damageType {
    font-style: italic;
    font-size: .9em;
    color: darkred;
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result tr:nth-child(odd),
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result tr:nth-child(odd) {
    background: rgba(217, 217, 214,1);
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result tr:nth-child(even),
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result tr:nth-child(even) {
    background: rgba(233, 233, 233,1);
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-success .inlinerollresult,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result span.sheet-success .inlinerollresult {
    background: green;
    color: white;
    border: 2px solid green;
}

.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result span.sheet-failure .inlinerollresult,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result span.sheet-failure .inlinerollresult {
    background: red;
    color: white;
    border: 2px solid red;
}

/* remove default crit and fail borders */
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-addToTracker .sheet-container table.sheet-result .inlinerollresult.importantroll,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-rollStats .sheet-container table.sheet-result .inlinerollresult.importantroll {
    border: none;
}

.sheet-rolltemplate-skillRoll .sheet-container hr.sheet-border {
    margin: 5px 0 5px 0;
    border-top: 1px solid var(--border-color);
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result {
    width: 100%;
    border: 1px solid;
    color: var(--main-text);
    border-color: rgba(112, 32, 130,1);
    font-size: 12px;
    line-height: 1.2em;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result p {
    font-size: 12px;
    font-family: "Proxima Nova","ProximaNova-Regular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result th {
    color: var(--header-text) !important;
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
    background: var(--header-bg);
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-subhead {
    padding: 4px;
    border-bottom: 1px solid black;
    background: var(--box-bg);
    font-size: 12px;
    font-weight: bold;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-subhead .sheet-normal {
    font-weight: normal;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td {
    padding: 5px 2px;
    /*border-bottom: 1px solid black;*/
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td.sheet-label {
    width: 45px;
    font-weight: bold;
    line-height: 14px;
    /*border-bottom: 1px solid black;*/
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result td span.sheet-ref-label {
    float: right;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-damageType {
    font-weight: bold;
    color: var(--highlight-text);
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-title {
    font-weight: bold;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result tr:nth-child(odd) {
    background: var(--odd-row-bg);
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result tr:nth-child(even) {
    background: var(--row-bg);
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-success .inlinerollresult {
    background: green;
    color: white;
    border: 2px solid green;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-success-text {
    background: green;
    color: white;
    margin-left: 10px;
    padding: 2px 5px;
    font-weight: bold;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-failure .inlinerollresult {
    background: red;
    color: white;
    border: 2px solid red;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-failure p,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result span.sheet-success p{
    margin: 6px 0 4px 0;
    line-height: 14px;
    font-size: 11px;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-failure-text {
    background: red;
    color: white;
    margin-left: 10px;
    padding: 2px 5px;
    font-weight: bold;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-failure-note-label {
    font-weight: bold; 
    font-style: italic;    
}


.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-effective-skill .inlinerollresult {
    background: black;
    border: 2px solid black;
    color: white;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .sheet-damage-roll .inlinerollresult {
    background: darkred;
    border: 2px solid darkred;
    color: white;
}

.sheet-rolltemplate-skillRoll .sheet-tool-modifier-title {
    text-align: center; 
    font-weight: bold;
}

.sheet-rolltemplate-skillRoll .sheet-tool-modifier-title.sheet-highlight-red {
    color: white;
    background-color: red;
}

.sheet-rolltemplate-skillRoll .sheet-tool-modifier-title.sheet-short-row {
    height: 0px;
}


.sheet-rolltemplate-skillRoll .sheet-alert-notice {
    color: red;
}


/* remove default crit and fail borders */
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.fullfail,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.fullcrit,
.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result .inlinerollresult.importantroll {
    border: none;
}

.sheet-rolltemplate-skillRoll .sheet-recoil-margin {
    margin-right: 5px;
}

.sheet-rolltemplate-skillRoll .sheet-normal-text-content .inlinerollresult {
    font-weight: normal;
    background-color: transparent;
    border: none;
    color: var(--main-text);
    font-size: 12px;
    line-height: 1em;
    padding: 0;
}

/* -- spell grid -- */
.sheet-rolltemplate-spell-grid {
    display: grid;
    grid-template-columns: 40px 75px 40px auto;
}

.sheet-rolltemplate-spell-grid .sheet-label {
    font-weight: bold;
}

/**********************************/
/* Custom rolltemplate for macros */

/* see: https://wiki.roll20.net/Building_Character_Sheets/Roll_Templates */
.withoutavatars .sheet-rolltemplate-macro {
    margin-left: -7px;
}

.sheet-rolltemplate-macro .sheet-container {
    border: 1px solid;
    border-color: var(--border-color);
	border-radius: 3px 3px 3px 3px;
}

.sheet-rolltemplate-macro .sheet-header {
	text-align: left;
	padding: 0;
}

.sheet-rolltemplate-macro .sheet-header .sheet-text {
    padding: 5px;
}

.sheet-rolltemplate-macro .sheet-header .sheet-title {
    color: var(--header-text);
    background-color: var(--header-bg);
	font-size: 1.1em;
    font-weight: bold;
}

.sheet-rolltemplate-macro .sheet-header .sheet-subtitle {
    color: var(--secondary-highlight);
    background: var(--odd-row-bg);
    font-size: .9em;
    font-weight: bold;
    border-bottom: 1px solid black;
}

  /* Allprops part */
.sheet-rolltemplate-macro .sheet-content {
    display: grid;
    background: var(--sheet-bg);
    /* Header formatting - modify the column layout below */
    grid-template-columns: 40% auto;
    /* Line height to match default roll template */
    line-height:1.2em;
}

.sheet-rolltemplate-macro .sheet-content > div {
    padding: 5px;
}
  
/* Left column */
.sheet-rolltemplate-macro .sheet-content .sheet-key {
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}
  
/* Empty rule, use this if you want to change the right column 
.sheet-rolltemplate-custom .sheet-value {
}
*/
  
/* Make even-numbered rows grey */
.sheet-rolltemplate-macro .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-macro .sheet-content :nth-child(4n) {
    background: var(--row-bg);
}

/* Description field */
.sheet-rolltemplate-macro .sheet-content .sheet-desc {
    grid-column: span 2;
    padding: 5px;
    text-align: left;
}

/* die styles */
/* remove default crit and fail borders */
.sheet-rolltemplate-macro .inlinerollresult,
.sheet-rolltemplate-macro .inlinerollresult.fullfail,
.sheet-rolltemplate-macro .inlinerollresult.fullcrit,
.sheet-rolltemplate-macro .inlinerollresult.importantroll {
    background: blue;
    color: white;
    border: 2px solid blue;
}

.sheet-rolltemplate-macro .sheet-roll .inlinerollresult {
    background: green;
    color: white;
    border: 2px solid green;
}

.sheet-rolltemplate-macro .sheet-target .inlinerollresult {
    background: black;
    border: 2px solid black;
    color: white;
}

/* rolltemplate dnd5e */

.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-header .sheet-title {
    font-variant: small-caps;
    font-size: 1.2em;
    background: white;
    color: rgb(126, 45, 64);
    font-family: "Times New Roman", Times, serif;
}

.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-header .sheet-subtitle {
    font-style: italic;
    font-size: 1em;
    border-bottom: none;
    background: white;
    color: black;
    font-family: "Times New Roman", Times, serif;
}

.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-arrow-right {
    border-bottom: 2px solid transparent;
    border-left: 180px solid rgb(126, 45, 64);
    border-top: 2px solid transparent;
    background: white;
    padding: 2px;
}

/* Make even-numbered rows grey */
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-macro .sheet-template-dnd5e .sheet-content :nth-child(4n) {
    background: white;
}

/* rolltemplate pathfinder */

.sheet-rolltemplate-macro .sheet-template-pathfinder {
    background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
}

.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-header .sheet-title {
    text-transform: uppercase;
    font-family: "Arial", Helvetica, sans-serif;
    color: rgb(233, 223, 151);
    background-color: rgb(63, 32, 33);
}

.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-header .sheet-subtitle {
    font-style: italic;
    font-family: "Arial", Helvetica, sans-serif;
    color: rgb(233, 223, 151);
    background-color: rgb(63, 32, 33);
    border-bottom: none;
}

.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-content {
    background: transparent;
}

/* Make even-numbered rows grey */
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-macro .sheet-template-pathfinder .sheet-content :nth-child(4n) {
    background: transparent;
}

/* rolltemplate columnlayout */
.sheet-rolltemplate-columnlayout .sheet-container {
    border: 1px solid;
    border-color: var(--border-color);
    border-radius: 3px 3px 3px 3px;
    background: var(--sheet-bg);
}

.sheet-rolltemplate-columnlayout label {
    font-weight: bold;
    margin-bottom: 0;
}

.sheet-rolltemplate-columnlayout .sheet-grid-3-column-auto {
    display: grid;
    grid-template-columns: auto auto auto;
}

.sheet-rolltemplate-columnlayout .sheet-grid-4-column-auto {
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.sheet-rolltemplate-columnlayout .sheet-grid-5-column-auto {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}

.sheet-rolltemplate-columnlayout .sheet-header__bg {
    background-color: white;
}

.sheet-rolltemplate-columnlayout .sheet-data__item {
    background: var(--row-bg);
    border-top: 1px solid var(--border-color);
}

.sheet-rolltemplate-columnlayout .sheet-grid__padding .sheet-grid-item {
    padding: 5px;
}


/*************************/
/* damage type notes box */
.sheet-damage-type-notes {
    margin: 10px;
    width: 250px;
}

.sheet-damage-type-notes h3 {
    text-align: center;
}

.sheet-damage-type-notes .sheet-toggle-notes {
    margin: 10px 0 10px 0;
}

.sheet-damage-type-notes th {
    vertical-align: top;
    font-size: 1.1em;
}


.sheet-damage-type-notes td {
    vertical-align: top;
    text-align: left;
}

.sheet-damage-type-notes textarea {
    margin-right: 10px;
    width: 180px;
    height: 75px;
    font-size: 11px;
    line-height: 14px;
}

.sheet-damage-type-notes textarea.sheet-defensive-notes {
    width: 228px;
    height: 198px;
}

.sheet-mark-updates-as-read {
    margin: 10px 0;
}

.sheet-mark-updates-as-read span {
    color: var(--highlight-text);
    font-weight: bold;
}

/* -- FOOTER -- */
.sheet-logo {
    text-align: center; 
    margin-top: 10px; 
    clear: both;
}

.sheet-logo div.sheet-control {
    margin-bottom: 10px;
}

button.sheet-no-decoration {
    border: none;
    background: none;
    text-decoration: underline;
}

button[type=roll].sheet-no-decoration::before {
    content: none;
}

/** roll modifier dialog box                       **/
/** see: https://webdevtrick.com/css-modal-box/    **/

.sheet-margin-left-small {
    margin-left: 5px;
}

/* roll modifier button tools used outside of modal box */

/* roll modifier status */
.sheet-number-input input.sheet-modifier-status[value="positive"] ~ input.sheet-final-modifier {
    background-color: blue !important;
    color: white;
}

.sheet-number-input input.sheet-modifier-status[value="negative"] ~ input.sheet-final-modifier {
    background-color: red !important;
    color: white;
}

.sheet-roll-modifiers .sheet-number-input {
    width: 30px;
}

.sheet-roll-modifiers .sheet-cell-popup div {
    float: left;
    width: auto;
}

.sheet-roll-modifiers .sheet-cell-popup div.sheet-popup {
    padding-left: 5px;
}

.sheet-roll-modifiers input[type="checkbox"],
.sheet-roll-modifiers-table input[type="checkbox"] {
    width: 16px!important;
    opacity: 1;
}

.sheet-roll-modifiers-table input[type="checkbox"]  {
    margin-top: 0;
}

.sheet-roll-modifiers-table .sheet-popup {
    margin-top: -2px;
}

.sheet-roll-modifiers button[type="action"] {
    background: none;
    line-height: 20px;
    height: 20px;
    width: 20px;
}

.sheet-roll-modifier-button {
    margin: 0 !important;
    height: 12px;
    border-radius: 0;
    border: none;
}

.sheet-reset-button {
    margin: 0 !important;
    height: 12px;
    border-radius: 0;
    border: none;
}

.sheet-roll-modifiers-table button[type="action"],
button[type="action"].sheet-roll-modifier-button,
button[type="action"].sheet-reset-button {
    background: none;
}


.sheet-roll-modifiers button[type="action"] span,
.sheet-roll-modifiers-table button[type="action"] span,
button[type="action"].sheet-roll-modifier-button span,
button[type="action"].sheet-reset-button span {
    display: none;
}

.sheet-roll-modifiers button[type="action"]::before,
.sheet-roll-modifiers-table button[type="action"]::before,
button[type="action"].sheet-roll-modifier-button::before,
button[type="action"].sheet-reset-button::before {
    font-family: "Pictos";
    content: "W";
    font-size: 24px;
}

button.sheet-tool-modifier-reset[type="action"]::before,
button.sheet-tool-modifier-reset[type="action"]::before {
    font-family: "Pictos";
    content: "0";
    font-size: 24px;
    color: red;
}


/* Roll Modifier Tool - Modal box */

/* activate :before to prevent access to lower elements */
input[type="hidden"][name="attr_show_roll_modifiers"][value="1"] ~ .sheet-modal:before {
    display: block;
}

/* move the model dialog into place */
input[type="hidden"][name="attr_show_roll_modifiers"][value="1"] ~ .sheet-modal .sheet-modal-dialog {
    transform: translate(0, 0);
    top: 10%;
}
    
/* when active disable elements underneath this box */
.sheet-modal:before {
    content: "";
    display: none;
    background: rgba(228, 165, 174, 0.315);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}

.sheet-modal-dialog {
    background: #fefefe;
    border: #333333 solid 0px;
    border-radius: 5px;
    margin-left: -432px;
    text-align:center;
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 21;
    width: 800px;
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
    transform: translate(0, -500%);
    transition: transform 0.3s ease-out;
  }

.sheet-modal-body {
    padding: 0 10px 10px 10px;
}

.sheet-modal-header {
    padding: 0 10px 0 10px;
}

.sheet-modal-footer {
    padding: 0 10px 10px 10px;
}

.sheet-modal-header {
    border-bottom: #eeeeee solid 1px;
}

.sheet-modal-header h2 {
    font-size: 20px;
}

.sheet-modal-header .sheet-close-button {
    float: right;
}

.sheet-modal-body hr {
    margin: 3px 0 3px 0;
}

.sheet-modal-body .sheet-modal-main-content {
    height: 330px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/**
 * tooltip style
 * see: https://www.w3schools.com/css/css_tooltip.asp 
 */

.sheet-modal .sheet-tooltip {
    color: var(--highlight-text);
    line-height: 22px;
    position: relative;
    display: inline-block;
}

.sheet-modal .sheet-tooltip .sheet-tooltiptext {
    visibility: hidden;
    width: 200px;
    background: #66ffff;
    color: #111;
    line-height: 14px;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 0;
    border: 2px solid var(--border-color);
    box-shadow: 5px 10px 8px #888888;
}
  
.sheet-modal .sheet-tooltip .sheet-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
  
/* fit tooltip when located to right-hand side of dialog box */
.sheet-modal .sheet-tooltip .sheet-tooltiptext.sheet-move-left {
    left: 0;
    margin-left: -171px;
}

.sheet-modal .sheet-tooltip .sheet-tooltiptext.sheet-move-left::after {
    left: 180px;
}

.sheet-modal .sheet-tooltip:hover .sheet-tooltiptext {
    visibility: visible;
}

/* display selected sections of roll modifier box */
.sheet-modal-main-content input[name="attr_display_visibility_section"][value="0"] ~ div.sheet-visiblity {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_afflictions_section"][value="0"] ~ div.sheet-afflictions {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_tasks_section"][value="0"] ~ div.sheet-tasks {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_equipment_section"][value="0"] ~ div.sheet-equipment {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_attack_section"][value="0"] ~ div.sheet-attack {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_melee_maneuvers_section"][value="0"] ~ div.sheet-melee-maneuvers {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_melee_maneuvers_section"][value="0"] ~ .sheet-tooltiptext.sheet-melee {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_ranged_maneuvers_section"][value="0"] ~ div.sheet-ranged-maneuvers {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_ranged_maneuvers_section"][value="0"] ~ .sheet-tooltiptext.sheet-ranged {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_defense_maneuvers_section"][value="0"] ~ div.sheet-defense-maneuvers {
    display: none;
}

.sheet-modal-main-content input[name="attr_display_spell_modifiers_section"][value="0"] ~ div.sheet-spell-modifiers {
    display: none;
}

/* display hit location drop-down based on hit location type */
.sheet-modal-main-content select.sheet-hit-location {
    display: none;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="humanoid"] ~ select[name="attr_humanoid_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="arachnoid"] ~ select[name="attr_arachnoid_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="avian"] ~ select[name="attr_avian_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="cancroid"] ~ select[name="attr_cancroid_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="centaur"] ~ select[name="attr_centaur_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="hexapod"] ~ select[name="attr_hexapod_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="quadruped"] ~ select[name="attr_quadruped_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="humanoid_low_tech"] ~ select[name="attr_humanoid_low_tech_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="humanoid_martial_arts"] ~ select[name="attr_humanoid_martial_arts_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="ichthyoid"] ~ select[name="attr_ichthyoid_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="octopod"] ~ select[name="attr_octopod_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="vehicle"] ~ select[name="attr_vehicle_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="vermiform"] ~ select[name="attr_vermiform_location"] {
    display: block;
}

.sheet-modal-main-content input[name="attr_hit_location_type"][value="weapon"] ~ select[name="attr_weapon_location"] {
    display: block;
}

/* CSS Grid containers */

.sheet-modal-body .sheet-modal-main-content .sheet-section {
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;
}

.sheet-modal-body .sheet-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 2px;
    padding: 2px;
    justify-content: start;
}

.sheet-modal-body .sheet-container.sheet-aiming-stats {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
    grid-gap: 2px;
    padding: 2px;
    justify-content: start;
}

.sheet-modal-body .sheet-container > div {
    padding: 2px 5px 2px 5px;
    text-align: left;
}

.sheet-modal-body .sheet-container > div select {
    margin-bottom: 0;
}

.sheet-modal-body .sheet-container > div select.sheet-medium-width {
    width: 200px;
}

.sheet-modal-body .sheet-container > div select,
.sheet-modal-body .sheet-container > div input {
    height: 26px;
}

.sheet-modal-body .sheet-container > div input:disabled,
.sheet-modal-body .sheet-container > div input:read-only {
    background: var(--input-disabled-bg);
}

.sheet-modal-body .sheet-container > div input[type="checkbox"] {
    height: 16px;
    width: 16px;
}

.sheet-modal-body .sheet-container .sheet-item .sheet-block {
    clear: both;
}

.sheet-modal-body .sheet-container .sheet-item .sheet-block.sheet-add-min-height {
    min-height: 28px;
}

.sheet-modal-body .sheet-container .sheet-item .sheet-block.sheet-reason-for-mod div {
    float: left;
}

.sheet-modal-body .sheet-container .sheet-item .sheet-block.sheet-reason-for-mod div textarea {
    height: auto;
    width: 265px;
    margin-bottom: 0;
}

.sheet-modal-body .sheet-container .sheet-item.sheet-full-width {
    grid-column-start: 1;
    grid-column-end: 6;
    text-align: left;
}

.sheet-modal-body .sheet-container .sheet-item.sheet-border-left {
    border-left: 1px solid #ddd;
}

.sheet-modal-body .sheet-container .sheet-item.sheet-border-right {
    border-right: 1px solid #ddd;
}


.sheet-modal-body .sheet-container .sheet-item.sheet-item3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
}

.sheet-modal-body .sheet-container .sheet-item.sheet-item7-8 {
    grid-column-start: 2;
    grid-column-end: 4;
}

.sheet-modal-body .sheet-container.sheet-aiming-stats .sheet-item.sheet-item1-5 {
    grid-column-start: 1;
    grid-column-end: 5;
    text-align: left;
}

.sheet-modal-body .sheet-container.sheet-aiming-stats .sheet-item.sheet-item6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    text-align: center;
    border-left: 1px solid #ddd;
}

.sheet-modal-body .sheet-container .sheet-item.sheet-item2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
}

.sheet-modal-body .sheet-container .sheet-item.sheet-item8-9 {
    grid-column-start: 4;
    grid-column-end: 5;
}

.sheet-modal-body .sheet-container .sheet-item .sheet-select-hit-location {
    width: 170px;
}

.sheet-modal-body .sheet-container input[name="attr_hit_location"] {
    width: 550px;
}

.sheet-modal-body .sheet-container .sheet-item label {
    font-weight: normal;
    font-size: inherit;
    margin: 0;
    padding: 0;
}

.sheet-modal-body .sheet-container .sheet-item label > div {
    float: left;
    margin-right: 5px;
}

.sheet-modal-body .sheet-container .sheet-item select {
    width: 100%;
}

.sheet-modal-body .sheet-container .sheet-item select.sheet-number-only-width {
    width: 4em;
}

.sheet-modal-body .sheet-container .sheet-item h4.sheet-font-color-red {
    color: var(--highlight-text);
}

/* button styles */
.sheet-modal .sheet-btn {
    background: #e60023;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
}

.sheet-modal .sheet-btn:hover {
    background: #c72339;
}

.sheet-modal .sheet-btn.sheet-close {
    min-width: 9px;
    font-weight: bold;
    background: none;
    border: none;
    color: #cccccc;
    font-size: 19px;
}

.sheet-modal .sheet-btn.sheet-close:hover {
    background: #e0dfdf;
    color: #415063;
}

.sheet-modal .sheet-btn.sheet-btn-big {
    font-size: 18px;
    padding: 15px 20px;
    min-width: 100px;
}

.sheet-modal .sheet-btn-close {
    color: #e60023;
    font-size: 30px;
    text-decoration: none;
    padding:10px;
    position: absolute;
    right: 7px;
    top: 0;
}

.sheet-modal .sheet-btn-close:hover {
    color: #333;
}

/** Combat sub-tabs **/

.sheet-tabbed {
    width: 98%;
    height: 100%;
}

.sheet-tabbed label input.sheet-tab-control {
    display: none;
}

.sheet-tabbed > label > span {
    display: block;
    float: left;
    padding: 5px 10px;
    margin-right: 5px;
    cursor: pointer;
    transition: background-color .3s;
    font-size: 12px;
    text-transform: lowercase;
    font-variant: small-caps;
}

.sheet-tabbed > label > span:hover,
.sheet-tabbed > label > input:checked + span {
    background: var(--input-disabled-bg);
}

.sheet-tabbed > label > input:not(:checked) + span {
    color: var(--highlight-text);
    background: var(--tabbed-header-bg);
}

.sheet-tabs {
    clear: both;
    border-top: 2px solid var(--input-disabled-bg);
}

.sheet-tabs > div {
    width: 100%;
    padding: 5px 0 0 0;
    line-height: 1.4em;
    display: none;
}

.sheet-tabs > div.sheet-tabbed-header {
    display: block;
}

input[name="attr_combat_tabs"][value="damage"] ~ .sheet-tabs > div:nth-of-type(2),
input[name="attr_combat_tabs"][value="defense"] ~ .sheet-tabs > div:nth-of-type(3),
input[name="attr_combat_tabs"][value="melee"] ~ .sheet-tabs > div:nth-of-type(4),
input[name="attr_combat_tabs"][value="ranged"] ~ .sheet-tabs > div:nth-of-type(5),
input[name="attr_combat_tabs"][value="tools"] ~ .sheet-tabs > div:nth-of-type(6) {
  display: block;
}

input[name="attr_bio_tabs"][value="bio"] ~ .sheet-tabs > div:nth-of-type(1),
input[name="attr_bio_tabs"][value="reactions"] ~ .sheet-tabs > div:nth-of-type(2),
input[name="attr_bio_tabs"][value="training"] ~ .sheet-tabs > div:nth-of-type(3),
input[name="attr_bio_tabs"][value="campaign"] ~ .sheet-tabs > div:nth-of-type(4) {
  display: block;
}

/* hit points and movement section of combat tab */
.sheet-tabbed-header .sheet-container {
    display: grid;
    grid-template-columns: auto auto;
    width: 98%;
    justify-content: start;
}

/* thrust/swing is initially invisible */
.sheet-tabbed-header .sheet-container > .sheet-item3 {
    display: none;
}

/* if melee or ranged show thrust/swing */
input[name="attr_combat_tabs"][value="melee"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container > .sheet-item3,
input[name="attr_combat_tabs"][value="ranged"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container > .sheet-item3 {
    display: block;
}

/* if melee or ranged temple has 3 columns */
input[name="attr_combat_tabs"][value="melee"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container,
input[name="attr_combat_tabs"][value="ranged"] ~ .sheet-tabs .sheet-tabbed-header .sheet-container {
    grid-template-columns: auto auto auto;
}

.sheet-tabbed-header .sheet-container .sheet-item {
    text-align: center;
    background: var(--tabbed-header-bg);
}

.sheet-tabbed-header .sheet-hit-points {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2px;
    justify-content: start;
    border-right: 2px solid var(--header-bg);
}

.sheet-tabbed-header .sheet-movement-table {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    grid-gap: 2px;
    justify-content: start;
    border-right: 2px solid var(--header-bg);
}

.sheet-tabbed-header .sheet-thrust-swing-damage {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 2px;
    justify-content: start;
}

.sheet-tabbed-header .sheet-popup > span {
    text-transform: lowercase;
    font-variant: small-caps;
    font-weight: bold;
}

.sheet-tabbed-header input {
    width: 62px;
    margin: 0 2px;
    text-align: center;
}

.sheet-tabbed-header input[readonly="readonly"] {
    background: var(--input-disabled-bg);
}

.sheet-tabbed-header .sheet-thrust-swing-damage input {
    width: 55px;
}

.sheet-tabbed-header .sheet-load input {
    width: 70px;
}

/* ---------------------------------- */
/* Options Tab > sub tabs             */
input[name="attr_options_tabs"][value="sheet"] ~ .sheet-tabs.sheet-options > div:nth-of-type(1),
input[name="attr_options_tabs"][value="rules"] ~ .sheet-tabs.sheet-options > div:nth-of-type(2),
input[name="attr_options_tabs"][value="import"] ~ .sheet-tabs.sheet-options > div:nth-of-type(3),
input[name="attr_options_tabs"][value="import-json"] ~ .sheet-tabs.sheet-options > div:nth-of-type(4) {
  display: block;
}

/* ---------------------------------- */
/* Help Tab > Options Tab > sub tabs             */
input[name="attr_help_tabs"][value="get-started"] ~ .sheet-tabs.sheet-options > div:nth-of-type(1),
input[name="attr_help_tabs"][value="general"] ~ .sheet-tabs.sheet-options > div:nth-of-type(2),
input[name="attr_help_tabs"][value="traits"] ~ .sheet-tabs.sheet-options > div:nth-of-type(3),
input[name="attr_help_tabs"][value="bio"] ~ .sheet-tabs.sheet-options > div:nth-of-type(4),
input[name="attr_help_tabs"][value="skills"] ~ .sheet-tabs.sheet-options > div:nth-of-type(5),
input[name="attr_help_tabs"][value="combat"] ~ .sheet-tabs.sheet-options > div:nth-of-type(6),
input[name="attr_help_tabs"][value="inventory"] ~ .sheet-tabs.sheet-options > div:nth-of-type(7),
input[name="attr_help_tabs"][value="grimoire"] ~ .sheet-tabs.sheet-options > div:nth-of-type(8),
input[name="attr_help_tabs"][value="gear"] ~ .sheet-tabs.sheet-options > div:nth-of-type(9),
input[name="attr_help_tabs"][value="other"] ~ .sheet-tabs.sheet-options > div:nth-of-type(10) {
  display: block;
}


/* ---------------------------------- */
/* Combat tab : Damage tab. Flex Grid */

/* --------------------------------------- */
/* grid to select armor layer's to display */
.sheet-armor-layer-controller-grid {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
    width: 100%;
    grid-gap: 4px;
    padding: 2px;
    justify-content: start;
}

.sheet-armor-layer-controller-grid .sheet-item select {
    width: auto;
    margin: 0;
}

.sheet-armor-layer-controller-grid .sheet-flexible-armor {
    font-style: italic;
    font-size: 12px;
}

.sheet-armor-layer-controller-grid .sheet-item {
    line-height: 1.8em;
}

.sheet-armor-layer-controller-grid .sheet-hit-location-notes {
    height: 42px;
    line-height: 14px;
    font-size: 12px;
    margin: 0;
    width: 321px;
}

/* headings */
.sheet-armor-layer-controller-grid .sheet-item.sheet-heading {
    font-weight: bold;
}

.sheet-armor-layer-controller-grid .sheet-item .sheet-popup {
    background: var(--tabbed-header-bg);
}

.sheet-armor-layer-controller-grid .sheet-item label {
    margin: 0;
    font-weight: normal;
    font-size: 13px;
}

.sheet-armor-layer-controller-grid .sheet-item label > div {
    float: left;
    margin-right: 5px;
}

/* grid for hit location header and repeating section */
.sheet-hit-location-container {
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid black;
}

.sheet-hit-location-container .sheet-item div.sheet-front,
.sheet-hit-location-container .sheet-item div.sheet-back {
    width: 72px;
}

.sheet-hit-location-container input[name="attr_toggle_notes"][value="0"] ~ .sheet-expandable-section {
    display: none;
}

/* --------------------------------------------------- */
/* by default columns layer 2-4 are hidden, only show  */
.sheet-hit-location-grid {
    display: grid;
    grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content;
    grid-gap: 0;
    padding: 0;
}

.sheet-hit-location-grid .sheet-highlight-input {
    border: 1px solid var(--highlight-text);
    box-shadow: 2px 2px 2px #8b8b8b;
}

/* by default, hide layer 2,3,4 */
.sheet-hit-location-grid .sheet-layer-2,
.sheet-hit-location-grid .sheet-layer-3,
.sheet-hit-location-grid .sheet-layer-4,
.sheet-hit-location-grid .sheet-summary {
    display: none;
}

/* show armor layer 2 & summary */
input[name="attr_armor_layers"][value="2"] ~ .sheet-hit-location-grid, 
input[name="attr_armor_layers"][value="2"] ~ .repcontainer .repitem .sheet-hit-location-grid {
    grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content max-content max-content;
}

input[name="attr_armor_layers"][value="2"] ~ .sheet-hit-location-grid .sheet-layer-2, 
input[name="attr_armor_layers"][value="2"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="2"] ~ .sheet-hit-location-grid .sheet-summary, 
input[name="attr_armor_layers"][value="2"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-summary {
    display: block;
}

/* show armor layer 2-3 & summary */
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid, 
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid {
    grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content max-content max-content max-content;
}

input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid .sheet-layer-2, 
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid .sheet-layer-3, 
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-3,
input[name="attr_armor_layers"][value="3"] ~ .sheet-hit-location-grid .sheet-summary, 
input[name="attr_armor_layers"][value="3"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-summary {
    display: block;
}

/* show armor layer 2-4 & summary */
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid, 
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid {
    grid-template-columns: 25px 90px 43px 43px 43px 50px 43px 43px max-content max-content max-content max-content max-content;
}

input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-layer-2, 
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-2,
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-layer-3, 
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-3,
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-layer-4, 
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-layer-4,
input[name="attr_armor_layers"][value="4"] ~ .sheet-hit-location-grid .sheet-summary, 
input[name="attr_armor_layers"][value="4"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-summary {
    display: block;
}

.sheet-hit-location-grid .sheet-item.sheet-grid-header {
    border-bottom: 1px solid #ccc;
    vertical-align: bottom;
    text-align: center;
}

.sheet-hit-location-grid .sheet-item.sheet-grid-header > .sheet-popup {
    background: var(--tabbed-header-bg);
}

.sheet-hit-location-grid .sheet-item.sheet-grid-header > span,
.sheet-hit-location-grid .sheet-item.sheet-grid-header > div.sheet-popup {
    font-weight: bold;
}

.sheet-hit-location-grid .sheet-item.sheet-grid-header > span.sheet-tooltip {
    font-weight: normal;
    margin-left: 0;
}

.sheet-hit-location-grid .sheet-item.sheet-layer .sheet-front {
    float: left;
    width: 100%;
}

.sheet-hit-location-grid .sheet-item.sheet-layer .sheet-back {
    float: left;
    width: 50%;
}

.sheet-hit-location-grid .sheet-item input {
    width: 100%;
    background: var(--input-bg);
    padding: 1px;
    line-height: 15px;
    font-size: 12px;
}

.sheet-hit-location-grid .sheet-item input[type="checkbox"] {
    width: auto;
}

.sheet-hit-location-grid .sheet-item input[readonly="readonly"],
.sheet-hit-location-grid .sheet-item input[disabled="disabled"] {
    background: var(--input-disabled-bg);
    text-align: center;
}

.sheet-hit-location-grid .sheet-item.sheet-layer-1,
.sheet-hit-location-grid .sheet-item.sheet-layer-3, 
.sheet-hit-location-grid .sheet-item.sheet-summary {
    background: rgb(233, 233, 233);
}

.sheet-hit-location-grid .sheet-item {
    padding: 2px;
}

/* set default width of layer columns */
.sheet-hit-location-grid .sheet-item.sheet-layer {
    width: 84px;
}

.sheet-hit-location-grid .sheet-item.sheet-layer.sheet-summary {
    width: 120px;
}

/* hide header front/back labels. Hide back armor input textbox by default */
.sheet-hit-location-grid .sheet-grid-header div.sheet-front,
.sheet-hit-location-grid .sheet-grid-header div.sheet-back,
.sheet-hit-location-grid .sheet-grid-header h4.sheet-spacer,
.repcontainer .repitem .sheet-hit-location-grid .sheet-item div.sheet-back {
    display: none;
}

/* wounds and notes grid for damage table */
.sheet-hit-location-notes-grid {
    display: grid;
    grid-template-columns: 51px 300px 40px 300px;
    grid-gap: 2px;
    padding: 5px 0 5px 0;
}

.sheet-hit-location-notes-grid .sheet-item > .sheet-popup {
    background: var(--tabbed-header-bg);
}

/* show/hide hit location layer labels */
.sheet-hit-location-container .sheet-item > .sheet-layer-label > span {
    display: none;
}

input[name="attr_hit_location_layer_use_custom_labels"][value="0"] ~ .sheet-item .sheet-layer-label span.sheet-default {
    display: inline-block;
}

input[name="attr_hit_location_layer_use_custom_labels"][value="1"] ~ .sheet-item .sheet-layer-label span.sheet-custom {
    display: inline-block;
}

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

input[type="text"].sheet-textbox-full-width {
    width: 100%;
}

/* show layers based on select option */

/* if checked, increase default width of layer columns */
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-item.sheet-layer,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item.sheet-layer {
    width: 169px;
}

input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-item.sheet-layer.sheet-summary,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item.sheet-layer.sheet-summary {
    width: 240px;
}

/* If "show back armor" is checked, show header front/back labels. show back armor input textbox by default */
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-grid-header div.sheet-front,
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-grid-header div.sheet-back,
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-grid-header h4.sheet-spacer,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item div.sheet-back {
    display: block;
}

/* if "show back armor" is checked, change the front divs to 50% */
input[name="attr_armor_show_back"][value="on"] ~ .sheet-hit-location-grid .sheet-item div.sheet-front,
input[name="attr_armor_show_back"][value="on"] ~ .repcontainer .repitem .sheet-hit-location-grid .sheet-item div.sheet-front {
    width: 50%;
}

/*************************************************************/
/* Checkbox Switch                                           */

/* sample html
<div class="custom-checkbox">
    <label class="switch">
        <input type="checkbox" name="attr_select_token" />
        <span class="icon select"></span>
    </label>
</div>
*/

.sheet-speed-range-images .sheet-group {
    margin: 5px 0 5px 5px;
}

.sheet-speed-range-images .sheet-group > div {
    float: left;
    line-height: 24px;
}

.sheet-speed-range-images .sheet-group .sheet-popup span {
    font-weight: bold;
}

.sheet-speed-range-images .sheet-group div.sheet-select-popup {
    margin-right: 5px;
}

/* see: https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
.sheet-custom-checkbox label {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
}

.sheet-custom-checkbox .sheet-switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
}

/* Hide default HTML checkbox */
.sheet-custom-checkbox .sheet-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.sheet-custom-checkbox .sheet-switch .sheet-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}

.sheet-custom-checkbox .sheet-switch .sheet-icon.sheet-select:before {
    font-family: "Pictos";
    content: "~";
    font-size: 24px;
    color: lightgray;
}

.sheet-custom-checkbox .sheet-switch input:checked ~ .sheet-icon.sheet-select:before {
    color: green;
}

.sheet-custom-checkbox .sheet-switch .sheet-icon.sheet-target:before {
    font-family: "Pictos Custom";
    content: "[";
    font-size: 24px;
    color: lightgray;
}

.sheet-custom-checkbox .sheet-switch input:checked ~ .sheet-icon.sheet-target:before {
    color: green;
}

/*******************************/
/* tool modifier summary notes */
.sheet-summary-group .sheet-summary {
    display: none;
}

.sheet-summary-group div.sheet-icon {
    cursor: pointer;
}

.sheet-summary-group div.sheet-icon span {
    display: none;
}

.sheet-summary-group div.sheet-icon:before {
    font-family: "Pictos";
    content: "F";
    font-size: 22px;
}

.sheet-summary-group div.sheet-icon:hover ~ .sheet-summary {
    width: auto;
    height: auto;
    white-space: normal;
    display: inline !important;
    position: absolute;
    color: #111;
    border: 2px solid var(--border-color);
    border-radius: 5px;
    background: #66ffff;
    line-height: 1.5em;
    font-size: 11px;
    box-shadow: 5px 10px 8px #888888;
    z-index: 10;
    padding: 4px;
    text-align: left;
    margin-left: -40px;
    width: 250px;
}

.sheet-summary-group textarea.sheet-hit-location-summary {
    width:95%;
    height:18px;
}

.sheet-summary-group textarea.sheet-all-out-attack-summary {
    width:95%;
    height:18px;
}

.sheet-summary-group textarea.sheet-maneuver-summary {
    width:95%;
    height:18px;
}

.sheet-summary-group textarea.sheet-trait-summary {
    width:95%;
    height:50px;
}

.sheet-summary-group textarea.sheet-roll-summary {
    width:95%;
    height:100px
}

/* Importer Tab */

/* --- controls --- */
.sheet-grid-import-controls {
    display: grid;
    grid-template-columns: auto auto auto 1fr auto;
}

.sheet-grid-standard textarea.sheet-json-data {
    height: 150px;
    overflow-y: scroll;
}

div.sheet-gca5-instructions,
div.sheet-gcs-instructions {
    display: none;
}

input[name="attr_gca5_instructions_toggle"][value="1"] ~ div.sheet-gca5-instructions {
    display: block;
}

input[name="attr_gcs_instructions_toggle"][value="1"] ~ div.sheet-gcs-instructions {
    display: block;
}

button[name="act_import_delete_tables"] {
    width: 83px;
}

.sheet-importer {
    width: 65%;
    float: left;
}

.sheet-importer .sheet-json-data {
    width: 100%;
}

.sheet-importer .sheet-controls {
    clear: both;
    margin-top: 10px;
}

.sheet-importer .sheet-controls .sheet-import-reset {
    float: right;
}

.sheet-importer .sheet-controls .sheet-import-button {
    float:left; 
    margin-right: 10px;
}

.sheet-importer .sheet-controls .sheet-import-message {
    float:left; 
    margin-right: 10px;
}

.sheet-importer .sheet-controls .sheet-import-option .sheet-import-notes {
    float:left; 
}

.sheet-importer .sheet-controls .sheet-import-option .sheet-import-notes-popup {
    margin-left: 17px; 
}

.sheet-importer .sheet-tips {
    clear: both;
    margin-top: 20px;
}

.sheet-clearfix::after { 
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

input[name="attr_import_confirm_delete_tables"][value="0"] ~ button[name="act_import_delete_tables"] {
    background-color: gray;
}

input[name="attr_import_confirm_delete_tables"][value="1"] ~ button[name="act_import_delete_tables"] {
    background-color: var(--highlight-text);
}

/* --- Generic Styles --- */

.sheet-div-spacer > div {
    margin-bottom: 10px;
}

.sheet-custom__margin_bottom_medium {
    margin-bottom: 10px;
}

.sheet-grid-chase-leader-table .sheet-grid-cell input.sheet-half-width {
    width: 50%;
}

.sheet-section-header {
    text-transform: lowercase;
    color:var(--header-text);
    background: var(--header-bg);
    font-variant: small-caps;
}

.sheet-section-header h3 {
    color:var(--header-text);
}

.sheet-header-subscript {
    text-transform: none;
    font-variant: normal;
    font-style: italic;
    font-size: 11px;
}

.sheet-padding__left_small {
    padding-left: 4px;
}

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

/* Generic link button */
button.sheet-link {
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

/* Add hover effect */
button.sheet-link:hover {
    color: #00a;
    text-decoration: none;
}

.sheet-standard-button {
    height: 20px;
    background: var(--secondary-highlight);
    color: var(--secondary-highlight-color);
    border-radius: 3px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    transition: color .1s ease;
    line-height: normal;
}

.sheet-standard-button:hover {
    background: #c72339;
}

.sheet-margin_right_small {
    margin-right: 3px;
}

.sheet-margin_left_medium {
    margin-left: 10px;
}

/* toggle section button */
.sheet-toggle-button input {
    display: none;
}

/* Create a custom checkbox */

/* fix the label style */
label.sheet-toggle-button {
    display: inline-block;
    cursor: pointer;
    font-size: 1em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.sheet-toggle-button span {
width: 20px;
height: 20px;
display: inline-block;
position: relative;
cursor: pointer;
}

.sheet-toggle-button span:hover {
 border-color: #ccc;
}

/* Create a plus sign inside the custom checkbox */
.sheet-toggle-button span:before,
.sheet-toggle-button span:after {
content: "";
position: absolute;
background-color: black;
}

.sheet-toggle-button span:hover:before,
.sheet-toggle-button span:hover:after{
 background-color: #ccc;
}

/* Position the plus sign horizontally */
.sheet-toggle-button span:before {
width: 14px;
height: 3px;
top: 50%;
left: 3px;
transform: translateY(-50%);
}

/* Position the plus sign vertically */
.sheet-toggle-button span:after {
width: 3px;
height: 14px;
top: 3px;
left: 50%;
transform: translateX(-50%);
}

/* Change the plus sign to a minus sign when the checkbox is checked */
.sheet-toggle-button input:checked + span:before {
width: 14px;
height: 3px;
top: 50%;
left: 3px;
transform: translateY(-50%);
}

.sheet-toggle-button input:checked + span:after {
display: none;
}

/* --- 2 column grid --- */
.sheet-grid-2-column-auto {
    display: grid;
    grid-template-columns: auto 1fr;
}

.sheet-grid-2-column-equal-width {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sheet-grid-2-column-big-small {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

/* --- 3 Column Grid --- */
.sheet-grid-3-column-auto {
    display: grid;
    grid-template-columns: auto auto 1fr;
}

.sheet-grid-3-column-equal-width {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* --- 4 Column Grid --- */
.sheet-grid-4-column-equal {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sheet-grid-4-column-auto {
    display: grid;
    grid-template-columns: repeat(3, auto) 1fr;
}

.sheet-grid-5-column-auto-repeat {
    display: grid;
    grid-template-columns: repeat(5, auto);
}

.sheet-grid-damage-tool {
    display: grid;
    grid-template-columns: repeat(4, auto) 1fr;
}

/* --- generic grid class layouts --- */

.sheet-grid-standard label {
    margin: 0 5px 0 0;
    display: inline-block;
    padding: 0;
    width: auto;
    font-size: 1em;
}

.sheet-grid-standard label.sheet-toggle-button {
    margin: 6px 5px 0 0;
}

.sheet-grid-standard input,
.sheet-grid-standard textarea,
.sheet-grid-standard .sheet-grid-cell select {
    margin: 0;
    line-height: normal;
}

.sheet-grid-standard .sheet-grid-cell select {
    font-size: 11px;
}

.sheet-grid-standard input[type="radio"] {
    width: auto!important;
}

.sheet-grid-standard input[type="checkbox"] {
    opacity: 1;
    width: auto!important;
}

.sheet-grid-standard select {
    width: auto;
    margin: 0;
}

.sheet-grid-standard input,
.sheet-grid-standard select {
    height: 26px;
}

.sheet-grid-standard input,
.sheet-grid-standard textarea {
    width: 100%;
}

.sheet-grid-standard textarea {
    height: 50px;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.sheet-grid-standard input.sheet-small-medium-width {
    width: 47px;
}

.sheet-grid-standard input.sheet-medium-width {
    width: 60px;
}

.sheet-grid-standard input.sheet-medium-large-width {
    width: 78px;
}

.sheet-grid-standard input.sheet-large-width {
    width: 100px;
}

.sheet-grid-standard input.sheet-full-width {
    width: 100%;
}

.sheet-grid-standard .sheet-margin_right_small {
    margin-right: 5px;
}

.sheet-grid-standard .sheet-heading {
    background: var(--header-bg);
    color: var(--header-text);
    font-weight: bold;
    text-align: center;
}

.sheet-grid__border_cell > .sheet-grid-cell {
    border: 1px solid black;
}

.sheet-grid__border {
    border-top: 1px solid black;
    border-left: 1px solid black;
}

.sheet-grid__align_center {
    align-items: center;
}

.sheet-grid__align_top {
    align-items: baseline;
}

.sheet-grid__gap_large {
    gap: 10px;
}

.sheet-grid__gap_medium {
    gap: 5px;
}

.sheet-grid__gap_small {
    gap: 3px;
}

.sheet-grid__padding > .sheet-grid-cell {
    padding: 4px;
}

.sheet-grid__border > div {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.sheet-grid-cell__callout_left {
    border-left: 1px solid black;
    padding-left: 5px;
}

.sheet-grid__margin_bottom_small {
    margin-bottom: 10px;
}

.sheet-grid-fragmentation-modifiers {
    display: grid;
    grid-template-columns: auto auto auto auto 1fr;
    gap: 5px;
    margin-top: 5px;
}

.sheet-grid-fragmentation-modifiers > div:first-child {
    padding-left: 5px;
}

/* --- CHASE CONTROL SHEET --- */

input[name="attr_chase_sequence"][value="quarry_chooses"] ~ h3.sheet-quarry,
input[name="attr_chase_sequence"][value="quarry_rolls"] ~ h3.sheet-quarry {
    color: var(--highlight-text);
}

input[name="attr_chase_sequence"][value="pursuer_chooses"] ~ h3.sheet-pursuer,
input[name="attr_chase_sequence"][value="pursuer_rolls"] ~ h3.sheet-pursuer {
    color: var(--highlight-text);
}

.sheet-container-label-input {
    display: flex;
    align-items: center;
}

.sheet-container-label-input.sheet-margin-bottom-small {
    margin-bottom: 2px;
}

.sheet-container-label-input.sheet-height-standard {
    height: 22px;
}


.sheet-chase-row {
    margin-bottom: 10px;
}

.sheet-chase-row label {
    font-size: 1em;
}

.sheet-grid-chase-setup {
    display: grid;
    grid-template-columns: 100px 330px 125px auto;
    gap: 10px;
}

/* align reset button to the right */
.sheet-grid-chase-setup > div:nth-child(4) {
    text-align: right;
}

.sheet-grid-chase-leader-table {
    display: grid;
    grid-template-columns: 230px 80px 45px 45px 54px 52px 1fr 100px;
    grid-template-rows: minmax(25px,auto);
    gap: 2px;
    border: 1px solid black;
}

.sheet-grid-chase-leader-table .sheet-grid-cell.sheet-header-bg {
    background: var(--header-bg);
}

.sheet-grid-chase-leader-table .sheet-grid-cell {
    padding: 4px;
}

.sheet-standard-tooltip h3,
.sheet-standard-tooltip h4 {
    color: var(--header-text);
}

.sheet-standard-tooltip h3.sheet-header-bg,
.sheet-standard-tooltip h4.sheet-header-bg {
    background: var(--header-bg);
    padding-right: 5px;
}

.sheet-grid-chase-leader-table .sheet-grid-cell input,
.sheet-grid-chase-leader-table .sheet-grid-cell textarea,
.sheet-grid-chase-leader-table .sheet-grid-cell select {
    width: 100%;
}

.sheet-grid-chase-leader-table .sheet-grid-cell textarea {
    height: 50px;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.sheet-grid-chase-support-actions-header {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    font-weight: bold;
    gap: 3px;
}

.sheet-grid-chase-support-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 10px 3px;
}

.sheet-grid__padding_bottom_small > .sheet-grid-cell {
    padding-bottom: 6px;
}

.sheet-grid-chase-modifiers-header {
    display: grid;
    grid-template-columns: 2fr 1fr;
    font-weight: bold;
    gap: 3px;
}

.sheet-grid-chase-modifiers {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3px;
}

.sheet-grid-chase-maneuver {
    display: grid;
    grid-template-columns: 217px 188px 152px 143px auto;
    gap: 3px;
}

/* standard tooltip */

/**
 * tooltip style
 * see: https://www.w3schools.com/css/css_tooltip.asp 
 */

.sheet-standard-tooltip {
    color: var(--highlight-text);
    position: relative;
    display: inline-block;
}

.sheet-standard-tooltip .sheet-tooltiptext {
    visibility: hidden;
    background: #66ffff;
    width: 275px;
    color: #111;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 0;
    border: 2px solid var(--border-color);
    box-shadow: 5px 10px 8px #888888;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    white-space: normal;
}

.sheet-standard-tooltip .sheet-tooltiptext.sheet-small-width {
    width: 150px;
}

.sheet-standard-tooltip .sheet-tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
  
/* fit tooltip when located to right-hand side of dialog box */
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-left {
    left: 0;
    margin-left: -171px;
}

.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-left::after {
    left: 180px;
}

/* fit tooltip when located to the extreme right-hand side of dialog box */
.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-far-left {
    left: 0;
    margin-left: -225px;
}

.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-far-left::after {
    left: 230px;
}

.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-extreme-left {
    left: 0;
    margin-left: -245px;
}

.sheet-standard-tooltip .sheet-tooltiptext.sheet-move-extreme-left::after {
    left: 243px;
}

.sheet-standard-tooltip:hover .sheet-tooltiptext {
    visibility: visible;
}

/* --- TOOLS MAIN TAB --- */

input[name="attr_gurps_sheet_type"] ~ label {
    display: none;
}

input[name="attr_gurps_sheet_type"][value="character"] ~ label.sheet-tools-character {
    display: block;
}

input[name="attr_gurps_sheet_type"][value="chase"] ~ label.sheet-tools-chase {
    display: block;
}

.sheet-tools-container {
    border: 1px solid black;
    background: var(--row-bg);
}

.sheet-tools-container > div {
    padding: 0 4px 0 4px;
    margin-bottom: 5px;
}

.sheet-bottom-margin-zero {
    margin-bottom: 0 !important;
}

.sheet-bottom-margin-small {
    margin-bottom: 2px;
}

.sheet-bottom-margin-medium {
    margin-bottom: 5px;
}

.sheet-bottom-margin-large {
    margin-bottom: 10px;
}

.sheet-tools-container input[name="attr_object_weights"] {
    width: 84px;
}

.sheet-hearing-source {
    display: none;
}

input[name="attr_hearing_sound_source_sort_by"][value="decibel"] ~ select.sheet-hearing-source-sort-decibel {
    display: inline-block;
}

input[name="attr_hearing_sound_source_sort_by"][value="alphabetical"] ~ select.sheet-hearing-source-sort-alpha {
    display: inline-block;
}

/* ---------------------------------- */
/* Options Tab > sub tabs             */
input[name="attr_tool_tabs"][value="general"] ~ .sheet-tabs.sheet-options > div:nth-of-type(1),
input[name="attr_tool_tabs"][value="structural"] ~ .sheet-tabs.sheet-options > div:nth-of-type(2),
input[name="attr_tool_tabs"][value="senses"] ~ .sheet-tabs.sheet-options > div:nth-of-type(3),
input[name="attr_tool_tabs"][value="feats"] ~ .sheet-tabs.sheet-options > div:nth-of-type(4),
input[name="attr_tool_tabs"][value="environmental"] ~ .sheet-tabs.sheet-options > div:nth-of-type(5),
input[name="attr_tool_tabs"][value="macros"] ~ .sheet-tabs.sheet-options > div:nth-of-type(6) {
  display: block;
}

.sheet-grid-team-efforts {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
}

.sheet-grid-custom-skills-macros {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 5px;
    margin: 15px 0 15px 0;
}

/* melee quick modifiers */
.sheet-melee-quick-modifiers-block {
    display: none;
}

input[name="attr_melee_quick_mod_show"][value="1"] ~ .sheet-melee-quick-modifiers-block {
    display: block;
}

.sheet-grid-melee-quick-modifier-header {
    display: grid;
    grid-template-columns: 30px 50px 1fr 75px;
    font-weight: bold;
    gap: 5px;
}

.sheet-grid-melee-quick-modifiers {
    display: grid;
    grid-template-columns: 30px 50px 1fr 75px;
    gap: 0 5px;
}

.sheet-grid-melee-quick-modifiers .sheet-toggle-button {
    padding-left: 5px;
}

.sheet-grid-melee-quick-modifiers .sheet-expandable-section {
    grid-column: 2 / 5;
    display: none;
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    margin-bottom: 5px;
    padding: 5px;
}

.sheet-grid-melee-quick-modifiers input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
    display: block;
}

/* Range quick modifiers */
.sheet-range-quick-modifiers-block {
    display: none;
}

input[name="attr_range_quick_mod_show"][value="1"] ~ .sheet-range-quick-modifiers-block {
    display: block;
}

.sheet-grid-range-quick-modifier-header {
    display: grid;
    grid-template-columns: 30px 50px 1fr 75px;
    font-weight: bold;
    gap: 5px;
}

.sheet-grid-range-quick-modifiers {
    display: grid;
    grid-template-columns: 30px 50px 1fr 75px;
    gap: 0 5px;
}

.sheet-grid-range-quick-modifiers .sheet-toggle-button {
    padding-left: 5px;
}

.sheet-grid-range-quick-modifiers .sheet-expandable-section {
    grid-column: 2 / 5;
    display: none;
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    margin-bottom: 5px;
    padding: 5px;
}

.sheet-grid-range-quick-modifiers input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
    display: block;
}

/* Travel Tools */

.sheet-grid-travel-options {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
}

.sheet-grid-travel-results {
    display: grid;
    grid-template-columns: auto auto auto auto auto 1fr;
}

.sheet-grid-travel-mitigation-header {
    display: grid;
    grid-template-columns: 30px 50px 1fr 75px;
    font-weight: bold;
    gap: 5px;
}

.sheet-grid-travel-mitigation-options {
    display: grid;
    grid-template-columns: 30px 50px 1fr 75px;
    gap: 0 5px;
}

.sheet-grid-travel-mitigation-options .sheet-expandable-section {
    grid-column: 2 / 5;
    display: none;
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    margin-bottom: 5px;
    padding: 5px;
}

.sheet-grid-travel-mitigation-options input[name="attr_toggle_notes"][value="1"] ~ .sheet-expandable-section {
    display: block;
}

div.sheet-united-states-customary-units, 
div.sheet-metric-units {
    display: none;
}

input[name="attr_use_metric_distances"][value="0"] ~ div.sheet-united-states-customary-units {
    display: block;
}

input[name="attr_use_metric_distances"][value="1"] ~ div.sheet-metric-units {
    display: block;
}

.sheet-grid-climbing-tool {
    display: grid;
    grid-template-columns: 1fr 70px 82px 52px;
    gap: 3px 5px;
}

.sheet-grid-digging-tool {
    display: grid;
    grid-template-columns: 65px repeat(3, auto);
    gap: 3px 5px;
}

.sheet-grid-damage-to-objects-measurements {
    display: grid;
    grid-template-columns: 65px 190px 25px auto;
    gap: 3px 5px;
}

.sheet-grid-damage-to-objects-attributes {
    display: grid;
    grid-template-columns: 75px 104px 65px auto;
    gap: 3px 5px;
}

.sheet-grid-damage-to-objects-checkboxes {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 3px 5px;
}

.sheet-grid-damage-to-objects-injury-effects {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3px 5px;
}

.sheet-grid-damage-to-objects-injury-effects {
    display: none;
}

input[name="attr_toggle_injury_effects"][value="1"] ~ .sheet-grid-damage-to-objects-injury-effects {
    display: grid;
}

.sheet-grid-damage-to-objects-injury-effects .sheet-injury-tolerance {
    display: none;
}

input[name="attr_object_injury_tolerance"][value="unliving"] ~ .sheet-unliving {
    display: block;
}

input[name="attr_object_injury_tolerance"][value="homogenous"] ~ .sheet-homogenous {
    display: block;
}

input[name="attr_object_injury_tolerance"][value="diffuse"] ~ .sheet-diffuse {
    display: block;
}

.sheet-grid-damage-to-objects-injury-effects .sheet-fragile {
    display: none;
}

input[name="attr_object_is_brittle"][value="1"] ~ .sheet-brittle {
    display: block;
}

input[name="attr_object_is_combustible"][value="1"] ~ .sheet-combustible {
    display: block;
}

input[name="attr_object_is_explosive"][value="1"] ~ .sheet-explosive {
    display: block;
}

input[name="attr_object_is_flammable"][value="1"] ~ .sheet-flammable {
    display: block;
}

input[name="attr_object_is_unnatural"][value="1"] ~ .sheet-unnatural {
    display: block;
}

.sheet-repair-type-description {
    display: none;
}

input[name="attr_repair_type"][value="minor"] ~ .sheet-minor-repair {
    display: block;
}

input[name="attr_repair_type"][value="major"] ~ .sheet-major-repair {
    display: block;
}

.sheet-grid-repairs-equipment {
    display: grid;
    grid-template-columns: 205px 65px auto;
    gap: 3px 5px;
}

.sheet-grid-repairs-times {
    display: grid;
    grid-template-columns: 80px 80px 80px auto;
    gap: 3px 5px;
}

.sheet-grid-repairs-skill {
    display: grid;
    grid-template-columns: 80px 80px 80px auto;
    gap: 3px 5px;
}

.sheet-grid-stealth-perception {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 3px 5px;
}

.sheet-grid-stealth-perception .sheet-column-checkbox {
    grid-column: span 2;
}

.sheet-grid-stealth-perception-rolls {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 2px;
}

input.sheet-width-stealth-vs-perception-skill {
    width: 30px;
}

/* --- TOOLS COLD & HEAT EXPOSURE --- */
input[name="attr_cold_exposure_must_roll"][value="0"] ~ span.sheet-cold-exposure-roll {
    display: none;
}

input[name="attr_heat_exposure_must_roll"][value="0"] ~ span.sheet-heat-exposure-roll {
    display: none;
}

span.sheet-frequency-minutes,
span.sheet-frequency-intense-heat {
    display: none;
}

input[name="attr_is_intense_heat"][value="0"] ~ span.sheet-frequency-minutes {
    display: inline;
}

input[name="attr_is_intense_heat"][value="1"] ~ span.sheet-frequency-intense-heat {
    display: inline;
}

/* --- TOOLS DRINKING INTOXICATIONS -- */
.sheet-drinking-intoxication-health-roll,
.sheet-drinking-intoxication-no-health-roll {
    display: none;
}

input[name="attr_drinking_intoxication_should_roll"][value="1"] ~ .sheet-drinking-intoxication-health-roll {
    display: block;
}

input[name="attr_drinking_intoxication_should_roll"][value="0"] ~ .sheet-drinking-intoxication-no-health-roll {
    display: block;
}

/* --- VEHICLE SHEET --- */
.sheet-container-vehicle-notes {
    display: none;
    margin-top: 5px;
}

input[name="attr_toggle_vehicle_notes"][value="1"] ~ .sheet-container-vehicle-notes {
    display: block;
}

input[name="attr_toggle_vehicle_location_notes"][value="1"] ~ .sheet-container-vehicle-notes {
    display: block;
}

input[name="attr_toggle_vehicle_crew_notes"][value="1"] ~ .sheet-container-vehicle-notes {
    display: block;
}

input[name="attr_toggle_vehicle_loadout_notes"][value="1"] ~ .sheet-container-vehicle-notes {
    display: block;
}

input[name="attr_toggle_crew_member_notes"][value="1"] ~ .sheet-container-vehicle-notes {
    display: block;
}


.sheet-grid-vehicle-stats-row-one {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto auto auto auto auto;
    margin-bottom: 10px;
}

.sheet-grid-vehicle-stats-row-two {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
    margin-bottom: 10px;
}

.sheet-grid-vehicle-stats-row-three {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
    margin-bottom: 10px;
}

.sheet-grid-vehicle-maneuvering-base-fields {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
    margin-bottom: 10px!important;
}

.sheet-grid-vehicle-status-fields {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
    margin-bottom: 10px!important;
}

.sheet-grid-vehicle-location-status-bar {
    display: grid;
    grid-template-columns: 65px auto 105px auto auto auto;
    margin-bottom: 10px!important;
}

.sheet-grid-vehicle-hit-location-table {
    display: grid;
    grid-template-columns: 25px 200px 55px 55px 55px 55px 55px 55px 35px 35px 55px 55px 55px;
    margin-bottom: 10px!important;
}

.sheet-vehicle-hit-location-container input[name="attr_toggle_notes"][value="0"] ~ .sheet-expandable-section {
    display: none;
}

.sheet-grid-vehicle-crew-table {
    display: grid;
    grid-template-columns: 20px 20px auto 100px 25px 52px 25px 130px 45px 45px 45px 53px 50px;
    margin-bottom: 10px!important;
}

.sheet-vehicle-hit-location-container .sheet-expandable-section, 
.sheet-vehicle-crew-container .sheet-expandable-section {
    margin-bottom: 5px;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    margin-left: 27px;
    padding: 5px;
}

.sheet-vehicle-crew-container input[name="attr_toggle_notes"][value="0"] ~ .sheet-expandable-section {
    display: none;
}

.sheet-grid-skill-roll-modifier {
    display: grid;
    grid-template-columns: 35px 35px 110px 250px 140px 40px;
    margin-bottom: 10px!important;
}