coc7g.css

/* Deprecated vars */
/* ----------------------------------------- */
/*  Fonts                                    */
/* ----------------------------------------- */
@font-face {
  font-family: 'Modesto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/modesto-condensed/modesto-condensed.woff2') format('woff2');
}
@font-face {
  font-family: 'Modesto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/modesto-condensed/modesto-condensed-bold.woff2') format('woff2');
}
.modesto {
  font-family: customSheetFont, "Modesto Condensed", "Palatino Linotype", serif;
  font-size: 20px;
  font-weight: 700;
}
/* ----------------------------------------- */
/*  Sheet Styles                             */
/* ----------------------------------------- */
/* ----------------------------------------- */
/*  Flexbox                                  */
/* ----------------------------------------- */
.flexrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.flexrow > * {
  flex: 1;
}
.flexrow .flex1 {
  flex: 1;
}
.flexrow .flex2 {
  flex: 2;
}
.flexrow .flex3 {
  flex: 3;
}
.flexrow .flex4 {
  flex: 4;
}
.flexcol {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.flexcol > * {
  flex: 1;
}
.flexcol .flex1 {
  flex: 1;
}
.flexcol .flex2 {
  flex: 2;
}
.flexcol .flex3 {
  flex: 3;
}
.flexcol .flex4 {
  flex: 4;
}
.coc7.sheet.book .sheet-header img.profile,
.coc7.sheet.spell .sheet-header img.profile,
.coc7.sheet.talent .sheet-header img.profile,
.coc7.sheet.status .sheet-header img.profile,
.coc7.sheet.archetype .sheet-header img.profile {
  border: 1px groove;
  flex: 0 0 64px;
  max-width: 64px;
  height: 64px;
  object-fit: contain;
  margin-left: 4px;
  margin-right: 4px;
}
.coc7.sheet.book .sheet-header .name input,
.coc7.sheet.spell .sheet-header .name input,
.coc7.sheet.talent .sheet-header .name input,
.coc7.sheet.status .sheet-header .name input,
.coc7.sheet.archetype .sheet-header .name input {
  margin: 0;
  padding: 0;
}
.coc7.sheet.book .details .editor,
.coc7.sheet.spell .details .editor,
.coc7.sheet.talent .details .editor,
.coc7.sheet.status .details .editor,
.coc7.sheet.archetype .details .editor {
  height: 100px;
}
.coc7.sheet.book .details .editor button,
.coc7.sheet.spell .details .editor button,
.coc7.sheet.talent .details .editor button,
.coc7.sheet.status .details .editor button,
.coc7.sheet.archetype .details .editor button {
  height: 20px;
}
.coc7.sheet.book .details input[type="text"],
.coc7.sheet.spell .details input[type="text"],
.coc7.sheet.talent .details input[type="text"],
.coc7.sheet.status .details input[type="text"],
.coc7.sheet.archetype .details input[type="text"],
.coc7.sheet.book .details select,
.coc7.sheet.spell .details select,
.coc7.sheet.talent .details select,
.coc7.sheet.status .details select,
.coc7.sheet.archetype .details select {
  height: 20px;
  border: 1px solid #7a7971;
  background: rgba(0, 0, 0, 0.05);
}
.coc7.sheet.book .details .form-group,
.coc7.sheet.spell .details .form-group,
.coc7.sheet.talent .details .form-group,
.coc7.sheet.status .details .form-group,
.coc7.sheet.archetype .details .form-group {
  border: 0;
  margin: 0;
}
.coc7.sheet.book .details .form-group .stacked,
.coc7.sheet.spell .details .form-group .stacked,
.coc7.sheet.talent .details .form-group .stacked,
.coc7.sheet.status .details .form-group .stacked,
.coc7.sheet.archetype .details .form-group .stacked {
  flex: none;
  padding-right: 5px;
}
.coc7.sheet.book .details .form-group span,
.coc7.sheet.spell .details .form-group span,
.coc7.sheet.talent .details .form-group span,
.coc7.sheet.status .details .form-group span,
.coc7.sheet.archetype .details .form-group span {
  text-align: center;
  line-height: 20px;
}
.coc7.sheet.book .details .form-group.input-select select,
.coc7.sheet.spell .details .form-group.input-select select,
.coc7.sheet.talent .details .form-group.input-select select,
.coc7.sheet.status .details .form-group.input-select select,
.coc7.sheet.archetype .details .form-group.input-select select {
  flex: 1.8;
}
.coc7.sheet.book .details .form-group.input-select-select select,
.coc7.sheet.spell .details .form-group.input-select-select select,
.coc7.sheet.talent .details .form-group.input-select-select select,
.coc7.sheet.status .details .form-group.input-select-select select,
.coc7.sheet.archetype .details .form-group.input-select-select select {
  flex: 1.5;
}
.coc7.sheet.book .details .form-group.uses-per input,
.coc7.sheet.spell .details .form-group.uses-per input,
.coc7.sheet.talent .details .form-group.uses-per input,
.coc7.sheet.status .details .form-group.uses-per input,
.coc7.sheet.archetype .details .form-group.uses-per input {
  flex: 1;
}
.coc7.sheet.book .details .form-group.uses-per span,
.coc7.sheet.spell .details .form-group.uses-per span,
.coc7.sheet.talent .details .form-group.uses-per span,
.coc7.sheet.status .details .form-group.uses-per span,
.coc7.sheet.archetype .details .form-group.uses-per span {
  flex: 0 0 16px;
}
.coc7.sheet.book .details .form-group.uses-per select,
.coc7.sheet.spell .details .form-group.uses-per select,
.coc7.sheet.talent .details .form-group.uses-per select,
.coc7.sheet.status .details .form-group.uses-per select,
.coc7.sheet.archetype .details .form-group.uses-per select {
  flex: 3;
}
.coc7.sheet.book .details span.sep,
.coc7.sheet.spell .details span.sep,
.coc7.sheet.talent .details span.sep,
.coc7.sheet.status .details span.sep,
.coc7.sheet.archetype .details span.sep {
  flex: 0 0 8px;
}
.coc7.sheet.book .details .prepared,
.coc7.sheet.spell .details .prepared,
.coc7.sheet.talent .details .prepared,
.coc7.sheet.status .details .prepared,
.coc7.sheet.archetype .details .prepared {
  flex: 1.3 !important;
  text-align: right;
  padding-right: 10px;
}
.coc7.sheet.book .details .spell-materials,
.coc7.sheet.spell .details .spell-materials,
.coc7.sheet.talent .details .spell-materials,
.coc7.sheet.status .details .spell-materials,
.coc7.sheet.archetype .details .spell-materials {
  flex: 0 0 100%;
  margin: 0.25em 0;
  justify-content: flex-end;
}
.coc7.sheet.book .details .spell-materials label,
.coc7.sheet.spell .details .spell-materials label,
.coc7.sheet.talent .details .spell-materials label,
.coc7.sheet.status .details .spell-materials label,
.coc7.sheet.archetype .details .spell-materials label {
  flex: 0 0 64px;
  text-align: right;
  margin-right: 5px;
  font-size: 12px;
  line-height: 24px;
}
.coc7.sheet.book .details .spell-materials input[type="text"],
.coc7.sheet.spell .details .spell-materials input[type="text"],
.coc7.sheet.talent .details .spell-materials input[type="text"],
.coc7.sheet.status .details .spell-materials input[type="text"],
.coc7.sheet.archetype .details .spell-materials input[type="text"] {
  flex: 0 0 48px;
  margin-right: 10px;
}
.coc7.sheet.book .sheet-navigation,
.coc7.sheet.spell .sheet-navigation,
.coc7.sheet.talent .sheet-navigation,
.coc7.sheet.status .sheet-navigation,
.coc7.sheet.archetype .sheet-navigation {
  margin-bottom: 5px;
}
.coc7.sheet.book .sheet-navigation .item,
.coc7.sheet.spell .sheet-navigation .item,
.coc7.sheet.talent .sheet-navigation .item,
.coc7.sheet.status .sheet-navigation .item,
.coc7.sheet.archetype .sheet-navigation .item {
  font-size: 18px;
}
.coc7.sheet.book .sheet-body,
.coc7.sheet.spell .sheet-body,
.coc7.sheet.talent .sheet-body,
.coc7.sheet.status .sheet-body,
.coc7.sheet.archetype .sheet-body {
  overflow: hidden;
}
.coc7.sheet.book .sheet-body .tab,
.coc7.sheet.spell .sheet-body .tab,
.coc7.sheet.talent .sheet-body .tab,
.coc7.sheet.status .sheet-body .tab,
.coc7.sheet.archetype .sheet-body .tab {
  padding: 0 5px;
  overflow: hidden auto;
}
.coc7.sheet.book .sheet-body .item-properties,
.coc7.sheet.spell .sheet-body .item-properties,
.coc7.sheet.talent .sheet-body .item-properties,
.coc7.sheet.status .sheet-body .item-properties,
.coc7.sheet.archetype .sheet-body .item-properties {
  flex: 0 0 120px;
  margin: 5px 5px 5px 0;
  padding-right: 5px;
  border-right: 2px groove #eeede0;
}
.coc7.sheet.book .sheet-body .item-properties .form-group,
.coc7.sheet.spell .sheet-body .item-properties .form-group,
.coc7.sheet.talent .sheet-body .item-properties .form-group,
.coc7.sheet.status .sheet-body .item-properties .form-group,
.coc7.sheet.archetype .sheet-body .item-properties .form-group {
  margin: 0;
}
.coc7.sheet.book .sheet-body .item-properties .form-group label,
.coc7.sheet.spell .sheet-body .item-properties .form-group label,
.coc7.sheet.talent .sheet-body .item-properties .form-group label,
.coc7.sheet.status .sheet-body .item-properties .form-group label,
.coc7.sheet.archetype .sheet-body .item-properties .form-group label {
  line-height: 20px;
}
.coc7.sheet.book .sheet-body .item-properties .form-group input,
.coc7.sheet.spell .sheet-body .item-properties .form-group input,
.coc7.sheet.talent .sheet-body .item-properties .form-group input,
.coc7.sheet.status .sheet-body .item-properties .form-group input,
.coc7.sheet.archetype .sheet-body .item-properties .form-group input {
  text-align: right;
}
.coc7.sheet.book .sheet-body .item-properties .properties-list,
.coc7.sheet.spell .sheet-body .item-properties .properties-list,
.coc7.sheet.talent .sheet-body .item-properties .properties-list,
.coc7.sheet.status .sheet-body .item-properties .properties-list,
.coc7.sheet.archetype .sheet-body .item-properties .properties-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.coc7.sheet.book .sheet-body .item-properties .properties-list li,
.coc7.sheet.spell .sheet-body .item-properties .properties-list li,
.coc7.sheet.talent .sheet-body .item-properties .properties-list li,
.coc7.sheet.status .sheet-body .item-properties .properties-list li,
.coc7.sheet.archetype .sheet-body .item-properties .properties-list li {
  margin: 3px 0;
  padding: 0 2px;
  background: rgba(0, 0, 0, 0.05);
  border: 2px groove #eeede0;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.coc7.sheet.book .sheet-body .spell-list,
.coc7.sheet.spell .sheet-body .spell-list,
.coc7.sheet.talent .sheet-body .spell-list,
.coc7.sheet.status .sheet-body .spell-list,
.coc7.sheet.archetype .sheet-body .spell-list {
  list-style: none;
  margin: 0;
  padding: 0 5px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.coc7.sheet.book .sheet-body .spell-list .spell,
.coc7.sheet.spell .sheet-body .spell-list .spell,
.coc7.sheet.talent .sheet-body .spell-list .spell,
.coc7.sheet.status .sheet-body .spell-list .spell,
.coc7.sheet.archetype .sheet-body .spell-list .spell {
  line-height: 16px;
  padding: 0 2px;
  border-bottom: 1px solid #c9c7b8;
}
.coc7.sheet.book .sheet-body .spell-list .spell:last-child,
.coc7.sheet.spell .sheet-body .spell-list .spell:last-child,
.coc7.sheet.talent .sheet-body .spell-list .spell:last-child,
.coc7.sheet.status .sheet-body .spell-list .spell:last-child,
.coc7.sheet.archetype .sheet-body .spell-list .spell:last-child {
  border-bottom: none;
}
.coc7.sheet.book .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.spell .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.talent .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.status .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.archetype .sheet-body .spell-list .spell .spell-name {
  cursor: pointer;
  max-height: 24px;
  overflow: hidden;
}
.coc7.sheet.book .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.spell .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.talent .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.status .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.archetype .sheet-body .spell-list .spell .spell-name .spell-image {
  flex: 0 0 16px;
  background-size: 16px;
  margin-right: 5px;
}
.coc7.sheet.book .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.spell .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.talent .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.status .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.archetype .sheet-body .spell-list .spell .spell-name h4 {
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}
.coc7.sheet.book .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.spell .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.talent .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.status .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.archetype .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image {
  background-image: url("/icons/svg/d20-grey.svg") !important;
}
.coc7.sheet.book .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.spell .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.talent .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.status .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.archetype .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover {
  background-image: url("/icons/svg/d20-black.svg") !important;
}
.coc7.sheet.book .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.spell .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.talent .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.status .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.archetype .sheet-body .spell-list .spell .spell-name i.attuned {
  color: #7a7971;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls,
.coc7.sheet.spell .sheet-body .spell-list .item-controls,
.coc7.sheet.talent .sheet-body .spell-list .item-controls,
.coc7.sheet.status .sheet-body .spell-list .item-controls,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls {
  flex: 0 0 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  justify-content: flex-end;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls > *,
.coc7.sheet.spell .sheet-body .spell-list .item-controls > *,
.coc7.sheet.talent .sheet-body .spell-list .item-controls > *,
.coc7.sheet.status .sheet-body .spell-list .item-controls > *,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls > * {
  flex: 1;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.spell .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.talent .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.status .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls .flex1 {
  flex: 1;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.spell .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.talent .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.status .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls .flex2 {
  flex: 2;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.spell .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.talent .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.status .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls .flex3 {
  flex: 3;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.spell .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.talent .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.status .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls .flex4 {
  flex: 4;
}
.coc7.sheet.book .sheet-body .spell-list .item-controls a,
.coc7.sheet.spell .sheet-body .spell-list .item-controls a,
.coc7.sheet.talent .sheet-body .spell-list .item-controls a,
.coc7.sheet.status .sheet-body .spell-list .item-controls a,
.coc7.sheet.archetype .sheet-body .spell-list .item-controls a {
  flex: 0 0 16px;
  font-size: 10px;
  text-align: center;
  color: #7a7971;
}
.coc7.sheet.book .sheet-body .spell-list .item-summary,
.coc7.sheet.spell .sheet-body .spell-list .item-summary,
.coc7.sheet.talent .sheet-body .spell-list .item-summary,
.coc7.sheet.status .sheet-body .spell-list .item-summary,
.coc7.sheet.archetype .sheet-body .spell-list .item-summary {
  flex: 0 0 100%;
  font-size: 12px;
  line-height: 13px;
  padding: 0.25em 0.5em;
  border-top: 2px groove #eeede0;
}
.coc7 input[type="text"],
.coc7 select {
  height: calc(100% - 2px);
  border: 1px solid #7a7971;
  background: rgba(0, 0, 0, 0.05);
  color: #191813;
}
.coc7 input[type="text"]:hover,
.coc7 input[type="text"]:focus {
  border: 1px solid #111;
  box-shadow: 0 0 8px red;
}
.coc7 input:disabled,
.coc7 select:disabled,
.coc7 textarea:disabled {
  color: #4b4a44;
}
.coc7 input:disabled:hover,
.coc7 select:disabled:hover,
.coc7 textarea:disabled:hover,
.coc7 input:disabled:focus,
.coc7 select:disabled:focus,
.coc7 textarea:disabled:focus {
  box-shadow: none !important;
  border: 1px solid transparent !important;
  outline: none !important;
}
.coc7 label.checkbox {
  flex: auto;
  padding: 0;
  margin: 0;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
  width: auto;
}
.coc7 label.checkbox > input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0 2px 0 0;
  position: relative;
  top: 4px;
}
.coc7 label.checkbox.right > input[type="checkbox"] {
  margin: 0 0 0 2px;
}
.coc7 .sheet-header {
  flex: 0 0 100px;
  border-bottom: 2px groove #eeede0;
}
.coc7 .sheet-header .summary {
  flex: 0 0 100%;
  height: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px groove;
  border-bottom: 1px;
}
.coc7 .sheet-header .summary input {
  height: 16px;
}
.coc7 .sheet-header .summary li {
  height: 16px;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 2px groove #eeede0;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.coc7 .sheet-header .summary li:last-child {
  border-right: none;
}
.coc7 .form-group label {
  flex: 2;
  color: #4b4a44;
  font-weight: bold;
}
.coc7 .form-group .form-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.coc7 .form-group .form-fields > * {
  flex: 1;
}
.coc7 .form-group .form-fields .flex1 {
  flex: 1;
}
.coc7 .form-group .form-fields .flex2 {
  flex: 2;
}
.coc7 .form-group .form-fields .flex3 {
  flex: 3;
}
.coc7 .form-group .form-fields .flex4 {
  flex: 4;
}
.coc7 .form-group .form-fields > * {
  margin: 0 3px 0 0;
}
.coc7 .form-group .form-fields > *:last-child {
  margin-right: 0;
}
.coc7 .form-group .item-control {
  flex: 0;
}
.coc7 .form-group.stacked label {
  flex: 0 0 100%;
  margin: 0;
}
.coc7 .form-group.stacked label.checkbox {
  flex: auto;
  text-align: left;
}
.coc7 .form-header {
  margin: 0 0 0.25em 0;
  padding: 2px 0;
  border-top: 2px groove #eeede0;
  border-bottom: 2px groove #eeede0;
  font-family: customSheetFont, "Palatino Linotype", serif;
}
.coc7 .form-header .item-control {
  float: right;
}
.coc7 .editor {
  height: 100%;
}
.coc7 .editor .tox-toolbar-overlord,
.coc7 .editor .tox-toolbar__primary {
  background: none;
}
.chat-card .upgrade-success {
  color: darkolivegreen;
}
.chat-card .upgrade-failed {
  color: darkred;
}
.chat-card h4.san-result {
  flex: 0 0 100%;
  line-height: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 0 2px #FFF inset;
  font-size: 20px;
  font-weight: bold;
}
.chat-card h4.san-result.loss {
  color: darkred;
}
.chat-card h4.san-result.resist {
  color: green;
}
.chat-card h4.con-result {
  flex: 0 0 100%;
  line-height: 24px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 0 2px #FFF inset;
  font-size: 20px;
  font-weight: bold;
}
.chat-card h4.con-result.loss {
  color: darkred;
}
.chat-card h4.con-result.resist {
  color: green;
}
.coc7.sheet.skill input:read-only:hover,
.coc7.sheet.item input:read-only:hover,
.coc7.sheet.occupation input:read-only:hover,
.coc7.sheet.setup input:read-only:hover,
.coc7.sheet.skill input:read-only:focus,
.coc7.sheet.item input:read-only:focus,
.coc7.sheet.occupation input:read-only:focus,
.coc7.sheet.setup input:read-only:focus {
  border: 1px solid transparent;
  box-shadow: none;
  cursor: default;
}
.coc7.sheet.skill .read-only:hover,
.coc7.sheet.item .read-only:hover,
.coc7.sheet.occupation .read-only:hover,
.coc7.sheet.setup .read-only:hover,
.coc7.sheet.skill .read-only:focus,
.coc7.sheet.item .read-only:focus,
.coc7.sheet.occupation .read-only:focus,
.coc7.sheet.setup .read-only:focus {
  border: 1px solid black;
}
.coc7.sheet.skill .sheet-header img.profile,
.coc7.sheet.item .sheet-header img.profile,
.coc7.sheet.occupation .sheet-header img.profile,
.coc7.sheet.setup .sheet-header img.profile {
  border: 1px groove;
  flex: 0 0 64px;
  max-width: 64px;
  height: 64px;
  object-fit: contain;
  margin-left: 4px;
  margin-right: 4px;
}
.coc7.sheet.skill .sheet-header .name input,
.coc7.sheet.item .sheet-header .name input,
.coc7.sheet.occupation .sheet-header .name input,
.coc7.sheet.setup .sheet-header .name input {
  margin: 0;
  padding: 0;
}
.coc7.sheet.skill .details .editor,
.coc7.sheet.item .details .editor,
.coc7.sheet.occupation .details .editor,
.coc7.sheet.setup .details .editor {
  height: 100px;
}
.coc7.sheet.skill .details .editor button,
.coc7.sheet.item .details .editor button,
.coc7.sheet.occupation .details .editor button,
.coc7.sheet.setup .details .editor button {
  height: 20px;
}
.coc7.sheet.skill .details input[type="text"],
.coc7.sheet.item .details input[type="text"],
.coc7.sheet.occupation .details input[type="text"],
.coc7.sheet.setup .details input[type="text"],
.coc7.sheet.skill .details select,
.coc7.sheet.item .details select,
.coc7.sheet.occupation .details select,
.coc7.sheet.setup .details select {
  height: 20px;
  border: 1px solid #7a7971;
  background: rgba(0, 0, 0, 0.05);
}
.coc7.sheet.skill .details .form-group,
.coc7.sheet.item .details .form-group,
.coc7.sheet.occupation .details .form-group,
.coc7.sheet.setup .details .form-group {
  border: 0;
  margin: 0;
}
.coc7.sheet.skill .details .form-group span,
.coc7.sheet.item .details .form-group span,
.coc7.sheet.occupation .details .form-group span,
.coc7.sheet.setup .details .form-group span {
  text-align: center;
  line-height: 20px;
}
.coc7.sheet.skill .details .form-group.input-select select,
.coc7.sheet.item .details .form-group.input-select select,
.coc7.sheet.occupation .details .form-group.input-select select,
.coc7.sheet.setup .details .form-group.input-select select {
  flex: 1.8;
}
.coc7.sheet.skill .details .form-group.input-select-select select,
.coc7.sheet.item .details .form-group.input-select-select select,
.coc7.sheet.occupation .details .form-group.input-select-select select,
.coc7.sheet.setup .details .form-group.input-select-select select {
  flex: 1.5;
}
.coc7.sheet.skill .details .form-group.uses-per input,
.coc7.sheet.item .details .form-group.uses-per input,
.coc7.sheet.occupation .details .form-group.uses-per input,
.coc7.sheet.setup .details .form-group.uses-per input {
  flex: 1;
}
.coc7.sheet.skill .details .form-group.uses-per span,
.coc7.sheet.item .details .form-group.uses-per span,
.coc7.sheet.occupation .details .form-group.uses-per span,
.coc7.sheet.setup .details .form-group.uses-per span {
  flex: 0 0 16px;
}
.coc7.sheet.skill .details .form-group.uses-per select,
.coc7.sheet.item .details .form-group.uses-per select,
.coc7.sheet.occupation .details .form-group.uses-per select,
.coc7.sheet.setup .details .form-group.uses-per select {
  flex: 3;
}
.coc7.sheet.skill .details span.sep,
.coc7.sheet.item .details span.sep,
.coc7.sheet.occupation .details span.sep,
.coc7.sheet.setup .details span.sep {
  flex: 0 0 8px;
}
.coc7.sheet.skill .details .prepared,
.coc7.sheet.item .details .prepared,
.coc7.sheet.occupation .details .prepared,
.coc7.sheet.setup .details .prepared {
  flex: 1.3 !important;
  text-align: right;
  padding-right: 10px;
}
.coc7.sheet.skill .details .spell-materials,
.coc7.sheet.item .details .spell-materials,
.coc7.sheet.occupation .details .spell-materials,
.coc7.sheet.setup .details .spell-materials {
  flex: 0 0 100%;
  margin: 0.25em 0;
  justify-content: flex-end;
}
.coc7.sheet.skill .details .spell-materials label,
.coc7.sheet.item .details .spell-materials label,
.coc7.sheet.occupation .details .spell-materials label,
.coc7.sheet.setup .details .spell-materials label {
  flex: 0 0 64px;
  text-align: right;
  margin-right: 5px;
  font-size: 12px;
  line-height: 24px;
}
.coc7.sheet.skill .details .spell-materials input[type="text"],
.coc7.sheet.item .details .spell-materials input[type="text"],
.coc7.sheet.occupation .details .spell-materials input[type="text"],
.coc7.sheet.setup .details .spell-materials input[type="text"] {
  flex: 0 0 48px;
  margin-right: 10px;
}
.coc7.sheet.skill .sheet-navigation,
.coc7.sheet.item .sheet-navigation,
.coc7.sheet.occupation .sheet-navigation,
.coc7.sheet.setup .sheet-navigation {
  margin-bottom: 5px;
}
.coc7.sheet.skill .sheet-navigation .item,
.coc7.sheet.item .sheet-navigation .item,
.coc7.sheet.occupation .sheet-navigation .item,
.coc7.sheet.setup .sheet-navigation .item {
  font-size: 18px;
}
.coc7.sheet.skill .sheet-body,
.coc7.sheet.item .sheet-body,
.coc7.sheet.occupation .sheet-body,
.coc7.sheet.setup .sheet-body {
  overflow: hidden;
}
.coc7.sheet.skill .sheet-body .tab,
.coc7.sheet.item .sheet-body .tab,
.coc7.sheet.occupation .sheet-body .tab,
.coc7.sheet.setup .sheet-body .tab {
  padding: 0 5px;
  overflow: hidden auto;
}
.coc7.sheet.skill .sheet-body .item-description,
.coc7.sheet.item .sheet-body .item-description,
.coc7.sheet.occupation .sheet-body .item-description,
.coc7.sheet.setup .sheet-body .item-description {
  height: 100%;
  overflow-y: auto;
}
.coc7.sheet.skill .sheet-body .item-properties,
.coc7.sheet.item .sheet-body .item-properties,
.coc7.sheet.occupation .sheet-body .item-properties,
.coc7.sheet.setup .sheet-body .item-properties {
  flex: 0 0 120px;
  margin: 5px 5px 5px 0;
  padding-right: 5px;
  border-right: 2px groove #eeede0;
}
.coc7.sheet.skill .sheet-body .item-properties .form-group,
.coc7.sheet.item .sheet-body .item-properties .form-group,
.coc7.sheet.occupation .sheet-body .item-properties .form-group,
.coc7.sheet.setup .sheet-body .item-properties .form-group {
  margin: 0;
}
.coc7.sheet.skill .sheet-body .item-properties .form-group label,
.coc7.sheet.item .sheet-body .item-properties .form-group label,
.coc7.sheet.occupation .sheet-body .item-properties .form-group label,
.coc7.sheet.setup .sheet-body .item-properties .form-group label {
  line-height: 20px;
}
.coc7.sheet.skill .sheet-body .item-properties .form-group input,
.coc7.sheet.item .sheet-body .item-properties .form-group input,
.coc7.sheet.occupation .sheet-body .item-properties .form-group input,
.coc7.sheet.setup .sheet-body .item-properties .form-group input {
  text-align: right;
}
.coc7.sheet.skill .sheet-body .item-properties .properties-list,
.coc7.sheet.item .sheet-body .item-properties .properties-list,
.coc7.sheet.occupation .sheet-body .item-properties .properties-list,
.coc7.sheet.setup .sheet-body .item-properties .properties-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.coc7.sheet.skill .sheet-body .item-properties .properties-list li,
.coc7.sheet.item .sheet-body .item-properties .properties-list li,
.coc7.sheet.occupation .sheet-body .item-properties .properties-list li,
.coc7.sheet.setup .sheet-body .item-properties .properties-list li {
  margin: 3px 0;
  padding: 0 2px;
  background: rgba(0, 0, 0, 0.05);
  border: 2px groove #eeede0;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.coc7.sheet.skill .sheet-body .spell-list,
.coc7.sheet.item .sheet-body .spell-list,
.coc7.sheet.occupation .sheet-body .spell-list,
.coc7.sheet.setup .sheet-body .spell-list {
  list-style: none;
  margin: 0;
  padding: 0 5px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.coc7.sheet.skill .sheet-body .spell-list .spell,
.coc7.sheet.item .sheet-body .spell-list .spell,
.coc7.sheet.occupation .sheet-body .spell-list .spell,
.coc7.sheet.setup .sheet-body .spell-list .spell {
  line-height: 16px;
  padding: 0 2px;
  border-bottom: 1px solid #c9c7b8;
}
.coc7.sheet.skill .sheet-body .spell-list .spell:last-child,
.coc7.sheet.item .sheet-body .spell-list .spell:last-child,
.coc7.sheet.occupation .sheet-body .spell-list .spell:last-child,
.coc7.sheet.setup .sheet-body .spell-list .spell:last-child {
  border-bottom: none;
}
.coc7.sheet.skill .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.item .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.occupation .sheet-body .spell-list .spell .spell-name,
.coc7.sheet.setup .sheet-body .spell-list .spell .spell-name {
  cursor: pointer;
  max-height: 24px;
  overflow: hidden;
}
.coc7.sheet.skill .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.item .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.occupation .sheet-body .spell-list .spell .spell-name .spell-image,
.coc7.sheet.setup .sheet-body .spell-list .spell .spell-name .spell-image {
  flex: 0 0 16px;
  background-size: 16px;
  margin-right: 5px;
}
.coc7.sheet.skill .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.item .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.occupation .sheet-body .spell-list .spell .spell-name h4,
.coc7.sheet.setup .sheet-body .spell-list .spell .spell-name h4 {
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}
.coc7.sheet.skill .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.item .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.occupation .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image,
.coc7.sheet.setup .sheet-body .spell-list .spell .spell-name.rollable:hover .item-image {
  background-image: url("/icons/svg/d20-grey.svg") !important;
}
.coc7.sheet.skill .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.item .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.occupation .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover,
.coc7.sheet.setup .sheet-body .spell-list .spell .spell-name.rollable .item-image:hover {
  background-image: url("/icons/svg/d20-black.svg") !important;
}
.coc7.sheet.skill .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.item .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.occupation .sheet-body .spell-list .spell .spell-name i.attuned,
.coc7.sheet.setup .sheet-body .spell-list .spell .spell-name i.attuned {
  color: #7a7971;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls,
.coc7.sheet.item .sheet-body .spell-list .item-controls,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls,
.coc7.sheet.setup .sheet-body .spell-list .item-controls {
  flex: 0 0 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  justify-content: flex-end;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls > *,
.coc7.sheet.item .sheet-body .spell-list .item-controls > *,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls > *,
.coc7.sheet.setup .sheet-body .spell-list .item-controls > * {
  flex: 1;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.item .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls .flex1,
.coc7.sheet.setup .sheet-body .spell-list .item-controls .flex1 {
  flex: 1;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.item .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls .flex2,
.coc7.sheet.setup .sheet-body .spell-list .item-controls .flex2 {
  flex: 2;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.item .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls .flex3,
.coc7.sheet.setup .sheet-body .spell-list .item-controls .flex3 {
  flex: 3;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.item .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls .flex4,
.coc7.sheet.setup .sheet-body .spell-list .item-controls .flex4 {
  flex: 4;
}
.coc7.sheet.skill .sheet-body .spell-list .item-controls a,
.coc7.sheet.item .sheet-body .spell-list .item-controls a,
.coc7.sheet.occupation .sheet-body .spell-list .item-controls a,
.coc7.sheet.setup .sheet-body .spell-list .item-controls a {
  flex: 0 0 16px;
  font-size: 10px;
  text-align: center;
  color: #7a7971;
}
.coc7.sheet.skill .sheet-body .spell-list .item-summary,
.coc7.sheet.item .sheet-body .spell-list .item-summary,
.coc7.sheet.occupation .sheet-body .spell-list .item-summary,
.coc7.sheet.setup .sheet-body .spell-list .item-summary {
  flex: 0 0 100%;
  font-size: 12px;
  line-height: 13px;
  padding: 0.25em 0.5em;
  border-top: 2px groove #eeede0;
}
.coc7.sheet .inventory {
  height: 100%;
}
.coc7.sheet .inventory-list {
  list-style: none;
  margin: 0;
  padding: 0 5px;
  scrollbar-width: thin;
}
.coc7.sheet .inventory-list .item {
  line-height: 16px;
  padding: 0 2px;
  border-bottom: 1px solid #c9c7b8;
}
.coc7.sheet .inventory-list .item:last-child {
  border-bottom: none;
}
.coc7.sheet .inventory-list .item .item-name {
  cursor: pointer;
  max-height: 16px;
  width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.coc7.sheet .inventory-list .item .item-image {
  flex: 0 0 16px;
  background-size: 16px;
  margin-right: 5px;
  height: 16px;
}
.coc7.sheet .inventory-list .item h4 {
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}
.coc7.sheet .inventory-list .item.rollable:hover .item-image {
  background-image: url("/icons/svg/d20-grey.svg") !important;
}
.coc7.sheet .inventory-list .item.rollable .item-image:hover {
  background-image: url("/icons/svg/d20-black.svg") !important;
}
.coc7.sheet .inventory-list .item i.attuned {
  color: #7a7971;
}
.coc7.sheet .inventory-list .item .item-uses input {
  width: 24px;
  text-align: center;
}
.coc7.sheet .inventory-list .item .item-properties {
  margin-top: 3px;
}
.coc7.sheet .inventory-list .item .item-recharge {
  flex: 0 0 80px;
  text-align: right;
  font-size: 11px;
  color: #7a7971;
  white-space: nowrap;
}
.coc7.sheet .inventory-list .inventory-header {
  margin: 2px 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.05);
  border: 2px groove #eeede0;
  font-weight: bold;
  line-height: 15px;
}
.coc7.sheet .inventory-list .inventory-header h3 {
  margin: 0 -5px 0 0;
  padding-left: 5px;
  font-family: customSheetFont, "Modesto Condensed", "Palatino Linotype", serif;
  font-size: 20px;
  font-weight: 700;
  font-size: 1.125em;
}
.coc7.sheet .inventory-list .inventory-header .item-controls a.item-create {
  flex: 0 0 100%;
}
.coc7.sheet .inventory-list .item-detail {
  flex: 0 0 70px;
  font-size: 12px;
  color: #7a7971;
  text-align: center;
  border-right: 1px solid #c9c7b8;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
}
.coc7.sheet .inventory-list .item-detail:last-child {
  border-right: none;
}
.coc7.sheet .inventory-list .item-detail.item-action {
  flex: 0 0 100px;
}
.coc7.sheet .inventory-list .item-weight {
  flex: 0 0 60px;
  border-left: 1px solid #c9c7b8;
  border-right: 1px solid #c9c7b8;
}
.coc7.sheet .inventory-list .item-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.coc7.sheet .inventory-list .item-controls {
  flex: 0 0 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  justify-content: flex-end;
  height: 16px;
}
.coc7.sheet .inventory-list .item-controls > * {
  flex: 1;
}
.coc7.sheet .inventory-list .item-controls .flex1 {
  flex: 1;
}
.coc7.sheet .inventory-list .item-controls .flex2 {
  flex: 2;
}
.coc7.sheet .inventory-list .item-controls .flex3 {
  flex: 3;
}
.coc7.sheet .inventory-list .item-controls .flex4 {
  flex: 4;
}
.coc7.sheet .inventory-list .item-controls a {
  flex: 0 0 16px;
  font-size: 10px;
  text-align: center;
  color: #7a7971;
}
.coc7.sheet .inventory-list .item-summary {
  flex: 0 0 100%;
  font-size: 12px;
  line-height: 13px;
  padding: 0.25em 0.5em;
  border-top: 2px groove #eeede0;
}
.coc7.sheet.actor .development .warning {
  color: darkred;
  font-weight: bolder;
}
.coc7.sheet.actor .development.header {
  flex: initial;
  border-bottom: 1px groove;
  line-height: 20px;
}
.coc7.sheet.actor .development.header .header-section {
  border-right: 1px groove;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.coc7.sheet.actor .development.header .header-section:last-child {
  border-right: none;
}
.coc7.sheet.actor .development.header input {
  width: 30px;
  padding: 0;
  margin: 0;
}
.coc7.sheet.actor .development .button {
  flex: 0 0 auto;
  margin: 1px;
  color: black;
}
.coc7.sheet.actor .development .flagged4dev {
  color: goldenrod;
}
.coc7.sheet.actor .development .item {
  flex: 0 0 10px;
}
.coc7.sheet.actor .development .item .skill-name {
  flex: 1;
  font-size: 12px;
  height: 16px;
  padding: 0;
  text-align: left;
}
.coc7.sheet.actor .development .item .skill-name.flagged4dev.rollable:hover {
  cursor: pointer;
}
.coc7.sheet.actor .development .item .item-controls {
  flex: 0 0 30px;
  line-height: 16px;
  font-size: 10px;
  padding: 0 2px;
}
.coc7.sheet.actor .development .item .item-controls .item-control:hover {
  cursor: default;
}
.coc7.sheet.actor .development .item .item-controls .item-control.clickable:hover {
  cursor: pointer;
}
.coc7.sheet.actor .development .adjustment-value {
  border-right: groove 1px;
  flex: 0;
  height: 16px;
  line-height: 16px;
}
.coc7.sheet.actor .development .adjustment-value.not-available {
  background: white;
}
.coc7.sheet.actor .development .adjustment-value input {
  font-size: 11px;
  flex: 0 0 15px;
  height: 16px;
  padding: 0 1px;
  margin: 0;
  text-align: right;
}
.coc7.sheet.actor .sheet-section h3 {
  margin: 0 -5px 0 0;
  padding-left: 5px;
  font-family: "Signika", sans-serif;
  font-weight: bold;
  font-size: 13px;
}
.coc7.sheet.actor .sheet-section .editor {
  width: 100%;
  height: 200px;
  border: 2px groove #eeede0;
  padding: 0;
  line-height: normal;
  font-size: 12px;
}
.coc7.sheet.actor .sheet-section .editor-content {
  overflow-x: hidden;
}
.coc7.sheet.actor .sheet-section .section-header {
  margin: 2px 0 0 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.05);
  border: 2px groove #eeede0;
  font-weight: bold;
  line-height: 15px;
  height: 100%;
}
.coc7.sheet.actor input:read-only:hover,
.coc7.sheet.actor input:read-only:focus {
  border: 1px solid transparent;
  box-shadow: none;
  cursor: default;
}
.coc7.sheet.actor .read-only:hover,
.coc7.sheet.actor .read-only:focus {
  border: 1px solid black;
}
.coc7.sheet.actor .info-fields .form-group label {
  width: auto;
  flex: unset;
  line-height: 18px;
  height: 18px;
  border: 0;
  margin: 0;
  font-weight: bold;
}
.coc7.sheet.occupation .item-list {
  list-style: none;
  margin: 5px 0;
  padding: 0 5px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.coc7.sheet.occupation .item-list .item {
  line-height: 16px;
  padding: 0 2px;
  border-bottom: 1px solid #c9c7b8;
}
.coc7.sheet.occupation .item-list .item:last-child {
  border-bottom: none;
}
.coc7.sheet.occupation .item-list .item .item-name {
  cursor: pointer;
  max-height: 24px;
  overflow: hidden;
}
.coc7.sheet.occupation .item-list .item .item-name .item-image {
  flex: 0 0 16px;
  background-size: 16px;
  margin-right: 5px;
}
.coc7.sheet.occupation .item-list .item .item-name h4 {
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}
.coc7.sheet.occupation .item-list .item .item-name.rollable:hover .item-image {
  background-image: url("/icons/svg/d20-grey.svg") !important;
}
.coc7.sheet.occupation .item-list .item .item-name.rollable .item-image:hover {
  background-image: url("/icons/svg/d20-black.svg") !important;
}
.coc7.sheet.occupation .item-list .item .item-name i.attuned {
  color: #7a7971;
}
.coc7.sheet.occupation .item-list .item-controls {
  flex: 0 0 32px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  justify-content: flex-end;
}
.coc7.sheet.occupation .item-list .item-controls > * {
  flex: 1;
}
.coc7.sheet.occupation .item-list .item-controls .flex1 {
  flex: 1;
}
.coc7.sheet.occupation .item-list .item-controls .flex2 {
  flex: 2;
}
.coc7.sheet.occupation .item-list .item-controls .flex3 {
  flex: 3;
}
.coc7.sheet.occupation .item-list .item-controls .flex4 {
  flex: 4;
}
.coc7.sheet.occupation .item-list .item-controls a {
  flex: 0 0 16px;
  font-size: 10px;
  text-align: center;
  color: #7a7971;
}
.coc7.sheet.occupation .item-list .item-summary {
  flex: 0 0 100%;
  font-size: 12px;
  line-height: 13px;
  padding: 0.25em 0.5em;
  border-top: 2px groove #eeede0;
}
.coc7.sheet.occupation .optional-skills.form-group label {
  height: 16px;
}
.coc7.sheet.occupation .group-control {
  width: 18px;
  flex: 0 0 18px;
  line-height: 16px;
  float: right;
  text-align: right;
  color: #7a7971;
}
.coc7.sheet.occupation .optional-skills .form-group {
  border-bottom: 1px groove;
  margin: 1px 0;
  padding-right: 5px;
  font-size: 12px;
}
.coc7.sheet.occupation h3.warning {
  text-align: center;
}
.coc7.dialogue .selectable:hover {
  text-shadow: 0 0 8px var(--main-sheet-interactie-color);
}
.coc7.dialogue .selected {
  text-shadow: 0 0 4px var(--main-sheet-interactie-color);
}
.coc7.dialogue .selected h4 {
  font-weight: bold;
}
.coc7.dialogue button.inactive:hover {
  box-shadow: 0 0 5px grey;
}
.coc7.dialogue.char-select .item-list .item {
  text-align: center;
}
.coc7.dialogue.char-select a.roll-characteristic,
.coc7.dialogue.skill-select a.roll-characteristic {
  flex: 0;
  padding-left: 5px;
}
.coc7.dialogue.char-select .item-controls,
.coc7.dialogue.skill-select .item-controls {
  flex: 0;
  padding-right: 20px;
}
.coc7.dialogue.char-select .points,
.coc7.dialogue.skill-select .points,
.coc7.dialogue.char-select .counter,
.coc7.dialogue.skill-select .counter {
  justify-content: center;
}
.coc7.dialogue.char-select .points.warning,
.coc7.dialogue.skill-select .points.warning,
.coc7.dialogue.char-select .counter.warning,
.coc7.dialogue.skill-select .counter.warning {
  color: red;
}
.coc7.dialogue.char-select .points span,
.coc7.dialogue.skill-select .points span,
.coc7.dialogue.char-select .counter span,
.coc7.dialogue.skill-select .counter span {
  height: 22px;
  line-height: 22px;
  flex: 0;
}
.coc7.dialogue.char-select .points span.sep,
.coc7.dialogue.skill-select .points span.sep,
.coc7.dialogue.char-select .counter span.sep,
.coc7.dialogue.skill-select .counter span.sep {
  padding: 0 2px;
}
#combat-tracker .token-initiative.fumble {
  background-color: black;
  color: crimson;
}
#combat-tracker .token-initiative.failure {
  color: red;
}
#combat-tracker .token-initiative.regular-success {
  color: #cc6600;
}
#combat-tracker .token-initiative.hard-success {
  color: #cc9900;
}
#combat-tracker .token-initiative.extreme-success {
  color: #009933;
}
#combat-tracker .token-initiative.critical {
  color: goldenrod;
}
.coc7-link,
.coc7-inline {
  background: #DDD;
  padding: 1px 4px;
  border: 1px solid #4b4a44;
  border-radius: 2px;
  white-space: nowrap;
  word-break: break-all;
}
.coc7-link i,
.coc7-inline i {
  vertical-align: middle;
}
.regular-success-color {
  background-color: #ffcc99;
  color: #cc6600;
}
.hard-success-color {
  background-color: #ffff99;
  color: #cc9900;
}
.extreme-success-color {
  background-color: #ccff99;
  color: #009933;
}
.critical-color {
  background-color: whitesmoke;
  color: goldenrod;
}
.fumble-color {
  background-color: black;
  color: crimson;
}
.success-color {
  color: green;
}
.failure-color {
  color: red;
}
.coc7-check-tooltip {
  width: 280px;
  position: fixed;
  background: url(../../ui/parchment.jpg) repeat;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px 5px 0;
  box-shadow: 0 0 10px #000;
  text-shadow: none;
  color: #191813;
}
.coc7-check-tooltip .roll-icons.success {
  color: goldenrod;
}
.coc7-check-tooltip .roll-icons.critical {
  color: goldenrod;
  font-size: 20px;
  font-weight: bold;
}
.coc7-check-tooltip .roll-icons.failure {
  color: crimson;
}
.coc7-check-tooltip .roll-icons.fumble {
  color: crimson;
  font-size: 20px;
  font-weight: bold;
}
.coc7-check-tooltip .dice-rolls {
  display: flex;
}
.coc7-check-tooltip .dice-rolls .check-result {
  font-size: 16px;
  padding: 0 5px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
.coc7-check-tooltip .part-total.regular-success {
  background-color: #ffcc99;
  color: #cc6600;
}
.coc7-check-tooltip .part-total.hard-success {
  background-color: #ffff99;
  color: #cc9900;
}
.coc7-check-tooltip .part-total.extreme-success {
  background-color: #ccff99;
  color: #009933;
}
.coc7-check-tooltip .part-total.critical {
  background-color: whitesmoke;
  color: goldenrod;
}
.coc7-check-tooltip .part-total.fumble {
  background-color: black;
  color: crimson;
}
.coc7-check-tooltip .part-total.success {
  color: green;
}
.coc7-check-tooltip .part-total.failure {
  color: red;
}
.coc7-check-result.regular-success {
  background-color: #ffcc99;
  color: #cc6600;
}
.coc7-check-result.hard-success {
  background-color: #ffff99;
  color: #cc9900;
}
.coc7-check-result.extreme-success {
  background-color: #ccff99;
  color: #009933;
}
.coc7-check-result.critical {
  background-color: whitesmoke;
  color: goldenrod;
}
.coc7-check-result.fumble {
  background-color: black;
  color: crimson;
}
.coc7-check-result.success {
  color: green;
}
.coc7-check-result.failure {
  color: red;
}
:root {
  --main-sheet-bg: url('./artwork/backgrounds/character-sheet.png') 4 repeat;
  --main-sheet-image: url(./artwork/tentacules.png);
  --main-sheet-back-color: #670b0b;
  --main-sheet-front-color: #2b3753;
  --main-sheet-interactie-color: #670b0b;
  --main-sheet-font: '';
  --main-sheet-cursive-font: '';
  --skill-length: 160px;
  --skill-specialization-length: 152px;
}
.defaultFont {
  font-family: customSheetFont, 'Bradley Hand', cursive;
}
html {
  font-size: 16px;
}
.sheetV2 {
  font-family: customSheetFont, 'Bradley Hand', cursive;
}
.sheetV2 .no-skill-set,
.sheetV2 .error {
  background-color: red;
  border-radius: 4px;
}
.sheetV2 .coc7.sheet.actor.temp-retro-compat {
  overflow: auto;
}
.sheetV2.app {
  background: var(--main-sheet-back-color);
}
.sheetV2 .window-header {
  background: var(--main-sheet-front-color);
  margin: 4px 4px 0 4px;
  width: auto;
}
.sheetV2 .window-content {
  margin: 0 8px 8px 8px;
  padding: 0;
  color: var(--main-sheet-front-color);
  font-size: 0.8rem;
}
.sheetV2 .window-content .rollable:hover {
  color: #000;
  text-shadow: 0 0 10px var(--main-sheet-interactie-color);
  cursor: pointer;
}
.sheetV2 .window-content span {
  color: #000;
  height: 22px;
  line-height: 22px;
  padding: 1px 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
.sheetV2 .window-content label {
  height: 22px;
  line-height: 22px;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: bold;
  width: auto;
}
.sheetV2 .window-content .tag {
  display: inline;
  height: auto;
  line-height: unset;
  vertical-align: middle;
  text-align: center;
  padding: 0 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.6rem;
  border: 1px solid #999;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.05);
}
.sheetV2 .window-content input[type='text'] {
  flex: 1;
  height: 22px;
  border: 0;
  margin: 0;
  width: 100%;
  border-radius: 4px;
  background: transparent;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sheetV2 .window-content input[type='text']:hover,
.sheetV2 .window-content input[type='text']:focus {
  box-shadow: 0 0 8px var(--main-sheet-interactie-color);
  background: rgba(0, 0, 0, 0.1);
}
.sheetV2.character {
  min-width: 687px;
  min-height: 629px;
}
.sheetV2.character .floating-left {
  position: absolute;
  left: 140px;
  color: var(--main-sheet-front-color);
}
.sheetV2.character .manual-override {
  text-decoration: underline;
  text-decoration-color: red;
}
.sheetV2.character .auto-toggle {
  cursor: pointer;
}
.sheetV2.character form {
  display: inline-block;
  border: 1px solid;
  border-image: var(--main-sheet-bg);
  border-image-slice: 450 200 50 200 fill;
  border-image-width: 450 200 50 200;
}
.sheetV2.character form .container {
  background-image: var(--main-sheet-image);
  background-repeat: no-repeat;
  margin: -1px;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 195px 30px auto;
  width: 100%;
  height: 100%;
}
.sheetV2.character form .container .sheet-header {
  width: 100%;
  height: 180px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sheetV2.character form .container .sheet-header .sheet-portrait {
  width: 140px;
  height: 100%;
  padding: 0 8px;
}
.sheetV2.character form .container .sheet-header .sheet-portrait .photo {
  object-fit: contain;
  border: 0;
  height: 100%;
  width: 100%;
}
.sheetV2.character form .container .sheet-header .infos {
  display: inline-block;
  width: 235px;
  padding: 0 8px;
  border-right: 2px solid;
  border-color: rgba(43, 55, 83, 0.5);
}
.sheetV2.character form .container .sheet-header .infos .row {
  align-items: center;
}
.sheetV2.character form .container .sheet-header .infos .row label {
  height: auto;
  line-height: normal;
}
.sheetV2.character form .container .sheet-header .infos .row input {
  height: auto;
  line-height: normal;
}
.sheetV2.character form .container .sheet-header .infos .row a {
  display: contents;
}
.sheetV2.character form .container .sheet-header .infos .row i {
  padding-top: 7px;
}
.sheetV2.character form .container .sheet-header .characteristics {
  flex: 1;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sheetV2.character form .container .sheet-header .characteristics .header {
  flex: 1;
}
.sheetV2.character form .container .sheet-header .characteristics .footer {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.sheetV2.character form .container .sheet-header .characteristics .footer .attribute {
  flex: 0 0 25%;
  display: grid;
  grid-template-columns: auto 32px;
  align-items: center;
  justify-content: center;
}
.sheetV2.character form .container .sheet-header .characteristics .footer .attribute-label {
  min-width: 0;
}
.sheetV2.character form .container .sheet-header .characteristics .footer .attribute-label h2 {
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 22px;
  font-size: 0.75rem;
  color: var(--main-sheet-front-color);
  font-weight: normal;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sheetV2.character form .container .sheet-header .characteristics .footer .attribute-value {
  text-align: center;
  font-size: 0.75rem;
  color: var(--main-sheet-front-color);
  font-weight: normal;
}
.sheetV2.character form .container .sheet-header .characteristics .footer .attribute-value input {
  padding: 0;
  font-size: 0.75rem;
  color: var(--main-sheet-front-color);
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: normal;
}
.sheetV2.character form .container .sheet-header .characteristics .char-boxes {
  flex: 0 0 96px;
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(4, 60px);
  grid-template-rows: repeat(2, 48px);
}
.sheetV2.character form .container .sheet-header .characteristics .char-box {
  display: grid;
  grid-template-columns: 16px 44px;
  grid-template-rows: 16px 32px;
  grid-template-areas: "rollIcon characName" "characScore characScore";
  align-items: baseline;
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .roll-icon {
  color: var(--main-sheet-front-color);
  grid-area: rollIcon;
  line-height: 1.4rem;
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .charac-name {
  color: var(--main-sheet-front-color);
  grid-area: characName;
  line-height: 1.4rem;
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .charac-score {
  grid-area: characScore;
  margin-top: 4px;
  margin-right: 8px;
  border-radius: 4px;
  color: var(--main-sheet-back-color);
  background: rgba(255, 255, 255, 0.5);
  display: grid;
  grid-template-columns: 38px 14px;
  grid-template-rows: 14px 14px;
  grid-template-areas: "mainScore halfScore" "mainScore fithScore";
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .charac-score .main-score {
  grid-area: mainScore;
  justify-self: center;
  align-self: center;
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .charac-score .half-score {
  grid-area: halfScore;
  font-size: 0.6rem;
  justify-self: center;
  align-self: center;
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .charac-score .fith-score {
  grid-area: fithScore;
  font-size: 0.6rem;
  justify-self: center;
  align-self: center;
}
.sheetV2.character form .container .sheet-header .characteristics .char-box .charac-score input {
  font-weight: bold;
}
.sheetV2.character form .container .sheet-header .characteristics input {
  text-align: center;
  color: var(--main-sheet-back-color);
  font-size: 1.3rem;
}
.sheetV2.character form .container .sheet-header .characteristics input:hover,
.sheetV2.character form .container .sheet-header .characteristics input:focus {
  background: transparent;
}
.sheetV2.character form .container .sheet-header .characteristics input:read-only {
  border: 1px solid transparent;
  box-shadow: none;
  cursor: default;
}
.sheetV2.character form .container .sheet-nav {
  border-top: 1px solid var(--main-sheet-front-color);
  color: var(--main-sheet-front-color);
  font-weight: bold;
  font-size: 1rem;
  margin: 0 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.sheetV2.character form .container .sheet-nav a {
  text-align: center;
}
.sheetV2.character form .container .sheet-nav a:hover {
  text-shadow: none;
}
.sheetV2.character form .container .sheet-nav a.active span {
  color: white;
  background-color: var(--main-sheet-front-color);
}
.sheetV2.character form .container .sheet-nav .tab-name {
  height: 1.2rem;
}
.sheetV2.character form .container .sheet-nav .tab-name span {
  display: inline-block;
  width: fit-content;
  color: var(--main-sheet-front-color);
  border: 1px solid transparent;
  border-radius: 4px;
  height: auto;
  line-height: 1.1rem;
  padding: 0 8px;
  margin: 0;
}
.sheetV2.character form .container .sheet-nav .tab-name span:hover {
  border: 1px solid var(--main-sheet-front-color);
}
.sheetV2.character form .container .sheet-nav .unlock-control {
  flex: 0 0 24px;
  margin-top: 2px;
}
.sheetV2.character form .container .sheet-body {
  border: 1px solid var(--main-sheet-front-color);
  margin: 0 16px 8px 16px;
  overflow: hidden;
}
.sheetV2.character form .container .sheet-body ul,
.sheetV2.character form .container .sheet-body ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sheetV2.character form .container .sheet-body .tab {
  height: 100%;
}
.sheetV2.character form .container .sheet-body .two-panes-content {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.sheetV2.character form .container .sheet-body .two-panes-content .left-panel {
  flex: 0 0 130px;
  height: auto;
  margin: 8px 0;
  padding: 0;
  border-right: 1px solid;
  text-align: center;
}
.sheetV2.character form .container .sheet-body .two-panes-content .left-panel a:hover {
  text-shadow: 0 0 10px var(--main-sheet-interactie-color);
}
.sheetV2.character form .container .sheet-body .two-panes-content .right-panel {
  flex: 1;
  height: auto;
  padding: 4px;
  overflow-y: hidden;
  overflow-x: auto;
}
.sheetV2.character form .container .sheet-body .item-list {
  display: flex;
  width: auto;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}
.sheetV2.character form .container .sheet-body .specialization-header {
  width: var(--skill-length);
  margin-right: 8px;
  font-weight: bold;
}
.sheetV2.character form .container .sheet-body .itemV2 {
  max-height: 20px;
  width: var(--skill-length);
  margin-right: 8px;
  display: grid;
  font-size: 0.75rem;
  grid-template-columns: 16px auto 24px 24px;
  border-bottom: 1px solid;
}
.sheetV2.character form .container .sheet-body .itemV2.specialization {
  margin-left: 8px;
  width: var(--skill-specialization-length);
  border-left: 1px solid;
}
.sheetV2.character form .container .sheet-body .itemV2 .item-image {
  height: 14px;
  background-size: contain;
  margin: 1px 0;
}
.sheetV2.character form .container .sheet-body .itemV2 .item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 3px;
  line-height: 16px;
}
.sheetV2.character form .container .sheet-body .itemV2 .item-name input {
  height: 16px;
  padding: 0;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--main-sheet-front-color);
}
.sheetV2.character form .container .sheet-body .itemV2 .item-score {
  color: var(--main-sheet-back-color);
  text-align: end;
  margin-right: 2px;
  line-height: 16px;
}
.sheetV2.character form .container .sheet-body .itemV2 .item-score input {
  height: 16px;
  padding: 0;
  margin-right: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--main-sheet-back-color);
  text-align: end;
}
.sheetV2.character form .container .sheet-body .itemV2 .item-controls {
  font-family: system-ui;
  font-size: 10px;
  line-height: 16px;
  flex: 0 0 20px;
  display: block;
  text-align: end;
}
.sheetV2.character form .container .sheet-body .itemV2 .item-controls a:hover {
  text-shadow: none;
  color: var(--main-sheet-back-color);
}
.sheetV2.character form .container .sheet-body .itemV2 .item-controls .item-control.active {
  color: goldenrod;
}
.sheetV2.character form .container .sheet-body .weapons-list .item {
  display: flex;
  width: auto;
}
.sheetV2.character form .container .sheet-body .luck-group {
  display: inline-block;
  width: fit-content;
}
.sheetV2.character form .container .sheet-body .monitor {
  height: auto;
  display: grid;
  grid-template-columns: auto 45px 5px 45px auto;
  grid-template-areas: ". currentValue separator maxValue .";
  align-items: center;
}
.sheetV2.character form .container .sheet-body .monitor .current-value {
  grid-area: currentValue;
  text-align: right;
  padding-right: 4px;
}
.sheetV2.character form .container .sheet-body .monitor .separator {
  grid-area: separator;
}
.sheetV2.character form .container .sheet-body .monitor .max-value {
  grid-area: maxValue;
  text-align: left;
  padding-left: 4px;
}
.sheetV2.character form .container .sheet-body .monitor .max-value input {
  background-color: rgba(0, 0, 0, 0.1);
}
.sheetV2.character form .container .sheet-body .monitor span {
  height: 16px;
  line-height: 16px;
}
.sheetV2.character form .container .sheet-body .monitor input {
  height: auto;
  padding: 0;
  font-weight: bold;
}
.sheetV2.character form .container .sheet-body .monitor input:read-only {
  border: 0px;
  background-color: transparent;
  box-shadow: none;
  cursor: default;
}
.sheetV2.character form .container .sheet-body .luck-group input {
  height: auto;
  width: 35px;
  margin-bottom: 6px;
  color: var(--main-sheet-front-color);
  font-weight: bold;
}
.sheetV2.character form .container .sheet-body .hp-group {
  background-image: url('./artwork/backgrounds/hp-background.svg');
  height: 110px;
  width: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #670b0b;
}
.sheetV2.character form .container .sheet-body .hp-group .status-on {
  color: #670b0b;
  text-shadow: 0 0 10px red;
}
.sheetV2.character form .container .sheet-body .hp-group a:hover {
  text-shadow: 0 0 8px red !important;
}
.sheetV2.character form .container .sheet-body .hp-group input {
  color: #670b0b;
}
.sheetV2.character form .container .sheet-body .hp-group .hp-text {
  padding-top: 15px;
}
.sheetV2.character form .container .sheet-body .san-group {
  background-image: url('./artwork/backgrounds/san-background.svg');
  height: 125px;
  width: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 5px;
  color: #234337;
}
.sheetV2.character form .container .sheet-body .san-group .status-on {
  color: #234337;
  text-shadow: 0 0 10px green;
}
.sheetV2.character form .container .sheet-body .san-group a {
  padding: 0 8px;
}
.sheetV2.character form .container .sheet-body .san-group a:hover {
  text-shadow: 0 0 8px green !important;
}
.sheetV2.character form .container .sheet-body .san-group .monitor {
  height: 14px;
}
.sheetV2.character form .container .sheet-body .san-group input {
  color: #234337;
}
.sheetV2.character form .container .sheet-body .san-group .san-text {
  padding-top: 16px;
}
.sheetV2.character form .container .sheet-body .san-group .san-text .control {
  margin-top: -4px;
  font-size: 12px;
}
.sheetV2.character form .container .sheet-body .san-group .rollable:hover {
  text-shadow: 0 0 10px green;
}
.sheetV2.character form .container .sheet-body .status {
  font-family: system-ui;
  font-size: 20px;
  color: grey;
  height: 22px;
  text-align: center;
}
.sheetV2.character form .container .sheet-body .status a.inative-status:hover {
  text-shadow: none !important;
  cursor: default;
}
.sheetV2.character form .container .sheet-body .magic-group {
  color: var(--main-sheet-front-color);
}
.sheetV2.character form .container .sheet-body .magic-group input {
  color: var(--main-sheet-front-color);
}
.combat-pane {
  padding: 0 4px;
  height: 100%;
  overflow-y: auto;
}
.combat-pane .section-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  text-align: left;
  color: white;
  background-color: var(--main-sheet-front-color);
  border: 1px solid transparent;
  border-radius: 4px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  margin: 4px;
}
.combat-pane .section-header.skill {
  background-color: grey;
}
.combat-pane .section-header span {
  flex: 1;
  display: inline-block;
  padding: 0;
  color: white;
}
.combat-pane .section-header .add-item {
  flex: 0 0 20px;
  color: white;
}
.combat-pane .section-header .add-item:hover {
  color: var(--main-sheet-back-color);
}
.combat-pane .item-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.combat-pane .item-list .itemV2 {
  margin-right: 3px !important;
  width: 160px !important;
}
.combat-pane .weapon-list .weapon-row {
  width: 100%;
  height: auto;
  display: grid;
  border-bottom: 1px solid;
  grid-template-columns: 16px 22px 1fr 168px 44px 36px;
  grid-template-rows: 22px 1fr;
  grid-template-areas: "expand image name range weaponControl itemControl" "details details details details details details";
}
.combat-pane .weapon-list .weapon-row .expand-arrow {
  grid-area: expand;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid var(--main-sheet-front-color);
  vertical-align: middle;
  margin-right: 0.7rem;
  transform: translate(6px, 4px);
  transition: transform 0.2s ease-out;
}
.combat-pane .weapon-list .weapon-row.expanded .expand-arrow {
  transform: rotate(90deg) translate(6px, -4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.combat-pane .weapon-list .weapon-row .item-summary {
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 0.75rem;
  line-height: 14px;
  margin: 4px 0;
  border-radius: 4px;
}
.combat-pane .weapon-list .weapon-row .weapon-image {
  grid-area: image;
  background-size: 22px;
}
.combat-pane .weapon-list .weapon-row .weapon-name {
  grid-area: name;
  height: 22px;
  line-height: 22px;
  padding: 0 4px;
}
.combat-pane .weapon-list .weapon-row .weapon-range {
  grid-area: range;
  height: 22px;
  line-height: 22px;
  display: grid;
  grid-template-columns: 56px 56px 56px;
  grid-template-rows: 22px;
}
.combat-pane .weapon-list .weapon-row .weapon-range .weapon-damage {
  text-align: center;
}
.combat-pane .weapon-list .weapon-row .weapon-control {
  text-align: center;
  line-height: 22px;
  grid-area: weaponControl;
}
.combat-pane .weapon-list .weapon-row .weapon-controls {
  line-height: 22px;
  text-align: center;
  display: grid;
  grid-template-columns: 22px 22px;
  grid-template-rows: 22px;
  grid-area: weaponControl;
}
.combat-pane .weapon-list .weapon-row .item-controls {
  line-height: 22px;
  display: block;
  text-align: end;
  grid-area: itemControl;
}
.combat-pane .weapon-list .weapon-row .item-summary {
  grid-area: details;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.combat-pane .weapon-list .weapon-row .item-summary .item-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 4px 0;
}
.combat-pane .weapon-list .weapon-row .item-summary .item-labels .item-label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-right: 6px;
  font-weight: bold;
  border: 1px groove;
  border-radius: 3px;
  margin: 0 2px 2px 0;
}
.combat-pane .weapon-list .weapon-row .item-summary .item-labels .item-label span {
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
}
.combat-pane .weapon-list .weapon-row .item-summary .item-properties {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.combat-pane .weapon-list .weapon-row .item-summary .item-properties .item-property {
  margin: 0 2px 2px 0;
}
.sheetV2 .development-infos {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 40px 0;
}
.sheetV2 .development-infos .warning {
  border: 1px solid red;
  color: var(--main-sheet-back-color);
  border-radius: 3px;
}
.sheetV2 .development-infos .warning span {
  color: var(--main-sheet-back-color);
}
.sheetV2 .development-infos .monitor span {
  padding: 0 3px !important;
}
.sheetV2 .development-infos .monitor input {
  text-align: center;
}
.sheetV2 .development-infos .validation {
  margin-top: 8px;
}
.sheetV2 .development .skills-list {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 8px !important;
}
.sheetV2 .development .skills-list .item {
  color: var(--main-sheet-front-color);
  display: grid;
  grid-template-columns: 15px auto 23px 23px 23px 23px 23px;
  align-items: center;
  grid-template-rows: 16px;
  border-bottom: 1px solid var(--main-sheet-front-color);
  margin-right: 8px;
}
.sheetV2 .development .skills-list .item .item-controls {
  font-family: system-ui;
  font-size: 12px;
}
.sheetV2 .development .skills-list .item.pulpCharacter {
  grid-template-columns: 30px auto 23px 23px 23px 23px 23px 23px;
}
.sheetV2 .development .skills-list .item .flagged4dev {
  color: goldenrod;
}
.sheetV2 .development .skills-list .item span {
  height: 16px;
  line-height: 16px;
  font-size: 0.8rem;
  color: var(--main-sheet-front-color);
}
.sheetV2 .development .skills-list .item input {
  height: 16px;
  line-height: 16px;
  font-size: 0.8rem;
  color: var(--main-sheet-front-color);
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0 1px;
  margin: 0;
  text-align: right;
}
.sheetV2 .development .skills-list .item .adjustment-value {
  border-right: 1px solid var(--main-sheet-front-color);
  text-align: right;
}
.sheetV2 .development .skills-list .item .adjustment-value.locked {
  background-color: white;
}
.chat-card-v2 .card-header {
  display: grid;
  grid-template-columns: 36px auto 36px;
  grid-template-areas: "left-portrait card-title right-portrait";
}
.chat-card-v2 .card-header .left-portrait {
  height: 36px;
  grid-area: left-portrait;
}
.chat-card-v2 .card-header .card-title {
  height: 36px;
  grid-area: card-title;
}
.chat-card-v2 .card-header .right-portrait {
  height: 36px;
  grid-area: right-portrait;
}
.chat-card-v2 .portrait {
  object-fit: contain;
  border: 0;
}
.chat-card-v2 .status-list {
  padding: 3px 0;
  border-bottom: 2px groove #FFF;
}
.chat-card-v2 .player-actions {
  margin: 0 !important;
  padding: 3px 0;
  border-bottom: 2px groove #FFF;
}
.chat-card-v2 .player-actions:empty {
  display: none;
}
.chat-card-v2 .gm-actions {
  margin: 0 !important;
  padding: 3px 0;
  background-color: gainsboro;
}
.chat-card-v2 .gm-actions:empty {
  display: none;
}
.chat-card-v2 .status {
  display: inline;
  height: auto;
  line-height: unset;
  vertical-align: middle;
  text-align: center;
  padding: 0 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.6rem;
  border: 1px solid #999;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.05);
}
.chat-card-v2 .status.pending {
  box-shadow: 0 0 4px red;
}
.chat-card-v2 .roll-results {
  padding: 0 0 3px 0;
  border-bottom: 2px groove #FFF;
}
.chat-card-v2 .dice-formula {
  margin: 0 !important;
}
.chat-card-v2 .dice-roll {
  padding-top: 3px;
}
.chat-card-v2 .san-loss-roll .dice-formula {
  display: none;
}
.chat-card-v2 .status-list {
  display: none;
}