/*
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;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --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;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --border-color:#033530;
    --input-disabled-bg:#C9C9C9;
    --input-bg:transparent;
    --header-text:black;
    --row-bg:#e9e9e9;
    --odd-row-bg:#d9d9d6;
    margin-left: -37px;
}

.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;
    --point-label-text:#4f91cd;
    --header-text: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;
}

.sheet-color-setting-1:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-1 {
    --main-text:black;          
    --highlight-text:black;
    --secondary-highlight:#333547;
    --point-label-text:#1c33b7;
    --header-text:white;
    --sheet-bg: white;
    --box-bg:linear-gradient(#5f768c,var(--sheet-bg));
    --header-bg:#346079;
    --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;
}
.sheet-color-setting-2:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-2 {
    --main-text:black;
    --highlight-text:#8b0000;
    --secondary-highlight: #9b5555;
    --point-label-text:#4f91cd;
    --sheet-bg: white;
    --box-bg:linear-gradient(#DDDDCC,var(--sheet-bg));
    --header-bg:#FFFFF4;
    --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;
}

.sheet-color-setting-3:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-3 {
    --main-text:black;
    --highlight-text:#8b0606;
    --secondary-highlight: #AE4D4D;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --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;
}

.sheet-color-setting-4:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-4 {
    --main-text:black;
    --highlight-text:#8b0000;
    --secondary-highlight: #AE4D4D;
    --point-label-text:black;
    --sheet-bg: white;
    --header-bg:#F0F0F0;
    --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;
}

.sheet-color-setting-5:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-5 {
    --main-text:black;
    --highlight-text:#6d4c8d;
    --secondary-highlight: #80738b;
    --point-label-text:black;
    --sheet-bg: white;
    --box-bg:#FFDFD3;
    --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;
}


.sheet-color-setting-6:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-6 {
    --main-text:black;
    --highlight-text:#1066ee ;
    --secondary-highlight: #4c66be ;
    --point-label-text:black;
    --sheet-bg: white;
    --box-bg:#B4ECBB;
    --header-bg:#95E09D;
    --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;
}

.sheet-color-setting-7:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-7 {
    --main-text:white;
    --highlight-text:#fff21c ;
    --secondary-highlight: #fffc71 ;
    --point-label-text:white;
    --sheet-bg: white; /*MAIN TEXT AND SHEET MUST BE CONTRASTING**/
    --box-bg:#776290 ;
    --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;
}

.sheet-color-setting-8:checked ~  .sheet-wrapper, 
.sheet-rolltemplate-color-setting-8 {
    --main-text:white;
    --highlight-text:#fff21c ;
    --secondary-highlight: gold ;
    --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%);
    --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]{
    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-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 */
}


/* 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;
}

/* 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: white;
}

/* -- 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 {
    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;
}

/*******************************************************/
/* Set the thrust damage dice based on selected option */
input.sheet-thrust-damage-dice-icon[value="explode"] ~ button[type=roll].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 {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-thrust-damage-dice-icon[value="d20blank"] ~ button[type=roll].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 {
   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 {
    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 {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-swing-damage-dice-icon[value="d20blank"] ~ button[type=roll].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 {
    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 {
    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 {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-melee-damage-dice-icon[value="d20blank"] ~ button[type=roll].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 {
    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 {
    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 {
    font-family: "dicefontd6";
    content: "L";
    font-size: 24px;
}

input.sheet-range-damage-dice-icon[value="d20blank"] ~ button[type=roll].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 {
    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-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 {
    background: var(--input-disabled-bg);
    border-bottom: none !important;
}

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

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

.charsheet .sheet-row input[type="number"]:-moz-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-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-tab0:not(:checked) ~ .sheet-tab0 {
    display: none !important;
}

.sheet-tab7{
    background: var(--row-bg);
}
input.sheet-tab {
    position: relative;
    width: 80px;
    height: 22px;
    margin: 0;
    opacity: 0;
    z-index: 1;
    border: none;
}

input.sheet-tab + span {
    position: relative;
    display: inline-block !important;
    min-width: 70px;
    height: 23px;
    margin: 0 0 -3px -80px;
    padding: 2px 4px 0 4px;
    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: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;
    margin-top: -1px;
}


/* ===== 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);
}

/* 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-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% - 58px );
    border-left: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
}

.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 {
    width: 310px;
    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-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"] {
    width: 22px;
    background: none;
}

.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 {
    -webkit-appearance: none;
    margin: 0;
}

.sheet-row input[type=number] {
    -moz-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;
}

.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-row input:not(:disabled), .sheet-row input:not(:readonly) {
    border-radius: 2px;

    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
    -moz-box-shadow:    inset 0px 0px 1px 0px rgba(98, 98, 94, 0.75);
    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 0 1px 0;

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

    font-size: 18px;
    font-family: "Pictos";
    
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    color: black;
    background: #faf7fa;
    
}

.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;
    
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

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

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

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

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

.sheet-box .sheet-toggle ~ .sheet-checkbox-encumbrance {
    position: inherit;
    float: left;
}

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

.sheet-box .sheet-toggle:checked ~ .sheet-checkbox:before {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}


/* ===== 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 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;
}

/* ===== 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-col-dodge-label .sheet-tooltip { margin-left: 0px; }
.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 {
    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;
}

/* Show GCA fields, hide GCS and all */
.sheet-points input.sheet-point-summary-layout[value="1"] ~ .sheet-gca {
    display: block !important;
}

.sheet-points input.sheet-point-summary-layout[value="1"] ~ .sheet-gcs,
.sheet-points input.sheet-point-summary-layout[value="1"] ~ .sheet-all {
    display: none !important;
}

/* Show GCS fields, hide GCA and all */
.sheet-points input.sheet-point-summary-layout[value="2"] ~ .sheet-gcs {
    display: block !important;
}

.sheet-points input.sheet-point-summary-layout[value="2"] ~ .sheet-gca,
.sheet-points input.sheet-point-summary-layout[value="2"] ~ .sheet-all {
    display: none !important;
}

/* Show ALL fields, hide GCA and GCS */
.sheet-points input.sheet-point-summary-layout[value="3"] ~ .sheet-all {
    display: block !important;
}

.sheet-points input.sheet-point-summary-layout[value="3"] ~ .sheet-gca,
.sheet-points input.sheet-point-summary-layout[value="3"] ~ .sheet-gcs {
    display: none !important;
}

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

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

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

.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 {
    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_size_modifier_cp_hit_point_adjustment"][value="1"] ~ .sheet-size-modifier-hit-point-message {
    display: block;
}


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

.sheet-attribute { width: 180px; margin-bottom: 180px;}
.sheet-attribute .sheet-header .sheet-col0 { width: 85px; }
.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-col0 { width: 50px; }
.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: 10px;
    color: #404040;
}

.sheet-stats input { font-size: 13px;}
.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-col0 { width: 75px; }
.sheet-stats .sheet-row .sheet-col0 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: 80px; }
.sheet-miscelleneous .sheet-row .sheet-col1 { width: calc(100% - 110px); }
.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); }

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

.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: 100%;
    padding: 0;
    margin: 0;
}

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

.sheet-points { width: 100px; }
.sheet-points .sheet-header .sheet-col0 { width: 100%; }
.sheet-points .sheet-row .sheet-col0 { width: 60px; }
.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-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-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;
}


/* 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: 180px;
}

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

/* -- TRAITS -- */
.sheet-language { width: calc(60% - 0.4em); }
.sheet-language .sheet-col0 { width: calc(100% - 210px); }
.sheet-language .sheet-col0 input { text-align:left; }
.sheet-language .sheet-col1 { width: 90px; }
.sheet-language .sheet-col2 { width: 90px; }
.sheet-language .sheet-col3 { width: 30px; }


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

/* -- 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"] {
    display: none;
}

/* -- 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;
}

/* -- if edit mode, hide toggle notes -- */
.sheet-traits .repcontainer.ui-sortable.editmode .sheet-checkbox,
.sheet-traits .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: 421px; 
}

.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-col1 { 
    width: calc(100% - 85px); 
}

.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: 140px;
    margin: 0;
    padding: 2px 0 2px 2px;
}

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

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

/* Background Information */

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

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

.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: 159px;
    padding: 4px 8px 4px 4px;
}

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

/* training Notes */

.sheet-training-notes { 
    width: 421px;
}

.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: 159px;
    padding: 4px 8px 4px 4px;
}

.sheet-training-notes .sheet-row-textarea textarea {
    height: 145px;
    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-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); }


/* -- highlight row -- */
.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-active-defense .sheet-col-dodge-label { width: 305px; }

.sheet-active-defense .sheet-col-dodge { width: calc(100% - 589px); }

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


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

.sheet-active-defense .sheet-col-dodge input.sheet-dodge-reduced-notes[value="1"] ~ .sheet-halved-dodge {
	display: block !important;
}

.sheet-active-defense .sheet-col-dodge input.sheet-dodge-reduced-notes[value="1"] ~ .sheet-quartered-dodge {
	display: none !important;
}

.sheet-active-defense .sheet-col-dodge input.sheet-dodge-reduced-notes[value="2"] ~ .sheet-halved-dodge {
	display: none !important;
}

.sheet-active-defense .sheet-col-dodge input.sheet-dodge-reduced-notes[value="2"] ~ .sheet-quartered-dodge {
	display: block !important;
}

/* -- 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% - 167px);
}

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

.sheet-active-defense .sheet-col0 input { text-align:left; }
.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;
}

/* 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_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;
}

/* 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: 50px;
}

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


/* -- 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: 45px; }
.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-cell {
    padding: 0 5px;
}

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

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

.sheet-firing-up-down .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: 50px;
}

/* Combat Tools: Falling and Collision */
.sheet-falling-collision {
    width: calc(100% - 140px - 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-hit-points {
    width: 60px;
}

.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;
}
.sheet-falling-collision .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;
}

/* Combat Tools: Demolition */
.sheet-demolition {
    width: calc(100% - 140px - 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-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;
}

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

.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-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% - 558px); }
.sheet-items .sheet-row-totals .sheet-col0 { width: calc(100% - 645px); }
.sheet-items .sheet-row-totals .sheet-col1 { width: 140px; }
.sheet-items .sheet-row-totals .sheet-col2 { width: 75px; }
.sheet-items .sheet-row-totals .sheet-col3 { width: 150px; }
.sheet-items .sheet-row-totals .sheet-col4 { width: 75px; }
.sheet-items .sheet-row-totals .sheet-col5 { width: 130px; }
.sheet-items .sheet-row-totals .sheet-col6 { width: 75px; }

/* -- 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_inventory_item_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: 185px;
}

/* -- 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 {
    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-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 {
    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 {
    width: 45px;
    line-height: 14px;
    font-style: normal;
    /*border-bottom: 1px solid black;*/
}

.sheet-rolltemplate-addToTracker .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) {
    background: rgba(217, 217, 214,1);
}

.sheet-rolltemplate-addToTracker .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 {
    background: green;
    color: white;
    border: 2px solid green;
}

.sheet-rolltemplate-addToTracker .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 {
    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: 1em;
}

.sheet-rolltemplate-skillRoll .sheet-container table.sheet-result th {
    color: var(--header-text);
    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 {
    padding: 4px 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: 4px 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-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;
}

/**********************************/
/* 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: center;
}

/* 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;
}

/*************************/
/* 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;
}

.sheet-logo div.sheet-control button.sheet-no-decoration {
    border: none;
    background: none;
    text-decoration: underline;
}

.sheet-logo div.sheet-control button[type=roll].sheet-no-decoration::before {
    content: none;
}

/** roll modifier dialog box                       **/
/** see: https://webdevtrick.com/css-modal-box/    **/

/* show/hide roll-modifier tools */
input[type="hidden"][name="attr_use_skill_modifier_tool"][value="0"] ~ .sheet-roll-modifiers,
input[type="hidden"][name="attr_use_technique_modifier_tool"][value="0"] ~ .sheet-roll-modifiers,
input[type="hidden"][name="attr_use_defense_modifier_tool"][value="0"] ~ .sheet-roll-modifiers,
input[type="hidden"][name="attr_use_melee_modifier_tool"][value="0"] ~ .sheet-roll-modifiers,
input[type="hidden"][name="attr_use_ranged_modifier_tool"][value="0"] ~ .sheet-roll-modifiers,
input[type="hidden"][name="attr_use_ranged_modifier_tool"][value="0"] ~ .sheet-apply-button,
input[type="hidden"][name="attr_use_spell_modifier_tool"][value="0"] ~ .sheet-roll-modifiers {
    display: none!important;
}

/* roll modifier button tools used outside of modal box */

.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"] {
    width: 16px!important;
    opacity: 1;
}

.sheet-roll-modifiers button[type="action"] {
    background: none;
    line-height: 20px;
    height: 20px;
    width: 20px;
}

.sheet-roll-modifiers button[type="action"] span {
    display: none;
}

.sheet-roll-modifiers button[type="action"]::before {
    font-family: "Pictos";
    content: "W";
    font-size: 24px;
}

.sheet-roll-modifiers 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: -450px;
    text-align:center;
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 21;
    width: 700px;
    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;
}

/* 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-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;
}

/* 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;
}

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

/* ---------------------------------- */
/* 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) {
  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: 5px;
    padding: 2px;
    justify-content: start;
}

.sheet-armor-layer-controller-grid .sheet-item select {
    width: auto;
}

.sheet-armor-layer-controller-grid .sheet-item {
    line-height: 1.8em;
}

.sheet-armor-layer-controller-grid .sheet-item button.sheet-reset {
    height: 19px;
    line-height: 19px;
    color: white;
    background: var(--highlight-text);
    border-radius: 3px;
    font-weight: bold;
}

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

/* --------------------------------------------------- */
/* by default columns layer 2-4 are hidden, only show  */
.sheet-hit-location-grid {
    display: grid;
    grid-template-columns: 90px 50px auto 50px 50px 50px 50px 200px 250px;
    grid-gap: 0;
    padding: 0;
}

/* 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: 90px 50px auto auto auto 50px 50px 50px 50px 200px 250px;
}

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: 90px 50px auto auto auto auto 50px 50px 50px 50px 200px 250px;
}

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: 90px 50px auto auto auto auto auto 50px 50px 50px 50px 200px 250px;
}

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 > 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[readonly="readonly"] {
    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;
}

/* these columns are left-aligned */
.sheet-hit-location-grid .sheet-item:nth-of-type(1),
.sheet-hit-location-grid .sheet-item:nth-of-type(12),
.sheet-hit-location-grid .sheet-item:nth-of-type(13) {
    text-align: left;
} 

/* set default width of layer columns */
.sheet-hit-location-grid .sheet-item.sheet-layer {
    width: 75px;
}

/* 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;
}

/* 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: 150px;
}
/* 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;
}

/* Importer Tab */

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