@import url('https://fonts.googleapis.com/css?family=Montserrat|Graduate|Courier+Prime|Russo+One|Roboto+Condensed|Share+Tech+Mono&display=swap');

.sheet-background-wrap {
    background-color: mediumslateblue;
    width: 100%;
    min-height: 600px;
    min-width: 1088px;
}

.sheet-header-section {
    grid-template-columns: repeat(14,1fr);
    column-gap: 15px;
    row-gap: 8px;
    display: grid;
    padding: 10px;
    font-family: 'Russo One';
    vertical-align: bottom;
}

.sheet-header {
    font-weight: bold;
    font-size: 14pt;
    text-transform: uppercase;
    font-family: 'Russo One';
}


/***** HEADER ROW ONE *****/
.sheet-header.sheet-identity {
    grid-row: 2;
    grid-column: 1/4;
}

.sheet-header.sheet-occupation {
    grid-row: 2;
    grid-column: 4/6;
}

.sheet-header.sheet-image {
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/flower_trace.png?raw=true");
    background-size: contain;
    background-repeat: no-repeat;
    height: 75px;
    grid-row: 1/3;
    grid-column: 7/10;
}

.sheet-header.sheet-condition {
    grid-row: 2;
    grid-column: 10/14;
}
.sheet-header.sheet-initiative-roll {
    grid-row: 1;
    grid-column: 14;
}
button[type="roll"].sheet-button-skill.sheet-initiative-button {
    background-color: lightskyblue;
}

.sheet-header.sheet-full-row {
    grid-row: 2;
    grid-column: 1/15;
    width: 100%;
    border-bottom: 2px solid purple;
}

/***** HEADER ROW TWO *****/
.sheet-row-two.sheet-identity {
    grid-row: 3;
    grid-column: 1/4;
}

.sheet-row-two.sheet-occupation {
    grid-row: 3;
    grid-column: 4/7;
}

.sheet-row-two.sheet-condition-left {
    grid-row: 3;
    grid-column: 7/13;
}

.sheet-row-two.sheet-condition-right {
    grid-row: 3/5;
    grid-column: 12/15;
}

/***** HEADER ROW THREE *****/
.sheet-row-three.sheet-identity {
    grid-row: 4;
    grid-column: 1/4;
}

.sheet-row-three.sheet-occupation {
    grid-row: 4;
    grid-column: 4/7;
}

.sheet-row-three.sheet-condition-left {
    grid-row: 4;
    grid-column: 7/13;
}

.sheet-row-three.sheet-condition-right {
    grid-row: 5/7;
    grid-column: 12/15;
}

/***** HEADER ROW FOUR *****/
.sheet-row-four.sheet-identity {
    grid-row: 5;
    grid-column: 1/4;
}

.sheet-row-four.sheet-occupation {
    grid-row: 5;
    grid-column: 4/7;
}

.sheet-row-four.sheet-condition-left {
    grid-row: 5;
    grid-column: 7/13;
}

/***** HEADER ROW FIVE *****/
.sheet-row-five.sheet-identity {
    grid-row: 6;
    grid-column: 1/9;
}
/***** HEADER ROW SIX *****/
.sheet-row-five.sheet-image {
    grid-row: 6;
    grid-column: 9/12;
    padding-top: 20px;
}

/***** STATS SECTION *****/
.sheet-stats-section {
    grid-template-columns: repeat(5,1fr);
    column-gap: 15px;
    display: grid;
    padding: 10px;
    font-family: 'Roboto Condensed';
    border-radius: 15px;
}

.sheet-stats-section.sheet-info-block {
    grid-row: 1;
    grid-column: 1;
    display: grid;
    grid-template-columns: 1fr;
    color: white;
    background-color: gray;
}
.sheet-stats-info {
    grid-row: 1;
}
.sheet-stats-bullet-list {
    grid-row: 2;
}
.sheet-skills-info {
    grid-row: 3;
}
.sheet-skills-bullet-list {
    grid-row: 4;
}

.sheet-stats-section.sheet-cognition-block {
    grid-row: 1;
    grid-column: 2;
    background-color: cornflowerblue;
    display: grid;
    grid-template-columns: 1fr;
}
button[type="roll"].sheet-button-skill.sheet-cognition-button {
    background-color: lightskyblue;
    border: 1px solid lightskyblue;
    cursor: pointer;
    width: 75%;
    height: 1.5em;
}
button[type="roll"].sheet-button-skill.sheet-cognition-button:hover {
    background-color: cornflowerblue;
    border: 1px solid lightskyblue;
    color: lightskyblue;
}

.sheet-stats-section.sheet-alacrity-block {
    grid-row: 1;
    grid-column: 3;
    background-color: plum;
    display: grid;
    grid-template-columns: 1fr;
}
button[type="roll"].sheet-button-skill.sheet-alacrity-button {
    background-color: pink;
    border: 1px solid pink;
    cursor: pointer;
    width: 75%;
    height: 1.5em;
}
button[type="roll"].sheet-button-skill.sheet-alacrity-button:hover {
    background-color: plum;
    border: 1px solid pink;
    color: pink;
}

.sheet-stats-section.sheet-resilience-block {
    grid-row: 1;
    grid-column: 4;
    background-color: orange;
    display: grid;
    grid-template-columns: 1fr;
}
button[type="roll"].sheet-button-skill.sheet-resilience-button {
    background-color: yellow;
    border: 1px solid yellow;
    cursor: pointer;
    width: 75%;
    height: 1.5em;
}
button[type="roll"].sheet-button-skill.sheet-resilience-button:hover {
    background-color: orange;
    border: 1px solid yellow;
    color: yellow;
}

.sheet-stats-section.sheet-empathy-block {
    grid-row: 1;
    grid-column: 5;
    background-color: palevioletred;
    display: grid;
    grid-template-columns: 1fr;
}
button[type="roll"].sheet-button-skill.sheet-empathy-button {
    background-color: plum;
    border: 1px solid plum;
    cursor: pointer;
    width: 75%;
    height: 1.5em;
}
button[type="roll"].sheet-button-skill.sheet-empathy-button:hover {
    background-color: palevioletred;
    border: 1px solid plum;
    color: plum;
}

.sheet-attribute-header {
    grid-row: 1;
    padding-bottom: 5px;
    font-family: 'Russo One';
    text-transform: uppercase;
}
.sheet-skill-one {
    grid-row: 2;
}
.sheet-skill-two {
    grid-row: 3;
}
.sheet-skill-three {
    grid-row: 4;
}


/***** ARMOUR AND WEAPONS *****/
.sheet-armour-and-weapons {
    grid-template-columns: repeat(5,1fr);
    column-gap: 15px;
    row-gap: 8px;
    display: grid;
    padding: 10px;
    background-color: mediumslateblue;
}
.sheet-attribute-section {
    padding: 10px;
    border-radius: 15px;
}
.sheet-attribute-header.sheet-armour-weapons-header {
    border-bottom: 0px;
    margin-left: 5px;
    font-size: 1.25em;
    text-transform: uppercase;
}
button[type="roll"].sheet-button-skill.sheet-armour-button {
    background-color: cornflowerblue;
    border: 1px solid cornflowerblue;
    margin-right: 10px;
    padding-top: 5px;
    text-transform: uppercase;
    font-family: 'Russo One';
    color: white;
}
button[type="roll"].sheet-button-skill.sheet-armour-button:hover {
    background-color: darkblue;
    border: 1px solid cornflowerblue;
    color: cornflowerblue;
}

.sheet-attribute-section.sheet-armour {
    grid-column: 1;
    background-color: darkblue;
    color: white;
}
.sheet-armour-details div .sheet-floating-header {
    margin-top: 5px;
}

.sheet-attribute-section.sheet-weapons {
    grid-column: 2/6;
    background-color: darkred;
    color: white;
}
.sheet-armour-and-weapons .sheet-attribute-header.sheet-weapons-header {
    padding-top: 10px;
}
.sheet-armour {
    grid-column: 1;
    grid-row: 1;
}
.sheet-weapons-header {
    grid-column: 2/6;
    grid-row: 1;
    font-family: 'Russo One';
    text-transform: uppercase;
}

.sheet-armour-details {
    grid-column: 1;
    grid-row: 2;
    display: grid;
}
.sheet-armour-type {
    grid-row: 1
}
.sheet-armour-lifesupport {
    grid-row: 2
}
.sheet-armour-maneuver {
    grid-row: 3
}
.sheet-armour-properties {
    grid-row: 4
}

/***** WEAPONS *****/
.sheet-weapons-details {
    display: grid;
    grid-template-columns: repeat(13,1fr);
}
.sheet-weapons-header.sheet-weapon-attack {
    grid-row: 1;
    grid-column: 1;
}
button[type="roll"].sheet-weapon-attack {
    height: 1.25em;
    width: 1.25em;
}

.sheet-divider {
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed white;
}
.sheet-divider-one {
    grid-row: 2;
    grid-column: 1/14;
}
.sheet-weapons-one {
    grid-row: 3;
}
.sheet-weapon-name {
    grid-column: 2/6;
}
.sheet-weapon-mod {
    grid-column: 6;
    margin-left: 5px;
}
.sheet-weapon-dmg {
    grid-column: 7;
}
.sheet-weapon-range {
    grid-column: 8/9;
}
.sheet-weapon-properties {
    grid-column: 9/14;
    margin-left: 5px;
}
.sheet-divider-two {
    grid-row: 4;
    grid-column: 1/14;
}
.sheet-weapons-two {
    grid-row: 5;
}
.sheet-divider-three {
    grid-row: 6;
    grid-column: 1/14;
}
.sheet-weapons-three {
    grid-row: 7;
}
.sheet-divider-four {
    grid-row: 8;
    grid-column: 1/14;
}
.sheet-weapons-four {
    grid-row: 9;
}
.sheet-divider-five {
    grid-row: 10;
    grid-column: 1/14;
}
.sheet-divider-six {
    grid-row: 12;
    grid-column: 1/14;
}
.sheet-divider-seven {
    grid-row: 14;
    grid-column: 1/14;
}
.sheet-valid {
    cursor:pointer;
}


/***** TALENTS, EDGEBREAK, INVENTORY *****/
.sheet-talent-tab-bar {
    float: right;
}
.sheet-bottom-section {
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 2;
    column-gap: 15px;
    row-gap: 8px;
    display: grid;
    padding: 10px;
    background-color: mediumslateblue;
}

.sheet-bottom-section .sheet-talents-section {
    grid-row: 1/3;
    grid-column: 1/3;
    background-color: plum;
    color: white;
}
.sheet-edge-break-section {
    grid-row: 1;
    grid-column: 3;
    background-color: darkviolet;
    color: white;
}
.sheet-encumbrance-section {
    grid-row: 2;
    grid-column: 3;
    background-color: darkgray;
    color: white;
}
.sheet-inventory-section {
    grid-row: 1/3;
    grid-column: 4/6;
    background-color: darkgoldenrod;
    color: white;
}
.sheet-talents-header {
    grid-row: 1;
    font-family: 'Russo One';
    text-transform: uppercase;
}
.sheet-talents-details {
    display:grid;
}
.sheet-talents-header.sheet-talent-name {
    grid-row: 1;
    grid-column: 1;
}
.sheet-talents-header.sheet-talent-description {
    grid-row: 1;
    grid-column: 2/14;
}
.sheet-talents-one.sheet-talent-name {
    grid-column: 1;
    grid-row: 3;
}
.sheet-talents-one.sheet-talent-description {
    grid-row: 3;
    grid-column: 2/14;
}
.sheet-talents-two.sheet-talent-name {
    grid-column: 1;
    grid-row: 5;
}
.sheet-talents-two.sheet-talent-description {
    grid-row: 5;
    grid-column: 2/14;
}
.sheet-talents-three.sheet-talent-name {
    grid-column: 1;
    grid-row: 7;
}
.sheet-talents-three.sheet-talent-description {
    grid-row: 7;
    grid-column: 2/14;
}
.sheet-talents-four.sheet-talent-name {
    grid-column: 1;
    grid-row: 9;
}
.sheet-talents-four.sheet-talent-description {
    grid-row: 9;
    grid-column: 2/14;
}
.sheet-talents-five.sheet-talent-name {
    grid-column: 1;
    grid-row: 11;
}
.sheet-talents-five.sheet-talent-description {
    grid-row: 11;
    grid-column: 2/14;
}
.sheet-talents-six.sheet-talent-name {
    grid-column: 1;
    grid-row: 13;
}
.sheet-talents-six.sheet-talent-description {
    grid-row: 13;
    grid-column: 2/14;
}
.sheet-talents-seven.sheet-talent-name {
    grid-column: 1;
    grid-row: 15;
}
.sheet-talents-seven.sheet-talent-description {
    grid-row: 15;
    grid-column: 2/14;
}
.sheet-encumberance-details {
    display: grid;
}
.sheet-encumbrance-header.sheet-encumbrance-total {
    grid-row: 1;
    grid-column: 1;
    font-size: 14px;
    font-family: 'Russo One';
}
.sheet-encumbrance-header.sheet-encumbrance-max {
    grid-row: 1;
    grid-column: 2;
    font-size: 14px;
    font-family: 'Russo One';
}
.sheet-encumbrance-details.sheet-encumbrance-total {
    grid-row: 1;
    grid-column: 1;
}
.sheet-encumbrance-details.sheet-encumbrance-max {
    grid-row: 1;
    grid-column: 2;
}
.sheet-edge-break-name {
    grid-row: 1;
    display: grid;
}
.sheet-edge-break-name .sheet-floating-header {
    font-size: 12px;
    grid-row: 1;
    grid-column: 1;
}
.sheet-edge-break-name .sheet-edge-break-name-input {
    grid-row: 1;
    grid-column: 2;
    margin-left: 8px;
}


.sheet-inventory-header {
    grid-row: 1;
    font-family: 'Russo One';
    text-transform: uppercase;
}
.sheet-inventory-details {
    display:grid;
}
.sheet-inventory-tab-bar {
    float: right;
}
.sheet-inventory-header.sheet-inventory-name {
    grid-row: 1;
    grid-column: 1;
}
.sheet-inventory-header.sheet-inventory-description {
    grid-row: 1;
    grid-column: 2/14;
}
.sheet-inventory-header.sheet-inventory-name {
    grid-row: 1;
    grid-column: 1;
}
.sheet-inventory-header.sheet-inventory-description {
    grid-row: 1;
    grid-column: 2/14;
}
.sheet-inventory-one.sheet-inventory-name {
    grid-column: 1;
    grid-row: 3;
}
.sheet-inventory-one.sheet-inventory-description {
    grid-row: 3;
    grid-column: 2/14;
}
.sheet-inventory-two.sheet-inventory-name {
    grid-column: 1;
    grid-row: 5;
}
.sheet-inventory-two.sheet-inventory-description {
    grid-row: 5;
    grid-column: 2/14;
}
.sheet-inventory-three.sheet-inventory-name {
    grid-column: 1;
    grid-row: 7;
}
.sheet-inventory-three.sheet-inventory-description {
    grid-row: 7;
    grid-column: 2/14;
}
.sheet-inventory-four.sheet-inventory-name {
    grid-column: 1;
    grid-row: 9;
}
.sheet-inventory-four.sheet-inventory-description {
    grid-row: 9;
    grid-column: 2/14;
}
.sheet-inventory-five.sheet-inventory-name {
    grid-column: 1;
    grid-row: 11;
}
.sheet-inventory-five.sheet-inventory-description {
    grid-row: 11;
    grid-column: 2/14;
}
.sheet-inventory-six.sheet-inventory-name {
    grid-column: 1;
    grid-row: 13;
}
.sheet-inventory-six.sheet-inventory-description {
    grid-row: 13;
    grid-column: 2/14;
}
.sheet-inventory-seven.sheet-inventory-name {
    grid-column: 1;
    grid-row: 15;
}
.sheet-inventory-seven.sheet-inventory-description {
    grid-row: 15;
    grid-column: 2/14;
}



.sheet-floating-header {
    font-weight: bold;
    font-size: 11pt;
    margin-bottom:5px;
    text-transform: uppercase;
    font-family: 'Russo One';
}

.sheet-attribute-header {
    grid-row:1;
    font-weight: bold;
    font-size: 14pt;
}
.charsheet input[type="number"].sheet-no-spin-input.sheet-attribute-input {
   font-size: 1.25em;
}

/* 
.sheet-purple-floating-header {
    background-color: #6f4380;
    border: 1px solid #6f4380;
    border-radius: 0px 20px 20px 0px;
    height: 1em;
    width: 80%;
    line-height: 1em;
    margin: -14px 15% 0px -7px;
    text-align: left;
    padding: 0px 0px 0px 5px;
} */

.sheet-vertical-adjust-one {
    margin-top: -5px;
}

.sheet-select {
    height: 2em;
}

/***** CHANGED STARS CHECKBOXS *****/
input.sheet-numbered-box {
    width: 16px;
    height: 16px;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    z-index: 5;
    opacity: 0;
}

input.sheet-numbered-box + span::before {
    content: attr(title);
    color: #dcdcdc;
    border: solid 1px #f5f5f5;
    text-align: center;
    display: inline-block;
    background: #f5f5f5;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    margin-left: -14px;
    margin-right: 2px;
    padding: 0px 0px 0px 0px;
    line-height: 16px;
    box-shadow: 0px 0px 5px #6f4380;
}

input.sheet-condition + span::before {
    margin-right: 10px;     /* Indent the conditions on the right-hand side */
}

input.sheet-numbered-box:checked + span::before {
    color: #ffffff;
    background: #cc0000;
    border: solid 1px #cc0000;
    box-shadow: 0px 0px 10px #b30000;
}

input.sheet-grey-box:checked + span::before {
    color: #ffffff;
    background: #808080;
    border: solid 1px #808080;
    box-shadow: 0px 0px 10px #6f4380;
}

input.sheet-green-box:checked + span::before {
    color: #000000;
    background: #7cfc00;
    border: solid 1px #7cfc00;
    box-shadow: 0px 0px 10px #008000;
}

input.sheet-purple-box:checked + span::before {
    color: #000000;
    background: #bdabc9;
    border: solid 1px #bdabc9;
    box-shadow: 0px 0px 10px #6f4380;
}

input.sheet-gold-box:checked + span::before {
    color: #000000;
    background: gold;
    border: solid 1px gold;
    box-shadow: 0px 0px 10px goldenrod;
}

input.sheet-letter-box {
    width: 28px;
    height: 14px;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    cursor: pointer;
    z-index: 5;
    opacity: 0;
}

input.sheet-letter-box + span::before {
    content: attr(title);
    color: #dcdcdc;
    border: solid 1px #f5f5f5;
    text-align: center;
    display: inline-block;
    background: #f5f5f5;
    width: 28px;
    height: 14px;
    font-size: 9px;
    font-weight: bold;
    margin-left: -28px;
    margin-right: 2px;
    padding: 0px 0px 0px 0px;
    line-height: 14px;
    box-shadow: 0px 0px 5px #6f4380;
}

input.sheet-letter-box:checked + span::before {
    color: #ffffff;
    background: #bdabc9;
    border: solid 1px #bdabc9;
    box-shadow: 0px 0px 10px #6f4380;
}

/* NUMBER INPUT ADJUSTMENTS */
.charsheet input[type="number"].sheet-no-spin-input::-webkit-outer-spin-button, .charsheet input[type="number"].sheet-number-input::-webkit-outer-spin-button,
.charsheet input[type="number"].sheet-no-spin-input::-webkit-inner-spin-button, .charsheet input[type="number"].sheet-number-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.charsheet input[type="number"].sheet-no-spin-input, .charsheet input[type="number"].sheet-number-input {
    -moz-appearance: textfield;
}

.charsheet input[type="number"].sheet-no-spin-input {
    font-family: 'Courier Prime';
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    height: 1.5em;
    width: 1.5em;
    background-color: White;
    border: 1px solid White;
    margin: 3px;
    padding: 0px;
    border-radius: 50%;
    box-shadow: 1px 1px 7px #bdabc9, -1px -1px 7px #bdabc9, 1px 1px 10px white, -1px -1px 10px white;
}

.charsheet input[type="number"].sheet-number-input {
    text-align: center;
    border: 1px solid rgb(204, 204, 204);
    padding: 3px;
}

.charsheet input[type="number"].sheet-shorter-number {
    width: 22px;
}

.charsheet input[type="number"].sheet-pool-number {
    font-size: 1.75em;
    font-weight: bold;
    height: 1.75em;
    width: 1.75em;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;    
    margin-left: -3px;
    box-shadow: 1px 1px 10px white, -1px -1px 10px white;
}

.charsheet input[type="number"].sheet-low-visibility-number {
    color: #bfbfbf;
    font-size: 1.25em;
    font-weight: bold;
    height: 1.5em;
    width: 1.5em;
    background-color: white;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    text-align: center;
    margin-top: 1px;
    margin-left: 1px;
    box-shadow: none;
    padding: 0px;
}

/***** TEXTAREA *****/
.sheet-auto-expand {
	position: relative;
	cursor: text;
	word-wrap: break-word;
    min-height: 5em;
    background-color:white;
	border: 1px Dashed #bfbfbf;
	font-family: 'Courier Prime';
	font-family: 'Roboto Condensed';
    text-align: left;
    font-size: 0.9em;
    line-height: 1em;
    padding: 2px;    
}

.sheet-auto-expand span {
	visibility: hidden;
    white-space: pre-wrap;
	display: block;
}

.sheet-auto-expand textarea {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 0;
	overflow: hidden;
	resize: none;
	height: 100%;
	width: 100%;
	display: block;
	box-sizing: border-box;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: black;
	font: inherit;
	letter-spacing: inherit;
	padding: inherit;
	text-align: inherit;
	text-transform: inherit;
    
}

.sheet-textarea-margin-correct {
    margin: 6px 0px 0px 0px;
}

.sheet-dotted-line {
    height: 0px;
    border-bottom: 1px dashed #6f4380;
    padding: 0px;
    margin: 3px;
}

.sheet-text-input, .sheet-select-input, .charsheet input[type="number"].sheet-number-input {
    font-family: 'Courier Prime';
    font-family: 'Roboto Condensed';
    background: white;
}

.sheet-text-input {
    color: #000000;
    width: 99%;
    border: 1px solid transparent;
    padding: 3px;
}

.sheet-select-input{
    color: #555;
    width: 100%;
    height: 1.95em;
    padding: 3px;
    margin-bottom: 0px;
}

/***** BUTTONS *****/
button[type="roll"].sheet-button-alpha:before, button[type="roll"].sheet-button-skill:before, button[type="action"].sheet-action-modifier:before {
    content: ""!important;
    display: none;
    border: none;
    background-image: none;
    text-shadow: none;
}

button[type="roll"].sheet-button-skill {
    height: 1.25em;
    line-height: 14px;
    margin: 4px 1px;
    background-color: transparent;
    border-radius: 5px;
    background-image: none;
    display: inline;
    text-shadow: none;
    font-size: 1.25em;
    font-family: 'Roboto Condensed';
    font-weight: bold;
}

button[type="roll"].sheet-button-skill:hover {
    color: rgb(204, 217, 207); /* Teal Varient */
    background-color: #bdabc9;
    border: 1px solid #bdabc9;
    text-shadow: none;
}

button[type="roll"].sheet-button-skill:active {
    color: rgb(204, 217, 207); /* Teal Varient */
    background-color: #bdabc9;
    border: 1px solid #bdabc9;
    box-shadow: 0px 0px 10px #6f4380;
}

button[type="roll"].sheet-bigger-skill {
    width: 75%;
}

/* Attack button in weapon box */
button[type="roll"].sheet-smaller-skill {
    width: 16%;
    border: 1px solid #bdabc9;
}


button[type="roll"].sheet-button-alpha, button[type="roll"].sheet-button-beta, button[type="roll"].sheet-button-gamma{
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #bdabc9;
    width: inherit;
}

button[type="roll"].sheet-button-alpha {
   text-transform: lowercase;  /* Exception because common usage of 1d6 is more important than consistency with theme. */
}

button[type="roll"].sheet-button-skill:focus { 
    outline:0;
}

button[type="action"].sheet-action-tab {
    background-color:#6f4380;
    font-family: 'Russo One';
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 1em;
    height: 1em;
}
button[type="action"].sheet-action-tab:hover {
    background-color:#bdabc9;
}

button[type="action"].sheet-action-tab.sheet-weapons-header {
    background-color:orangered;
    font-family: 'Russo One';
    text-transform: uppercase;
    font-size: 1.25em;
    border-radius: 5px;
    height: 1.25em;
}
button[type="action"].sheet-action-tab.sheet-weapons-header:hover {
    background-color: orange;
}
/* ROLL TEMPLATE STYLING */
.sheet-rolltemplate-changed-stars .sheet-template-wrap {
    background-color: hsl(0, 0%, 22%);
    border: 1px solid #404040;
    border-radius: 5px;
    width: 100%;
    margin-left: -10px;
    padding: 5px;
}

.sheet-rolltemplate-changed-stars .sheet-template-background {
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/trinity_symbol_gray.png?raw=true");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.sheet-rolltemplate-changed-stars .sheet-template-grid {
    display: grid;
    grid-gap: 3px;
    background-color: transparent;
    padding: 3px;
    grid-template-columns: 15.75% 15.75% 15.75% 15.75% 15.75% 15.75%;
}

.sheet-rolltemplate-changed-stars .sheet-template-grid-item {
    background-color: rgba(259, 259, 259, 0.05);
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 3px;
    text-align: center;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-six {
  grid-column: 1 / 7;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-left {
  grid-column: 1 / 3;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-center {
  grid-column: 3 / 5;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-right {
  grid-column: 5 / 7;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-one {
  grid-column: 1 / 2;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-two {
  grid-column: 2 / 3;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-three {
  grid-column: 3 / 4;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-four {
  grid-column: 4 / 5;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-five {
  grid-column: 5 / 6;
}

.sheet-rolltemplate-changed-stars .sheet-template-span-shix {
  grid-column: 6 / 7;
}

.sheet-rolltemplate-changed-stars .sheet-template-to-the-left {
    text-align: left;
}

.sheet-rolltemplate-changed-stars .sheet-template-to-the-center {
    padding-left: 43%;
}

.sheet-rolltemplate-changed-stars .inlinerollresult  {
    color: transparent;
    font-size: 1.9em;
    line-height: 35px;
    background-color: transparent;
    border: none;
    padding: 0px;
}

.sheet-rolltemplate-changed-stars .inlinerollresult.fullcrit {
    color: transparent;
    border: none;
}
 
.sheet-rolltemplate-changed-stars .inlinerollresult.fullfail {
	color: transparent;
    border: none;
}
 
.sheet-rolltemplate-changed-stars .inlinerollresult.importantroll {
	color: transparent;
    border: none;
}

.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult  {
    color: #bdabc9;
    font-size: 2em;
    line-height: 35px;
    background-color: #6f4380;
    border: 1px solid #bdabc9;
    padding: 0px 4px;
    float: left;
}

.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult.fullcrit {
    color: #bdabc9;
    border: none;
}
 
.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult.fullfail {
	color: #bdabc9;
    border: none;
}
 
.sheet-rolltemplate-changed-stars .sheet-template-purple .inlinerollresult.importantroll {
	color: #bdabc9;
    border: none;
}

.sheet-rolltemplate-changed-stars .sheet-template-base-between {
    height: 35px;
    width: 35px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_blank_die.png?raw=true");
    background-size: 100% 100%;
    
}

.sheet-rolltemplate-changed-stars .sheet-template-base-success {
    height: 35px;
    width: 35px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_success_die.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-changed-stars .sheet-template-edge-fail {
    height: 35px;
    width: 35px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_edge_die_shock.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-changed-stars .sheet-template-edge-between {
    height: 35px;
    width: 35px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_edge_die.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-changed-stars .sheet-template-edge-success {
    height: 35px;
    width: 35px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Changed%20Stars/Images/changed_stars_edge_die_success.png?raw=true");
    background-size: 100% 100%;
}

/*  TABS  */
div.sheet-tab-content, div.sheet-box-under-the-bed { 
    display: none;
}

input.sheet-tab-one:checked ~ div.sheet-tab-one-contents,
input.sheet-tab-two:checked ~ div.sheet-tab-two-contents,
input.sheet-tab-three:checked ~ div.sheet-tab-three-contents,
input.sheet-tab-four:checked ~ div.sheet-tab-four-contents {
	display: contents;
}

input.sheet-tab-alpha:checked ~ div.sheet-tab-alpha-contents,
input.sheet-tab-beta:checked ~ div.sheet-tab-beta-contents,
input.sheet-tab-gamma:checked ~ div.sheet-tab-gamma-contents,
input.sheet-tab-delta:checked ~ div.sheet-tab-delta-contents,
input.sheet-tab-epsilon:checked ~ div.sheet-tab-epsilon-contents,
input.sheet-tab-zeta:checked ~ div.sheet-tab-zeta-contents {
	display: contents;
}

input.sheet-tab-inv-one:checked ~ div.sheet-tab-inv-one-contents,
input.sheet-tab-inv-two:checked ~ div.sheet-tab-inv-two-contents {
	display: contents;
}

input.sheet-tab {
	opacity: 0;
    display: none;
}