.charsheet input,
.charasheet textarea {
	background-color: transparent;
	border: none;
	color: black;
}

.charsheet td,
.charsheet th {
	margin: 10px;
	text-align: right;
	padding: 5px;
}

.charsheet div.sheet-labelRight {
	display: inline-block;
	text-align: right;
	font-size: .75em;
	font-weight: bold;
}

.charsheet input.sheet-header {
	font-size: .95em; 
	margin:0px; 
	margin-left: 3px; 
	padding:0px;
}

.charsheet input.sheet-movement {
	text-align: right;
	border: none;
	margin: none;
	padding: none;
}

.charsheet h2.sheet-sectionHeader {
	background-color: #8a0000;
	font-family: "Contrail One";
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 75%;
}

.charsheet div.sheet-statRow {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.charsheet div.sheet-Stat,
.charsheet div.sheet-Statbox,
.charsheet div.sheet-Power {
	display: inline-block;
	border: none;
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
}

.charsheet div.sheet-Stat,
.charsheet div.sheet-Power {
	width: 120px; /*145*/
	font-size: 1.5em;
	font-weight: bold;
	color: black;
	padding-top: 2px;
}

.charsheet div.sheet-Power {
	width: 300px;
}

.charsheet .sheet-statField {
	text-align: center;
	font-weight: bold;
}

.charsheet textarea.sheet-attNotes,
.charsheet textarea.sheet-powNotes {
	width: 98%; 
	max-width: 98%;
	border: none; 
	background-color: transparent; 
	color: black; 
	height: 35px;
}

.charsheet textarea.sheet-powNotes {
	font-size: .85em;
}

.charsheet textarea.sheet-description {
	width: 96%; 
	max-width: 96%;
	border: none; 
	background-color: transparent; 
	color: black;
	font-size: .75em; 
	height:150px;
}

.charsheet .repcontrol_add,
.charsheet .repcontrol_edit,
.charsheet .repcontrol_del {
	display: block;
    background: #8a0000;
    color: white;
    box-shadow:none;
    /*font-size:0.9em;
    height:2.2em;*/
}

.charsheet .repcontrol_add,
.charsheet .repcontrol_edit {
    font-family: "Contrail One";
}

.charsheet div.sheet-statBar1,
.charsheet div.sheet-statBar2,
.charsheet div.sheet-statBar3,
.charsheet div.sheet-statBar4,
.charsheet div.sheet-statBar5,
.charsheet div.sheet-statBar6,
.charsheet div.sheet-statBar7,
.charsheet div.sheet-statBar8,
.charsheet div.sheet-statBar9,
.charsheet div.sheet-statBar10,
.charsheet div.sheet-statBar11,
.charsheet div.sheet-statBar12,
.charsheet div.sheet-statBar13,
.charsheet div.sheet-statBar14 {
	display: inline-block;
	border: 1px solid white;
	margin: 0px;
	padding: 0px;
	/*border: 1px dotted blue;*/
	width: 9px;
}

.charsheet input[value="1"]:checked ~ .sheet-statBar1,
.charsheet input[value="2"]:checked ~ .sheet-statBar1,
.charsheet input[value="2"]:checked ~ .sheet-statBar2 {
	background-color: #dceac8;
}

.charsheet input[value="3"]:checked ~ .sheet-statBar1,
.charsheet input[value="3"]:checked ~ .sheet-statBar2,
.charsheet input[value="3"]:checked ~ .sheet-statBar3,
.charsheet input[value="4"]:checked ~ .sheet-statBar1,
.charsheet input[value="4"]:checked ~ .sheet-statBar2,
.charsheet input[value="4"]:checked ~ .sheet-statBar3,
.charsheet input[value="4"]:checked ~ .sheet-statBar4 {
	background-color: #b9ebdf;
}

.charsheet input[value="5"]:checked ~ .sheet-statBar1,
.charsheet input[value="5"]:checked ~ .sheet-statBar2,
.charsheet input[value="5"]:checked ~ .sheet-statBar3,
.charsheet input[value="5"]:checked ~ .sheet-statBar4,
.charsheet input[value="5"]:checked ~ .sheet-statBar5,
.charsheet input[value="6"]:checked ~ .sheet-statBar1,
.charsheet input[value="6"]:checked ~ .sheet-statBar2,
.charsheet input[value="6"]:checked ~ .sheet-statBar3,
.charsheet input[value="6"]:checked ~ .sheet-statBar4,
.charsheet input[value="6"]:checked ~ .sheet-statBar5,
.charsheet input[value="6"]:checked ~ .sheet-statBar6 {
	background-color: #bce0ea;
}

.charsheet input[value="7"]:checked ~ .sheet-statBar1,
.charsheet input[value="7"]:checked ~ .sheet-statBar2,
.charsheet input[value="7"]:checked ~ .sheet-statBar3,
.charsheet input[value="7"]:checked ~ .sheet-statBar4,
.charsheet input[value="7"]:checked ~ .sheet-statBar5,
.charsheet input[value="7"]:checked ~ .sheet-statBar6,
.charsheet input[value="7"]:checked ~ .sheet-statBar7,
.charsheet input[value="8"]:checked ~ .sheet-statBar1,
.charsheet input[value="8"]:checked ~ .sheet-statBar2,
.charsheet input[value="8"]:checked ~ .sheet-statBar3,
.charsheet input[value="8"]:checked ~ .sheet-statBar3,
.charsheet input[value="8"]:checked ~ .sheet-statBar4,
.charsheet input[value="8"]:checked ~ .sheet-statBar5,
.charsheet input[value="8"]:checked ~ .sheet-statBar6,
.charsheet input[value="8"]:checked ~ .sheet-statBar7,
.charsheet input[value="8"]:checked ~ .sheet-statBar8 {
	background-color: #c3c7e9;
}

.charsheet input[value="9"]:checked ~ .sheet-statBar1,
.charsheet input[value="9"]:checked ~ .sheet-statBar2,
.charsheet input[value="9"]:checked ~ .sheet-statBar3,
.charsheet input[value="9"]:checked ~ .sheet-statBar4,
.charsheet input[value="9"]:checked ~ .sheet-statBar5,
.charsheet input[value="9"]:checked ~ .sheet-statBar6,
.charsheet input[value="9"]:checked ~ .sheet-statBar7,
.charsheet input[value="9"]:checked ~ .sheet-statBar8,
.charsheet input[value="9"]:checked ~ .sheet-statBar9,
.charsheet input[value="10"]:checked ~ .sheet-statBar1,
.charsheet input[value="10"]:checked ~ .sheet-statBar2,
.charsheet input[value="10"]:checked ~ .sheet-statBar3,
.charsheet input[value="10"]:checked ~ .sheet-statBar4,
.charsheet input[value="10"]:checked ~ .sheet-statBar5,
.charsheet input[value="10"]:checked ~ .sheet-statBar6,
.charsheet input[value="10"]:checked ~ .sheet-statBar7,
.charsheet input[value="10"]:checked ~ .sheet-statBar8,
.charsheet input[value="10"]:checked ~ .sheet-statBar9,
.charsheet input[value="10"]:checked ~ .sheet-statBar10 {
	background-color: #e4c6e9;
}

.charsheet input[value="11"]:checked ~ .sheet-statBar1,
.charsheet input[value="11"]:checked ~ .sheet-statBar2,
.charsheet input[value="11"]:checked ~ .sheet-statBar3,
.charsheet input[value="11"]:checked ~ .sheet-statBar4,
.charsheet input[value="11"]:checked ~ .sheet-statBar5,
.charsheet input[value="11"]:checked ~ .sheet-statBar6,
.charsheet input[value="11"]:checked ~ .sheet-statBar7,
.charsheet input[value="11"]:checked ~ .sheet-statBar8,
.charsheet input[value="11"]:checked ~ .sheet-statBar9,
.charsheet input[value="11"]:checked ~ .sheet-statBar10,
.charsheet input[value="11"]:checked ~ .sheet-statBar11,
.charsheet input[value="12"]:checked ~ .sheet-statBar1,
.charsheet input[value="12"]:checked ~ .sheet-statBar2,
.charsheet input[value="12"]:checked ~ .sheet-statBar3,
.charsheet input[value="12"]:checked ~ .sheet-statBar4,
.charsheet input[value="12"]:checked ~ .sheet-statBar5,
.charsheet input[value="12"]:checked ~ .sheet-statBar6,
.charsheet input[value="12"]:checked ~ .sheet-statBar7,
.charsheet input[value="12"]:checked ~ .sheet-statBar8,
.charsheet input[value="12"]:checked ~ .sheet-statBar9,
.charsheet input[value="12"]:checked ~ .sheet-statBar10,
.charsheet input[value="12"]:checked ~ .sheet-statBar11,
.charsheet input[value="12"]:checked ~ .sheet-statBar12 {
	background-color: #f4c5dd;
}

.charsheet input[value="13"]:checked ~ .sheet-statBar1,
.charsheet input[value="13"]:checked ~ .sheet-statBar2,
.charsheet input[value="13"]:checked ~ .sheet-statBar3,
.charsheet input[value="13"]:checked ~ .sheet-statBar4,
.charsheet input[value="13"]:checked ~ .sheet-statBar5,
.charsheet input[value="13"]:checked ~ .sheet-statBar6,
.charsheet input[value="13"]:checked ~ .sheet-statBar7,
.charsheet input[value="13"]:checked ~ .sheet-statBar8,
.charsheet input[value="13"]:checked ~ .sheet-statBar9,
.charsheet input[value="13"]:checked ~ .sheet-statBar10,
.charsheet input[value="13"]:checked ~ .sheet-statBar11,
.charsheet input[value="13"]:checked ~ .sheet-statBar12,
.charsheet input[value="13"]:checked ~ .sheet-statBar13,
.charsheet input[value="14"]:checked ~ .sheet-statBar1,
.charsheet input[value="14"]:checked ~ .sheet-statBar2,
.charsheet input[value="14"]:checked ~ .sheet-statBar3,
.charsheet input[value="14"]:checked ~ .sheet-statBar4,
.charsheet input[value="14"]:checked ~ .sheet-statBar5,
.charsheet input[value="14"]:checked ~ .sheet-statBar6,
.charsheet input[value="14"]:checked ~ .sheet-statBar7,
.charsheet input[value="14"]:checked ~ .sheet-statBar8,
.charsheet input[value="14"]:checked ~ .sheet-statBar9,
.charsheet input[value="14"]:checked ~ .sheet-statBar10,
.charsheet input[value="14"]:checked ~ .sheet-statBar11,
.charsheet input[value="14"]:checked ~ .sheet-statBar12,
.charsheet input[value="14"]:checked ~ .sheet-statBar13,
.charsheet input[value="14"]:checked ~ .sheet-statBar14 {
	background-color: #f4c4c5;
}

/* Rank Slider Colors

1-2: #dceac8
3-4: #b9ebdf
5-6: #bce0ea
7-8: #c3c7e9
9-10: #e4c6e9
11-12: #f4c5dd
13-14: #f4c4c5

*/

.charsheet .sheet-statColor {
	display: none;
}

/* Roll Button Configuration */

.charsheet button[type=roll] { /*Regular roll button*/
	background-color: #8a0000;
	color: white;
	background-image: none;
}

.charsheet button[type=roll].sheet-textButton {
    background-color: transparent;
    color: black;
    border: none;
    font-size: 1em;
	font-weight: bold;
    text-align: left;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
    /*margin-top: -5px;*/
    /*width: 70%;*/
}

.charsheet button[type=roll].sheet-textButton::before,
.charsheet button[type=roll].sheet-powerButton::before {
    content: "" !important;
}

.charsheet button[type=roll].sheet-textButton:hover,
button[type=roll]:hover * {
    color: #8a0000;
}

button[type=roll].sheet-textButton * {
    pointer-events: none;
}

/* End Roll Button Configuration */
.charsheet div.sheet-movementTable,
.charsheet div.sheet-Powers,
.charsheet div.sheet-Weapons {
	display: block;
}

.charsheet input.sheet-hideMovement:not(:checked) + span.sheet-hideMovement::before,
.charsheet input.sheet-hidePowers:not(:checked) + span.sheet-hidePowers::before,
.charsheet input.sheet-hideWeapons:not(:checked) + span.sheet-hideWeapons::before {
    content: "Hide ";
}

.charsheet input.sheet-hideMovement:checked + span.sheet-hideMovement::before,
.charsheet input.sheet-hidePowers:checked + span.sheet-hidePowers::before,
.charsheet input.sheet-hideWeapons:checked + span.sheet-hideWeapons::before {
    content: "Show ";
}

.charsheet input.sheet-hideMovement,
.charsheet input.sheet-hidePowers,
.charsheet input.sheet-hideWeapons {
    /*width: 20%;*/
    width: 158px;
    height: 16px;
    cursor: pointer;	
    margin-left: auto;
    margin-top: auto;
	/*position: absolute;
	right: 20%;*/
	opacity: 0;
	z-index: 9999;
}

.charsheet span.sheet-hideMovement,
.charsheet span.sheet-hidePowers,
.charsheet span.sheet-hideWeapons {
    text-align: center;
    display: inline-block;    
    width: 158px;
    height: 16px;
    font-size: 9px;
    /*background: #65763c;*/
    background: #8a0000; /*#93537c;*/
	color: white; /*white;*/
	font-weight: bold;
	border-radius: 4px;
	margin-left: -158px;
}

/*.sheet-hideMovement:checked ~ span.sheet-hideMovement,*/
.sheet-hideMovement:checked ~ div.sheet-movementTable,
.sheet-hidePowers:checked ~ div.sheet-Powers,
.sheet-hideWeapons:checked ~ div.sheet-Weapons {
	display: none;
}