input[type="number"][readonly],
input[type="text"][readonly] {
    font-weight: bold;
    background-color: lightsteelblue;
}

input[type="text"], input[type="number"] {
    background-color: transparent;
    border: 0 solid darkblue;
	border-bottom-width: 1px;
    margin-top: 1px;
}

input[type="text"], select {
	width: 100%;
    margin: 1px 0 0 0;
}

input[type="text"] {
	min-width:3em;
}

.sheet-small-label2 > input[type=number]{
	width: 98%;
	max-width: 100%;
}

/* turn off spinners for firefox width:3.25em; */
input[type="number"] {
	-moz-appearance: textfield !important;
	-moz-padding-end: .5em;
	padding-inline-end: .5em; /* moz changes to this */
}
/* set width for number input and surrounding labels */
input[type="number"], .sheet-number {
	min-width:2.5em;
	max-width:4.5em;
	width:auto;
}
/* set right align for numbers */
input[type="number"], span.sheet-number, input.sheet-number {
	text-align:right;
}


/* CHROME: hide spinner area at right when readonly or when not hovering over a number */
input[readonly]::-webkit-inner-spin-button ,
input.sheet-calc::-webkit-inner-spin-button ,
input.disabled::-webkit-inner-spin-button,
input[type="number"]:not(:hover)::-webkit-inner-spin-button  {
    -webkit-appearance: none;
    margin-right:0px;
    padding-right:.25em;
}

/* FIREFOX: hide spinner for all disabled/sheet-calc */
input.sheet-calc[type="number"]:hover,
input.sheet-calc[type="number"]:focus,
input[type="number"].sheet-calc,
input[type="number"]:disabled {
	-webkit-appearance: none;
	-moz-appearance: textfield !important;
	-moz-padding-end:.5em !important;
	padding-inline-end: .5em;
}

.sheet-pictos {
	font-family: "Pictos" !important;
}

.sheet-entry-ultimate {
	width:15em;
}

.sheet-entry-vlong {
	width:12em;
}
.sheet-entry-long {
	width:10em;
}
.sheet-entry-med {
	width:8em;
}

.sheet-entry-short {
	width:6em;
}
.sheet-entry-small {
	width:5em;
}
.sheet-entry-vshort {
	width:4em;
}

.sheet-narrow-numbers {
	width:2.5em;
}
.sheet-narrow-numbers  input[type=number], .sheet-narrow-numbers  .sheet-number,
 input[type="text"].sheet-narrow-numbers {
	width:2.5em;
}



.sheet-extra-damage .sheet-small-label2 textarea {
	resize:both;
}

.sheet-table-cell span[title],  .sheet-table-header[title], .sheet-small-label2 span[title] {
	cursor: help;
}

.sheet-small-label2 > select.sheet-select-small {
	height:2em;
}
.sheet-linked-fields .sheet-small-label2:first-child {
	margin-right:0px;
}
.sheet-linked-fields .sheet-small-label2:last-child {
	margin-left:0px;
}
.sheet-small-label2 .sheet-refreshbutton + span::before {
	padding:4px;
	margin-left:20%;
	margin-top:2px;
}
.sheet-small-label2 input[type="checkbox"].sheet-refreshbutton {
	-webkit-margin-before:0px;
	display:inline-block;
}

.sheet-small-label2 {
    display: inline-block;
	margin: .3em .2em .3em .25em;
	height:3em;
	min-height:3em;
	vertical-align: top;
    text-align:center;
	position:relative;
}

.sheet-nontable-repeating .sheet-linked-fields {
	vertical-align:top;
}

.sheet-small-label2 span {
	padding: 0em .07em 0em .07em;
    text-align:center;
	font-size: .85em;
	font-style: italic;
	font-weight: bold;
	color:darkblue;
	position:relative;
	bottom:0px;
}

.sheet-small-label2 > * {
	max-width:100%;
}

.sheet-small-label2 > input, .sheet-small-label2 > select, .sheet-small-label2 > .sheet-calc {
	display:block;
	padding:.25em 2px .25em 2px;
	vertical-align:top;
	height:1.825em; /* otherwise defaults from base.css hardcode it too tall */
	position:relative;
}
.sheet-small-label2  input::-moz-focus-inner {
	padding:0px;
}

/* chrome displays checkbox height incorrectly and all the way to the left because  1.825em throws it off */
.sheet-small-label2 > input[type="checkbox"], .sheet-small-label2 > input[type="radio"] {
	-webkit-logical-height:initial;
	-webkit-margin-before:.8em;
	width:100%;
}
.sheet-table-name + .sheet-table-group .sheet-small-label2 {
	margin-top:1.25em;
}

.sheet-number,
.sheet-small-label2.sheet-number {
	width:3.5em;
}

.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-small-label2,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2,
.sheet-counted:not(:checked) ~ .sheet-small-label2 {
	margin-left:0px;
	margin-right:2px;
}


.sheet-split-column-show:checked  ~ .sheet-repeating-fields .sheet-small-label2 {
	height:auto;
}
.sheet-split-column-show:checked  ~ .sheet-repeating-fields  .sheet-small-label2 span {
	margin:0 -.2em 0 -.2em;
	padding:0;
}

.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-vlong,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vlong,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vlong {
	width:10em;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-long,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-long,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-long {
	width:8.75em;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-entry-med,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-med,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-med  {
	width:7em;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-short,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-short,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-short  {
	width:5em;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-entry-small,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-small,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-small  {
	width:4em;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-entry-vshort,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vshort,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vshort  {
	width:3.5em;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-small-label2.sheet-space-right-collapse,
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-linked-fields.sheet-space-right-collapse,
.sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-space-right-collapse,
.sheet-counted:not(:checked) ~ .sheet-linked-fields.sheet-space-right-collapse {
	margin-right:1.25em;
}
.sheet-sect.sheet-expand .sheet-macro-text,
.sheet-sect.sheet-expand .sheet-macro-text .sheet-small-label2 {
	height:auto;
}

.sheet-extra-damage .sheet-small-label2 {
	text-align:left;
	width:auto;
	height:auto;
}

.sheet-status-panel .sheet-options .sheet-small-label2 {
	height:2.85em;
	margin-bottom:-.25em;
}
.sheet-status-panel .sheet-options .sheet-small-label2 input {
	position:inherit;
}
.sheet-section-header .sheet-small-label2 {
	display:table-cell;
	padding: 0 .25em 0 .25em;
	vertical-align:bottom;
}


.sheet-section-character,
.sheet-section-armor,
.sheet-section-vehicle,
.sheet-section-annexes,
.sheet-section-config  {
    display:none;
}


.sheet-showarrow:hover + .sheet-showsect,
.sheet-showarrow:hover + .sheet-showsect::before,
.sheet-counted:hover + span,
.sheet-counted:hover + span::before,
.sheet-cssbutton:hover ,
.sheet-cssbutton:hover + span::before {
	color:Red;
	border-color:Red;
}

/***********************repeating item counter ************************************/
.sheet-repeating-fields {
	counter-reset: sheet-rep-items -1;
}
/* do not allow user to click when minimized */
.sheet-minimize-show:checked ~ .sheet-lock-show,
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted ,
.sheet-lock-show:checked ~ .sheet-repeating-fields .sheet-counted,
.sheet-lock-show:checked ~ .sheet-repeating-fields .sheet-showsect {
	pointer-events: none;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted:checked + span::before,
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted + span::before,
.sheet-counted + span::before {
	counter-increment: sheet-rep-items;
	content: counter(sheet-rep-items) '. ►' !important;
	width: auto !important;
	color:Black;
}
.sheet-counted:checked + span::before {
	counter-increment: sheet-rep-items;
content: counter(sheet-rep-items) '. ▼' !important;
	width: auto !important;
}
/* inside table */
.sheet-counted , .sheet-counted.sheet-sect-show {
	position:absolute;
	left:.5em;
	top:.5em;
	width:2.5em;
	padding:0px;
}

.sheet-counted + span {
	position:relative;
	width:3em;
	margin-left:-2em;
}

.sheet-counted + span.sheet-table-cell {
	vertical-align:top;
	padding-top:.25em;
}

.sheet-nontable-repeating .sheet-counted ,
.sheet-nontable-repeating .sheet-counted.sheet-sect-show ,
.sheet-nontable-repeating .sheet-counted + span {
	display:inline-block;
	position:relative;
	vertical-align:middle;
}

.sheet-repeating-rollbutton {
	width:2em;
}

.sheet-nontable-repeating .sheet-repeating-rollbutton button {
	position:relative;
	margin-left:0px;
}

/*highlight text */
.sheet-boldlabel-check + b:not(.sheet-offCase),
.sheet-condition-exists + label ,
.sheet-status-panel  label b {
	display:inline;
	font-size:.7125rem;
	line-height:1em;
	margin:0px 0px 0px 0px;
	padding: 1px .5em 1px .25em;
}
.sheet-boldlabel-check:checked + b:not(.sheet-offCase),
.sheet-condition-exists:checked + label {
	background-color: #4a6486;
	color:White;
	border-radius: 5px;
	display:inline;
}

.sheet-no-pad-right {
	padding-right: 0 !important;
}
hr {
	border-color:Black;
	margin:5px 0;
}
hr.sheet-skinny {
	border-color:DarkGrey;
	height:1px;
	margin:0;
}
.sheet-npc-hr {
	padding: 0;
	margin: 0;
}
.sheet-npchead-bottom {
	margin-bottom: 5px;
}
.sheet-npchead-top {
	margin-top: 5px;
}

.sheet-spellrange-header {
	width: 15%;
}

.sheet-footer {
	text-align: center;
	font-size: .75rem;
	background-color: #FFF8DC;
	border: 1px #000 solid;
	border-radius: 3px;
}

.repcontainer .repitem,.sheet-repeating-sect  .repitem {
    padding: 2px 4px 1px 0px;
    margin: 2px 0 4px 0;
    border: 2px solid #CCCCCC;
    border-radius: 7px;
	vertical-align:top;
	overflow: hidden;
	display: block;
	width:100%;
}
.repcontainer.editmode + .repcontrol {
	margin-bottom:3em;
}
.repcontainer.editmode .repitem .itemcontrol {
	z-index:3;
	background-color:rgba(220,220,220,0.40);
}
.sheet-repeating-sect {
	position:relative;
}

/*Expand to cross both columns */
.sheet-repeating-sect .repcontrol {
	display:block;
	clear:both;
	width:100%;
}

.sheet-split-column-show:not(:checked)  ~ .sheet-repeating-fields .repitem {
	clear:both;
}

.sheet-split-column-show:checked  ~ .sheet-repeating-fields .repitem {
	width:50%;
	display:inline-block;
}
.sheet-split-column-show:checked  ~ .sheet-repeating-fields .repitem:nth-child(odd),
.sheet-split-column-show:checked  ~ .sheet-repeating-fields .repitem:first-child(odd){
	float:left;
}
.sheet-split-column-show:checked  ~ .sheet-repeating-fields .repitem:nth-child(even){
	float:right;
}

/* custom labels for repitem buttons */
[data-groupname=repeating_buff] > button.btn.repcontrol_add::after {
    content: " New Buff";
}
[data-groupname=repeating_class-ability] > button.btn.repcontrol_add::after {
	content: " New Class Ability";
}
[data-groupname=repeating_mythic-ability] > button.btn.repcontrol_add::after {
    content: " New Mythic Ability";
}
[data-groupname=repeating_weapon] > button.btn.repcontrol_add::after {
	content: " New Weapon";
}
[data-groupname=repeating_feat] > button.btn.repcontrol_add::after {
	content: " New Feat";
}
[data-groupname=repeating_mythic-feat] > button.btn.repcontrol_add::after {
    content: " New Mythic Feat";
}
[data-groupname=repeating_item] > button.btn.repcontrol_add::after {
	content: " New Item";
}
[data-groupname=repeating_racial-trait] > button.btn.repcontrol_add::after {
	content: " New Racial Trait";
}
[data-groupname=repeating_trait] > button.btn.repcontrol_add::after {
	content: " New Trait";
}
.repcontrol_add,
.repcontrol_edit,
.repcontrol_del,
.repcontrol_move {
	display: block;
	background:Black;
	color:White;
}
.repcontrol_move {
	float: right;
	margin-right: 5px;
	width: 2.5em;
}
button[type="roll"].sheet-blank-roll-button::before {
	content: ' ';
}
.sheet-options {
	width:99.6%;
	padding: 2px 0 2px 5px;
	border: 1px solid #808080;
	border-radius: 5px;
	background-color:Gainsboro;
}

.sheet-options.sheet-table.sheet-named {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.sheet-options.sheet-table.sheet-named .sheet-table-name  {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.sheet-nontable-repeating .sheet-options span {
	margin-right:2em;
	display:inline-block;
}

.sheet-nontable-repeating .sheet-options span input[type="checkbox"] {
	margin-left:.5em;
}

.sheet-section-status {
	margin-bottom:.25rem;
}
.sheet-status-panel {
	width:49%;
	display:inline-block;
	position:relative;
	vertical-align:top;
	margin-bottom:0;
}
.sheet-status-panel .sheet-options {
    padding-left: .25em;
    padding-right: .25em;
	width:auto;
	/*min-height:1.25em;*/
	min-height:3.5em; /* if buffs active */
	margin-bottom:0;
}

.sheet-status-panel label b {
	padding-left:.125em;
}

/* when a highlighted field is not showing error, put hidden 2px border so size doesn't change */
.sheet-highlight input ,
.sheet-highlight input:disabled,
.sheet-highlight input.sheet-calc,
.sheet-highlight input[readonly] {
	border-top:2px white solid;
	border-left:2px white solid;
	border-right:2px white solid;
}
.sheet-highlight input:disabled,
.sheet-highlight input.sheet-calc,
.sheet-highlight input[readonly] {
	border-bottom:2px transarent solid;
}
.sheet-warn-show:checked + .sheet-highlight input,
.sheet-warn-mshow:checked  ~ .sheet-highlight input  {
	border:2px #B8860B dashed !important;
}
.sheet-error-show:checked + .sheet-highlight input,
.sheet-error-mshow:checked  ~ .sheet-highlight input {
	border:2px #FF0044 dotted !important;
}

.sheet-offscreen{
	position:absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow:hidden !important;
}

.sheet-table-group {
	display:table-row-group;
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
}
.sheet-table-group-head  {
	display:table-header-group;
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
}

.sheet-table-group-head .sheet-table-divider,
.sheet-table-group-head .sheet-table-divider-lg{
	vertical-align:bottom;
}

.sheet-header-row {
	width: 100%;
	background-color:Black;
	color:White;
	padding-left: 10px;
	min-height: 1em;
}

.sheet-table-header {
	display: table-cell;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	vertical-align: bottom;
	background-color: LightGrey;
	min-height:1.25em;
}

.sheet-nontable-repeating .sheet-linked-fields {
	vertical-align:top;
}

/* chrome displays checkbox height incorrectly and all the way to the left because  1.825em throws it off */

.sheet-hit-points-table * .sheet-table-header:last-child,
.sheet-hit-points-table * .sheet-table-cell:last-child,
.sheet-initiative-table * .sheet-table-header:last-child,
.sheet-initiative-table * .sheet-table-cell:last-child {
	padding-right:.5em;
}

.sheet-notes-cell,
.sheet-table-cell.sheet-notes-cell {
	vertical-align:top;
}
.sheet-config-table {
	margin-bottom:1em;
}
.sheet-config-table  .sheet-table-cell {
	vertical-align:top;
	padding-left:0;
	padding-right:.5em;
}
.sheet-table-cell.sheet-repeating-rollbutton {
	vertical-align:top;
}
.sheet-divider, .sheet-divider-lg , .sheet-divider-db, .sheet-divider-db-lg {
	text-align:center;
	vertical-align:middle;
}

.sheet-divider, .sheet-divider-db {
	width:.5em;
	font-size:.85em;
	font-weight:normal;
}

.sheet-divider-lg, .sheet-divider-db-lg {
	width:.75em;
	font-size:1.125em;
	font-weight:bold;
}
.sheet-divider, .sheet-divider-lg {
	display:table-cell;
}
.sheet-divider-db, .sheet-divider-db-lg {
	display:inline-block;
	margin-left:-.125em;
	margin-top:1em;
}


.sheet-table-name , .sheet-nontable-name {
	text-align: center;
	font-weight: bold;
	color:White;
	background-color:Black;
	width: 100%;
}


.sheet-nontable-name {
	display: block;
}
.sheet-spellclassnav ~ h2.sheet-nontable-name {
	margin-top:0;
}
.sheet-table-name {
	display: table-caption;
	caption-side:top;
}

.sheet-center {
	text-align: center;
}
.sheet-left {
	text-align: left;
}
.sheet-right {
	text-align: right;
}
.sheet-spellrange-data {
	width: 100% !important;
	text-align: center !important;
}
.sheet-spellcaster-button, .sheet-table-cell.sheet-spellcaster-button {
	width:auto;
	text-align:left;
}
button[type="roll"].sheet-spellcaster-button {
	font-size:.8rem;
	white-space:nowrap;
	width:auto;
	text-align:left;
}

.sheet-table-group-head.sheet-hidden-head {
    position: absolute;
    left: -2000px;
}
.sheet-hidden-head .sheet-table-header {
    height: 1px;
    min-height: 1px;
    line-height: 1px;
    max-height: 1px;
    font-size: .25em;
}

/* tiny padding in skills */
.sheet-skills .sheet-table-cell{
	padding-right:1px;
	padding-left:1px;
}

.sheet-nontable-repeating{
	border-collapse:collapse;
	margin-left:2px;
	margin-right:2px;
}
.sheet-nontable {
	text-align:justify;
	border-collapse:collapse;
}

.sheet-buffs, .sheet-conditions {
	border-style:solid;
	border-width:2px;
	border-radius:5px;
	margin-top:.25em;
}

.sheet-entry-wide,
span.sheet-entry-wide input,
span.sheet-entry-wide input[type="text"],
span.sheet-entry-wide textarea {
	width:100% ;
	max-width:100%;
}


.sheet-nontable .sheet-divider-db-lg {
	vertical-align:top;
}
.sheet-nontable-repeating  .sheet-divider-db-lg {
	vertical-align:middle;
}
.sheet-entry-ultimate {
	width:15em;
}

.sheet-entry-vlong {
	width:12em;
}
.sheet-entry-long {
	width:10em;
}
.sheet-entry-med {
	width:8em;
}

.sheet-entry-short {
	width:6em;
}
.sheet-entry-small {
	width:5em;
}
.sheet-entry-vshort {
	width:4em;
}

input[type="number"].sheet-entry-wide {
	width:98% ;
	max-width:98%;
}


/****** repeating items ****/
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-divider-db-lg,
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-divider-db,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-divider-db-lg,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-divider-db,
.sheet-counted:not(:checked) ~ .sheet-divider-db-lg,
.sheet-counted:not(:checked) ~ .sheet-divider-db {
	width:.5em;
	margin-left: -.4em;
}

.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-nontable-repeating .sheet-counted {
	margin-left:-.25em;
}
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-nontable-repeating .sheet-counted + span{
	margin-left:-2.25em;
	width:2em;
}

/*** when collapsed shrink width
  * if split, then widen width (so it i smore than 1/2 wide)
  * place split after collapse so it overrides in css  */

.sheet-entry-25p  {
	width:25%;
}
.sheet-entry-25p-shrink  {
	width:25%;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-25p-shrink  ,
.sheet-counted:not(:checked) ~ .sheet-entry-25p-shrink {
	width:40%;
}

.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-25p,
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-25p-shrink {
	width:35%;
}

.sheet-entry-20p-shrink  {
	width:20%;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-entry-20p-shrink ,
.sheet-counted:not(:checked) ~ .sheet-entry-20p-shrink {
	width:15%;
}
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-20p-shrink {
	width:25%;
}

.sheet-entry-15p-shrink  {
	width:15%;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-entry-15p-shrink,
.sheet-counted:not(:checked) ~ .sheet-entry-15p-shrink {
	width:10%;
}
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-15p-shrink {
	width:20%;
}

.sheet-entry-12p-shrink  {
	width:12%;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields  .sheet-entry-12p-shrink ,
.sheet-counted:not(:checked) ~ .sheet-entry-12p-shrink {
	width:9%;
}
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-12p-shrink {
	width:15%;
}

.sheet-entry-10p-shrink  {
	width:10%;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-10p-shrink,
.sheet-counted:not(:checked) ~ .sheet-entry-10p-shrink {
	width:8%;
}
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-10p-shrink {
	width:12%;
}

.sheet-entry-8p {
	width:8%;
}
.sheet-entry-8p-shrink  {
	width:8%;
}
.sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-8p-shrink,
.sheet-counted:not(:checked) ~ .sheet-entry-8p-shrink {
	width:6%;
}
.sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-8p-shrink {
	width:10%;
}
/******* end of generic repeating items ********/

.sheet-repeating-id {
	display:block;
	clear:left;
	margin:.25em;
}
/********************************************* TABS ****************************************************/
.sheet-tabs label.sheet-tab {
	text-align: center;
	display: inline-block;
	background: #3F83D0;
	color: #FFF;
	font-weight: bold;
	height: 1.4em;
	cursor: pointer;
	position: relative;
	vertical-align:top;
	font-size: 1.1em;
	padding:.28em .14em 0em .14em;
	margin-right:2px;
	margin-bottom:0px;
	vertical-align:top;
	border-radius: 7px 7px 0 0;
	/* firefox has to squeeze*/
	-moz-margin-end:-2px;
}

.sheet-tabs label.sheet-tab input.sheet-tab {
	cursor: pointer;
	opacity: 0;
	z-index: 9999;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* make checked tab different color */
input.sheet-tab1:checked  ~ .sheet-tabs .sheet-tab1,
input.sheet-tab2:checked  ~ .sheet-tabs .sheet-tab2,
input.sheet-tab3:checked  ~ .sheet-tabs .sheet-tab3,
input.sheet-tab4:checked  ~ .sheet-tabs .sheet-tab4,
input.sheet-tab5:checked  ~ .sheet-tabs .sheet-tab5{
	background: #000;
	color: #FFF;
}

/* fancy transition for pages */
input.sheet-pagetab1:checked ~ .sheet-main div.sheet-section-character.sheet-section,
input.sheet-pagetab2:checked ~ .sheet-main div.sheet-section-armor.sheet-section,
input.sheet-pagetab3:checked ~ .sheet-main div.sheet-section-vehicle.sheet-section,
input.sheet-pagetab4:checked ~ .sheet-main div.sheet-section-annexes.sheet-section,
input.sheet-pagetab5:checked ~ .sheet-main div.sheet-section-config.sheet-section   {
	display:block;
	max-height: 999999px;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s linear 0s;
	overflow: hidden;
}

/*================================================================================*/

h2,h3,h4,h5,h6,h7,h8,h9 {
	line-height:1em;
	margin:inherit;
	display:inline;
	font-size:.8125rem;
	color:inherit;
}

h1 {
	width: 100%;
	background: linear-gradient(to right, black , #3F83D0);
	color: #FFF;
	padding:.2em 0em 0em 0em;
	min-height: 1em;
	margin:0px 0px .5em 0px;
	font-size:.8125rem;
	line-height:1.4em;
	display:block;
	text-align:center;
	vertical-align:bottom;
}

.sheet-cell-label-lg{
	display:table-cell;
	padding: 0em 0em 0em 0em;
	/* no margin for table cell */
    text-align:center;
	font-size: 1em;
	font-weight: bold;
	color: darkblue;	
	height:2em;
	vertical-align:bottom;
	width:10%; /*default */
}
.sheet-cell-label-lg span {
    width: 95%;
    float: right;
}
.sheet-cell-label-lg input, .sheet-cell-label-lg select, .sheet-cell-label-lg .sheet-calc{
	box-sizing:border-box;
	margin:0px 1px 0px 0px;
	display: inline-block;
	width:95%;
	position: relative;
    top: -3em;
    text-align:left;
	color:#111111;
	padding:.25em 2px .25em 2px;
	vertical-align:top;
}


.sheet-expand-show:checked ~ div .sheet-sect-show:checked ~.sheet-expand ,
.sheet-expand-show:checked ~ div .sheet-expand 
.sheet-expand-show:checked ~ .sheet-expand { 
	display:none;
}

input.sheet-sect-show:checked ~.sheet-npc-spells.sheet-sect {
	display:block;
	max-height: 999999px;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s linear 0s;
	overflow: hidden;	
}
input[type="checkbox"].sheet-cssbutton, input[type="checkbox"].sheet-showbutton,
input[type="checkbox"].sheet-refreshbutton, input[type="checkbox"].sheet-split-column-show,
input[type="checkbox"].sheet-options-show, input[type="checkbox"].sheet-desc-show,
input[type="checkbox"].sheet-repeating_ids-show, input[type="checkbox"].sheet-sect-show {
	opacity: 0;height: 1.5em; position: relative; top: 0; left: 0; cursor: pointer; z-index: 1;
}
/* added sheet-noshow to input so class can be on checkbox, instead of on a span after checkbox 
though ideally we'd add a class only to checkbox we want to modify */
input[type="checkbox"]:not(.sheet-noshow) + span:not(.sheet-not-sheet-show)::before {
	display: inline-block;
	content: '►';
	width: 14px;
	height: 16px;
	font-size: .85em;
}

input[type="checkbox"].sheet-nextitem-show:checked + span {
	display:inline;
}
input[type="checkbox"].sheet-nextitem-show:checked + span::before{
	content:none;
}
/* used often and always the same size refactor: change to em */
input[type="checkbox"].sheet-options-show{
	width:70px;
	margin:0px -15px 0px -55px;
}

input[type="checkbox"].sheet-desc-show{
	width:90px;
	margin:0px -15px 0px -75px;
}

input[type="checkbox"].sheet-repeating_ids-show{
	width:40px;
	margin:0px -15px 0px -25px;
}

input[type="checkbox"].sheet-refreshbutton{
	width:3em;
	margin:0px -3em 0px 0px;
}
input[type="checkbox"]:not(.sheet-noshow):checked + span:not(.sheet-not-sheet-show)::before {
	content: '▼';
}

.sheet-hide-a , .sheet-label-a{
	position:absolute;
	left:-1500px;
	font-size:5px;
}

input[type="checkbox"]:not(.sheet-noshow):hover + span:not(.sheet-not-sheet-show) {
	color:#3F83D0; 
}
.sheet-sect-show:not(:checked)~.sheet-sect,
.sheet-sect-show-inverse:checked~.sheet-sect-inverse{
	display:none !important;	
}

div.sheet-h2-section {	
  display:block;
  position:relative;
  clear:both;
  height:auto;
  width:100%;
}


label {
	display:inline;
	font-size:.8125rem;
	line-height:1em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.sheet-entry-wide,
span.sheet-table-data.sheet-entry-wide input,
span.sheet-entry-wide input,
span.sheet-table-data.sheet-entry-wide input[type="text"],
span.sheet-entry-wide input[type="text"],
span.sheet-table-data.sheet-entry-wide textarea,
span.sheet-entry-wide textarea {
	width:100% ;
	max-width:100%;
}
.sheet-entry_med, input[type="text"].sheet-entry_med, 
span.sheet-entry_med {
	width:9em;
	text-align:left;
}

.sheet-table-cell {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	padding-left:.125em;
	padding-right:.125em;
	padding-bottom:.125em;
}
span.sheet-repeating-rollbutton {
	width:2em;
}

div.sheet-h2-section {
	display:block;position:relative;clear:both;height:auto;width:100%;
}

.sheet-nontable {
	text-align:justify;
	border-collapse:collapse;
}

.sheet-nontable-name {
	text-align: center;
	font-weight: bold;
	color: #FFF;	
	background: linear-gradient(to right, black , #3F83D0);
	width: 100%;
	display: block;
	margin-bottom:1rem;
  line-height:20px;
}


.sheet-small-label-charact {
	font-size: .85em;
	font-style: italic;
	font-weight: bold;
	color: darkblue;
}


.sheet-small-label {
	font-size: .85em;
	font-style: italic;
	font-weight: bold;
	color: darkblue;
}
.sheet-background-lightgray{
  background: lightgray;
}

.sheet-sect{
	background-color: white;
}

/*===============================================================================*/

body, .charsheet{
	background-color: aliceblue;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

div.sheet-header-weapons {
    width: 99%;
    margin-right: 5px;
    margin-left: 5px;
    height: 15px;
    background: linear-gradient(to right, black, #3F83D0);
    color: white;
    font-weight: bold;
    font-size: 13px;
}

div.sheet-header{
    height:30px;	
	background: linear-gradient(to right, black , #3F83D0);
	color: white;
	font-weight:bold; 
	line-height:30px;
	font-size:13px;
	width:98%;
}

div.sheet-divbox{
	border:1px solid black;
}

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

.sheet-text-left{	
	text-align:left;	
}

.sheet-text-right{	
	text-align:right;	
}

.sheet-rTable {   	
	display: table;   	
	width: 98%; 
	font-size:11px;
} 
.sheet-rTableRow {
  display: table-row;
}

.sheet-rTableHeadRow {   	
	display: table-header-group;   	
} 
.sheet-rTableHead {   	  	
	background-color: black;
	color: white;
	font-weight: bold; 
} 
.sheet-rTableCell, .sheet-rTableHead {   	
	display: table-cell;   	
	padding: 3px 10px;   	
} 

.sheet-rTableCaption{
	display: table-caption;
}

.sheet-border{
	border:1px solid black;
}

.sheet-border-left{
	border-left:1px solid black;
}

.sheet-border-right{
	border-right:1px solid black;
}

.sheet-border-top{
	border-top:1px solid black;
}

.sheet-border-bottom{
	border-bottom:1px solid black;
}

.sheet-text-bold{
	font-weight:bold;
}

.sheet-title {	
	background: linear-gradient(to right, black , #3F83D0);
	color:white;
	text-align:left;
}

.sheet-charac-name{
	font-size:16px
	font-weight:bold;
}

table.sheet-character-table input.sheet-charac-name[type=text] {
	width: 80%;
	font-size:16px
}

.sheet-boxinput {
  background-color: white;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  color: darkblue;
  border: 1px solid darkblue;
  white-space: nowrap;
}

input.sheet-nobox {
    border-bottom: 1px dotted darkblue;
	width: 120px;
	color: darkblue;
}

table {
  width: 98%;
  border-collapse: collapse;
}

table.sheet-character-table {
  width: 100%;
}

table.sheet-character-table input[type=text] {
  width: 150px;
}

select.sheet-small,
input.sheet-small {
	width: 45px;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    font-size: 12px;
}

select.sheet-short,
input.sheet-short {
	width: 60px;
}

span.sheet-short{
	width: 3.5em;
	display:inline-block;
	border-radius:5px 5px 5px 5px;
	background-color: lightgray;
	cursor:not-allowed;
	text-align: right;
    padding-right: 5px;
}

select.sheet-medium,
input.sheet-medium {
	width: 80px;
}

select.sheet-large,
input.sheet-large {
	width: 100px;
}

select.sheet-extralarge,
input.sheet-extralarge {
	width: 210px;
}

th.sheet-cell-left,
td.sheet-cell-left{
	text-align:left;
}

th.sheet-cell-center,
td.sheet-cell-center{
	text-align:center;
}

th.sheet-cell-right,
td.sheet-cell-right{
	text-align:right;
}

th.sheet-cell-border,
td.sheet-cell-border{
	border:1px solid black;
}

th.sheet-cell-bold,
td.sheet-cell-bold{
	font-weight:bold;
}

th.sheet-header{
	background-color: black;
	color:white;
	height:30px;	
}
th.sheet-comp-header{
	background: linear-gradient(to right, black , #3F83D0);
	color:white;	
	height:30px;
	margin-top:2px;
	margin-bottom:2px;
}

.sheet-grayback, input[disabled]{
	background-color: lightgray;
}

td.sheet-smalldata{
	width:25px;
}

tr.sheet-tableline{
	border:1px solid black;
}

tr.sheet-lightgrayline{
	background-color:lightgray;
}

tr.sheet-grayline{
	background-color:gray;
}

td.sheet-tablecell{
	border:1px solid black;
    text-align: center;
}

th.sheet-column-attribut,
td.sheet-column-attribut{
	width:100px;
}

th.sheet-column-dice,
td.sheet-column-dice{
	width:170px;
}

th.sheet-column-number,
td.sheet-column-number{
	width:45px;
}

th.sheet-column-check,
td.sheet-column-check{
	width:20px;
}

th.sheet-column-rollbt,
td.sheet-column-rollbt{
	width:30px;
}

th.sheet-column-20percent,
td.sheet-column-20percent{
	width:20%;
}

.sheet-clear  {clear:both}

.sheet-footer {
	text-align: center; 
	font-size: xx-small; 
	background-color: #FFF8DC;	
	border: 1px #000 solid;
	border-radius: 3px;
}


/* ROLL TEMPLATES */
.sheet-rolltemplate-pl_weapons,
.sheet-rolltemplate-pl_skill,
.sheet-rolltemplate-pl_incident {
  box-sizing: border-box;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-table,
.sheet-rolltemplate-pl_skill .sheet-roll-table,
.sheet-rolltemplate-pl_incident .sheet-roll-table {
  width: 100%;
  display: table;
  font-family: cursive;
  border: 2px solid darkblue;
  border-spacing: 0;
  border-collapse: separate;
  -moz-box-shadow: 2px 2px 5px #000;
  -webkit-box-shadow: 2px 2px 5px #000;
  box-shadow: 2px 2px 5px #000;
  line-height: 25px;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-table .sheet-rounded,
.sheet-rolltemplate-pl_skill .sheet-roll-table .sheet-rounded ,
.sheet-rolltemplate-pl_incident .sheet-roll-table .sheet-rounded {
  border-radius: 5px;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-header,
.sheet-rolltemplate-pl_skill .sheet-roll-header,
.sheet-rolltemplate-pl_incident .sheet-roll-header {
  display: table-row-group;
  width: 100%;
  overflow: hidden;
  caption-side: top;
  width: 100%;
  background: linear-gradient(to right, black , #3F83D0);
  font-weight: bold;
  color:white;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-header a ,
.sheet-rolltemplate-pl_skill .sheet-roll-header a ,
.sheet-rolltemplate-pl_incident .sheet-roll-header a {
	text-decoration: underline;
  color: white;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-row,
.sheet-rolltemplate-pl_skill .sheet-roll-row,
.sheet-rolltemplate-pl_incident .sheet-roll-row {
  width: 100%;
  overflow: hidden;
  background-color: whitesmoke;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-row:nth-child(even),
.sheet-rolltemplate-pl_skill .sheet-roll-row:nth-child(even),
.sheet-rolltemplate-pl_incident .sheet-roll-row:nth-child(even){
  background-color: lightblue;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-cell,
.sheet-rolltemplate-pl_skill .sheet-roll-cell ,
.sheet-rolltemplate-pl_incident .sheet-roll-cell {
  padding: 1px 1px 1px 5px;
  text-align: left;
  width: 100%;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell,
.sheet-rolltemplate-pl_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell,
.sheet-rolltemplate-pl_incident .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell {
  font-size: .9em;
  width: 24%;
  float: right;
  text-align: right;
  display: inline;
  padding: 1px 1px 1px 5px;
  vertical-align: bottom;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
.sheet-rolltemplate-pl_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child,
.sheet-rolltemplate-pl_incident .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child {
  width: 69%;
  float: left;
  text-align: left;
  padding: 3px 2px 1px 4px;
}


.sheet-rolltemplate-pl_weapons .inlinerollresult,
.sheet-rolltemplate-pl_skill .inlinerollresult,
.sheet-rolltemplate-pl_incident .inlinerollresult {  
    background-color: lightblue;
    border: 2px solid darkblue;
}


.sheet-rolltemplate-pl_weapons .inlinerollresult.fullcrit,
.sheet-rolltemplate-pl_skill .inlinerollresult.fullcrit,
.sheet-rolltemplate-pl_incident .inlinerollresult.fullcrit {
  color: #FFF;
  background-color: #3FB315;
}

.sheet-rolltemplate-pl_weapons .inlinerollresult.fullfail,
.sheet-rolltemplate-pl_skill .inlinerollresult.fullfail,
.sheet-rolltemplate-pl_incident .inlinerollresult.fullfail {
  color: #FFF;
  background-color: #B31515;
}

.sheet-rolltemplate-pl_weapons .inlinerollresult.importantroll,
.sheet-rolltemplate-pl_skill .inlinerollresult.importantroll ,
.sheet-rolltemplate-pl_incident .inlinerollresult.importantroll {
  color: #FFF;
  background-color: #4A57ED;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-text-white,
.sheet-rolltemplate-pl_skill .sheet-roll-text-white,
.sheet-rolltemplate-pl_incident .sheet-roll-text-white {
  color:white;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-text-12px,
.sheet-rolltemplate-pl_skill .sheet-roll-text-12px,
.sheet-rolltemplate-pl_incident .sheet-roll-text-12px {  
    font-size: 12px;
}

.sheet-rolltemplate-pl_weapons .sheet-roll-text-right,
.sheet-rolltemplate-pl_skill .sheet-roll-text-right,
.sheet-rolltemplate-pl_incident .sheet-roll-text-right {
  text-align:right;
}