.sheet-container {
		width: 750px;
		background-color: white;
		position: relative;
}

/* Configuration of Tabs */
input.sheet-tab-button {
		opacity: 0;
		position: absolute;
		top: 92px;
		right: 0px;
		width: 18px;
		height: 18px;
		z-index: 2;
}

input.sheet-tab-button + span {
		position: absolute;
		top: 92px;
		right: 0px;
		width: 17px;
		height: 17px;
		border: 1px solid black;
		border-radius: 5px;
		background-color: #E8E8E8;
		color: black;
		text-align: center;
		font-weight: bold;
}

input.sheet-tab-button:checked + span {
		color: #FFFFFF;
		background-color: #000000;
}

.sheet-page {
	display: none;
}

input.sheet-tab-button.sheet-tab1:checked ~ .sheet-page.sheet-tab1,
input.sheet-tab-button.sheet-tab2:checked ~ .sheet-page.sheet-tab2,
input.sheet-tab-button.sheet-tab3:checked ~ .sheet-page.sheet-tab3,
input.sheet-tab-button.sheet-tab4:checked ~ .sheet-page.sheet-tab4,
input.sheet-tab-button.sheet-tab5:checked ~ .sheet-page.sheet-tab5,
input.sheet-tab-button.sheet-tab6:checked ~ .sheet-page.sheet-tab6,
input.sheet-tab-button.sheet-tab7:checked ~ .sheet-page.sheet-tab7 { display: block; }

button.sheet-floating-dice-roller {
  border: none;
  background: transparent;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 90px;
  left: 242px; }
button.sheet-floating-dice-roller[type=action]::before { font-size: 24px; }

input.sheet-tab-button.sheet-tab1,
input.sheet-tab-button.sheet-tab1 + span {
		right: 331px;
		width: 87px;
}

input.sheet-tab-button.sheet-tab2,
input.sheet-tab-button.sheet-tab2 + span {
		right: 259px;
		width: 69px;
}

input.sheet-tab-button.sheet-tab3,
input.sheet-tab-button.sheet-tab3 + span {
		right: 208px;
		width: 48px;
}

input.sheet-tab-button.sheet-tab4,
input.sheet-tab-button.sheet-tab4 + span {
		right: 142px;
		width: 63px;
}

input.sheet-tab-button.sheet-tab5,
input.sheet-tab-button.sheet-tab5 + span {
		right: 71px;
		width: 68px;
}

input.sheet-tab-button.sheet-tab6,
input.sheet-tab-button.sheet-tab6 + span {
		right: 21px;
		width: 47px;
}

input.sheet-tab-button.sheet-tab-stunts2,
input.sheet-tab-button.sheet-tab-stunts2 + span {
		left: 99px;
		width: 58px;
		display: none;
}

input.sheet-tab-button.sheet-tab-aim,
input.sheet-tab-button.sheet-tab-aim + span {
		left: 68px;
		width: 28px;
		display: none;
}

input.sheet-tab-button.sheet-tab-whisper,
input.sheet-tab-button.sheet-tab-whisper + span {
		left: 0px;
		width: 65px;
		display: none;
}


/* SHEET HEADER */
.sheet-header {
		height: 91px;
}

.sheet-header input,
.sheet-header select {
		border-bottom: 1px solid #B0B0B0;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
}

.sheet-header input {
		padding: 0px;
                padding-bottom: 3px;
}

.sheet-header select {
		margin-bottom: 0px;
                padding-bottom: 0;
}

.sheet-header input[type=number] {
		text-align: center;
		margin-bottom: 0px;
		-moz-appearance:textfield;
}

.sheet-header input[type=number]::-webkit-inner-spin-button,
.sheet-header input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-header span {
		display: block;
		font-size: 9px;
		line-height: 12px;
}

.sheet-name-container {
		width: 250px;
		display: inline-block;
}

.sheet-name-container input {
		font-size: 20px;
		width: 100%;
}

.sheet-header-info {
		width: 482px;
		margin-left: -2px;
		display: block;
		border: 3px double #666;
		padding: 5px;
		float: right;
}

.sheet-info-container {
		display: inline-block;
		margin-left: -4px;
}

.sheet-info-container:first-child {
		margin-left: 0px;
}

/* SHEET BODY */
.sheet-body {
		width: 750px;
		margin-top: 21px;
}

textarea {
		width: calc(100% - 8px);
		resize: vertical;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
}

input {
	color: black;
}

.sheet-section {
		margin-bottom: 5px;
		display: inline-block;
		border: 1px solid black;
		border-radius: 0px;
		vertical-align: top;
}

.sheet-section-name {
		display: inline-block;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid black;
		height: 25px;
		width: 100%;
		border-radius: 0px;
		background-color: #000000;
}

.sheet-section-name span {
		display: inline-block;
		font-size: 12px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		margin-top: 3px;
		color: #FFFFFF;
}

.sheet-section-name input[type=number] {
		display: inline-block;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
		margin-top: 3px;
		color: #FFFFFF;
}

.repcontrol {
    min-height: 27px;
}

.repcontrol .btn {
    border: medium none;
    color: white !important;
    background: none;
    box-shadow: none;
}

.repcontrol .btn:focus {
    outline: 0;
}

.repcontrol .repcontrol_edit:after {
    content: '(';
    visibility: visible;
    font-family: pictos;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    padding: 2px 4px 2px 4px;
    color: #000000;
}

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

.repcontrol .repcontrol_add:before {
    content: '&';
    visibility: visible;
    font-family: pictos;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    padding: 2px 4px 2px 4px;
    color: #000000;
}

.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before {
    background-color: #EFEFEF;
}

.sheet-resources .repcontrol {
    margin-top: -10px;
}

.itemcontrol {
    z-index: 10;
}

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

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

.sheet-container button[type=action]::before {
		content: 'Q';
		font-family: dicefontd6;
		color: #000000;
}

/* CHARACTER TAB */

/* Abilities table */

.sheet-col-left-character-tab {
	width: 325px;
}

.sheet-col-right-character-tab {
	width: 421px;
}

/* Abilities table */
.sheet-abilities-table {
		display: inline-block;
}

.sheet-ability-container {
		border: 1px solid black;
		border-radius: 0px;
		margin-bottom: 5px;
}

.sheet-left-ability-container {
		display: inline-block;
		width: 267px;
		border-right: 1px solid black;
		min-height: 70px;
}

.sheet-ability-name {
		width: 250px;
		display: inline-block;
}

.sheet-half-ability-name{
		width: 123px;
}

button.sheet-legacy-money-import-button,
.sheet-autoconfig button[type=action],
.sheet-initiative-section button[type=action],
.sheet-income-section button[type=action],
.sheet-ability-name button[type=action] {
		background-color: transparent;
		color: white;
		border: none;
		font-size: 12px;
		background: none;
		background-image: none;
		text-shadow: none;
		box-shadow: none;
		padding-top: 3px;
		font-weight: bold;
}

.sheet-initiative-section .sheet-section-name { text-align: center; }

.sheet-page .sheet-pictos {
  font-family: "pictos";
}

/*
.sheet-autoconfig button[type=action],
.sheet-initiative-section button[type=action],
.sheet-income-section button[type=action] {
  text-align: center;
}
*/

.sheet-initiative-section button[type=action]::before,
.sheet-income-section button[type=action]::before,
.sheet-ability-name button[type=action]::before,
.sheet-ability-focus-list button[type=action]::before,
.sheet-spell-short-container button[type=action]::before,
.sheet-autoconfig button[type=action]::before {
		content: "";
}

.sheet-initiative-section button[type=action]:hover,
.sheet-initiative-section button[type=action]:hover *,
.sheet-income-section button[type=action]:hover,
.sheet-income-section button[type=action]:hover *,
.sheet-ability-name button[type=action]:hover,
.sheet-ability-name button[type=action]:hover *,
.sheet-ability-focus-list button[type=action]:hover,
.sheet-ability-focus-list button[type=action]:hover *,
.sheet-spell-short-container button[type=action]:hover,
.sheet-spell-short-container button[type=action]:hover * {
		color: #EC2127;
}

.sheet-ability-name button[type=action] *,
.sheet-ability-focus-list button[type=action] * {
		pointer-events: none;
}

.autoconfig { text-align: center; }

.sheet-condition-checkbox,
.sheet-primary-checkbox {
		display: inline-block;
		padding-bottom: 2px;
}

.sheet-condition-checkbox input[type="checkbox"],
.sheet-primary-checkbox input[type="checkbox"],
.sheet-list-toggle-container input[type="checkbox"] {
		opacity: 0;
		width: 14px;
		height: 14px;
		position: relative;
		left: 5px;
		margin: -10px;
		cursor: pointer;
		z-index: 1;
}

.sheet-condition-checkbox span {
        text-size: 7px;
}


.sheet-condition-checkbox input[type="checkbox"] + span::before,
.sheet-primary-checkbox input[type="checkbox"] + span::before,
.sheet-list-toggle-container input[type="checkbox"] + span::before {
		margin-right: 4px;
		border: 1px solid black;
		line-height: 12px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		background: white;
}

.sheet-condition-checkbox input[type="checkbox"] + span::before,
.sheet-primary-checkbox input[type="checkbox"] + span::before,
.sheet-list-toggle-container input[type="checkbox"] + span::before {
		content: "";
		width: 12px;
		height: 12px;
		font-size: 10px;
		border-radius: 0px;
		font-weight: bold;
}

.sheet-condition-checkbox input[type="checkbox"]:checked + span::before,
.sheet-primary-checkbox input[type="checkbox"]:checked + span::before,
.sheet-list-toggle-container input[type="checkbox"]:checked + span::before {
		content: "✓";
		color: black;
}

.sheet-right-ability-container input[type=number]::-webkit-inner-spin-button,
.sheet-right-ability-container input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-right-ability-container input[type=number] {
		-moz-appearance:textfield;
}

.sheet-right-ability-container input[type=number] {

		text-align: center;
		font-size: 35px;
		width: 50px;
		border: none;
		background: none;
		box-shadow: none;
		border-radius: 0px;
		color: black;
		margin-top: 24%;
		margin-bottom: 15%;
}

.sheet-ability-focus-list {
		width: 100%;
		min-height: 44px;
		background: #f5f5f5;
}

.sheet-ability-focus-list button[type=action] {
		display: inline-block;
		border: none;
		background: none;
		box-shadow: none;
		font-size: 12px;
		padding-right: 0px;
		margin: 0px;
}

.sheet-ability-focus-list .repitem {
		display: inline-block;
		padding: 0px;
		margin: 0px;
}

.sheet-ability-focus-list .repitem:last-child .sheet-focus-comma,
.sheet-ability-focus-list .repcontrol {
		display:none;
}

	/* Right column */
.sheet-sectionfourth {
		width: calc(25% - 5px);
		height: 92px;
}
.sheet-sectiontwofourths {
		width:  calc(50% - 3.79px);
		height: 92px;
}
.sheet-sectionthreefourths {
        width: calc(75% - 4px);
        height: 125px;
}
.sheet-sectiononethird {
                width:  calc(33.3% - 3.79px);
        /*      height: 92px;  */
}

.sheet-conditions {
        width: 100%;
        text-align: center;
}

.sheet-condition-list .sheet-sectiononethird div {
        width: 100%;
        padding-left: 1.0em;
}

.sheet-conditions-section,
.sheet-conviction-section,
.sheet-corruption-section,
.sheet-equipment-section,
.sheet-experience-points-section,
.sheet-fatigue-section,
.sheet-fear-section,
.sheet-horror-section,
.sheet-income-section,
.sheet-initiative-section,
.sheet-initiative-focus,
.sheet-mana-section,
.sheet-money-section,
.sheet-power-short-container,
.sheet-talent-short-container,
.sheet-spell-short-divtohide, {
		display: none;
}

.sheet-fear-section select,
.sheet-horror-section select,
.sheet-fatigue-section select {
		display: inline-block;
		font-size: 9px;
		line-height: 9px;
		width: 100%;
		color: #A0A0A0;
		text-align: center;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border: none;
		color: black;
		padding: none;
}

.sheet-income-section input[name="attr_income"],
.sheet-health input[name="attr_health"],

.sheet-fear-section input,
.sheet-horror-section input,
.sheet-fatigue-section input,
.sheet-initiative-section input[name="attr_init"],
.sheet-conviction-section input[name="attr_conviction"],
.sheet-corruption-section input {
		display: inline-block;
		width: 100%;
		text-align: center;
		border: none;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
		font-size: 30px;
		padding-right: 0px;
		padding-left: 19px;
		padding-bottom: 0px;
		padding-top: 7px;
}

.sheet-fear-section input,
.sheet-horror-section input,
.sheet-fatigue-section input {
		padding-left: 10px;
}

.sheet-health .sheet-maximum-input span {
		height: 50px;
		display: inline-block;
		font-size: 10px;
		line-height: 9px;
		text-align: right;
		margin-left: 20px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #A0A0A0;
}

.sheet-conviction-section .sheet-maximum-input span {
		height: 50px;
		display: inline-block;
		font-size: 10px;
		line-height: 9px;
		text-align: right;
		margin-left: 25px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #A0A0A0;
}

.sheet-health input[name="attr_health"],
.sheet-mana-section input[name="attr_mana"],
.sheet-experience-points-section input[name="attr_experience-points"] {
		display: inline-block;
		width: 100%;
		text-align: center;
		border: none;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
		font-size: 30px;
		padding-right: 0px;
		padding-left: 19px;
		padding-bottom: 0px;
		padding-top: 7px;
}

.sheet-maximum-input span {
		height: 50px;
		display: inline-block;
		font-size: 10px;
		line-height: 9px;
		text-align: right;
		margin-left: 20px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #A0A0A0;
}

.sheet-maximum-input input {
		display: inline-block;
		border-bottom: 1px solid #B0B0B0;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: #A0A0A0;
		width: 30px;
		font-size: 12px;
		line-height: 9px;
		text-align: center;
}

.sheet-maximum-input input[type=number]::-webkit-inner-spin-button,
.sheet-maximum-input input[type=number]::-webkit-outer-spin-button,
.sheet-experience-points-section input[type=number]::-webkit-inner-spin-button,
.sheet-experience-points-section input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-experience-points-section .sheet-maximum-input span {
		margin-left: 62px;
}

.sheet-experience-points-section .sheet-maximum-input input {
		width: 55px;
}

.sheet-health .sheet-maximum-input input[type=number],
.sheet-mana-section .sheet-maximum-input input[type=number],
.sheet-experience-points-section input[type=number] {
		-moz-appearance:textfield;
}

.sheet-experience-points-section input[name="attr_experience-points"] {
		padding-right: 20px;
}

.sheet-sectionfull {
		width: 419px;
}

/* ------------------- sdaat ------------- */
input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-sdaat-container .sheet-maximum-input span { margin-left: 0; }

.sheet-sdaat-container .sheet-sdaat-i,
.sheet-sdaat-container .sheet-sdaat-b { position: absolute; top: 36px; font-size: 20px; font-family: serif; text-transform: uppercase; color: #A0A0A0; }
.sheet-sdaat-container .sheet-sdaat-i { right: 92px; }
.sheet-sdaat-container .sheet-sdaat-b { right: 6px; }

.sheet-sdaat-container select {
                height: 20px;
                display: inline-block;
                background: transparent;
                border: none;
                font-size: 10px;
                line-height: 9px;
                margin-left: 0;
                margin-right: 0;
                margin-top: 0;
                margin-right: 0;
                color: #A0A0A0;
                text-align: center;
                width: 75px;
}
.sheet-sdaat-container .sheet-col-double { display: inline-block; width: 39%; }

.sheet-sdaat-container { text-align: center; height: 92px; position: relative; }
.sheet-sdaat-container .sheet-col { width: 19%; }

.sheet-income-container .sheet-income-score,
.sheet-sdaat-container .sheet-sdaat-score {
		width: 100px;
		height: 30px;
		display: inline-block;
		border: 1px solid #666;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		background-color: white;
		margin-top: 5px;
		margin-right: 0;
		margin-bottom: 0;
}
.sheet-income-container .sheet-income-score input,
.sheet-sdaat-container .sheet-sdaat-score input {
		width: 100%;
		text-align: left;
		font-size: 20px;
		border: none;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
		margin-top: 2px;
		margin-left: 2px;
}
.sheet-sdaat-container .sheet-sdaat-score input[name="attr_armor"],
.sheet-sdaat-container .sheet-sdaat-score input[name="attr_toughness"],
.sheet-sdaat-container .sheet-sdaat-score input[name="attr_armor-b"] { margin-left: 7.5px; }
.sheet-sdaat-container .sheet-col .sheet-maximum-input span { margin-left: 0; height: 24px; }
.sheet-sdaat-container .sheet-col .sheet-maximum-input input { width: 35px; margin-left: 0; margin-top: -1px; height: 24px; }
.sheet-sdaat-container .sheet-sdaat-score input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sheet-sdaat-container .sheet-sdaat-score input[type=number] { -moz-appearance:textfield; }

/* ------------------- sdaat ------------- */

.sheet-speed-defense-armor-container {
		height: 92px;
}

.sheet-speed-defense-armor-container .sheet-col {
		width: 32.5%;
}

.sheet-speed-defense-score {
		width: 100px;
		height: 30px;
		display: inline-block;
		border: 1px solid #666;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		background-color: white;
		margin-top: 5px;
		margin-left: 50px;/*33px;*/
		margin-right: 0px;
		margin-bottom: 0px;
}

.sheet-speed-defense-score input {
		width: 100%;
		text-align: left;
		font-size: 20px;
		border: none;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
		margin-top: 2px;
		margin-left: 2px;
}

.sheet-speed-defense-score input[name="attr_armor"] {
		margin-left: 7.5px;
}


.sheet-speed-defense-armor-container .sheet-maximum-input span {
		margin-left: 37px;/*22px;*/
}
.sheet-speed-defense-armor-container .sheet-maximum-input input { width: 35px; margin-top: -1px; }

.sheet-speed-defense-score input[type=number]::-webkit-inner-spin-button,
.sheet-speed-defense-score input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-speed-defense-score input[type=number] {
		-moz-appearance:textfield;
}

.sheet-sectionfull .repitem {
		border-bottom: 1px solid #B0B0B0;
}

.sheet-repeatingcol input,
.sheet-talent-name,
.sheet-col-weapon-groups input {
		display: inline-block;
		font-size: 12px;
		border:none;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
		text-align: center;
		width: 100%;
		margin-bottom: 0px;
}

.sheet-col-attack-name input,
.sheet-col-attack-range input,
.sheet-col-attack-reload input,
.sheet-col-ammo input[type=number],
.sheet-equipment-name input,
.sheet-equipment-quantity input,
.sheet-equipment-description input,
.sheet-power-short-name input,
.sheet-power-short-description input {
		width: 100%;
}

.sheet-col-attack-name {
		width: 158px;
}

.sheet-col-attack-range,
.sheet-col-attack-reload,
.sheet-col-attackdice {
		width: 55px;
}

.sheet-attack-container .sheet-col-ammo,
.sheet-col-income-num {
		width: 30px;
		display: none;
}

.sheet-col-ammo input[type=number]::-webkit-inner-spin-button,
.sheet-col-ammo input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-money-score input[type=number] {
		-moz-appearance:textfield;
}

.sheet-col-attackdice input {
		width: 38px;
		margin-left: 5px;
}

.sheet-col-attack-damage {
		width: 80px;
}

.sheet-col-attack-damage input {
		width: 58px;
		margin-left: 6px;
}

.sheet-repeatingcol button[type=action],
.sheet-focus-container button[type=action] {
		border: none;
		background: none;
		box-shadow: none;
		text-align: center;
		font-size: 18px;
		width: 10px;
		padding: 0px;
		margin-left: -2px;
		margin-right: 0px;
}

.sheet-equipment-name {
		width: 150px;
}

.sheet-equipment-quantity {
		width: 75px;
}

.sheet-equipment-description {
	width: 186px;
}

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

.sheet-col-weapon-groups input {
	width: 100%;
	border-bottom: none;
}

.sheet-power-short-description textarea,
.sheet-spell-short-description textarea,
.sheet-row-spell-short-description textarea,
.sheet-equipment-description textarea {
		display: inline-block;
		min-height: 36px;
		height: 18px;
		resize: vertical;
		border: none;
		margin: 0px;
		padding-bottom: 0px;
		margin-bottom: 1px;
}

.sheet-equipment-description textarea {
		min-height: 22px;
		height: 22px
}

.sheet-power-short-name,
.sheet-talent-name {
		width: 150px;
}

.sheet-power-short-name input[type=text] {
		margin-top: 7px;
}

.sheet-power-short-description {
	width: 265px;
}

.sheet-power-short-container .repcontrol,
.sheet-talent-short-container .repcontrol,
.sheet-spell-short-container .repcontrol {
	display: none;
}

.sheet-spell-short-name {
		width: 150px;
}

.sheet-spell-short-name {
		margin-left: 0px;
}

.sheet-spell-short-description {
		width: 265px;
		margin-bottom: 1px;
}

.sheet-spell-short-container button[type=action] {
		width: 100%;
		display: inline-block;
		border: none;
		background: none;
		box-shadow: none;
		font-size: 12px;
		padding-right: 0px;
		margin-top: 11px;
		color: black;
}

.sheet-power-short-container textarea,
.sheet-talent-short-container textarea,
.sheet-spell-short-container textarea {
		background-color:#FFF !important;
                margin-bottom: 0;
}

.sheet-money-section {
		width: 100%;
		border-top: 1px solid black;
}

.sheet-money-container { display: inline-block; height: 68px; width: 50px; }

.sheet-legacy-money-section .sheet-money-score,
.sheet-money-section .sheet-money-score {
		display: inline-block;
		border: 1px solid #666;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		background-color: white;
		margin-top: 2px;
		margin-left: 0px;
		margin-right: 2px;
		margin-bottom: 2px;
		float: right;
}

.sheet-page .sheet-autoconfig.sheet-section-name,
.sheet-legacy-money-section .sheet-section-name {
  text-align: right;
}

.sheet-legacy-money-section .sheet-money-score input[type="number"],
.sheet-money-section .sheet-money-score input[type="text"] {
                width: 100%;
		text-align: center;
		font-size: 20px;
		border: none;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
		margin-top: 6px;
}

.sheet-money-section .sheet-money-name input[type="text"] {
                width: 100%;
                font-size: 12px;
                color: gray;
                border: none;
                text-align: center;
                box-shadow: none;
                height: 16px;
}

.sheet-money-section fieldset + div { text-align: right; }
.sheet-money-section fieldset + div > div { display: inline-block; }

.sheet-money-score input[type=number]::-webkit-inner-spin-button,
.sheet-money-score input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-money-score input[type=number] {
		-moz-appearance:textfield;
}

.sheet-legacy-money-section { display: none; }
input.sheet-legacy-money-checkbox:checked ~ .sheet-page .sheet-legacy-money-section {
  display: block;
}

.sheet-income-section {
                height: 92px;
                text-align: center;
                width: 100px;
}

.sheet-ability-name button[type=roll] *,
/* PERSONA TAB */

.sheet-persona-section {
		width: 100%
}

.sheet-left-persona {
    width: 249px;
}

.sheet-right-persona {
    width: 495px;
}

.sheet-personalock:not([value="unlocked"]) ~ div.sheet-col > div.sheet-persona-section > div.sheet-personaunlocked,
.sheet-personalock[value="unlocked"] ~ div.sheet-col > div.sheet-persona-section > div.sheet-personalocked {display: none;}

.sheet-textbox textarea {
		border: none;
		margin: 0px;
		padding-bottom: 0px;
		min-height: 48px;
		height: 48px;
		line-height: 20px;
}

/* POWERS TAB */

.sheet-power-container,
.sheet-talent-container {
		width: 748px;
}

.sheet-power-section-name,
.sheet-spell-section-name {
		border: 1px solid black;
}

.sheet-persona-section-name input[type=text],
.sheet-power-section-name input[type=text],
.sheet-talent-section-name input[type=text],
.sheet-spell-section-name input[type=text] {
		display: inline-block;
		font-size: 14px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		margin-top: 3px;
		border: none;
		background: none;
		box-shadow: none;
		padding: 0px;
		color: #FFFFFF;
}

.sheet-power-stats .sheet-col,
.sheet-talent-stats .sheet-col1 {
		width: 372px;
}

.sheet-power-stats span,
.sheet-talent-stats span {
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
}

.sheet-row-power-type-source{
		margin-bottom: 4px;
}

.sheet-power-stats input[type=text],
.sheet-talent-stats input[type=text],
.sheet-focus-container input[type=text],
.sheet-focusnamespan {
		display: inline-block;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #B0B0B0;
		background: none;
		box-shadow: none;
		border-radius: 0px;
		display: inline-block;
		text-align: left;
		font-size: 12px;
		padding: 0px;
		margin: 0px;
}

/* .sheet-spell-container .sheet-row-shortpowerdescription textarea,
.sheet-spell-container .sheet-row-fullpowerdescription textarea,
.sheet-spell-container .sheet-row-short-spell-description textarea,
.sheet-spell-container .sheet-row-full-spell-description textarea {
		display: inline-block;
		width: 658px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #B0B0B0;
		padding: 0px;
                margin-bottom: 0;
}
*/

.sheet-row-shortpowerdescription textarea,
.sheet-row-talentdescription textarea,
.sheet-row-short-spell-description textarea {
		height: 36px;
}

.sheet-row-fullpowerdescription textarea,
.sheet-row-full-spell-description textarea {
		height: 72px;
}

.sheet-degree-select[value="1"] ~ div.sheet-row > div.sheet-col > .sheet-degree2,
.sheet-degree-select:not([value="3"]) ~ div.sheet-row > div.sheet-col > .sheet-degree3 {color: lightgrey;}

.sheet-degree-select[value="1"] ~ div.sheet-degree2,
.sheet-degree-select:not([value="3"]) ~ div.sheet-degree3 {display: none;}

/* FOCUSES TAB */
.sheet-tab5 .sheet-col {
		width: 247px;
}

.sheet-focus-section {
		display:inline-block;
		width: 100%;
}

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

.sheet-focus-container span {
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
}

.sheet-focus-container input[name=attr_focusname],
.sheet-focusnamespan {
		width: 158px;
}

.sheet-focus-container input[type=number]::-webkit-inner-spin-button,
.sheet-focus-container input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-focus-container input[type=number] {
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #B0B0B0;
		background: none;
		box-shadow: none;
		border-radius: 0px;
		display: inline-block;
		text-align: center;
		font-size: 12px;
		padding: 0px;
		width: 15px;
		-moz-appearance:textfield;
}

.sheet-focus-container textarea {
		display: inline-block;
		width: 247px;
		height: 36px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #B0B0B0;
		padding: 0px;
}

/* MAGIC/ARCANA TAB */

.sheet-spell-container {
		width: 748px;
}

select.sheet-spell-method { width: 100px; position: absolute; left: 2px; top: 2px; height: 20px; background-color: transparent; color: white; padding: 0; border: none; }
select.sheet-spell-method option { background-color: white; color: black; }
.sheet-spell-section-name { position: relative; }

.sheet-spell-container input.sheet-spell-method-uses-fatigue:checked ~ .sheet-spell-stats .sheet-spell-uses-points,
.sheet-spell-container input.sheet-spell-method-uses-points:checked  ~ .sheet-spell-stats .sheet-spell-uses-fatigue { display: none; }
.sheet-spell-container input.sheet-spell-method-uses-fatigue:checked ~ .sheet-spell-stats .sheet-spell-uses-fatigue,
.sheet-spell-container input.sheet-spell-method-uses-points:checked  ~ .sheet-spell-stats .sheet-spell-uses-points { display: inline-block; }

.sheet-spell-short-container input.sheet-spell-method-uses-fatigue:checked ~ .sheet-spell-short-name .sheet-spell-uses-points,
.sheet-spell-short-container input.sheet-spell-method-uses-points:checked  ~ .sheet-spell-short-name .sheet-spell-uses-fatigue { display: none; }
.sheet-spell-short-container input.sheet-spell-method-uses-fatigue:checked ~ .sheet-spell-short-name .sheet-spell-uses-fatigue,
.sheet-spell-short-container input.sheet-spell-method-uses-points:checked  ~ .sheet-spell-short-name .sheet-spell-uses-points { display: inline-block; }

.sheet-spell-container .sheet-spell-uses-fatigue input[type=text] { width: 132px; }

.sheet-col-spell-stats {
		width: 245px;
}

.sheet-col-spell-stats .sheet-row {
		height: 20px;
}

.sheet-spell-stats span {
		font-size: 12px;
		font-weight: bold;
		margin: 0px;
}

.sheet-spell-stats input {
		width: 148px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #B0B0B0;
		background: none;
		box-shadow: none;
		border-radius: 0px;
		display: inline-block;
		text-align: left;
		font-size: 12px;
		padding: 0px;
		margin-bottom: 2px;
}

.sheet-spell-stats input[type=number] {
		-moz-appearance:textfield;
		width: 148px;
}

.sheet-spell-stats input[type=number]::-webkit-inner-spin-button,
.sheet-spell-stats input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-spell-stats button[type=action] {
		display: inline-block;
		border: none;
		background: none;
		box-shadow: none;
		font-size: 18px;
		padding: 0px;
		margin: 0px;
		color: black;
}

.sheet-spell-stats select {
		display: inline-block;
		width: 148px;
		border-bottom: 1px solid #B0B0B0;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		margin-top: -9px;
		background: none;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		color: black;
}

/* OPTIONS TAB */

.sheet-gamelock[value="custom"] ~ .sheet-page .sheet-gamelocked,
.sheet-gamelock:not([value="custom"]) ~ .sheet-page .sheet-gameunlocked {display: none;}

.sheet-page.sheet-tab7 select[name="attr_armor-penalty-for-dex"],
.sheet-page.sheet-tab7 select[name="attr_initiative-tiebreaker"] {
  width: 50px;
}

input[type=checkbox].sheet-hiddencheckbox  {
		display:none
}

/* Some Settings have differnt tab labels */

.sheet-powers-tab-span,
.sheet-origin-tab-span,
.sheet-extraordinary-tab-span,
.sheet-arcana-tab-span {
		display: none;
}

input.sheet-modern-age-button:checked ~ .sheet-class-tab-span,
input.sheet-threefold-button:checked ~ .sheet-class-tab-span,
input.sheet-world-of-lazarus-button:checked ~ .sheet-class-tab-span,
input.sheet-the-expanse-button:checked ~ .sheet-class-tab-span,
input.sheet-threefold-button:checked ~ .sheet-magic-tab-span,
input.sheet-world-of-lazarus-button:checked ~ .sheet-magic-tab-span,
input.sheet-the-expanse-button:checked ~ .sheet-magic-tab-span,
input.sheet-modern-age-button:checked ~ .sheet-magic-tab-span,
input.sheet-blue-rose-button:checked ~ .sheet-magic-tab-span {
		display: none;
}

/* Blue Rose Tabs */

input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab1,
input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab1 + span {
		right: 343px;
		width: 87px;
}

input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab2,
input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab2 + span {
		right: 271px;
		width: 69px;
}

input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab3,
input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab3 + span {
		right: 220px;
		width: 48px;
}

input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab4,
input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab4 + span {
		right: 154px;
		width: 63px;
}

input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab5,
input.sheet-blue-rose-button:checked ~ input.sheet-tab-button.sheet-tab5 + span {
		right: 85px;
		width: 66px;
}

input.sheet-blue-rose-button:checked ~ .sheet-arcana-tab-span,
input.sheet-blue-rose-button:checked ~ .sheet-tab-button.sheet-tab6 {
		display: block;
		position: absolute;
		top: 92px;
		right: 20px;
		width: 62px;
		height: 17px;
		border: 1px solid black;
		border-radius: 5px;
		background-color: #E8E8E8;
		color: black;
		text-align: center;
		font-weight: bold;
}

input.sheet-tab-button.sheet-tab6:checked ~ .sheet-arcana-tab-span {
		color: #FFFFFF;
}

/* The Expanse Tabs */

input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab1,
input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab1 + span {
		right: 289px;
		width: 89px;
}

input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab2,
input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab2 + span {
		right: 215px;
		width: 71px;
}

input.sheet-the-expanse-button:checked ~ .sheet-origin-tab-span,
input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab3 {
		display: block;
		position: absolute;
		top: 92px;
		right: 160px;
		width: 52px;
		height: 17px;
		border: 1px solid black;
		border-radius: 5px;
		background-color: #E8E8E8;
		color: black;
		text-align: center;
		font-weight: bold;
}

input.sheet-tab-button.sheet-tab3:checked ~ .sheet-origin-tab-span {
		color: #FFFFFF;
}

input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab4,
input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab4 + span {
		right: 92px;
		width: 65px;
}

input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab5,
input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab5 + span {
		right: 21px;
		width: 68px;
}

input.sheet-the-expanse-button:checked ~ input.sheet-tab-button.sheet-tab6 {
	display: none;
}

input.sheet-tab-button.sheet-tab6:checked ~ .sheet-arcana-tab-span {
		color: #FFFFFF;
}

/* Modern AGE Tabs */

input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab1,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab1,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab1,
input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab1 + span,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab1 + span,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab1 + span {
		right: 390px;
		width: 84px;
}

input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab2,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab2,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab2,
input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab2 + span,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab2 + span,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab2 + span {
		right: 321px;
		width: 66px;
}

input.sheet-threefold-button:checked ~ .sheet-powers-tab-span,
input.sheet-world-of-lazarus-button:checked ~ .sheet-powers-tab-span,
input.sheet-modern-age-button:checked ~ .sheet-powers-tab-span,
input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab3,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab3,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab3 {
		display: block;
		position: absolute;
		top: 92px;
		right: 258px;
		width: 60px;
		height: 17px;
		border: 1px solid black;
		border-radius: 5px;
		background-color: #E8E8E8;
		color: black;
		text-align: center;
		font-weight: bold;
}

input.sheet-tab-button.sheet-tab3:checked ~ .sheet-powers-tab-span {
		color: #FFFFFF;
}

input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab4,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab4,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab4,
input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab4 + span,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab4 + span,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab4 + span {
		right: 195px;
		width: 60px;
}

input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab5,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab5,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab5,
input.sheet-threefold-button:checked ~ input.sheet-tab-button.sheet-tab5 + span,
input.sheet-world-of-lazarus-button:checked ~ input.sheet-tab-button.sheet-tab5 + span,
input.sheet-modern-age-button:checked ~ input.sheet-tab-button.sheet-tab5 + span {
		right: 128px;
		width: 64px;
}

input.sheet-threefold-button:checked ~ .sheet-extraordinary-tab-span,
input.sheet-modern-age-button:checked ~ .sheet-extraordinary-tab-span,
input.sheet-threefold-button:checked ~ .sheet-tab-button.sheet-tab6,
input.sheet-world-of-lazarus-button:checked ~ .sheet-tab-button.sheet-tab6,
input.sheet-modern-age-button:checked ~ .sheet-tab-button.sheet-tab6 {
		display: block;
		position: absolute;
		top: 92px;
		right: 20px;
		width: 105px;
		height: 17px;
		border: 1px solid black;
		border-radius: 5px;
		background-color: #E8E8E8;
		color: black;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
}

input.sheet-tab-button.sheet-tab6:checked ~ .sheet-extraordinary-tab-span {
		color: #FFFFFF;
}

.sheet-dragon-age-selected,
.sheet-fantasy-age-selected,
.sheet-fantasy-age-core-selected,
.sheet-titansgrave-selected,
.sheet-blue-rose-selected,
.sheet-old-age-selected,
.sheet-second-gen-selected,
.sheet-modern-age-selected,
.sheet-threefold-selected,
.sheet-world-of-lazarus-selected,
.sheet-the-expanse-selected {
		display:none;
}

input.sheet-black-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-black-color-checkbox:checked ~ .sheet-tab-button:checked + span + span {
		background-color: #000000;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-red,
input.sheet-red-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-red-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-red-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
		background-color: #810206;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-teal1,
input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-teal1-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
		background-color: #00576B;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-teal2,
input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-teal2-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
		background-color: #1f7b92;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-blue1,
input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-blue1-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
		background-color: #007ab8;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-blue2,
input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-blue2-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-section-name {
		background-color: #006496;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-orange,
input.sheet-orange-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-orange-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-orange-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: radial-gradient(ellipse at top, #bc610e, #431c00);
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-threefold,
input.sheet-threefold-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-threefold-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-threefold-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: linear-gradient(135deg, #00658D, #2A828E, #87641B, #c79846, #851c07);
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-rainbow,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: radial-gradient(circle at bottom left, mediumvioletred, firebrick, darkorange, darkkhaki, forestgreen, blue, darkviolet);
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-green,
input.sheet-green-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-green-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-green-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-green-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: radial-gradient(circle at center, #1d8514, #1d8514, black);
}

/* dragonscale texture from https://www.myfreetextures.com/four-dragon-scale-background-textures/ */
.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-dragon,
input.sheet-dragon-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-dragon-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-dragon-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: url("https://i.imgur.com/ZiUOVSE.jpg");
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-lazarus,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: radial-gradient(circle at center, #3A8BCC, #124179);
}

.sheet-rolltemplate-age-roller .sheet-age-roller-title.sheet-age-roller-color-stars,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab-button:checked + span,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab-button:checked + span + span,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab-button:checked + span + span + span,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .sheet-section-name  {
                background-image: url("http://i.imgur.com/Xsnnevo.png");
}

input.sheet-stars-color-checkbox:checked ~ .sheet-tab5 .sheet-ability-strength .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab5 .sheet-ability-intelligence .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab5 .sheet-ability-accuracy .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab1 .sheet-ability-strength .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab1 .sheet-ability-fighting .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab1 .sheet-ability-communication .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .sheet-section:nth-child(odd) .sheet-section-name  {
                background-image: url("http://i.imgur.com/CEij2yw.png");
}
input.sheet-stars-color-checkbox:checked ~ .sheet-tab5 .sheet-ability-willpower .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab5 .sheet-ability-dexterity .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab5 .sheet-ability-communication .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab1 .sheet-ability-constitution .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab1 .sheet-ability-intelligence .sheet-section-name,
input.sheet-stars-color-checkbox:checked ~ .sheet-tab1 .sheet-ability-willpower .sheet-section-name {
                background-image: url("https://i.imgur.com/aRp1Jdz.png");
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-red,
input.sheet-red-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-red-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-red-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before,
input.sheet-red-color-checkbox:checked ~ .sheet-page .sheet-income-section button[type=action]::before {
		color: #810206;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-teal1,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-teal1-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-teal1-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #00576B;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-teal2,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-teal2-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-teal2-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #1f7b92;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-blue1,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-blue1-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-blue1-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #007ab8;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-blue2,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-blue2-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-blue2-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #006496;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-orange,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-orange-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-orange-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #BC610E;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-stars,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-stars-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-stars-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: black;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-threefold,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-threefold-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-threefold-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #1f7b92;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-lazarus,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-lazarus-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-lazarus-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
		color: #007ab8;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-green,
input.sheet-green-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-green-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-green-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-green-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-green-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-green-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-green-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
                color: #1D8514;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-rainbow,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-rainbow-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-rainbow-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
                color: blueviolet;
}

.sheet-rolltemplate-age-roller .sheet-die-face-drama.sheet-color-dragon,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_edit:after,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .repcontrol .repcontrol_add:before,
input.sheet-dragon-color-checkbox:checked ~ button[type=action].sheet-floating-dice-roller::before,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .sheet-attack-container button[type=action]::before,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .sheet-spell-short-container button[type=action]::before,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .sheet-focus-container button[type=action]::before,
input.sheet-dragon-color-checkbox:checked ~ .sheet-page .sheet-spell-container button[type=action]::before {
                color: darkred;
}


input.sheet-dragon-age-button:checked       ~ .sheet-page .sheet-no-dragon-age-selected,
input.sheet-fantasy-age-button:checked      ~ .sheet-page .sheet-no-fantasy-age-selected,
input.sheet-fantasy-age-core-button:checked ~ .sheet-page .sheet-no-fantasy-age-core-selected,
input.sheet-titansgrave-button:checked      ~ .sheet-page .sheet-no-titansgrave-selected,
input.sheet-blue-rose-button:checked        ~ .sheet-page .sheet-no-blue-rose-selected,
input.sheet-the-expanse-button:checked      ~ .sheet-page .sheet-no-the-expanse-selected,
input.sheet-modern-age-button:checked       ~ .sheet-page .sheet-no-modern-age-selected,
input.sheet-threefold-button:checked        ~ .sheet-page .sheet-no-threefold-selected,
input.sheet-world-of-lazarus-button:checked ~ .sheet-page .sheet-no-world-of-lazarus-selected {
  display: none;
}

.sheet-mod-selected { display: none; }

/* specific games */
input.sheet-dragon-age-button:checked       ~ .sheet-page .sheet-dragon-age-selected,
input.sheet-fantasy-age-button:checked      ~ .sheet-page .sheet-fantasy-age-selected,
input.sheet-fantasy-age-core-button:checked ~ .sheet-page .sheet-fantasy-age-core-selected,
input.sheet-titansgrave-button:checked      ~ .sheet-page .sheet-titansgrave-selected,
input.sheet-blue-rose-button:checked        ~ .sheet-page .sheet-blue-rose-selected,
input.sheet-the-expanse-button:checked      ~ .sheet-page .sheet-the-expanse-selected,
input.sheet-modern-age-button:checked       ~ .sheet-page .sheet-modern-age-selected,
input.sheet-threefold-button:checked        ~ .sheet-page .sheet-threefold-selected,
input.sheet-world-of-lazarus-button:checked ~ .sheet-page .sheet-world-of-lazarus-selected,
input.sheet-dragon-age-button:checked       ~ .sheet-page .sheet-old-age-selected,
input.sheet-fantasy-age-button:checked      ~ .sheet-page .sheet-old-age-selected,
input.sheet-titansgrave-button:checked      ~ .sheet-page .sheet-old-age-selected,
input.sheet-modern-age-button:checked       ~ .sheet-page .sheet-mod-selected,
input.sheet-threefold-button:checked        ~ .sheet-page .sheet-mod-selected,
input.sheet-world-of-lazarus-button:checked ~ .sheet-page .sheet-mod-selected,
input.sheet-fantasy-age-button:checked      ~ .sheet-page .sheet-second-gen-selected,
input.sheet-fantasy-age-core-button:checked ~ .sheet-page .sheet-second-gen-selected,
input.sheet-titansgrave-button:checked      ~ .sheet-page .sheet-second-gen-selected,
input.sheet-blue-rose-button:checked        ~ .sheet-page .sheet-second-gen-selected {
		display: inline-block;
}

input.sheet-modern-age-button:checked ~ .sheet-page .sheet-no-mod-selected,
input.sheet-threefold-button:checked ~ .sheet-page .sheet-no-mod-selected,
input.sheet-world-of-lazarus-button:checked ~ .sheet-page .sheet-no-mod-selected {
display: none;
}

.sheet-tab7 .sheet-row {
		float: right;
}

.sheet-col-options {
		width: 373px;
}

.sheet-small-section {
		width: 182.5px;
}

.sheet-larger-section {
		width: 371px;
}

.sheet-list-toggle-text {
		margin-top: 1px;
		margin-right: 7px;
		margin-bottom: 3px;
}

.sheet-aim-toggle-text {
		margin-top: 5px;
		margin-right: 7px;
		margin-bottom: 4px;
}

.sheet-select-text {
		margin-top: 5px;
		margin-right: 1px;
}

.sheet-list-toggle-container input[type="checkbox"] + span::before {
		margin-right: none;
}

.sheet-tab7 .sheet-section select {
	    border-bottom: 1px solid #D3D3D3;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		background: none;
		box-shadow: none;
		float: right;
		width: 150px;
		border-radius: 0px;
		margin-top: 0px;
		margin-bottom: 2px;
		margin-left: 0px;
		margin-right: 1px;
		padding: 0px;
}

.sheet-tab7 .sheet-section select[name="attr_char-name-option"] {
		width: 75px;
}

input.sheet-conditions-section-checkbox:checked ~ .sheet-page .sheet-conditions-section,
input.sheet-mana-section-checkbox:checked       ~ .sheet-page .sheet-mana-section,
input.sheet-exp-section-checkbox:checked        ~ .sheet-page .sheet-experience-points-section,
input.sheet-fatigue-section-checkbox:checked    ~ .sheet-page .sheet-fatigue-section,
input.sheet-fear-section-checkbox:checked       ~ .sheet-page .sheet-fear-section,
input.sheet-horror-section-checkbox:checked     ~ .sheet-page .sheet-horror-section,
input.sheet-conviction-section-checkbox:checked ~ .sheet-page .sheet-conviction-section,
input.sheet-corruption-section-checkbox:checked ~ .sheet-page .sheet-corruption-section,
input.sheet-ammo-col-checkbox:checked           ~ .sheet-page .sheet-attack-container .sheet-col-ammo,
input.sheet-power-list-checkbox:checked         ~ .sheet-page .sheet-power-short-container,
input.sheet-talent-list-checkbox:checked        ~ .sheet-page .sheet-talent-short-container,
input.sheet-spell-list-checkbox:checked         ~ .sheet-page .sheet-spell-short-divtohide,
input.sheet-equipment-section-checkbox:checked  ~ .sheet-page .sheet-equipment-section,
input.sheet-income-section-checkbox:checked     ~ .sheet-page .sheet-income-section,
input.sheet-initiative-section-checkbox:checked ~ .sheet-page .sheet-initiative-focus,
input.sheet-initiative-section-checkbox:checked ~ .sheet-page .sheet-initiative-section,
input.sheet-money-section-checkbox:checked      ~ .sheet-page .sheet-money-section  {
		display: inline-block;
}

input.sheet-whisper-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-whisper,
input.sheet-whisper-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-whisper + span,
input.sheet-aim-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-aim,
input.sheet-aim-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-aim + span,
input.sheet-stunts2-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-stunts2,
input.sheet-stunts2-toggle-checkbox:checked ~ input.sheet-tab-button.sheet-tab-stunts2 + span {
		display: block;
}

input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-speed-defense-armor-container {
		width: calc(75% - 2.9px);
}

input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-speed-defense-score {
		margin-left: 33%;
}

input.sheet-mana-section-checkbox:not(:checked) + input.sheet-exp-section-checkbox:not(:checked) + input.sheet-fatigue-section-checkbox:not(:checked) + input.sheet-conviction-section-checkbox:not(:checked) + input.sheet-corruption-section-checkbox:not(:checked) ~ .sheet-page .sheet-maximum-input span {
		margin-left: 20px;
}

input.sheet-ammo-col-checkbox:checked ~ .sheet-page .sheet-attack-container .sheet-col-attack-name {
		width: 125px;
}

.sheet-aim-value-field input[type=number] {
		text-align: center;
		width: 18px;
		border-top: 0px;
		border-left:0px;
		border-right: 0px;
		border-bottom: 1px solid #D3D3D3;
		background: none;
		box-shadow: none;
		border-radius: 0px;
		margin-right: 3px;
		margin-top: 6px;
		padding: 0px;
}

.sheet-aim-value-field input[type=number]::-webkit-inner-spin-button,
.sheet-aim-value-field input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
}

.sheet-aim-value-field input[type=number] {
		-moz-appearance:textfield;
}

.sheet-version-name {
		font-weight: bold;
		float: right;
}
.sheet-about {
    padding: 10px;
}

/* ROLL TEMPLATES */

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

.sheet-rolltemplate-default caption {
		background-color: black;
		font-weight: bold;
		border-top: 1px solid black;
		border-bottom: 0px;
		border-left: 1px solid black;
		border-right: 1px solid black;
}

.sheet-rolltemplate-default td:first-child {
		text-align: left;
}

.sheet-rolltemplate-default td:nth-child(2) {
		text-align: right;
}

.sheet-rolltemplate-age-roller .sheet-age-roller-container { width: 225px; border: 1px solid black; padding: 0; margin: 0; background-color: white; color: black; }
.sheet-rolltemplate-age-roller .sheet-age-roller-result { width: 100%; padding-top: 10px; text-align: center; border-bottom: 1px solid black;padding-bottom: 5px; }
.sheet-rolltemplate-age-roller .sheet-die-face { font-size: 48px; font-weight: bold; font-family: "dicefontd6"; color: #333333; }
.sheet-rolltemplate-age-roller .sheet-die-face-drama { text-transform: uppercase; }
.sheet-rolltemplate-age-roller .sheet-die-seperator { font-size: 38px; font-weight: bold; vertical-align: top;}
.sheet-rolltemplate-age-roller .sheet-age-roller-stunt + .sheet-age-roller-stunt { display: none; }
.sheet-rolltemplate-age-roller .sheet-age-roller-line { padding-top: 2px; padding-bottom: 2px; text-align: top; }
.sheet-rolltemplate-age-roller .sheet-age-roller-stunt { border-top: 1px solid black; color: green; font-weight: bold; }
.sheet-rolltemplate-age-roller .sheet-age-roller-col1 { display: inline-block; width: 161px; text-align: left; margin-left: 5px; margin-right: 5px; }
.sheet-rolltemplate-age-roller .sheet-age-roller-col2 { display: inline-block; width: 40px;  text-align: right; margin-left: 5px; margin-right: 5px; font-weight: bold; }
.sheet-rolltemplate-age-roller .sheet-age-roller-title { background-color: black; color: white; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 3px; }
.sheet-rolltemplate-age-roller .sheet-age-roller-total { border-top: 1px solid black; }
.sheet-rolltemplate-age-roller .sheet-age-roller-total .sheet-age-roller-col1 { font-weight: bold; }
.sheet-rolltemplate-age-roller .sheet-age-roller-tn { border-top: 1px solid black; font-style: italic; }

.sheet-rolltemplate-age-roller .sheet-age-roller-col2 .inlinerollresult { background-color: transparent; border: none; padding: 0; margin: 0; text-align: right; }
.sheet-rolltemplate-age-roller .sheet-age-roller-col2 .inlinerollresult.fullfail,
.sheet-rolltemplate-age-roller .sheet-age-roller-col2 .inlinerollresult.fullcrit,
.sheet-rolltemplate-age-roller .sheet-age-roller-col2 .inlinerollresult.importantroll { border: none; }

/* Tool tips based on http://jsfiddle.net/Lithl/4naLge77/ */
.sheet-tooltip {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    outline: none;
    cursor: help;
}
/* .sheet-tooltip strong { line-height: 30px; }  */
.sheet-tooltip:hover span {
    display: block;
    position: absolute;
}
.sheet-tooltip:hover { text-decoration: none; }
.sheet-tooltip span {
    display: none;
    border-radius: 4px;
 /*   box-shadow: 5px 5px 8px #eee;  */
    z-index: 10;
    padding: 14px 20px;
    margin-top: 10px;
    margin-left: -150px;
    width: 300px;
    line-height: 16px;
    color: #111;
    border: 1px solid #333;
    background: #eee;
}

.sheet-page select.sheet-color-select option { color: white; }
.sheet-page select.sheet-color-select option[value=black] { background-color: black; }
.sheet-page select.sheet-color-select option[value=red] { background-color: #810206; }
.sheet-page select.sheet-color-select option[value=teal1] { background-color: #00576b; }
.sheet-page select.sheet-color-select option[value=teal2] { background-color: #1f7b92; }
.sheet-page select.sheet-color-select option[value=blue1] { background-color: #007ab8; }
.sheet-page select.sheet-color-select option[value=blue2] { background-color: #006496; }
.sheet-page select.sheet-color-select option[value=orange] { background-color: white; color: #bc610e; font-weight: bold; }
.sheet-page select.sheet-color-select option[value=stars] { background-color: white; color: black; font-weight: bold; }
.sheet-page select.sheet-color-select option[value=threefold] { background-color: white; color: #1f7b92; font-weight: bold; }
.sheet-page select.sheet-color-select option[value=lazarus] { background-color: white; color: #007ab8; font-weight: bold; }
.sheet-page select.sheet-color-select option[value=green] { background-color: white; color: #1d8514; font-weight: bold; }
.sheet-page select.sheet-color-select option[value=rainbow] { background-color: white; color: blueviolet; font-weight: bold; }
.sheet-page select.sheet-color-select option[value=dragon] { background-color: white; color: darkred; font-weight: bold; }