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

/* -- 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;
    width: 78px;
    height: 23px;
    margin: 0 0 -3px -80px;
    padding: 2px 0 0 0;
    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 { margin-left: -120px; }
.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; }

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

.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% - 188px); 
    margin-left: 20px;
}

.sheet-racial .sheet-col-race input { 
    text-align:left; 
    width: calc(100% - 37px) !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% - 294px);
} 

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

.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-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-verify { width: 45px; }
.sheet-ranged-attacks .sheet-col-verifycheck { width: 25px; }
.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: 22px;
    opacity: 1;
    position: absolute;
    margin-left: 25px;
    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: 45px;
}

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

/* 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_ranged_maneuvers_section"][value="0"] ~ div.sheet-ranged-maneuvers {
    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;
}

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

/* 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:before {
    font-family: "Pictos";
    content: "~";
    font-size: 24px;
    color: red;
    text-decoration: line-through dotted black;
}

.sheet-custom-checkbox .sheet-switch input:checked ~ .sheet-icon:before {
    color: blue;
    text-decoration: none;
}