/********************************************************************************************************/
/********************************* GLOBAL SETTINGS *******************************************************/
/********************************************************************************************************/
/*=============================
GLOBALS
=============================*/
* {
  box-sizing: border-box;
  font-family: sans-serif; }

  .charsheet button {
  background-image: none !important;
  font-size: 0.8em !important;
  text-shadow: none !important; }
  .charsheet button[type='roll'], button[type='action'] {
    font-size: 1em;
    margin: 0px !important;
    padding: 1px 2px !important;
    border-bottom: 0.01em solid #666 !important;
    border-bottom-right-radius: 0.01em !important;
    border-color: #b3b3b3 !important;
    border-radius: 0.25em !important;
    border-right: 0.02em solid #333333 !important;
    border-style: outset !important; }
  .charsheet button[name='roll_range_weapon'], button[name='roll_soak'], button[name='roll_defense'], button[name='roll_melee_weapon'], button[name='roll_spell'], button[name='roll_preparation'], button[name='roll_drain'], button[name='roll_ritual'], button[name='roll_conjuring'], button[name='roll_matrix_attack_rating'], button[name='roll_matrix_defense_rating'], button[name='roll_matrix_device_rating'], button[name='roll_matrix_attack'], button[name='roll_matrix_sleaze'], button[name='roll_matrix_data_processing'], button[name='roll_matrix_firewall'], button[name='roll_fade'] {
    color: #460141; }
  .charsheet button[specname=''] {
    display: none !important; }
  .charsheet button:before {
    display: none; }
  .charsheet button:hover, button:focus, button:active {
    font-weight: bold !important; }
  .charsheet button > span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important; }

img.shadowrun-logo {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

.charsheet fieldset {
  background: transparent !important; }

.charsheet hr {
  border: 0.5px solid #555 !important; }

.charsheet label {
  display: inline-block;
  font-size: 0.9em !important;
  margin-bottom: 0px !important;
  padding-right: 5px !important;
  text-transform: capitalize !important;
  width: auto; }

.charsheet input {
  background-color: #9a9a9a;
  color: #040404;
  border: none;
  cursor: auto;
  font-weight: normal;
  margin: 0px;
  text-align: center;
  vertical-align: middle; }
  .charsheet input[type='text'], input[type='number'] {
    border: 1px dotted #555 !important;
    height: 20px !important; }
  .charsheet input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus {
    background-color: #d2d1cd !important;
    color: #1c1c1c !important; }
  .charsheet input[type='text']:placeholder-shown, input[type='number']:placeholder-shown {
    background-color: rgba(28, 28, 28, 0.14902) !important;
    color: white !important; }
  .charsheet input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important; }

.charsheet select {
  border-radius: 2px !important;
  border: 1px solid #000 !important;
  box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
  margin-bottom: 0px !important;
  width: auto !important; }

.charsheet span {
  word-break: break-word !important; }

.charsheet textarea {
  border-radius: 2px !important;
  border: 1px solid #000 !important;
  box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
  height: 50px !important;
  overflow-wrap: break-word !important;
  overflow: hidden !important;
  resize: vertical !important;
  vertical-align: top !important;
  white-space: pre-line !important; }

.charsheet {
  width: 850px !important; }

.red {
  color: #460141 !important; }

.text-align-center {
  text-align: center !important; }

input[name='attr_stats_toggle'],
input[name='attr_stats_toggle'] + span {
  position: relative !important; }

input[name='attr_stats_toggle'] {
  opacity: 0 !important;
  z-index: 2 !important; }

/* SWITCHES
  ============================= */
/* The switch - the box around the slider */
.switch {
  position: relative !important;
  display: inline-block !important;
  width: 50px !important;
  height: 24px !important; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important; }

/* The slider */
.slider {
  -webkit-transition: .4s !important;
  background-color: #ccc !important;
  border-radius: 34px !important;
  bottom: 0 !important;
  cursor: pointer !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  transition: .4s !important; }

.slider:before {
  -webkit-transition: .4s !important;
  background-color: white !important;
  border-radius: 50% !important;
  bottom: 4px !important;
  content: "" !important;
  height: 16px !important;
  left: 4px !important;
  position: absolute !important;
  transition: .4s !important;
  width: 16px !important; }

input:checked + .slider {
  background-color: #460141 !important; }

input:focus + .slider {
  box-shadow: 0 0 1px #9a9a9a !important; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px) !important;
  -ms-transform: translateX(26px) !important;
  transform: translateX(26px) !important; }

/* MIXIN
  ============================= */
/***** TABS FOR SHEETS *****/
.tabs button[type='action'] {
  background-color: #333 !important;
  border-radius: 2px !important;
  border: 1px solid #000 !important;
  box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: bolder !important;
  text-transform: capitalize !important;
  padding: 5px !important; }
  .tabs button[type='action'].pictos, .tabs .cc-row button[type='action'][name*='shots'], .cc-row .tabs button[type='action'][name*='shots'], .tabs .cc-row button[type='action'][name='act_reload'], .cc-row .tabs button[type='action'][name='act_reload'], .tabs .cc-row button[type='action'][name='act_primary_ammo'], .cc-row .tabs button[type='action'][name='act_primary_ammo'], .tabs .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol .tabs button[type='action'].repcontrol_edit:after,
  .tabs .repcontrol button[type='action'].repcontrol_add:after,
  .repcontrol .tabs button[type='action'].repcontrol_add:after, .tabs .itemcontrol button[type='action'].repcontrol_del, .itemcontrol .tabs button[type='action'].repcontrol_del {
    text-transform: lowercase !important; }
.tabs button[type='roll'] {
  background: none !important;
  text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important;
  border: none !important;
  color: #fff !important;
  font-family: 'dicefontd6' !important;
  font-size: 2.5em !important;
  vertical-align: middle; }
.tabs button[type='roll']:hover {
  text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; }
.tabs h2 {
  font-size: 1em !important;
  text-transform: capitalize !important;
  text-align: right !important;
  line-height: 2em !important;
  margin-right: 5% !important; }

/***** TABS FOR SHEETS *****/
.settings-toggle input,
.settings-flag input {
  width: 3em !important; }
.settings-toggle input[type='checkbox'] + span,
.settings-flag input[type='checkbox'] + span {
  background: transparent !important;
  font-size: 20px !important;
  height: 20px !important;
  text-align: center !important;
  width: 20px !important; }

/***** GENERIC STYLES *****/
.npc div.end div.weapons span[name='attr_weapon_dice'], 
.npc div.end div.spells span[name='attr_dice'], 
.npc div.end div.forms span[name='attr_form_dice'], 
.npc div.end div.ic span[name='attr_software_dice'] {
  vertical-align: middle !important; }
.npc div.end div.weapons span[name='attr_weapon_dice']:before, 
.npc div.end div.spells span[name='attr_dice']:before, 
.npc div.end div.forms span[name='attr_form_dice']:before, 
.npc div.end div.ic span[name='attr_software_dice']:before {
  content: '(' !important; }
.npc div.end div.weapons span[name='attr_weapon_dice']:after, 
.npc div.end div.spells span[name='attr_dice']:after, 
.npc div.end div.forms span[name='attr_form_dice']:after, 
.npc div.end div.ic span[name='attr_software_dice']:after {
  content: ')' !important; }

.npc div.repeating input[name='attr_flag'],
input.toggle {
  position: absolute !important;
  opacity: 0 !important;
  z-index: 2 !important; }

.pc input.settings-toggle,
.pc input.settings-flag,
.pc input.collapse-flag,
.pc input[type='radio'] {
  position: relative !important;
  opacity: 0 !important;
  z-index: 2 !important; }

.npc div.repeating input[name='attr_flag'] + span {
  opacity: .5 !important; }
.npc div.repeating input[name='attr_flag']:checked + span {
  opacity: 1 !important; }
.npc div.repeating input[name='attr_flag']:checked ~ .settings {
  display: inline-grid !important;
  margin-bottom: 2% !important; }

.pc div.repeating-container div.repitem, .pc div.repeating-container div.repitem input[type='text'], .pc div.repeating-container div.repitem input[type='number'], .pc div.skill-box label > input, .pc div.skill-box input[name='attr_skill'], .pc div.matrix div.programs div.repitem, .pc div.matrix div.devices div.repitem {
  border-bottom: 1px solid #333 !important; }

.center {
  text-align: center !important; }

select.attribute-select option:nth-of-type(1n+5) {
  color: #460141 !important; }
select.attribute-select option:nth-of-type(1n+9) {
  color: #7a2593 !important; }
select.limit-select option:nth-of-type(1n+5) {
  color: #460141 !important; }

/*:+:+:+: MATRIX DEVICE :+:+:+:*/
div.matrix-device button[name*='Attack']:hover {
  color: #cc0701 !important; }
div.matrix-device button[name*='Sleaze']:hover {
  color: #007bfc !important; }
div.matrix-device button[name*='Data']:hover {
  color: #88dd04 !important; }
div.matrix-device button[name*='Firewall']:hover {
  color: #f88703 !important; }
div.matrix-device input[type='radio'] {
  position: relative !important;
  opacity: 0 !important;
  z-index: 2 !important; }
  div.matrix-device input[type='radio'] + span {
    position: relative !important; }
div.matrix-device .matrixAttack {
  box-shadow: 0px 0px 29px 8px  #cc0701 !important; }
div.matrix-device .matrixSleaze {
  box-shadow: 0px 0px 29px 8px  #007bfc !important; }
div.matrix-device .matrixData {
  box-shadow: 0px 0px 29px 8px  #88dd04 !important; }
div.matrix-device .matrixFirewall {
  box-shadow: 0px 0px 29px 8px  #f88703 !important; }

/***** GRID *****/
.pc div.repeating-container div.repitem, .pc div.repeating-container div.repitem div.settings, .pc div.core div.quality-box div.quality div.headers, .pc div.core div.quality-box div.martial div.headers, .pc div.skill-box div.row-long, .pc div.arms div.headers, .pc div.magic div.headers, .pc div.matrix div.complex-forms div.headers, .pc div.matrix div.devices div.headers {
  grid-column-gap: 1% !important;
  grid-row-gap: 1% !important; }

/******************************************************************************/
/********************************* VARIABLES *********************************/
/****************************************************************************/
/***************************************************************************************/
/************************** START OF THE PC SHEET *************************************/
/*************************************************************************************/
.pc {
  background-color: #fff !important;
  background-size: cover !important;
  border: 3px solid !important;
  box-shadow: inset 0px 0px 3px 1px #040404 !important;
  margin-left: -1% !important;
  padding-left: 0.5% !important; }

#SR6WE .pc button > h2:hover,
#SR6WE .pc button > span:hover,
#SR6WE .pc label > button[type='roll']:hover,
#SR6WE .pc .repeat-box button[type='roll']:hover,
#SR6WE .pc .con-track button[type='action']:hover,
#SR6WE .pc button[data-i18n='default']:hover,
#SR6WE .npc .attribute button:hover,
#SR6WE .npc button > h2:hover,
#SR6WE .npc button > span:hover,
#SR6WE .npc label > button[type='roll']:hover,
#SR6WE .npc .repeat-box button[type='roll']:hover,
#SR6WE .npc .con-track button[type='action']:hover,
#SR6WE .npc button[data-i18n='default']:hover {
  color: #fff !important;
  text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; }
.pc h1 {
  background-color: #460141 !important;
  color: #fff !important;
  font-size: 1em !important;
  letter-spacing: 2px !important;
  line-height: 20px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  text-transform: uppercase !important; }
.pc h2 {
  font-size: 0.9em !important;
  line-height: 25px !important;
  text-transform: capitalize !important; }
.pc h3 {
  color: rgba(51, 51, 51, 0.59) !important;
  font-size: 0.8em !important;
  text-transform: capitalize !important; }
.pc hr {
  margin: 7px 0px -2px 0px !important; }
.pc input {
  border-radius: 0px !important; }

/***** PLAYER DATA INPUTS *****/
#SR6WE .tabs {
  grid-column-gap: 0.25%;
  padding: 0px 1px 3% 1px;
  margin-top: 1%;
  grid-row-gap: 10%; }
#SR6WE .npc .tabs {
  padding: 0px; }

#SR6WE div.tabs {
  width: 100% !important; }

#SR6WE .tabs h1 {
  background-color: transparent !important;
  color: #000 !important;
  display: inline-block !important;
  font-size: 1em !important;
  letter-spacing: 2px !important;
  line-height: 20px !important;
  margin-left: 5% !important;
  text-align: right !important;
  text-transform: uppercase !important; }



#SR6WE .pc .tabs .header-toggles {
  display: grid !important;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto !important;
  width: 100% !important;
  height: 30px !important; }

#SR6WE .tabs h2[data-i18n-title='whispergm'] {
  width: 75px !important;
  vertical-align: middle;
  margin-right: 0px !important; }
#SR6WE .tabs label[data-i18n-title='whispergm'] {
  width: 50px !important;
  vertical-align: middle;
  margin-right: 0px !important; }

#SR6WE .tabs h2[data-i18n-title='wounds'] {
  width: 75px !important;
  vertical-align: middle;
  margin-right: 0px !important; }
#SR6WE .tabs label[data-i18n-title='wounds'] {
  width: 50px !important;
  vertical-align: middle;
  margin-right: 0px !important; }

#SR6WE .tabs h2[data-i18n-title='dicepoolmodifiers'] {
  width: 75px !important;
  vertical-align: middle;
  margin-right: 0px !important; }
#SR6WE .tabs label[data-i18n-title='dicepoolmodifiers'] {
  width: 50px !important;
  vertical-align: middle;
  margin-right: 0px !important; }

#SR6WE .tabs h2[data-i18n-title='addedgetodicepool'] {
  width: 75px !important;
  vertical-align: middle;
  margin-right: 0px !important; }
#SR6WE .tabs label[data-i18n-title='addedgetodicepool'] {
  width: 50px !important;
  vertical-align: middle;
  margin-right: 0px !important; }

#SR6WE .tabs h2[data-i18n-title='wilddie'] {
  width: 75px !important;
  vertical-align: middle;
  margin-right: 0px !important; }
#SR6WE .tabs label[data-i18n-title='wilddie'] {
  width: 50px !important;
  vertical-align: middle;
  margin-right: 0px !important; }


/* PC Specific */
#SR6WE .pc .tabs .header-names {
  display: grid !important;
  grid-template-columns: 10em 1fr 10em 1fr !important;
  width: 100% !important;
  height: 30px !important;
  align-items: center !important; }

#SR6WE .pc .tabs h1[data-i18n='character'] {
  margin-left: 0px !important;
  text-align: left !important;
  padding-left: 10px !important; }
  }

#SR6WE .pc .tabs h1[data-i18n='player'] {
  margin-left: 0px !important;
  text-align: right !important;
  padding-right: 10px !important; }

#SR6WE .pc .tabs label[data-i18n-title='character name'] > input[type='text'], #SR6WE .pc .tabs label[data-i18n-title='player name'] > input[type='text'] {
  font-weight: bolder !important;
  background-color: #e7e6e5 !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0px !important;
  height: 30px !important;
  width: 100% !important; }

#SR6WE .pc .tabs label[data-i18n-title='character name'], #SR6WE .pc .tabs label[data-i18n-title='player name'] {
}

#SR6WE .pc .tabs .header-navtabs {
  display: grid !important;
  grid-template-columns: 1fr 2.5em 2.5em repeat(8, 5em) !important;
  vertical-align: middle;
  width: 100% !important;
  right: 0px !important; }

#SR6WE .pc .tabs .header-navtabs button {
  width: 5em !important;
  position: relative !important;
  right: 0px !important; }

#SR6WE .pc .tabs .header-navtabs button[name='act_tab_options'], #SR6WE .pc .tabs .header-navtabs button[name='d6'] {
  width: 32.5px !important;
  position: relative !important;
  right: 0px !important; }

#SR6WE .pc .tabs .header-toggles {
  display: grid !important;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto !important;
  width: 100% !important;
  height: 30px !important; }


  .pc input.settings-toggle + span,
  .pc input.settings-flag + span,
  .pc input.collapse-flag + span,
  .pc input[type='radio'] + span {
    font-family: 'pictos' !important; }
  .pc input.settings-toggle:checked + span,
  .pc input.settings-flag:checked + span,
  .pc input.collapse-flag:checked + span,
  .pc input[type='radio']:checked + span {
    color: #460141 !important; }
  .pc select {
    height: 1.8em !important;
    padding: 0px !important;
    color: #040404 !important; }
  .pc div.core-info h2 {
    margin-right: 1% !important; }
  .pc div.core-info input[type='text'], .pc div.core-info input[type='number'] {
    background-color: transparent !important;
    border: none !important; }
    .pc div.core-info input[type='text']:placeholder-shown, .pc div.core-info input[type='number']:placeholder-shown {
      background-color: rgba(28, 28, 28, 0.14902) !important; }
  .pc input.display-flag {
    position: absolute !important; }
  #SR6WE div.border-box {
    background-image: -moz-linear-gradient(#460141, transparent), -moz-linear-gradient(#460141, transparent) !important;
    background-image: -o-linear-gradient(#460141, transparent), -o-linear-gradient(#460141, transparent) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#460141), to(transparent)) !important;
    background-image: -webkit-linear-gradient(#460141, transparent) !important;
    background-image: linear-gradient(#460141, transparent), linear-gradient(#460141, transparent) !important;
    border-top: 2px solid #460141;
    clear: both;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px; }
  #SR6WE div.border-box button[type='roll'] {
    font-size: 0.8em;
    font-weight: bold !important; }
  #SR6WE div.border-box div.pc-box {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 0px !important; }
  .pc div.repeating-container div.repitem {
    display: inline-grid !important;
    padding: 1% 0.5% !important;
    margin-bottom: 0px !important; }
    .pc div.repeating-container div.repitem button[type='roll'] {
      text-align: left !important; }
    .pc div.repeating-container div.repitem input:nth-of-type(1n+2) {
      text-align: center !important; }
    .pc div.repeating-container div.repitem input[type='text'], .pc div.repeating-container div.repitem input[type='number'] {
      width: 100%; }
    .pc div.repeating-container div.repitem label {
      padding-right: 0px !important; }
      .pc div.repeating-container div.repitem label input[name='attr_name'],
      .pc div.repeating-container div.repitem label input[name='attr_weapon'],
      .pc div.repeating-container div.repitem label input[name='attr_quality'] {
        text-align: left !important; }
      .pc div.repeating-container div.repitem label[data-i18n-title='modifier'] {
        width: 3em !important; }
    .pc div.repeating-container div.repitem div.settings {
      background-color: #cccccc !important;
      border-left: 2px solid #555 !important;
      padding: 2% 1% !important;
      width: 100% !important; }
      .pc div.repeating-container div.repitem div.settings select {
        text-transform: capitalize !important; }
    .pc div.repeating-container div.repitem div.collapse {
      padding-left: 5% !important; }
  .pc div.repitem {
    width: 100% !important; }
    .pc div.repitem input[type='number'] {
      text-align: center !important; }
  .pc div.static {
    margin-right: 0.5% !important; }
    .pc div.static div.border-box,
    .pc div.static div.border-box .pc-box {
      border-top-right-radius: 0px !important;
      border-top-left-radius: 10px !important; }
  .pc div.core {
    .pc div.core div.armor-buttons {
      display: inline-block !important;
      font-size: 1.5em !important;
      line-height: 20px !important;
      margin-left: 1% !important;
      width: 35% !important; }
      .pc div.core div.armor-buttons button[type='roll'] {
        margin-right: -5px !important; }
      .pc div.core div.armor-buttons button[name='roll_defense'] {
        background-color: #555 !important;
        color: #fff !important; }
      .pc div.core div.armor-buttons span {
        font-size: 1em !important; }
  }

/***** QUALITIES *****/
    .pc div.core div.quality-box div.htab input[type='radio'] {
      margin-right: -100px !important;
      width: 100px !important; }
    .pc div.core div.quality-box div.header:nth-of-type(2) .htab input[type='radio'] {
      margin-right: -150px !important;
      width: 150px !important; }

    .pc div.core div.quality-box div.quality h2:nth-of-type(2) {
      text-align: center !important; }
    .pc div.core div.quality-box div.quality div.headers {
      display: grid !important;
      grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em !important; }
    .pc div.core div.quality-box div.quality div.repitem {
      grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em !important; }
      .pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='notes'],
      .pc div.core div.quality-box div.quality div.repitem h3[data-i18n='notes'],
      .pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='modifications'],
      .pc div.core div.quality-box div.quality div.repitem h3[data-i18n='modifications'],
      .pc div.core div.quality-box div.quality div.repitem div.collapse {
        grid-column: 1 / 7 !important; }
      .pc div.core div.quality-box div.quality div.repitem input.collapse-flag {
        grid-area: 1 / 5 / 1 / 6 !important; }
      .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.pictos, .pc div.core div.quality-box div.quality div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].collapse-flag + span,
      .pc div.core div.quality-box div.quality div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
      .settings-flag .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.quality div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_edit:after,
      .pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
      .repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.quality div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_del {
        grid-area: 1 / 5 / 1 / 6 !important; }
      .pc div.core div.quality-box div.quality div.repitem input.settings-flag,
      .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.pictos,
      .pc div.core div.quality-box div.quality div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
      .settings-toggle .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.core div.quality-box div.quality div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
      .settings-flag .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.core div.quality-box div.quality div.repitem .flag-primary + div > input.settings-flag + span,
      .pc div.core div.quality-box div.quality div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
      .repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_edit:after,
      .pc div.core div.quality-box div.quality div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
      .repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_add:after,
      .pc div.core div.quality-box div.quality div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
      .itemcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_del {
        grid-area: 1 / 6 / 1 / 7 !important; }
      .pc div.core div.quality-box div.quality div.repitem div.settings {
        grid-column: 1 / 7 !important;
        grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em !important; }


    .pc div.core div.quality-box div.martial h2:nth-of-type(2) {
      text-align: center !important; }
    .pc div.core div.quality-box div.martial div.headers {
      display: grid !important;
      grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; }
    .pc div.core div.quality-box div.martial div.repitem {
      grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; }
      .pc div.core div.quality-box div.martial div.repitem label[data-i18n-title='notes'],
      .pc div.core div.quality-box div.martial div.repitem h3[data-i18n='notes'],
      .pc div.core div.quality-box div.martial div.repitem div.collapse {
        grid-column: 1 / 6 !important; }
      .pc div.core div.quality-box div.martial div.repitem input.collapse-flag {
        grid-area: 1 / 4 / 1 / 5 !important; }
      .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.pictos, .pc div.core div.quality-box div.martial div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].collapse-flag + span,
      .pc div.core div.quality-box div.martial div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
      .settings-flag .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_edit:after,
      .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
      .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_del {
        grid-area: 1 / 4 / 1 / 5 !important; }
      .pc div.core div.quality-box div.martial div.repitem input.settings-flag,
      .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.pictos,
      .pc div.core div.quality-box div.martial div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
      .settings-toggle .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.core div.quality-box div.martial div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
      .settings-flag .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.core div.quality-box div.martial div.repitem .flag-primary + div > input.settings-flag + span,
      .pc div.core div.quality-box div.martial div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
      .repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_edit:after,
      .pc div.core div.quality-box div.martial div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
      .repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_add:after,
      .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
      .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_del {
        grid-area: 1 / 5 / 1 / 6 !important; }
      .pc div.core div.quality-box div.martial div.repitem div.settings {
        grid-column: 1 / 6 !important;
        grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; }



/***** SKILLS *****/
  .pc div.skill-box h2:nth-of-type(1n+2) {
    text-align: center; }
  .pc div.skill-box label {
    display: inline-block;
    font-size: 0.8em;
    text-transform: capitalize; }
    .pc div.skill-box label[data-i18n-title='ratingmodifier'] {
      grid-area: 1 / 3 / 1 / 4;
      width: 100%; }
    .pc div.skill-box label[data-i18n-title='ratingmodifier'] input[type='number'] {
        width: 3em; }
    .pc div.skill-box label[data-i18n-title='specialization'] {
      padding-left: 10px;
      grid-area: 3 / 1 / 3 / 6; }
    .pc div.skill-box label[data-i18n-title='expertise'] {
      padding-left: 20px;
      grid-area: 4 / 1 / 4 / 6; }
    .pc div.skill-box label[data-i18n-title='notes'], .pc div.skill-box label textarea {
      grid-area: 5 / 1 / 5 / 6; }
    .pc div.skill-box label > input {
      text-align: left;
      border-radius: 0px;
      width: 100%; }
  .pc div.skill-box input[name='attr_rating_modifier'], .pc div.skill-box input[name='attr_unskilled_mod'] {
    width: 3em; }
  .pc div.skill-box div.row-long {
    grid-template-columns: 1fr 3em 3em 5em 1em 1em;
    padding: 1% 0.5%;
    width: 100%; }
    .pc div.skill-box div.row-long h3:nth-of-type(1n+2) {
      text-align: center; }

/*** Skills ***/
  .pc div.skill-box div.skills-active div.repitem {
    grid-template-columns: 1fr 3em 3em 5em 1em 1em; }
    .pc div.skill-box div.skills-active div.repitem label[data-i18n-title='notes'],
    .pc div.skill-box div.skills-active div.repitem h3[data-i18n='notes'],
    .pc div.skill-box div.skills-active div.repitem div.collapse {
      grid-column: 1 / 7; }
    .pc div.skill-box div.skills-active div.repitem input.collapse-flag {
      grid-area: 1 / 5 / 1 / 6; }
    .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.pictos, .pc div.skill-box div.skills-active div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.skill-box div.skills-active div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.skill-box div.skills-active div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-active div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 5 / 1 / 6; }
    .pc div.skill-box div.skills-active div.repitem input.settings-flag,
    .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.pictos,
    .pc div.skill-box div.skills-active div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.skill-box div.skills-active div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.skill-box div.skills-active div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.skill-box div.skills-active div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.skill-box div.skills-active div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.skill-box div.skills-active div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 6 / 1 / 7; }
    .pc div.skill-box div.skills-active div.repitem input[name='attr_damage'],
    .pc div.skill-box div.skills-active div.repitem input[name='attr_dicepool_modifier'] {
      width: 3em; }
    .pc div.skill-box div.skills-active div.repitem div.settings {
      grid-column: 1 / 7;
      grid-template-columns: 1fr 3em 3em 5em 1em 1em; }

    /* hide the button hider */
    #SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider {
      display: none; }
    /* hide the button after the button hider if the hider has no content (empty attribute) */
    #SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider:empty + button[name='roll_skill'] {
      display: none; }

    #SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons button.skill_spec {
       }
    #SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons button.skill_expert {
       }

/*** Knowledges ***/
  .pc div.skill-box div.skills-knowledge div.headers {
    display: grid;
    grid-template-columns: 1fr 6em 1em 1em; }
  .pc div.skill-box div.skills-knowledge div.repitem {
    grid-template-columns: 1fr 6em 1em 1em; }
    .pc div.skill-box div.skills-knowledge div.repitem label[data-i18n-title='notes'],
    .pc div.skill-box div.skills-knowledge div.repitem h3[data-i18n='notes'],
    .pc div.skill-box div.skills-knowledge div.repitem div.collapse {
      grid-column: 1 / 5; }
    .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag {
      grid-area: 1 / 3 / 1 / 3; }
    .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.pictos, .pc div.skill-box div.skills-knowledge div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.skill-box div.skills-knowledge div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-knowledge div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 3 / 1 / 3; }
    .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag,
    .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.pictos,
    .pc div.skill-box div.skills-knowledge div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.skill-box div.skills-knowledge div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.skill-box div.skills-knowledge div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.skill-box div.skills-knowledge div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 4 / 1 / 4; }
    .pc div.skill-box div.skills-knowledge div.repitem div.settings {
      grid-column: 1 / 5;
      grid-template-columns: 1fr 6em 1em 1em; }




/*** ARMS ****/
/* Weapons */
  .pc div.arms div.headers {
    display: grid !important; }
    .pc div.arms div.headers h2:nth-of-type(1n+2) {
      text-align: center !important; }
  .pc div.arms div.repitem h3 {
    color: #040404 !important; }
  .pc div.arms div.repitem input:nth-of-type(1n+2) {
    text-align: center !important; }
  .pc div.arms div.repitem input.flag-primary[value='primary'] + button {
    background-color: #460141 !important;
    border-bottom: 2px solid #040404 !important; }

  /* Melee Specific */
  .pc div.arms div.weapons div.weapon-melee div.headers {
    grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; }
  .pc div.arms div.weapons div.weapon-melee div.repitem {
    grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; }
    .pc div.arms div.weapons div.weapon-melee div.repitem label[data-i18n-title='notes'],
    .pc div.arms div.weapons div.weapon-melee div.repitem h3[data-i18n='notes'],
    .pc div.arms div.weapons div.weapon-melee div.repitem div.collapse {
      grid-column: 1 / 11 !important; }
    .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag {
      grid-area: 1 / 9 / 1 / 10 !important; }
    .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.arms div.weapons div.weapon-melee div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-melee div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 9 / 1 / 10 !important; }
    .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag,
    .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.pictos,
    .pc div.arms div.weapons div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.arms div.weapons div.weapon-melee div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.arms div.weapons div.weapon-melee div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.arms div.weapons div.weapon-melee div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 10 / 1 / 11 !important; }
    .pc div.arms div.weapons div.weapon-melee div.repitem div.settings {
      grid-column: 1 / 11 !important;
      grid-template-columns: 1fr 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; }

  /* Ranged Specific */
  .pc div.arms div.weapons div.weapon-range div.headers {
    grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em !important; }
  .pc div.arms div.weapons div.weapon-range div.repitem {
    grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em !important; }
    .pc div.arms div.weapons div.weapon-range div.repitem label[data-i18n-title='notes'],
    .pc div.arms div.weapons div.weapon-range div.repitem h3[data-i18n='notes'],
    .pc div.arms div.weapons div.weapon-range div.repitem div.collapse {
      grid-column: 1 / 13 !important; }
    .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag {
      grid-area: 1 / 11 / 1 / 12 !important; }
    .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-range div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.arms div.weapons div.weapon-range div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-range div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 11 / 1 / 12 !important; }
    .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag,
    .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.pictos,
    .pc div.arms div.weapons div.weapon-range div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.arms div.weapons div.weapon-range div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.arms div.weapons div.weapon-range div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.arms div.weapons div.weapon-range div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 12 / 1 / 13 !important; }
    .pc div.arms div.weapons div.weapon-range div.repitem div.settings {
      grid-column: 1 / 13 !important;
      grid-template-columns: 1fr 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 2em 1em 1em !important; }


  .pc div.arms div.weapons div.weapon-range,
  .pc div.arms div.weapons div.weapon-melee {
    width: 100% !important; }
    .pc div.arms div.weapons div.weapon-range div.row {
      grid-column: 1 / 13 !important;
      margin-left: 0px !important; }
    .pc div.arms div.weapons div.weapon-melee div.row {
      grid-column: 1 / 9 !important;
      margin-left: 0px !important; }
      .pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="modeoptions"],
      .pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="range"],
      .pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="modeoptions"],
      .pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="range"] {
        width: 25% !important;
        margin-left: 0px !important; }
      .pc div.arms div.weapons div.weapon-range div.row input[type='number'],
      .pc div.arms div.weapons div.weapon-melee div.row input[type='number'] {
        width: 3em !important;
        margin-left: 0px !important; }
      .pc div.arms div.weapons div.weapon-range div.row select,
      .pc div.arms div.weapons div.weapon-melee div.row select {
        width: 30% !important;
        margin-left: 0px !important; }
    .pc div.arms div.weapons div.weapon-range div.exotic-warning,
    .pc div.arms div.weapons div.weapon-melee div.exotic-warning {
      display: none !important; }
    .pc div.arms div.weapons div.weapon-range input[value='0'] + div.exotic-warning,
    .pc div.arms div.weapons div.weapon-melee input[value='0'] + div.exotic-warning {
      display: block !important; }


  .pc div.arms div.armor div.headers {
    grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em !important; }
  .pc div.arms div.armor div.repitem {
    grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em !important; }
    .pc div.arms div.armor div.repitem label[data-i18n-title='notes'],
    .pc div.arms div.armor div.repitem h3[data-i18n='notes'],
    .pc div.arms div.armor div.repitem div.collapse {
      grid-column: 1 / 11 !important; }
    .pc div.arms div.armor div.repitem input.collapse-flag {
      grid-area: 1 / 9 / 1 / 10 !important; }
    .pc div.arms div.armor div.repitem input.collapse-flag + span.pictos, .pc div.arms div.armor div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.armor div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.arms div.armor div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.arms div.armor div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.armor div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.armor div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 9 / 1 / 10 !important; }
    .pc div.arms div.armor div.repitem input.settings-flag,
    .pc div.arms div.armor div.repitem input.settings-flag + span.pictos,
    .pc div.arms div.armor div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.arms div.armor div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.arms div.armor div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.arms div.armor div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.arms div.armor div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.arms div.armor div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.arms div.armor div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.arms div.armor div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 10 / 1 / 11 !important; }
    .pc div.arms div.armor div.repitem div.settings {
      grid-column: 1 / 11 !important;
      grid-template-columns: 30% 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em 1em 1em !important; }
      .pc div.arms div.armor div.repitem div.settings div.row {
        grid-column: 1 / 11 !important;
        margin-left: 0px !important; }


/*** AUGS ****/
  .pc div.augs div.headers {
    display: grid !important;
    grid-template-columns: 1fr 5em 5em 1em 1em !important; }
  .pc div.augs div.repitem {
    grid-template-columns: 1fr 5em 5em 1em 1em !important; }
    .pc div.augs div.repitem label[data-i18n-title='notes'],
    .pc div.augs div.repitem h3[data-i18n='notes'],
    .pc div.augs div.repitem label[data-i18n-title='modifications'],
    .pc div.augs div.repitem h3[data-i18n='modifications'],
    .pc div.augs div.repitem div.collapse {
      grid-column: 1 / 6 !important; }
    .pc div.augs div.repitem input.collapse-flag {
      grid-area: 1/1/1 / 5 !important;
      position: absolute !important;
      width: 100% !important; }
    .pc div.augs div.repitem input.collapse-flag + span.pictos, .pc div.augs div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.augs div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.augs div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.augs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.augs div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.augs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 4 / 1 / 5 !important; }
    .pc div.augs div.repitem input.settings-flag,
    .pc div.augs div.repitem input.settings-flag + span.pictos,
    .pc div.augs div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.augs div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.augs div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.augs div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.augs div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.augs div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.augs div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.augs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 5 / 1 / 6 !important; }
    .pc div.augs div.repitem input[name='attr_augementation'] {
      text-align: left !important; }
    .pc div.augs div.repitem div.settings {
      grid-column: 1 / 6 !important;
      grid-template-columns: 1fr 5em 5em 1em 1em !important; }



/*** GEAR ****/
  .pc div.gear div.headers {
    display: grid !important;
    grid-template-columns: 1fr 5em 5em 1em 1em !important; }
  .pc div.gear div.repitem {
    grid-template-columns: 1fr 5em 5em 1em 1em !important; }
    .pc div.gear div.repitem label[data-i18n-title='notes'],
    .pc div.gear div.repitem h3[data-i18n='notes'],
    .pc div.gear div.repitem label[data-i18n-title='modifications'],
    .pc div.gear div.repitem h3[data-i18n='modifications'],
    .pc div.gear div.repitem div.collapse {
      grid-column: 1 / 6 !important; }
    .pc div.gear div.repitem input.collapse-flag {
      grid-area: 1/1/1 / 5 !important;
      position: absolute !important;
      width: 100% !important; }
    .pc div.gear div.repitem input.collapse-flag + span.pictos, .pc div.gear div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.gear div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.gear div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.gear div.repitem input[type='checkbox'].collapse-flag + span, .pc div.gear div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.gear div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 4 / 1 / 5 !important; }
    .pc div.gear div.repitem input.settings-flag,
    .pc div.gear div.repitem input.settings-flag + span.pictos,
    .pc div.gear div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.gear div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.gear div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.gear div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.gear div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.gear div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.gear div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.gear div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 5 / 1 / 6 !important; }
    .pc div.gear div.repitem input[name='attr_item'] {
      text-align: left !important; }
    .pc div.gear div.repitem div.settings {
      grid-column: 1 / 6 !important;
      grid-template-columns: 1fr 5em 5em 1em 1em !important; }


/***** MAGIC *****/
  .pc div.magic {
  }
    .pc div.magic h2:nth-of-type(1n+2) {
      text-align: center !important; }
    .pc div.magic h3 {
      color: #040404 !important; }
    .pc div.magic div.headers {
      display: grid !important;
      grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em !important; }
      .pc div.magic div.headers h3:nth-of-type(1n+2) {
        text-align: center !important; }

    /***** SPELLS *****/
    .pc div.magic div.spellsFormulas div.repitem {
      grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em !important; }
      .pc div.magic div.spellsFormulas div.repitem label[data-i18n-title='notes'],
      .pc div.magic div.spellsFormulas div.repitem h3[data-i18n='notes'],
      .pc div.magic div.spellsFormulas div.repitem div.collapse {
        grid-column: 1 / 8 !important; }
      .pc div.magic div.spellsFormulas div.repitem input.collapse-flag {
        grid-area: 1 / 6 / 1 / 7 !important; }
      .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.pictos, .pc div.magic div.spellsFormulas div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].collapse-flag + span,
      .pc div.magic div.spellsFormulas div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
      .settings-flag .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_edit:after,
      .pc div.magic div.spellsFormulas div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.spellsFormulas div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_del {
        grid-area: 1 / 6 / 1 / 7 !important; }
      .pc div.magic div.spellsFormulas div.repitem input.settings-flag,
      .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.pictos,
      .pc div.magic div.spellsFormulas div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
      .settings-toggle .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.spellsFormulas div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
      .settings-flag .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.spellsFormulas div.repitem .flag-primary + div > input.settings-flag + span,
      .pc div.magic div.spellsFormulas div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
      .repcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_edit:after,
      .pc div.magic div.spellsFormulas div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_add:after,
      .pc div.magic div.spellsFormulas div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
      .itemcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_del {
        grid-area: 1 / 7 / 1 / 8 !important; }
      .pc div.magic div.spellsFormulas div.repitem input[name='attr_damage'],
      .pc div.magic div.spellsFormulas div.repitem input[name='attr_dicepool_modifier'] {
        width: 3.5em !important; }
      .pc div.magic div.spellsFormulas div.repitem select[name='attr_category'] {
        grid-row: 2 !important; }
      .pc div.magic div.spellsFormulas div.repitem div.row {
        grid-column: 1 / 6 !important;
        margin-left: 0px !important; }
      .pc div.magic div.spellsFormulas div.repitem div.settings {
        grid-column: 1 / 8 !important;
        grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em .75em .75em !important; }


    /***** RITUALS *****/
    .pc div.magic div.magic-rituals label[data-i18n-title='notes'],
    .pc div.magic div.magic-rituals h3[data-i18n='notes'],
    .pc div.magic div.magic-rituals div.collapse {
      grid-column: 1 / 4 !important; }
    .pc div.magic div.magic-rituals input.collapse-flag {
      grid-area: 1 / 3 / 1 / 4 !important; }
    .pc div.magic div.magic-rituals input.collapse-flag + span.pictos, .pc div.magic div.magic-rituals .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.magic-rituals input[type='checkbox'].collapse-flag + span,
    .pc div.magic div.magic-rituals .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.magic div.magic-rituals input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-rituals .flag-primary + div > input.collapse-flag + span, .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_edit:after,
    .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.magic-rituals .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 3 / 1 / 4 !important; }
    .pc div.magic div.magic-rituals input.settings-flag,
    .pc div.magic div.magic-rituals input.settings-flag + span.pictos,
    .pc div.magic div.magic-rituals .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.magic div.magic-rituals input[type='checkbox'].settings-flag + span,
    .pc div.magic div.magic-rituals .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.magic div.magic-rituals input[type='checkbox'].settings-flag + span,
    .pc div.magic div.magic-rituals .flag-primary + div > input.settings-flag + span,
    .pc div.magic div.magic-rituals .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_edit:after,
    .pc div.magic div.magic-rituals .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_add:after,
    .pc div.magic div.magic-rituals .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 4 / 1 / 5 !important; }
    .pc div.magic div.magic-rituals div.headers {
      grid-template-columns: 1fr 6em 1em 1em !important; }
    .pc div.magic div.magic-rituals div.repitem {
      grid-template-columns: 1fr 6em 1em 1em !important; }
      .pc div.magic div.magic-rituals div.repitem label[data-i18n-title='name'] {
        grid-column: 1 / 1 !important; }
      .pc div.magic div.magic-rituals div.repitem label[data-i18n-title='threshold'] {
        grid-column: 2 / 2 !important; }
      .pc div.magic div.magic-rituals div.repitem div.row {
        grid-column: 1 / 5 !important;
        margin-left: 0px !important; }
    .pc div.magic div.magic-rituals div.settings {
      grid-template-columns: 1fr 6em 1em 1em !important;
      grid-column: 1 / 5 !important; }


    /***** PREPARATIONS *****/
    .pc div.magic div.magic-preps textarea, .pc div.magic div.magic-spells textarea {
      width: 93% !important; }
    .pc div.magic div.magic-preps {
      }
      .pc div.magic div.magic-preps div.prepared-preparations div.headers {
        grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; }
      .pc div.magic div.magic-preps div.prepared-preparations div.repitem {
        grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; }
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem label[data-i18n-title='notes'],
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem h3[data-i18n='notes'],
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.collapse {
          grid-column: 1 / 7 !important; }
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag {
          grid-area: 1 / 5 / 1 / 6 !important; }
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.pictos, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].collapse-flag + span,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
        .settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_edit:after,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
        .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_del {
          grid-area: 1 / 5 / 1 / 6 !important; }
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.pictos,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
        .settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].settings-flag + span,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
        .settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].settings-flag + span,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .flag-primary + div > input.settings-flag + span,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
        .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_edit:after,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
        .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_add:after,
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
        .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_del {
          grid-area: 1 / 6 / 1 / 7 !important; }
        .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings {
          grid-column: 1 / 7 !important;
          grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; }
        .pc div.magic div.magic-preps div.repitem div.row {
          grid-column: 1 / 7 !important;
          margin-left: 0px !important; }
          .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings select {
            grid-column: 4 / 7 !important; }
          .pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings textarea {
            width: 100% !important; }


    /***** ADEPT POWERS *****/
    .pc div.magic div.powers-adept div.headers {
      grid-template-columns: 1fr 3em 5em 1em 1em !important; }
    .pc div.magic div.powers-adept div.repitem {
      grid-template-columns: 1fr 3em 5em 1em 1em !important; }
      .pc div.magic div.powers-adept div.repitem label[data-i18n-title='notes'],
      .pc div.magic div.powers-adept div.repitem h3[data-i18n='notes'],
      .pc div.magic div.powers-adept div.repitem label[data-i18n-title='modifications'],
      .pc div.magic div.powers-adept div.repitem h3[data-i18n='modifications'],
      .pc div.magic div.powers-adept div.repitem div.collapse {
        grid-column: 1 / 6 !important; }
      .pc div.magic div.powers-adept div.repitem input.collapse-flag {
        grid-area: 1 / 4 / 1 / 5 !important;
        position: absolute !important;
        width: 100% !important; }
      .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-adept div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-adept div.repitem input[type='checkbox'].collapse-flag + span,
      .pc div.magic div.powers-adept div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
      .settings-flag .pc div.magic div.powers-adept div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-adept div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-adept div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_edit:after,
      .pc div.magic div.powers-adept div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-adept div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_del {
        grid-area: 1 / 4 / 1 / 5 !important; }
      .pc div.magic div.powers-adept div.repitem input.settings-flag,
      .pc div.magic div.powers-adept div.repitem input.settings-flag + span.pictos,
      .pc div.magic div.powers-adept div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
      .settings-toggle .pc div.magic div.powers-adept div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.powers-adept div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
      .settings-flag .pc div.magic div.powers-adept div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.powers-adept div.repitem .flag-primary + div > input.settings-flag + span,
      .pc div.magic div.powers-adept div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
      .repcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_edit:after,
      .pc div.magic div.powers-adept div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_add:after,
      .pc div.magic div.powers-adept div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
      .itemcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_del {
        grid-area: 1 / 5 / 1 / 6 !important; }
      .pc div.magic div.powers-adept div.repitem div.settings {
        grid-column: 1 / 6 !important;
        grid-template-columns: 1fr 3em 5em 1em 1em !important; }



    /***** Conjuring *****/
    .pc div.magic div.powers-conjuring div.headers {
      grid-template-columns: 1fr 3em 1em 1em !important; }
    .pc div.magic div.powers-conjuring div.repitem {
      grid-template-columns: 1fr 3em 1em 1em !important; }
      .pc div.magic div.powers-conjuring div.repitem label[data-i18n-title='notes'],
      .pc div.magic div.powers-conjuring div.repitem h3[data-i18n='notes'],
      .pc div.magic div.powers-conjuring div.repitem label[data-i18n-title='modifications'],
      .pc div.magic div.powers-conjuring div.repitem h3[data-i18n='modifications'],
      .pc div.magic div.powers-conjuring div.repitem div.collapse {
        grid-column: 1 / 5 !important; }
      .pc div.magic div.powers-conjuring div.repitem input.collapse-flag {
        grid-area: 1 / 1 / 1 / 4 !important;
        position: absolute !important;
        width: 100% !important; }
      .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-conjuring div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].collapse-flag + span,
      .pc div.magic div.powers-conjuring div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
      .settings-flag .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_edit:after,
      .pc div.magic div.powers-conjuring div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-conjuring div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_del {
        grid-area: 1 / 3 / 1 / 4 !important; }
      .pc div.magic div.powers-conjuring div.repitem input.settings-flag,
      .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.pictos,
      .pc div.magic div.powers-conjuring div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
      .settings-toggle .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.powers-conjuring div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
      .settings-flag .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.powers-conjuring div.repitem .flag-primary + div > input.settings-flag + span,
      .pc div.magic div.powers-conjuring div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
      .repcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_edit:after,
      .pc div.magic div.powers-conjuring div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_add:after,
      .pc div.magic div.powers-conjuring div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
      .itemcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_del {
        grid-area: 1 / 4 / 1 / 5 !important; }
      .pc div.magic div.powers-conjuring div.repitem div.row {
        grid-column: 1 / 5 !important;
        margin-left: 0px !important; }
      .pc div.magic div.powers-conjuring div.repitem div.settings {
        grid-column: 1 / 5 !important;
        grid-template-columns: 1fr 3em 1em 1em !important; }




    /***** METAMAGIC *****/
    .pc div.magic div.powers-meta div.headers {
      grid-template-columns: 1fr 3em 1em 1em !important; }
    .pc div.magic div.powers-meta div.repitem {
      grid-template-columns: 1fr 3em 1em 1em !important; }
      .pc div.magic div.powers-meta div.repitem label[data-i18n-title='notes'],
      .pc div.magic div.powers-meta div.repitem h3[data-i18n='notes'],
      .pc div.magic div.powers-meta div.repitem label[data-i18n-title='modifications'],
      .pc div.magic div.powers-meta div.repitem h3[data-i18n='modifications'],
      .pc div.magic div.powers-meta div.repitem div.collapse {
        grid-column: 1 / 5 !important; }
      .pc div.magic div.powers-meta div.repitem input.collapse-flag {
        grid-area: 1 / 1 / 1 / 4 !important;
        position: absolute !important;
        width: 100% !important; }
      .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-meta div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-meta div.repitem input[type='checkbox'].collapse-flag + span,
      .pc div.magic div.powers-meta div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
      .settings-flag .pc div.magic div.powers-meta div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-meta div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-meta div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_edit:after,
      .pc div.magic div.powers-meta div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-meta div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_del {
        grid-area: 1 / 3 / 1 / 4 !important; }
      .pc div.magic div.powers-meta div.repitem input.settings-flag,
      .pc div.magic div.powers-meta div.repitem input.settings-flag + span.pictos,
      .pc div.magic div.powers-meta div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
      .settings-toggle .pc div.magic div.powers-meta div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.powers-meta div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
      .settings-flag .pc div.magic div.powers-meta div.repitem input[type='checkbox'].settings-flag + span,
      .pc div.magic div.powers-meta div.repitem .flag-primary + div > input.settings-flag + span,
      .pc div.magic div.powers-meta div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
      .repcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_edit:after,
      .pc div.magic div.powers-meta div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
      .repcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_add:after,
      .pc div.magic div.powers-meta div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
      .itemcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_del {
        grid-area: 1 / 4 / 1 / 5 !important; }
      .pc div.magic div.powers-meta div.repitem div.settings {
        grid-column: 1 / 5 !important;
        grid-template-columns: 1fr 3em 1em 1em !important; }



/*** MATRIX ****/
  #SR6WE .pc div.matrix h3 {
    color: #040404 !important; }

  #SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats {
    margin: 0px 5px 5px 5px;
    display: grid;
    grid-template-columns: .5fr 1fr .5fr 1fr .5fr 1fr .5fr; }

  #SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats label {
    margin-top: 5px;
    margin-bottom: 5px !important; }
  #SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats button, #SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats button span {
    padding-right: 3px;
    display: inline !important; }

  #SR6WE .pc div.matrix div.cyberdeck div.technomancer-attributes {
    padding: 0px 5px 5px 0px;
    display: grid;
    grid-template-columns: 1fr auto auto auto auto auto 1fr; }
  #SR6WE .pc div.matrix div.cyberdeck div.technomancer-attributes input[type='number'] {
    margin: 0px 3px 0px 3px; }


/*** Matrix Devices ***/
  /* headers */
  #SR6WE .pc div.matrix div.devices div.headers {
    display: grid !important;
    grid-template-columns: 1fr 4em 4em 1em 1em !important; }

  #SR6WE .pc div.matrix div.devices div.headers h2[data-i18n='device'] {
   text-align: left; }
  #SR6WE .pc div.matrix div.devices div.headers h2[data-i18n='rtg'] {
   text-align: center; }
  #SR6WE .pc div.matrix div.devices div.headers h2[data-i18n='primary'] {
   text-align: center; }

  /* item name/rtg/primary always displayed */
  #SR6WE .pc div.matrix div.devices div.repitem {
    display: grid !important;
    grid-template-columns: 1fr 4em 4em 1em 1em !important; }

  #SR6WE .pc div.matrix div.devices div.repitem span[name='attr_device'] {
   text-align: left; }
  #SR6WE .pc div.matrix div.devices div.repitem span[name='attr_device_rating'] {
   text-align: center; }
  #SR6WE .pc div.matrix div.devices div.repitem span[name='attr_primary_device'] {
   text-align: center; }

  /* persona attribute buttons */
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons {
    grid-column: 1 / 6 !important; }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 {
    margin: 0px 0px 5px 0px;
    display: grid;
    grid-template-columns: 1fr repeat(4, 6em) 1fr;
    grid-column-gap: 5.25px;
    text-align: left;
    align-items: center;
    vertical-align: middle; }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 span, 
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 label {
    text-align: center !important; }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='number'] {
    width: 2em !important; }
  /* device attribute buttons */
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 span {
    position: relative;
    display: inline !important; }
  /* hide the checkbox and make it fill the space */
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    opacity: 0; }
  /* shape the button and make it fill the space */
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox'] + button {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    pointer-events: none;
    font-weight: bold;
    box-shadow: #460141 0px 1px 5px 2px inset;
    white-space: nowrap;
    color: #460141; }
  /* button when checkbox NOT checked */
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:not(:checked) + button {
    border: 1px solid black;
    border-radius: 10px; }
  /* button when checkbox NOT */
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button {
    color: white;
    border: 1px solid black;
    border-radius: 10px; }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='attack'] {
    color: white;
    box-shadow: rgb(58, 0, 0) 0px 1px 5px 2px inset;
    background-color: rgb(204, 7, 1); }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='sleaze'] {
    color: white;
    box-shadow: rgb(0, 14, 59) 0px 1px 5px 2px inset;
    background-color: rgb(0, 123, 252); }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='dataproc'] {
    box-shadow: rgb(7, 66, 2) 0px 1px 5px 2px inset;
    background-color: rgb(136, 221,4); }
  #SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='firewall'] {
    box-shadow: rgb(71, 1, 1) 0px 1px 5px 2px inset;
    background-color: rgb(248, 135, 3); }



  /* hideable settings fields */
  #SR6WE .pc div.matrix div.devices div.settings {
    grid-column: 1 / 6 !important; }

  #SR6WE .pc div.matrix div.devices div.settings div.rows {
    width: 100%; }


  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row1{
    margin: 0px 15px 5px 0px;
    display: grid;
    grid-template-columns: 246px 4em 4em 1em 1em;
    text-align: center !important; }

  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 label:first-child input {
    text-align: left; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 label:not(:first-child) {
    text-align: center; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 input {
    width: 2em; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 input[name='attr_device'] {
    width: 246px; }

  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row2{
    margin: 0px 20px 5px 0px;
    display: grid;
    grid-template-columns: .5em auto auto 1fr auto 2em .5em;
    grid-column-gap: 5px; }


  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 {
    margin: 0px 15px 5px 0px;
    display: grid;
    grid-template-columns: 1fr repeat(4, 7em) 1fr;
    grid-column-gap: 5.25px;
    text-align: left;
    vertical-align: middle; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 span, 
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 label {
    text-align: left !important; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 input[type='number'] {
    width: 2em !important; }


  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row4 {
    margin: 0px 15px 5px 0px;
    display: grid;
    grid-column-gap: 5px;
    grid-template-columns: 1fr auto 3em 1fr auto 3em 1fr;
    vertical-align: middle; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row4 span, 
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row4 label {
    text-align: center !important;
    vertical-align: middle; }


  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row5 {
    margin: 0px 30px 5px 0px; }


  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row-condition-monitor {
    margin-right: 20px;
    display: grid;
    grid-template-columns: 1fr auto 3em 1fr auto 3em 1fr; }
  #SR6WE .pc div.matrix div.devices div.settings div.rows div.row-condition-monitor input[type='number'] {
    width: 2em !important;
    margin-left: 5px; }


  #SR6WE .pc div.matrix div.devices div.repitem label[data-i18n-title='notes'],
  #SR6WE .pc div.matrix div.devices div.repitem h3[data-i18n='notes'],
  #SR6WE .pc div.matrix div.devices div.repitem label[data-i18n-title='modifiers'],
  #SR6WE .pc div.matrix div.devices div.repitem h3[data-i18n='modifiers'],
  #SR6WE .pc div.matrix div.devices div.repitem div.collapse {
    width: 100% !important; }
  #SR6WE .pc div.matrix div.devices div.repitem input.collapse-flag {
    grid-area: 1 / 4 / 1 / 5 !important;
    position: absolute !important;
    width: 100% !important; }
  #SR6WE .pc div.matrix div.devices div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.matrix div.devices div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.matrix div.devices div.repitem input[type='checkbox'].collapse-flag + span,
  #SR6WE .pc div.matrix div.devices div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
  #SR6WE .settings-flag .pc div.matrix div.devices div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.matrix div.devices div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.collapse-flag + span.repcontrol_edit:after,
  #SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
  #SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.matrix div.devices div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.matrix div.devices div.repitem input.collapse-flag + span.repcontrol_del {
    grid-area: 1 / 4 / 1 / 5 !important; }
  #SR6WE .pc div.matrix div.devices div.repitem input.settings-flag,
  #SR6WE .pc div.matrix div.devices div.repitem input.settings-flag + span.pictos,
  #SR6WE .pc div.matrix div.devices div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
  #SR6WE .settings-toggle .pc div.matrix div.devices div.repitem input[type='checkbox'].settings-flag + span,
  #SR6WE .pc div.matrix div.devices div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
  #SR6WE .settings-flag .pc div.matrix div.devices div.repitem input[type='checkbox'].settings-flag + span,
  #SR6WE .pc div.matrix div.devices div.repitem .flag-primary + div > input.settings-flag + span,
  #SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
  #SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.settings-flag + span.repcontrol_edit:after,
  #SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
  #SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.settings-flag + span.repcontrol_add:after,
  #SR6WE .pc div.matrix div.devices div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
  #SR6WE .itemcontrol .pc div.matrix div.devices div.repitem input.settings-flag + span.repcontrol_del {
    grid-area: 1 / 5 / 1 / 6 !important; }


  #SR6WE .character-type[type='hidden'][name='attr_flag_special'][value='resonance'] ~ .pc .techno-hide {
    display: none; }

  #SR6WE input.character-type[name='attr_flag_special'][value='magic'] ~ .pc .techno-see,
  #SR6WE input.character-type[name='attr_flag_special'][value='mundane'] ~ .pc .techno-see {
    display: none !important; }



  /*  Matrix Programs  */
  .pc div.matrix div.programs div.repitem {
    grid-template-columns: 1fr 1em 1em !important; }
    .pc div.matrix div.programs div.repitem label[data-i18n-title='notes'],
    .pc div.matrix div.programs div.repitem h3[data-i18n='notes'],
    .pc div.matrix div.programs div.repitem div.collapse {
      grid-column: 1 / 4 !important; }
    .pc div.matrix div.programs div.repitem input.collapse-flag {
      grid-area: 1/ 1 / 1 / 3 !important;
      position: absolute !important;
      width: 100% !important; }
    .pc div.matrix div.programs div.repitem input.collapse-flag + span.pictos, .pc div.matrix div.programs div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.matrix div.programs div.repitem input[type='checkbox'].collapse-flag + span,
    .pc div.matrix div.programs div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
    .settings-flag .pc div.matrix div.programs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.matrix div.programs div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_edit:after,
    .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
    .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.matrix div.programs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_del {
      grid-area: 1 / 2 / 1 / 3 !important; }
    .pc div.matrix div.programs div.repitem input.settings-flag,
    .pc div.matrix div.programs div.repitem input.settings-flag + span.pictos,
    .pc div.matrix div.programs div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
    .settings-toggle .pc div.matrix div.programs div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.matrix div.programs div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
    .settings-flag .pc div.matrix div.programs div.repitem input[type='checkbox'].settings-flag + span,
    .pc div.matrix div.programs div.repitem .flag-primary + div > input.settings-flag + span,
    .pc div.matrix div.programs div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
    .repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_edit:after,
    .pc div.matrix div.programs div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
    .repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_add:after,
    .pc div.matrix div.programs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
    .itemcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_del {
      grid-area: 1 / 3 / 1 / 4 !important; }
  .pc div.matrix div.programs div.settings {
    grid-column: 1 / 4 !important; }
    .pc div.matrix div.programs div.settings input[type='text'] {
      grid-column: 1 / 4 !important;
      text-align: left !important; }
    .pc div.matrix div.programs div.settings label {
      grid-column: 1 / 4 !important; }




  /*  Matrix Complex Forms  */
  #SR6WE .pc div.matrix div.complex-forms-rolls button, #SR6WE .pc div.matrix div.complex-forms-rolls button span {
    padding-right: 3px;
    display: inline !important; }

  #SR6WE .pc div.matrix div.complex-forms div.headers {
    display: grid;
    grid-template-columns: 1fr 7em 4em 1em 1em; }
  #SR6WE .pc div.matrix div.complex-forms div.headers h2:nth-of-type(1n+2) {
    text-align: center; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem {
    grid-template-columns: 1fr 7em 4em 1em 1em; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem label[data-i18n-title='notes'],
  #SR6WE .pc div.matrix div.complex-forms div.repitem h3[data-i18n='notes'],
  #SR6WE .pc div.matrix div.complex-forms div.repitem div.collapse {
    grid-column: 1 / 6; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem input.collapse-flag {
    grid-area: 1 / 4 / 1 / 5; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.matrix div.complex-forms div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].collapse-flag + span,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
  #SR6WE .settings-flag .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.matrix div.complex-forms div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_edit:after,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
  #SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.matrix div.complex-forms div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_del {
    grid-area: 1 / 4 / 1 / 5; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem input.settings-flag,
  #SR6WE .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.pictos,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
  #SR6WE .settings-toggle .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].settings-flag + span,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
  #SR6WE .settings-flag .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].settings-flag + span,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .flag-primary + div > input.settings-flag + span,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
  #SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_edit:after,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
  #SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_add:after,
  #SR6WE .pc div.matrix div.complex-forms div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
  #SR6WE .itemcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_del {
    grid-area: 1 / 5 / 1 / 6; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem div.row {
    grid-column: 1 / 6;
    margin-left: 0px; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem div.settings {
    grid-column: 1 / 6;
    grid-template-columns: 1fr 7em 4em 1em 1em; }

  #SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button {
    display: none; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem span.show-name {
    font-weight: bold;
    display: none; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button:empty ~ button[name='roll_complex_form'] {
    display: none !important; }
  #SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button:empty ~ span.show-name {
    display: inherit; }


/***** PC ROWS & COLUMNS SETTINGS *****/
.pc-row {
  margin-bottom: 10px !important; }

.pc-col {
  vertical-align: top !important;
  width: calc(50% - 5px) !important; }
  .pc-col:first-child {
    margin-right: 1.5% !important;
    width: calc(50% - 10px) !important; }

.row-long {
  border-bottom: 1px solid #000 !important; }

.settings-row {
  margin-top: 5px !important; }
  .settings-row select.skill-select {
    width: 29% !important; }

/***** HEADERS AND TRIANGLES *****/
div.header {
  display: inline-flex !important;
  float: right !important;
  height: 20px !important; }

div.triangle,
div.right-tri {
  border-top: 20px solid transparent !important; }

div.triangle {
  border-right: 30px solid #460141 !important; }

div.right-tri {
  border-left: 30px solid #460141 !important; }

div.right-header {
  margin-right: -8% !important;
  float: left !important; }

div.left-header {
  margin-left: -8% !important;
  float: right !important; }

/***** SECONDARY HEADERS LIKE ON SKILLS *****/
div.htab input[type='radio'] {
  margin-right: -80px !important;
  top: 4px !important;
  width: 80px !important; }
  div.htab input[type='radio'] + h1 {
    color: #9a9a9a !important; }
  div.htab input[type='radio']:hover ~ h1, div.htab input[type='radio']:checked ~ h1 {
    color: #fff !important; }

/***** BOXES FOR DIFFERENT PC SECTIONS *****/
.pc-box {
  background-color: #e7e6e5 !important;
  margin-left: 1.5px !important;
  margin-right: 1.5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  height: auto !important; }

.small-box {
  min-height: 150px !important; }

.medium-box {
  min-height: 330px !important; }

/***** CHARACTER PERSONAL DATA SECTION INPUTS *****/
.pd-nam input[type='text'] {
  width: 66% !important; }

.pd-meta input[type='text'] {
  width: 35.5% !important; }

.pd-age input[type='text'] {
  width: 13% !important; }

.pd-rep input[type='number'] {
  border: none !important;
  width: 13.5% !important; }

.pd-kar input[type='number'],
.pd-kar input[type='text'] {
  border: none !important;
  width: 13.5% !important; }

.pd-rep input[name='attr_nuyen'], input[name='attr_nuyen'] {
  width: 7em !important;
  text-align: left !important; }

h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] {
  font-size: 15px !important;
  vertical-align: middle !important; }
  

/***** CORE COMBAT INFO *****/
.core-combat button[type='roll'] {
  font-size: 0.9em !important;
  text-align: left !important; }
.core-combat h2, .core-combat h3 {
  margin-right: 0px !important; }
.core-combat button[name="roll_soak"] { }
  .core-combat button[name="roll_soak"] > span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important; }

.flag-primary + div {
  display: none !important; }
.flag-primary[value='primary'] + div {
  display: inline !important;
  margin-right: -5% !important; }

/***** PRIMARY WEAPON *****/
.cc-row {}
  .cc-row button[type='action'] {
    font-family: fontello !important; }
  .cc-row button[name*='primary_ammo'] { }
  /** The x# after ammo button **/
  .cc-row button[type='action'] > span {
    display: inline !important;
    margin-left: 0px !important; }
    .cc-row button[type='action'] > span:before {
      content: 'x' !important; }
  .cc-row button[name*='shots'], .cc-row button[name='act_reload'], .cc-row button[name='act_primary_ammo'] {
    border-bottom: 2px solid #666 !important;
    border-bottom-right-radius: 2px !important;
    border-color: #aaa !important;
    border-radius: 5px !important;
    border-right: 3px solid #999 !important;
    border-style: outset !important; }
  .cc-row button[name*='shots_remove'] {
    transform: rotate(180deg) !important;
    /* IE 9 */
    -ms-transform: rotate(180deg) !important;
    /* Safari 3-8 */
    -webkit-transform: rotate(180deg) !important; }
  .cc-row button[type='roll'] > span,
  .cc-row h3 + span {
    display: inline-block !important;
    margin-left: 1% !important; }
  .cc-row span[name*='ammo'] { }
  .cc-row span[name*='ammo_max']:before {
    content: ' / ' !important; }
  .cc-row span[name*='fired'] {
    font-size: 0.9em !important; }
  div.primary-range-row2 span[name='attr_primary_range_weapon_ammo'] {
    text-align: right;
    padding-right: 3px; }
  div.primary-range-row2 span[name='attr_primary_range_weapon_ammo_max'] {
    text-align: left;
    padding-left: 3px; }


/***** Primary Melee Weapon Display *****/
  div.primary-melee {
    display: grid !important;
    grid-template-columns: auto 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em !important; }

/***** Primary Range Weapon Display *****/
  div.primary-range {
    display: grid !important;
    grid-template-columns: auto 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em !important; }
  div.primary-range-row2 {
    display: grid !important;
    grid-template-columns: auto 1fr 2em 4em 2em 1em 3.5em 3.5em 2em !important; }

/***** Armor Display *****/
  div.armor-info {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 5em 3em auto 3em auto 1fr !important; }
  div.armor-resists {
    display: grid !important;
    grid-template-columns: .2fr .2fr .2fr .2fr .2fr !important; }
  div.armor-resist {
    text-align: left !important; }
  span.armor-resist-value {
    background-color: white !important;
    border: 1px solid black !important;
    border-radius: 1px !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 2px 2px !important; }
  span.chem {
    color: #006400 !important;
    text-shadow: 0px 0px 3px black !important; }
  span.cold {
    color: #0000ff !important;
    text-shadow: 0px 0px 3px black !important; }
  span.elec {
    color: #ffff00 !important;
    text-shadow: 0px 0px 3px black !important; }
  span.fire {
    color: #ff0000 !important;
    text-shadow: 0px 0px 3px black !important; }





/***** ATTRIBUTE AND CONDITION MONITOR *****/
/***** ATTRIBUTES BOX *****/
.attr-box h3 {
  color: #000 !important; }

.attr-col {
  display: inline-block !important;
  margin-top: 15px !important;
  vertical-align: top !important;
  width: 48% !important; }
#SR6WE .attr-col button[type='roll'], 
#SR6WE .npc .attribute button[type='roll'], 
#SR6WE .npc .rows button[type='roll'], 
#SR6WE .npc .rows button[type='action'] {
  border-bottom: 1px solid #000;
  border-radius: 0px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 0px;
  padding-right: 2px;
  text-align: right;
  width: 30%; }
#SR6WE .npc .attribute button[type='roll'], 
#SR6WE .npc .rows button[type='roll'],
#SR6WE .npc .rows button[type='action'] {
  background-color: white;
  font-size: 1em;
  text-align: center;
  width: unset; }
.attr-col button > span {
  font-weight: bold !important; }
.attr-col input[type='number'] {
  border-radius: 0px !important;
  width: 23% !important;
  font-weight: bold !important; }
.attr-col input[type='text'] {
  width: 50% !important; }
.attr-col .totals {
  padding: 0px 2px !important; }
.attr-col-left {
  margin-left: -7% !important; }
.attr-col-right {
  width: 50% !important; }
.attr-col-right button[type='roll'] {
  margin-right: 0px !important;
  width: 55% !important; }
.attr-col-right .attr-ini input[type='number'] {
  width: 17% !important; }
.attr-col-right label {
  border-bottom: 1px solid #000 !important;
  font-size: 0.9em !important;
  height: 22px !important;
  text-align: right !important;
  width: 55% !important; }
.attr-col-right .attr-und {
  width: 38% !important; }
.attr-und input[name="attr_move_speed"], 
.attr-und input[name="attr_sprint_speed"] {
  width: 3em; !important; }


.settings-toggle:checked ~ .attr-col-right .attr-ini {
  width: 63% !important; }

.settings-toggle:checked ~ .attr-col-right button.attr-ini {
  width: 35% !important; }

.settings-toggle:checked ~ .attr-col-right button.attr-ini .init-settings {
  display: inline !important; }

.attr-col-right button.attr-ini .init-settings,
.settings-toggle:checked ~ .attr-col-right button.attr-ini .init-display {
  display: none !important; }

.attr-und {
  border-bottom: 1px solid #000 !important;
  display: inline-block !important;
  height: 22px !important;
  margin-bottom: 4px !important;
  vertical-align: top !important;
  text-align: center !important;
  width: 65% !important; }
  .attr-und .display {
    text-align: center !important; }

.tiny-span {
  font-size: 0.75em !important; }

/***** ATTRIBUTE LIMITS *****/
.attr-lim {
  margin-top: 20px !important; }
  .attr-lim div {
    display: inline-block !important;
    height: 22px !important;
    text-align: center !important;
    width: 10% !important; }
  .attr-lim input[type='number'] {
    width: 6% !important; }
  .attr-lim label {
    width: auto !important; }
  .attr-lim span + span {
    margin-right: 1% !important; }
  .attr-lim .display {
    width: 100% !important; }

/***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/
/***** ATTRIBUTE SETTINGS TOGGLE *****/
.attr-box input.settings-toggle {
  left: 98% !important; }
  .attr-box input.settings-toggle + span {
    font-size: 1em !important;
    left: 94% !important;
    top: 0px !important;
    position: relative !important; }

/***** CONDITION SETTINGS TOGGLE  *****/
.condition-box input[type='checkbox'] {
  left: -1% !important; }
  .condition-box input[type='checkbox'] + span {
    left: -4% !important;
    position: relative !important; }

/***** CONDITION MONITOR SECTION *****/
.con-track {
  display: inline-block !important;
  vertical-align: top !important;
  width: 47% !important;
  margin-top: 2% !important;
  margin-bottom: 3% !important; }
  .con-track button[type='action'] {
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: center !important;
    padding: 1% 2% !important;
    margin-left: 7% !important;
    width: 100% !important; }

/***** CONDITION MONITOR SETTINGS  *****/
.condition-box .display,
.condition-box .settings {
  margin-top: -10px !important; }

  /***** CONDITION MONITOR DISPLAY*****/
.condition-box .settings {
  }
  .condition-box .settings input {
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
    height: 22px !important;
    margin-bottom: 5px !important; }
  .condition-box .settings .con-footer {
    margin-top: 0px !important;
    text-indent: 10px !important; }
    .condition-box .settings .con-footer .attr-und {
      display: inline-block !important;
      margin-bottom: -5px !important;
      text-align: center !important;
      width: 60% !important; }

/***** CONDITION MONITOR SQUARES *****/
.squares {
  margin-left: 20% !important;
  width: 70% !important; }
  .squares div {
    background-color: transparent !important;
    border-right: none !important;
    left: 85% !important;
    margin-bottom: -20px !important;
    position: relative !important;
    top: -15px !important; }
  .squares input[type='radio'],
  .squares span {
    height: 45px !important;
    width: 33% !important; }
  .squares input[type='radio'] {
    clear: both !important;
    left: 2px !important;
    margin-right: -43px !important;
    position: relative !important;
    top: 6px !important; }
  .squares span {
    background-color: #9a9a9a !important;
    border-radius: 0px !important;
    border: 2px solid #460141 !important;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
    display: inline-block !important;
    margin-bottom: -25px !important;
    margin-right: -7px !important; }

.squares input[type='radio']:checked ~ input[type='radio'] + span,
.con-track input[type='radio']:checked ~ .squares span,
.con-track input[type='hidden'][value='0'] ~ .squares span {
  background-color: transparent !important; }

/***** MAKE CONDITION SQUARES APPEAR & DISPPEAR *****/
.hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19),
.hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21),
.hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24),
.hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26),
.hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28),
.hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32),
.hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34),
.hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36),
.hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38),
.hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40),
.hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42),
.hex-hider[value='8'] ~ div:nth-child(1n+19),
.hex-hider[value='9'] ~ div:nth-child(1n+24),
.hex-hider[value='10'] ~ div:nth-child(1n+24),
.hex-hider[value='11'] ~ div:nth-child(1n+24),
.hex-hider[value='12'] ~ div:nth-child(1n+30),
.hex-hider[value='13'] ~ div:nth-child(1n+30),
.hex-hider[value='14'] ~ div:nth-child(1n+30),
.hex-hider[value='15'] ~ div:nth-child(1n+38),
.hex-hider[value='16'] ~ div:nth-child(1n+38),
.hex-hider[value='17'] ~ div:nth-child(1n+38),
.hex-hider[value='18'] ~ div:nth-child(1n+48) {
  display: none !important; }

.hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span,
.hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span,
.hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span,
.hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span,
.hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span,
.hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span,
.hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span,
.hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span,
.hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span,
.hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span,
.hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span {
  opacity: 0 !important; }

/***** CONDITION MONITOR FOOTERS *****/
.con-footer {
  font-size: 0.8em !important;
  margin-top: 10px !important; }
  .con-footer label {
    margin-right: 5px !important;
    width: auto !important; }
  .con-footer input[type='number'] {
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
    height: 22px !important;
    margin-top: -5px !important; }

/***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/
  /***** REPEATING SECTION *****/
  /***** REPEATING SECTION TOGGLES *****/
  /***** REPEATING BOX SECTION INPUTS *****/
  /***** REPEATING BOX DISPLAY *****/
  /***** REPEATING SECTION SELECTS *****/
  .repeat-box {
    }
  .repeat-box .medium-box {
    height: auto !important;
    min-height: 200px !important; }
  .repeat-box h3 {
    color: #000 !important;
    margin-bottom: -3px !important; }
  .repeat-box button.pictos, .repeat-box .cc-row button[name*='shots'], .cc-row .repeat-box button[name*='shots'], .repeat-box .cc-row button[name='act_reload'], .cc-row .repeat-box button[name='act_reload'], .repeat-box .cc-row button[name='act_primary_ammo'], .cc-row .repeat-box button[name='act_primary_ammo'], .repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .repeat-box button.repcontrol_edit:after,
  .repeat-box .repcontrol button.repcontrol_add:after,
  .repcontrol .repeat-box button.repcontrol_add:after, .repeat-box .itemcontrol button.repcontrol_del, .itemcontrol .repeat-box button.repcontrol_del,
  .repeat-box button.settings-button {
    font-size: 1em !important;
    position: absolute !important;
    line-height: 1em !important; }
  .repeat-box button.settings-button {
    left: 96% !important; }
  .repeat-box .repitem {
    display: inline-flex !important;
    border-bottom: 1px solid #000 !important;
    width: 100% !important; }
  .repeat-box input.settings-toggle,
  .repeat-box input.primary-flag + span {
    position: absolute !important;
    width: 13px !important; }
  .repeat-box input.settings-toggle {
    left: 98.5% !important; }
    .repeat-box input.settings-toggle + span {
      left: 98.5% !important;
      top: -2px !important;
      width: 2% !important; }
  .repeat-box .settings input[type='text'] {
    border-bottom: 1px solid #333 !important;
    border-radius: 0px !important; }
    .repeat-box .settings input[type='text']:first-child {
      text-align: left !important; }
  .repeat-box .settings input[type='number'] {
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0px !important;
    width: 8% !important; }
  .repeat-box .settings label {
    font-size: 0.8em !important;
    margin-bottom: 0px !important; }
  .repeat-box button[type='roll'],
  .repeat-box button[type='action'] {
    font-size: 0.9em !important;
    color: #000 !important; }
  .repeat-box select {
    color: #000 !important;
    font-size: 0.8em !important;
    font-weight: bolder !important;
    height: 20px !important;
    padding: 0px !important;
    width: 14% !important; }
  .repeat-box option {
    padding: 2px !important;
    font-weight: bold !important; }

.rank {
  display: inline-block !important;
  text-align: center !important;
  width: 10% !important; }

/***** COLLAPSABLE DIVS *****/
.collapsable {
  padding-left: 1.5em !important;
  width: 100% !important;
  word-break: break-word !important; }
  .collapsable span {
    white-space: pre-line !important; }
  .display-flag:checked ~ .collapsable .desc-lifestyle {
    width: 100% !important; }

/***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/
.quality-box .display-flag, .contacts .display-flag, .social-box .display-flag, .vehicle-box .display-flag, div.augs div.repeat-box .display-flag {
  opacity: 0 !important;
  position: absolute !important;
  top: 0px !important;
  width: 90% !important;
  height: 100% !important; }

/***** DISPLAY ROWS *****/
.display-row {
  display: inline-block !important;
  overflow: hidden !important;
  text-align: center !important;
  vertical-align: top !important;
  word-break: break-word !important; }
  .display-row:nth-of-type(1), .display-row:nth-of-type(1) button {
    text-align: left !important; }

/***** DISPLAY & SETTINGS *****/
.skills-row, .contacts .display,
.contacts .settings div, .item-box .display,
.item-box .settings div,
.lifestyle .settings div {
  display: inline-block !important;
  width: 100% !important; }

/***** SKILLS *****/
option.option-headers {
  opacity: 0.2 !important; }

option.option-groups {
  font-size: 1em !important;
  font-style: italic !important; }

input.skill-select[type='checkbox'] {
  opacity: 1 !important;
  width: 3% !important; }

/***** LIFESTYLES *****/
  /***** LIFESTYLE SETTINGS *****/
  /***** LIFESTYLE DISPLAY *****/
  .lifestyle {
    }
  .lifestyle h3:nth-of-type(2) {
    margin-right: 1% !important; }
  .lifestyle input[type='text'] {
    background-color: transparent !important; }
    .lifestyle input[type='text']:hover, .lifestyle input[type='text']:focus {
      background-color: #d2d1cd !important; }
  .lifestyle textarea {
    min-height: 30px !important;
    margin: 0px 0px 0px 0px !important; }
  .lifestyle .display-flag:checked ~ span:nth-of-type(1),
  .lifestyle .display-flag ~ span:nth-of-type(1n+2) {
    display: none !important; }
  .lifestyle .display-flag:checked ~ span:nth-of-type(1n+2) {
    display: inherit !important; }

  .lifestyle .sins-headers {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 27% 8% 1fr 1.5em !important;
  }

  .lifestyle .display {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 35% 1fr 1.5em !important;
  }

  .lifestyle div.display .display-row {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 70% 30% !important;
    font-weight: bold !important;
  }

  .lifestyle div.collapsable {
    padding-left: 0em !important;
    word-wrap: break-word !important;
  }




/***** CONTACTS *****/
.contacts h3:nth-of-type(1) {
  margin-right: 50% !important; }

.contacts h3:nth-of-type(2),
.contacts h3:nth-of-type(3) {
  margin-right: 2% !important; }

/***** CONTACTS SETTINGS *****/
.contacts input[type='text']:nth-of-type(1) {
  margin-right: 5px !important;
  width: 58% !important; }

.contacts input[type='number'] {
  margin-right: 4% !important; }

.contacts input[type='text']:nth-of-type(4) {
  margin-left: -1px !important;
  width: 22% !important; }

/***** CONTACTS DISPLAY *****/
.contacts .display-row {
  width: 14% !important; }

.contacts .display-row:nth-of-type(1) {
  margin-right: 2% !important;
  width: 53% !important; }

/***** MAGIC DISPLAY *****/
.combat-type-hide {
  display: none !important; }

.combat-type[value*='Direct'] + span:after,
.combat-type[value*='Indirect'] + span:after {
  display: inline !important; }

.combat-type[value*='Direct'] + span:after {
  content: '(Direct)' !important; }

.combat-type[value*='Indirect'] + span:after {
  content: '(Indirect)' !important; }

/***** RITUAL DISPLAY *****/
.magic-rituals .display .display-row {
  width: 99% !important; }

/***** MATRIX *****/
.matrix select.skill-select {
  width: 26.5% !important; }
.matrix input[name="attr_flag"] + span {
  position: absolute !important; }
.matrix .con-hex {
  margin-bottom: -10px !important;
  margin-right: 0px !important;
  margin-top: 5px !important;
  position: unset !important;
  width: 100% !important; }
  .matrix .con-hex input[type='radio']:first-child {
    margin-right: -25% !important;
    margin-top: 2% !important;
    width: 25% !important; }
  .matrix .con-hex input[type='radio']:hover ~ h2 {
    color: #fff !important;
    text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; }
  .matrix .con-hex h2 {
    vertical-align: top !important; }

/***** CYBERDECK *****/
.cyberdeck button {
  font-weight: bold !important; }
  .cyberdeck button input[name="attr_flag"] {
    position: absolute !important; }
    .cyberdeck button input[name="attr_flag"] + span {
      position: absolute !important; }

.cyberdeck h3 {
  line-height: 20px !important; }
  .cyberdeck h3[data-i18n="total"] {
    margin-left: 15% !important; }
  .cyberdeck h3[data-i18n="temp"] {
    margin-left: 5% !important; }
  .cyberdeck h3[data-i18n="modifier"] {
    margin-left: 2% !important;
    margin-right: 2% !important; }
  .cyberdeck h3[data-i18n="base"] {
    margin-left: 0% !important;
    margin-right: 15% !important; }

.cyberdeck input[type='number'] {
  border: none !important;
  border-bottom: 1px solid #333 !important;
  border-radius: 0px !important;
  height: 20px !important;
  width: 25px !important; }

.cyberdeck .row-long:nth-of-type(1) input[type='text'] {
  width: 90% !important; }

.cyberdeck .row-long:nth-of-type(1n+3) label {
  padding-bottom: 5px !important;
  padding-right: 0px !important;
  width: 15% !important; }

#SR6WE .cyberdeck .row-long span {
  margin-left: 1%;
  margin-right: 1%; }

/**** MATRIX BUBBLES ****/
#SR6WE .pc .device-attr {
  display: inline; }
  .pc .device-attr span {
    position: relative; }

#SR6WE .matrix-tot {
  display: inline-block;
  height: 20px;
  width: 20px; }

#SR6WE .matrix-bubble {
  display: inline;
  margin-left: 15px;
  background-color: #222; }

#SR6WE .matrix-bubble span:first-of-type,
#SR6WE .matrix-bubble input[type='radio']:first-of-type {
  display: none;
  opacity: 0; }

#SR6WE .matrix-bubble span:nth-of-type(7),
#SR6WE .matrix-bubble input[type='radio']:nth-of-type(5n+7) {
  margin-left: 2%; }

#SR6WE .matrix-bubble input[type='radio'] {
  height: 15px;
  left: -8px;
  width: 15px; }

#SR6WE .matrix-bubble input[type='radio'] + span {
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  margin-left: -25px;
  top: 4px;
  width: 18px; }

#SR6WE .npc .matrix-bubble input[type='radio'] + span {
  border-radius: 3px;
  display: inline-block;
  height: 18px;
  margin-left: -20px;
  top: -1px;
  width: 21px; }

#SR6WE .matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span {
  height: 14px;
  margin-bottom: 3px;
  opacity: 0.5; }

#SR6WE .matrixAttack span {
  border: 2px solid #3a0000;
  background-color: #cc0701;
  -webkit-box-shadow: inset 0px 1px 5px 2px #3a0000;
  -moz-box-shadow: inset 0px 1px 5px 2px #3a0000;
  box-shadow: inset 0px 1px 5px 2px #3a0000; }

#SR6WE .matrixSleaze span {
  border: 2px solid #000e3b;
  background-color: #007bfc;
  -webkit-box-shadow: inset 0px 1px 5px 2px #000e3b;
  -moz-box-shadow: inset 0px 1px 5px 2px #000e3b;
  box-shadow: inset 0px 1px 5px 2px #000e3b; }

#SR6WE .matrixData span {
  border: 2px solid #074202;
  background-color: #88dd04;
  -webkit-box-shadow: inset 0px 1px 5px 2px #074202;
  -moz-box-shadow: inset 0px 1px 5px 2px #074202;
  box-shadow: inset 0px 1px 5px 2px #074202; }

#SR6WE .matrixFirewall span {
  border: 2px solid #470101;
  background-color: #f88703;
  -webkit-box-shadow: inset 0px 1px 5px 2px #470101;
  -moz-box-shadow: inset 0px 1px 5px 2px #470101;
  box-shadow: inset 0px 1px 5px 2px #470101; }


/***** VEHICLE *****/
.vehicle-box .settings div,
.vehicle-box .display {
  display: inline-block !important;
  width: 100% !important; }

.vehicle-box input[type='text'] {
  width: 44% !important; }

.vehicle-box label {
  width: 20% !important; }

.vehicle-box .row-long:first-child label {
  width: 12% !important; }

.vehicle-box label:nth-child(1n+4) {
  text-align: right !important;
  width: 21% !important; }

/***** VEHICLE SETTING *****/
.vehicle-box .settings h3 {
  margin-right: 2% !important; }

.vehicle-box .settings h3:nth-child(1) {
  margin-left: 18% !important;
  margin-top: -5px !important; }

.vehicle-box .settings h3:nth-child(4) {
  margin-left: 22% !important; }

.vehicle-box .settings h3:nth-child(6) {
  margin-right: 0px !important; }

.vehicle-box .settings input[type='text'],
.vehicle-box .settings input[type='number'] {
  border: none !important; }

/***** VEHICLE DISPLAY *****/
.vehicle-box .display-row {
  text-align: left !important;
  width: 49% !important; }

.vehicle-box .display-row h3 {
  width: 35% !important; }

.vehicle-box .display-row div {
  display: inline-block !important;
  font-weight: normal !important;
  text-align: center !important; }

.vehicle-box .display-row div.vehicle-stat {
  width: 60% !important; }

.vehicle-box .collapsable {
  padding-left: 0.2em !important; }



/***** Options Section *****/
.options .pc-box {
  min-height: 800px !important; }

.op-col {
  display: inline-block !important;
  vertical-align: top !important;
  width: 48% !important; }

.op-col {
  margin-bottom: 5px !important; }

.op-col h2 {
  text-decoration: underline !important;
  width: 100% !important; }

.op-col button[name='act_import_launch'] {
  border: 2px solid black !important;
  background: #333 !important;
  color: white !important;
  font-weight: bold !important;
  width: auto !important;
  height: auto !important;
  padding: 2% 4% !important; }

.op-col p {
  margin-top: 2% !important;
  margin-right: 5% !important; }

.op-col hr {
  border: 0.5px solid #1c1c1c !important;
  margin: 3px 0px !important;
  opacity: 0.1 !important; }

.op-col label {
  margin-bottom: 2% !important;
  width: 55% !important; }

.options input[type='checkbox'] {
  height: 15px !important;
  margin-left: 5% !important;
  opacity: 1 !important;
  width: 15px !important; }

/***** EDGE & MATRIX CONDITION HEXAGONS *****/
.edg-hex input[type='checkbox'],
.con-hex input[type='radio'] {
  height: 20px !important;
  margin-right: -21px !important;
  top: -9px !important;
  width: 20px !important;
  opacity: 0 !important;
  z-index: 2 !important;
  position: relative !important; }

.hexagon {
  display: inline-block !important;
  margin: 5.77px 0 !important;
  position: relative !important;
  background-color: #222 !important;
  height: 11.55px !important;
  width: 20px !important; }

.hexagon:before,
.hexagon:after {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  content: '' !important;
  position: absolute !important;
  width: 0 !important; }

.hexagon:before {
  bottom: 100% !important;
  border-bottom: 5.77px solid #222 !important; }

.hexagon:after {
  top: 100% !important;
  width: 0 !important;
  border-top: 5.77px solid #222 !important; }

.edg-hex input[type='checkbox']:checked ~ .hexagon,
.con-hex input[type='radio']:checked ~ .hexagon,
.edge-zero[value='0'] ~ .hexagon {
  background-color: #9a9a9a !important; }

.edg-hex input[type='checkbox']:checked ~ .hexagon:before,
.con-hex input[type='radio']:checked ~ .hexagon:before,
.edge-zero[value='0'] ~ .hexagon:before {
  border-bottom-color: #9a9a9a !important; }

.edg-hex input[type='checkbox']:checked ~ .hexagon:after,
.con-hex input[type='radio']:checked ~ .hexagon:after,
.edge-zero[value='0'] ~ .hexagon:after {
  border-top-color: #9a9a9a !important; }

.edg-hex input[type='checkbox']:checked + .hexagon,
.con-hex input[type='radio'] + .hexagon,
.con-hex input[type='radio']:checked + .hexagon {
  background-color: #222 !important; }

.edg-hex input[type='checkbox']:checked + .hexagon:before,
.con-hex input[type='radio']:checked + .hexagon:before {
  border-bottom-color: #222 !important; }

.edg-hex input[type='checkbox']:checked + .hexagon:after,
.con-hex input[type='radio']:checked + .hexagon:after {
  border-top-color: #222 !important; }

/***** MAKE HEXES APPEAR & DISAPPEAR *****/
/*
.hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5),
.hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span,
.hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7),
.hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span,
.hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9),
.hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span,
.hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11),
.hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span,
.hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13),
.hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span,
.hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15),
.hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span,
.hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17),
.hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span {
  display: none !important; }
*/
.settings .textrow label {
  margin-bottom: 36px !important; }

.augmentation div.display {
  text-indent: 125px !important; }

.power div.display {
  text-indent: 65px !important; }

/*:+:+:+: REPEATING SECTIONS :+:+:+:*/
.repeating,
.repeat-section {
  display: inline-block !important;
  width: 100% !important; }

.repeating button.display {
  text-align: left !important; }

.repeating input[type='checkbox'] {
  width: 15px !important;
  height: 15px !important; }

.repeating label {
  padding: 0px !important; }

.repeating .settings {
  border-bottom: 1px dotted #FCD116 !important; }

.repeat-indent {
  padding-left: 2.5em !important;
  text-indent: -1.5em !important; }

.repeating .display {
  display: inline-flex !important; }

.repeat-section input {
  height: 27px !important;
  background-color: transparent !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0px !important; }

.magic .repeat-section input[type='number'],
.magic .repeat-section input[type='text'],
.resonance .repeat-section input[type='number'],
.resonance .repeat-section input[type='text'] {
  width: 100% !important; }

.repeat-row {
  display: inherit !important;
  width: 5% !important; }

.repeat-row-8 {
  width: 8% !important; }

.repeat-row-11 {
  width: 11% !important; }

.repeat-row-12 {
  width: 12% !important; }

.repeat-row-15 {
  width: 15% !important; }

.repeat-row-20 {
  width: 20% !important; }

.repeat-row span {
  font-size: 0.8em !important; }

.repeat-dice {
  font-size: 12px !important; }

/*:+:+:+: NPC SPELLS :+:+:+:*/
input.spell-toggle {
  margin: 0px -38px 0px 5px !important; }

.magic .repeating select {
  width: 100% !important; }

/*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/
.optional-flag:not([value='0']) + .textboxes {
  display: inherit !important;
  width: 100% !important; }

.category[value='Combat'] + div,
.category[value='Combat'] + div + div,
.character-type[value='matrix'] + .matrix {
  display: inherit !important; }

.category[value='Combat'] ~ .combat-type-hide {
  display: inline !important; }

.character-type[value='magic'] + .magic-skill,
.character-type[value='magic'] + .magic-skill + .magic-skill,
.character-type[value='resonance'] + .resonance-skill {
  opacity: 1 !important; }

.character-type[value='magic'] ~ .magic,
.character-type[value='magic'] ~ .magic + .magic,
.character-type[value='resonance'] ~ .resonance,
.character-type[value='resonance'] ~ .resonance + .resonance {
  display: inline-block !important;
  width: 100% !important; }

span.pictosC {
  font-family: 'Pictos Custom' !important; }

span.pictos3 {
  font-family: 'Pictos Three' !important; }

span.d6 {
  font-family: 'dicefontd6' !important; }

/******************************************************************************************/
/**************************** START OF THE NPC SHEET *************************************/
/****************************************************************************************/

  /*:+:+:+: REPEATING SECTIONS :+:+:+:*/
  /*:+:+:+: NPC ATTRIBUTES :+:+:+:*/
  /*:+:+:+: NPC BODY :+:+:+:*/
  /*:+:+:+: NPC TEXT BOXES AND REPEATING SECTIONS :+:+:+:*/
  /*:+:+:+: NPC MATRIX :+:+:+:*/
.npc {
  background-color: rgb(231, 230, 229);
  border-radius: 3px;
  color: #000;
  margin-top: -20px;
  min-height: 800px;
  padding: 10px 10px;
  width: 720px; }
.npc button {
  background: rgb(231, 230, 229);
  color: #464041; }
.npc button:hover, .npc button:focus {
  border-color: #460141;
  color: #460141;
  font-weight: bold; }
.npc h1, .npc h2, .npc h3, .npc h4, .npc label {
  color: #460141; }
.npc h1 {
  line-height: unset;
  font-size: 1.1em; }
.npc h2 {
  font-size: 1em;
  text-transform: capitalize; }
.npc h3 {
  font-size: 0.85em; }
.npc input[type='radio'] {
  opacity: 1; }
.npc input[type='text']:placeholder-shown, .npc input[type='number']:placeholder-shown {
  border: 1px dotted #460141; }
.npc input.toggle:checked + span {
  color: #460141; }
.npc textarea, .npc select {
  color: #000;
  background-color: rgb(210, 209, 205); }


/* sheet headers */
#SR6WE .npc .tabs .header-toggles {
  display: grid !important;
  grid-template-columns: auto 2.5em repeat(11, auto);
  width: 100% !important;
  height: 30px !important; }

#SR6WE .npc .tabs .header-nav {
  display: grid;
  grid-template-columns: 2.5em auto 1fr;
  width: 100%;
  height: 30px;
  align-items: center;
  margin: 5px 0px 15px 0px; }

#SR6WE .npc .tabs .header-settings {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: 100%;
  height: 30px;
  font-weight: bold;
  color: #460141; }

#SR6WE .npc div.tabs button[type='roll'] {
  padding-bottom: 10px !important;
  vertical-align: middle; }
#SR6WE .npc div.tabs .switch input[type='checkbox'] + span {
  position: absolute; }
#SR6WE .npc div.tabs select {
  grid-column: 2 / 3; }
#SR6WE .npc div.tabs input[name='attr_stats_toggle'],
#SR6WE .npc div.tabs input[name='attr_stats_toggle'] + span.pictos,
#SR6WE .npc div.tabs .settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span,
#SR6WE .settings-toggle .npc div.tabs input[type='checkbox'][name='attr_stats_toggle'] + span,
#SR6WE .npc div.tabs .settings-flag input[type='checkbox'][name='attr_stats_toggle'] + span,
#SR6WE .settings-flag .npc div.tabs input[type='checkbox'][name='attr_stats_toggle'] + span,
#SR6WE .npc div.tabs .flag-primary + div > input[name='attr_stats_toggle'] + span,
#SR6WE .npc div.tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_edit:after,
#SR6WE .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_edit:after,
#SR6WE .npc div.tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_add:after,
#SR6WE .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_add:after,
#SR6WE .npc div.tabs .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del,
#SR6WE .itemcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_del {
  grid-area: 1 / 1 / 1 / 2;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.75em; }

#SR6WE .npc div.tabs input[name='attr_stats_toggle']:checked + span {
  color: #460141; }

#SR6WE .npc div.tabs span.pictos, 
#SR6WE .npc div.tabs .settings-toggle input[type='checkbox'] + span, 
#SR6WE .settings-toggle .npc div.tabs input[type='checkbox'] + span,
#SR6WE .npc div.tabs .settings-flag input[type='checkbox'] + span,
#SR6WE .settings-flag .npc div.tabs input[type='checkbox'] + span, 
#SR6WE .npc div.tabs .flag-primary + div > span, 
#SR6WE .npc div.tabs .repcontrol span.repcontrol_edit:after, 
#SR6WE .repcontrol .npc div.tabs span.repcontrol_edit:after,
#SR6WE .npc div.tabs .repcontrol span.repcontrol_add:after,
#SR6WE .repcontrol .npc div.tabs span.repcontrol_add:after, 
#SR6WE .npc div.tabs .itemcontrol span.repcontrol_del, 
#SR6WE .itemcontrol .npc div.tabs span.repcontrol_del {
  text-align: center;
  font-size: 1.2em; }


.npc div.rows {
  margin-bottom: 1%;
  width: 100%; }
.npc div.rows button {
  font-size: 1.1em;
  text-align: left; }
.npc div.rows h2 {
  display: inline;
  font-size: 1.1em;
  line-height: unset;
  font-weight: normal; }
.npc div.rows h3 {
  display: inline; }
.npc div.rows input[type='number'] {
  width: 3em; }
.npc div.rows span.tiny-span {
  margin: 0px 1%; }
.npc div.repeating button {
  margin: 0px; }
.npc div.repeating h1 {
  display: inline; }
.npc div.repeating h2 {
  font-variant: small-caps;
  text-align: center;
  text-decoration: underline; }
.npc div.repeating input[type='number'], .npc div.repeating input[type='text'] {
  width: 100%; }
.npc div.repeating div.repitem:hover > input[name='attr_flag'] + span, .npc div.repeating div.repitem:hover > input[name='attr_program_on'] + span {
  opacity: 1; }
.npc div.repeating div.repitem div.settings {
  min-width: 700px; }
.npc div.repeating div.settings select, .npc div.repeating div.settings label, .npc div.repeating div.settings span {
  grid-row: 2; }
.npc div.repeating div.settings label[data-i18n-title='notes'] {
  grid-row: 3; }
.npc div.repeating div.settings label[data-i18n-title='notes'] input[type='text'] {
  text-align: left; }
.npc div.attribute {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  grid-row-gap: 5%;
  margin: 0px;
  padding: 1% 1% 3% 1%;
  width: 100%; }
.npc div.attribute input[type='number'] {
  text-align: center;
  width: 100%; }
.npc div.attribute label {
  text-align: center; }
.npc div.attribute label[data-i18n-title='modifier'] input[type='number'] {
  width: 65%; }
.npc div.attribute label[data-i18n-title='modifier']:before {
  content: '('; }
.npc div.attribute label[data-i18n-title='modifier']:after {
  content: ')'; }
.npc div.attribute h1 {
  font-weight: normal;
  grid-row: 1;
  text-align: center; }
.npc div.attribute button {
  grid-row: 1;
  text-transform: capitalize; }
.npc div.attribute span {
  font-size: 1.25em;
  grid-row: 2;
  text-align: center; }
.npc div.attribute span + label {
  grid-row: 3; }
.npc div.attribute label[data-i18n-title='modifier'] {
  grid-row: 4; }

#SR6WE .npc div.mid {
  grid-template-columns: 50% 25% 1fr;
  width: 100%; }

.npc div.mid div.column {
  width: 100%; }
.npc div.mid span[name='attr_physical_limit']:after,
.npc div.mid span[name='attr_mental_limit']:after {
  content: ','; }
    /*:+:+:+: TEXT AREAS :+:+:+:*/
    /*:+:+:+: REPEATING SECTIONS :+:+:+:*/
    /*:+:+:+: NPC INLINE REPEAITNG SECTIONS SUCH AS SKILLS :+:+:+:*/
    /*:+:+:+: WEAPONS :+:+:+:*/
    /*:+:+:+: SPELLS :+:+:+:*/
    /*:+:+:+: COMPLEX FORMS :+:+:+:*/
    /*:+:+:+: IC :+:+:+:*/
.npc div.end {
  width: 100%; }
.npc div.end div.rows, .npc div.end div.textrow {
  width: 100%; }
.npc div.end div.textrow {
  grid-column: 1 / 4; }
.npc div.end div.textrow h1 {
  display: inline;
  line-height: unset;
  margin-right: 1%; }
.npc div.end div.textrow label {
  width: 100%; }
.npc div.end div.textrow label[data-i18n-title='initiate'], .npc div.end div.textrow label[data-i18n-title='submersion'] {
  width: 4em; }
.npc div.end div.textrow label[data-i18n-title='initiate'] input, .npc div.end div.textrow label[data-i18n-title='submersion'] input {
  width: 100%; }
.npc div.end div.repeating {
  grid-column: 1 / 4; }
.npc div.end div.inline-repeating div.repitem:last-child button[name*='roll_expertise'] + span.tiny {
  display: none; }
.npc div.end div.inline-repeating div.repcontainer {
  display: inline;
  max-width: 500px; }
.npc div.end div.inline-repeating div.repcontainer .repitem,
.npc div.end div.inline-repeating div.repcontainer .repcontrol {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1%;
  margin-right: 1%; }
.npc div.end div.inline-repeating div.settings {
  grid-template-columns: 2fr 8em 8em 1fr 1fr;
  grid-column-gap: 1%;
  grid-row-gap: 0.5%; }
.npc div.end div.inline-repeating div.settings h2.full-row {
  grid-column: 1 / 6;
  text-align: left; }
.npc div.end div.inline-repeating div.settings label[data-i18n-title='specialization'] {
  grid-area: 4 / 1 / 4 / 6; }
.npc div.end div.inline-repeating div.settings label[data-i18n-title='expertise'] {
  grid-area: 6 / 1 / 6 / 6; }
.npc div.end div.inline-repeating div.settings label.full-row input[type='text'] {
  text-align: left; }
.npc div.end div.weapons div.settings {
  grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em 1.25em;
  grid-column-gap: 0.2%; }
.npc div.end div.weapons div.settings label[data-i18n-title='notes'] {
  grid-column: 1 / 12; }
.npc div.end div.spells div.settings {
  grid-column-gap: 0.2%;
  grid-template-columns: 7em 3em 1fr 5em 5em 5em 3em 5em 3em; }
.npc div.end div.spells label[data-i18n-title='notes'] {
  grid-column: 1 / 10; }
.npc div.end div.forms div.settings {
  grid-column-gap: 0.2%;
  grid-template-columns: 3em 1fr 7em 8em 3em; }
.npc div.end div.forms span[name='attr_form_dice'] {
  margin-left: 3%; }
.npc div.end div.forms label[data-i18n-title='notes'] {
  grid-column: 1 / 6; }
.npc div.end div.ic div.settings {
  grid-column-gap: 0.2%;
  grid-template-columns: 1fr 8em 8em 8em; }
.npc div.end div.ic span[name='attr_software_dice'] {
  margin-left: 3%; }
.npc div.end div.ic label[data-i18n-title='notes'] {
  grid-column: 1 / 6; }
.npc div.matrix {
  width: 100%; }

/*:+:+:+: NPC PROGRAMS :+:+:+:*/
.npc div.matrix-device {
  margin-bottom: 5%; }
.npc div.matrix-device div.rows {
  display: inline-grid;
  grid-template-columns: 12em 45% 10em 1fr;
  grid-row-gap: 5%; }
.npc div.matrix-device div.rows:first-child {
  margin-bottom: 4%; }
.npc div.matrix-device label {
  width: 100%; }
.npc div.matrix-device label input[type='text'] {
  text-align: left;
  width: 100%; }
.npc div.matrix-device label.round > input[type='number'] {
  border-radius: 25px 25px;
  height: 25px;
  margin-left: 25%;
  width: 25px; }


/*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/
.npc div.matrix-device div.matrix-bubble {
  background-color: transparent;
  grid-column: 2 / 4;
  height: 15px;
  margin-left: 10%; }
.npc div.matrix-device div.matrix-bubble input[type='radio'] {
  height: 25px;
  width: 20px;
  left: 0px;
  top: -115%; }
.npc div.matrix-device div.matrix-bubble input[type='radio'] + span {
  border-radius: 5px;
  height: 25px;
  left: 5px;
  width: 20px;
  top: -60%; }
.npc div.matrix-device div.repcontainer {
  grid-column: 1 / 6; }
.npc div.matrix-device div.repcontainer h2[data-i18n='notes'] {
  grid-row: 3; }
.npc div.matrix-device div.repcontainer label[data-i18n-title='notes'] {
  grid-row: 4; }
.npc div.matrix-device div.repcontainer div.repitem {
  display: inline-block;
  width: 100%; }
.npc div.matrix-device div.repcontainer div.repitem button > span, .npc div.matrix-device div.repcontainer div.repitem span {
  opacity: 0.2; }
.npc div.matrix-device div.repcontainer div.repitem input.toggle,
.npc div.matrix-device div.repcontainer div.repitem span.pictos,
.npc div.matrix-device div.repcontainer div.repitem .settings-toggle input[type='checkbox'] + span,
.settings-toggle .npc div.matrix-device div.repcontainer div.repitem input[type='checkbox'] + span,
.npc div.matrix-device div.repcontainer div.repitem .settings-flag input[type='checkbox'] + span,
.settings-flag .npc div.matrix-device div.repcontainer div.repitem input[type='checkbox'] + span,
.npc div.matrix-device div.repcontainer div.repitem .flag-primary + div > span,
.npc div.matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_edit:after,
.repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_edit:after,
.npc div.matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_add:after,
.repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_add:after,
.npc div.matrix-device div.repcontainer div.repitem .itemcontrol span.repcontrol_del,
.itemcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_del {
  position: absolute;
  top: 2%; }
.npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] {
  left: 2%; }
.npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] + span {
    left: 2.5%; }
.npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ button > span, 
.npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on']:checked ~ span {
    opacity: 1; }
.npc div.matrix-device div.repcontainer div.repitem button[type="roll"] {
  margin-left: 5%; }



/**************************************************************************/
/***************** PC & NPC SHEET SHOW & HIDE SETTINGS *******************/
/************************************************************************/
/* DISPLAY SETTINGS
  ============================= */
.pc div.skill-box input[name='attr_display_specialization'][value=' '] ~ div.buttons button[name*='specialization'],
.pc div.skill-box input[name='attr_display_specialization'][value=''] ~ div.buttons button[name*='specialization'], .pc div.magic input.magic-toggle[value='rituals'] ~ .headers h2:nth-of-type(1n+2), .collapsable .desc, .collapsable .desc-lifestyle, .matrix,
.magic,
.resonance,
.optional,
.textboxes,
.optional-flag[value='0'] + .attr-header,
.category + div,
.category + div + div, .npc, .pc, .arms, .augs, .core, .gear, .options, .social, .vehicle,
.skills-active, .skills-knowledge, .skills-language, 
.magic-spells, .magic-preps, .magic-rituals,
.powers-adept, .powers-meta, .powers-conjuring,
.quality, .martial, div.collapse,
.settings, input.settings-toggle:checked ~ div.display,
input.settings-toggle:checked ~ .attr-col .attr-und div.display,
input.settings-toggle ~ .attr-lim div.settings,
input.settings-toggle:checked ~ .attr-lim div.display,
input.settings-toggle[value='settings'] ~ div.display,
input.settings-toggle[value='display'] ~ div.settings,
input.settings-toggle[value='display'] ~ div.settings-grid, input.settings-toggle[value='display'] ~ .settings, .hide-magic, .hide-spirit, .hide-resonance, div.weapon-range,
div.weapon-melee, .grunt, .host, .sprite, input[name='attr_sheet_type'][value='host'] ~ .npc .column:nth-of-type(2),
input[name='attr_sheet_type'][value='sprite'] ~ .npc .column:nth-of-type(1n+2), 
input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-magic, 
input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-spirit,
input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-resonance,
input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-magic, 
input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-spirit,
input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-resonance,
input[name='attr_flag_special'][value='resonance'] ~ div.npc .hide-magic,
input[name='attr_flag_special'][value='resonance'] ~ div.npc .grunt.hide-magic,
input[name='attr_flag_special'][value='resonance'] ~ div.npc .hide-spirit,
input[name='attr_flag_special'][value='resonance'] ~ div.npc .grunt.hide-spirit,
input[name='attr_flag_special'][value='magic'] ~ div.npc .hide-resonance,
input[name='attr_flag_special'][value='magic'] ~ div.npc .grunt.hide-resonance,
input[name='attr_flag_special'][value='magic'] ~ div.npc .hide-spirit,
input[name='attr_flag_special'][value='spirit'] ~ div.npc .hide-resonance,
input[name='attr_flag_special'][value='spirit'] ~ div.npc .grunt.hide-resonance,
input[name='attr_flag_special'][value='spirit'] ~ div.npc .hide-magic,
input[name='attr_stats_toggle']:not([value='settings']) ~ div.attribute .settings.hide-magic,
input[name='attr_stats_toggle']:not([value='settings']) ~ div.attribute .settings.hide-spirit,
input[name='attr_stats_toggle']:not([value='settings']) ~ div.attribute .settings.hide-resonance,
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body .settings.hide-magic,
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body .settings.hide-spirit,
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body .settings.hide-resonance, 
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body input[type='hidden'][value=''] + div.textrow, 
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body input[type='hidden'][value=''] + div.rows.grunt, 
input[name='attr_specialization'][value=''] ~ button[name*='specialization'],
input[name='attr_specialization'][value=' '] ~ button[name*='specialization'],
input[name='attr_specialization'][value=''] ~ div.row-long div.buttons button[name*='specialization'],
input[name='attr_specialization'][value=' '] ~ div.row-long div.buttons button[name*='specialization'], 
input[name='attr_expertise'][value=''] ~ button[name*='expertise'],
input[name='attr_expertise'][value=' '] ~ button[name*='expertise'],
input[name='attr_expertise'][value=''] ~ div.row-long div.buttons button[name*='expertise'],
input[name='attr_expertise'][value=' '] ~ div.row-long div.buttons button[name*='expertise'], 
input[name='attr_weapon_range'][value='range'] ~ h2[data-i18n='reach'],
input[name='attr_weapon_range'][value='range'] ~ label[data-i18n-title='reach'], 
input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='modes'],
input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='recoil'],
input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='ammo'],
input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='modes'],
input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='recoil'],
input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='ammo'],
input[name='attr_weapon_range'][value='melee'] ~ span, 
input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'],
input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'],
input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'],
input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'] {
  display: none !important; }

.display-flag:checked ~ .collapsable .desc, 
.skills-toggle[value='active'] ~ .skills-active, .skills-toggle[value='knowledge'] ~ .skills-knowledge, .skills-toggle[value='language'] ~ .skills-language, 
.magic-toggle[value='spells'] ~ .magic-spells, .magic-toggle[value='preps'] ~ .magic-preps, .magic-toggle[value='rituals'] ~ .magic-rituals, 
.powers-toggle[value='adept'] ~ .powers-adept, .powers-toggle[value='meta'] ~ .powers-meta, .powers-toggle[value='conjuring'] ~ .powers-conjuring, 
.tab-switch[value='quality'] ~ .quality, .tab-switch[value='martial'] ~ .martial {
  display: inline !important; }

.pc h2, .pc h3, .pc .tabs, .pc div.skill-box div.row-long, .npc div.tabs, .npc div.mid, input[name='attr_sheet_type'][value='grunt'] ~ .npc .attribute.grunt, input[name='attr_sheet_type'][value='host'] ~ .npc .attribute.host, input[name='attr_sheet_type'][value='sprite'] ~ .npc .attribute.sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .npc .attribute.vehicle {
  display: inline-grid !important; }

.pictos, .settings-toggle input[type='checkbox'] + span,
.settings-flag input[type='checkbox'] + span, .flag-primary + div > span, .cc-row button[name*='shots'], .cc-row button[name='act_reload'], .cc-row button[name='act_primary_ammo'], .repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del {
  font-family: 'Pictos' !important; }

.display-flag:checked ~ .collapsable .desc-lifestyle, 
.optional-flag:not([value='0']) + .optional, 
.npc div.mid div.column, 
input[name='attr_sheet_type']:not([value='pc']) ~ .npc,
input[name='attr_sheet_type'][value='pc'] ~ .pc,
.options_toggle[value='arms'] ~ .arms, 
.options_toggle[value='augs'] ~ .augs, 
.options_toggle[value='core'] ~ .core, 
.options_toggle[value='gear'] ~ .gear, 
.options_toggle[value='options'] ~ .options, 
.options_toggle[value='social'] ~ .social, 
.options_toggle[value='magic'] ~ .magic, 
.options_toggle[value='matrix'] ~ .matrix, 
.options_toggle[value='vehicle'] ~ .vehicle, 
input[name='attr_stats_toggle'][value='settings'] ~ .border-box .attribute .settings,
input[name='attr_stats_toggle'][value='settings'] ~ .body .column .settings,
input[name='attr_stats_toggle'][value='settings'] ~ .body .textrow .settings, 

input[name='attr_stats_toggle'][value='settings'] ~ .settings,

input.settings-toggle[value='settings'] ~ .settings, 
.character-type[value='magic'] ~ .pc .pc-row .attr-col .hide-magic, 
input[name='attr_flag_special'][value='magic'] ~ .npc .hide-magic, 
input[name='attr_flag_special'][value='spirit'] ~ .npc .hide-spirit, 
.character-type[value='resonance'] ~ .pc .pc-row .attr-col .hide-resonance, 
input[name='attr_flag_special'][value='resonance'] ~ .npc .hide-resonance, 
input.tab-switch[value='range'] ~ .weapon-range,
input.tab-switch[value='melee'] ~ .weapon-melee, 

input[name='attr_sheet_type'][value='grunt'] ~ .npc .rows.grunt,
input[name='attr_sheet_type'][value='grunt'] ~ .npc .textrow.grunt, 
input[name='attr_sheet_type'][value='grunt'] ~ .npc span.grunt,

input[name='attr_sheet_type'][value='host'] ~ .npc .rows.host,
input[name='attr_sheet_type'][value='host'] ~ .npc .textrow.host, 
input[name='attr_sheet_type'][value='sprite'] ~ .npc .rows.sprite,
input[name='attr_sheet_type'][value='sprite'] ~ .npc .textrow.sprite, 
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .rows.vehicle,
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .textrow.vehicle, 
input[name='attr_flag_matrix'][value='matrix'] ~ div.matrix,
.static {
  display: inline-block !important; }

/***** PC AND NPC *****/
/***** TABS *****/
/***** SWITCH BETWEEN DIFFERENT TABS *****/
/***** SETTINGS *****/
/*** TOGGLE ***/
.display,
input.settings-toggle:checked ~ div.settings,
input.settings-toggle:checked ~ .attr-col .attr-und div.settings,
input.settings-toggle:checked ~ .attr-lim div.settings {
  background: none !important;
  display: inherit !important;
  font-size: 1em !important;
  text-align: left !important;
  width: 100% !important; }

/* NEW REPEATING CONTAINER WAY TO SHOW & HIDE SETTINGS */
/* SLOWLY ELIMINATE ALL TRACES OF SETTINGS-TOGGLE WITH THIS WAY OF DOING THINGS */
input.settings-flag:checked ~ div.settings {
  display: inherit !important; }

input.collapse-flag:checked ~ div.collapse {
  display: block !important; }

/* OLD WAY TO SHOW & HIDE THINGS */
/***** PC WEAPONS *****/
/***** NPC TYPES *****/
/* SHOW AND HIDE MAGIC AND RESONANCE SPECIFIC ATTRIBUTES BASED ON RADIO TOGGLE */
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body div.grunt.pain-tolerance {
  display: none !important; }

.pc .tabs input[value*='arms'] ~ button[name*='arms'], .pc .tabs input[value*='augs'] ~ button[name*='augs'], .pc .tabs input[value*='core'] ~ button[name*='core'], .pc .tabs input[value*='gear'] ~ button[name*='gear'], .pc .tabs input[value*='options'] ~ button[name*='options'], .pc .tabs input[value*='social'] ~ button[name*='social'], .pc .tabs input[value*='magic'] ~ button[name*='magic'], .pc .tabs input[value*='matrix'] ~ button[name*='matrix'], .pc .tabs input[value*='vehicle'] ~ button[name*='vehicle'] {
  background-color: #79016f !important;
  box-shadow: inset 0px 0px 3px 1px #460141 !important;
  color: #fff !important; }

/*****************************************************************************************/
/**************************************** FOOTER ****************************************/
/***************************************************************************************/
/**** Footer ****/
.footer {
  border: none !important;
  font-size: 0.55em !important;
  line-height: 15px !important;
  margin-top: 15px !important;
  text-align: left !important;
  width: 700px !important; }

div.footer div {
  display: inline-block !important;
  width: 90% !important; }

div.footer img {
  float: right !important;
  vertical-align: top !important;
  width: 5% !important; }

/********************************************************************************************************/
/**************************************** REPEATING SECTIONS *******************************************/
/********************************************************************************************************/
.repcontainer .repitem {
  margin-bottom: 5px !important; }

.repcontrol {
  display: inline-block !important;
  vertical-align: top !important;
  min-height: 27px !important; }

.repcontrol .btn {
  background: none !important;
  border: medium none !important;
  box-shadow: none !important;
  color: transparent !important;
  display: inline-block !important;
  font-size: 15px !important;
  margin-left: 10px !important;
  outline: 0 !important;
  padding: 0px 0px 0px 0px !important;
  text-shadow: none !important;
  width: 25px !important; }

.repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after {
  background-color: none !important;
  color: #fff !important;
  font-size: 16px !important;
  height: 12px !important;
  padding: 2px 4px 2px 4px !important;
  visibility: visible !important;
  width: 12px !important; }

.repcontrol .repcontrol_edit:after {
  content: '(' !important; }

.repcontrol .repcontrol_add:after {
  content: '&' !important; }

.editmode ~ .repcontrol .repcontrol_edit:after {
  content: ')' !important; }

.repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after {
  color: #000 !important;
  position: relative !important; }

.npc .repcontrol .repcontrol_edit:after,
.npc .repcontrol .repcontrol_add:after {
  color: #fff !important; }

.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:after {
  color: #FCD116 !important;
  background-color: none !important; }

.itemcontrol {
  z-index: 10 !important; }

.itemcontrol .repcontrol_del,
.itemcontrol .repcontrol_move {
  font-size: 10px !important;
  height: 18px !important;
  margin-top: 3px !important;
  padding: 0px !important;
  width: 18px !important; }

.itemcontrol .repcontrol_del {
  background-color: darkred !important; }

/********************************************************************************************************/
/**************************************** Roll template *******************************************/
/********************************************************************************************************/
.sheet-rolltemplate-rolls div.sheet-template-body {
  border: 2px solid #000 !important;
  border-radius: 3px 3px 3px 3px !important; }

.sheet-rolltemplate-rolls .sheet-template-header {
/*  background-color: #431714 !important; */
  background-color: #460141 !important;
  border: 1px solid #000 !important;
  border-bottom: 2px solid #000 !important;
  box-shadow: inset 0px 0px 3px 1px #000 !important;
  color: #fff !important;
  font-size: 1.5em !important;
  font-variant: small-caps !important;
  font-weight: bold !important;
  letter-spacing: 2px !important;
  padding: 8px 0px 3px 0px !important;
  text-align: center !important;
  text-transform: capitalize !important; }

.sheet-rolltemplate-rolls .sheet-template-header span {
  font-family: 'tahoma' !important;
  font-size: 0.5em !important;
  font-weight: normal !important;
  font-variant: normal !important;
  letter-spacing: 1px !important; }

.sheet-rolltemplate-rolls .sheet-template-row {
  color: #fff !important;
  text-align: center !important;
  font-size: 18px !important;
  background-color: #555 !important;
  box-shadow: inset 0px 0px 3px 1px #000 !important;
  line-height: 1.1em !important;
  font-family: 'helvetica' !important;
  padding: 5px 5px 3px 5px !important; }

.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {
  background-color: #1c1c1c !important; }

.sheet-rolltemplate-rolls .inlinerollresult {
  display: inline-block !important;
  color: #fff !important;
  font-size: 25px !important;
  background-color: transparent !important;
  border: none !important; }

.sheet-rolltemplate-rolls .sheet-template-row span.sheet-red {
  -webkit-text-stroke: .25px red; }

.sheet-rolltemplate-rolls .sheet-template-row span.sheet-green {
  -webkit-text-stroke: .25px green; }

.sheet-rolltemplate-rolls .inlinerollresult.fullfail,
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
.sheet-rolltemplate-rolls .inlinerollresult.importantroll {
  border: none !important; }

.sheet-rolltemplate-rolls .inlinerollresult.fullfail {
  color: #FCD116 !important; }

.sheet-rolltemplate-rolls .inlinerollresult.fullcrit {
  color: #fff !important; }

.sheet-rolltemplate-rolls .sheet-template-desc {
  font-size: 0.8em !important; }

.sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult {
  font-size: 14px !important; }

/********************************************************************************************************/
/*******************************         FireFox             *******************************************/
/******************************************************************************************************/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important; }

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

/********************************************************************************************/
/*****************         French Adjustments                ********************************/
/*******************************************************************************************/
.charsheet.lang-fr .tab-whisper,
.charsheet.lang-fr .tab-toggles {
  margin-right: 2% !important; }

.charsheet.lang-fr .tabs input[type='checkbox']:nth-of-type(2) {
  width: 11% !important; }

.charsheet.lang-fr .tab-col input[type='radio'] {
  width: 4.5% !important; }

.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(4),
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(5),
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(6),
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(7) {
  width: 6% !important; }

.charsheet.lang-fr .tab-whisper input[type='radio'],
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(8),
.charsheet.lang-fr .tab-toggles input[type='checkbox']:nth-of-type(1) {
  width: 8% !important; }

.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(9) {
  width: 2.5% !important; }

.charsheet.lang-fr .pd-meta input[type='text'] {
  width: 30% !important; }

.charsheet.lang-fr .skill-box h3:first-child {
  margin-right: 51% !important;
  width: 20% !important; }