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

.sheet-background-wrap{
    background-color: black;
    -background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/bg.png?raw=true");
    background-repeat: repeat;
    padding: 5px;
    margin: -10px !important;
    min-width: 1140px;
    -min-width: 830px;
}
input.sheet-tab-sheet[value="Xeno"] ~ .sheet-background-wrap {
    min-width: 800px;
}
.sheet-spacebackground:checked ~ .sheet-background-wrap {
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/bg.png?raw=true");
    background-repeat: repeat;
}
.sheet-header-image{
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Weyland-Yutani.png?raw=true");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 25px;
    -margin-bottom: 10px;
    margin-top: 2px;
}

.sheet-header-tabs {
    display: flex;
    flex-direction: column;
    -align-items: flex-end;
    justify-items: right;
    justify-content: flex-end;
    align-self: end;
    align-items: flex-start;
    justify-self: flex-end;
    margin-right: 0 !important;
}

.sheet-footer-text{
    display: block;
    text-align: center;
    font-family: 'Graduate';
    text-transform: uppercase;
    color: rgba(211, 211, 211, 1);
}

.sheet-grid-container {
    display: grid;
    background-color: transparent;
    border: 2px solid rgba(211, 211, 211, 1); /* LightGrey */
    border-radius: 0px;
    grid-gap: 10px;
    padding: 10px;
    text-align: center;
}

.sheet-contains-thirteen-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.sheet-contains-four-columns {
    grid-template-columns: 20% 20% auto 25%;
    grid-gap: 0px;
    padding: 0px;
    text-align: left;
    border-color: transparent;
}
.sheet-contains-five-columns {
    grid-template-columns: 15% 15% auto 20% 15%;
    grid-gap: 0px;
    padding: 0px;
    text-align: left;
    border-color: transparent;
}
.sheet-contains-seven-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 2px;
}

.sheet-contains-eight-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
    padding: 10px;
    text-align: left;
}
.sheet-contains-fourteen-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    z-index: 5;
}


.sheet-roll-buttons{
    display: grid;
    text-align: center;
    grid-gap: 5px;
}

.sheet-alpha-buttons{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.sheet-beta-buttons{
    grid-template-columns: 1fr 1fr 1fr;
    margin: 5px 0px;
    
}
.sheet-gamma-buttons{
    grid-template-columns: 1fr 1fr;
}

.sheet-span-one-two { grid-column: 1 / 3;}
.sheet-span-one-thru-three { grid-column: 1 / 4;}
.sheet-span-one-thru-four { grid-column: 1 / 5;}
.sheet-span-one-thru-five { grid-column: 1 / 6;}
.sheet-span-one-thru-six { grid-column: 1 / 7;}
.sheet-span-one-thru-seven { grid-column: 1 / 8;}
.sheet-span-two-three { grid-column: 2 / 4;}
.sheet-span-two-thru-four { grid-column: 2 / 5;}
.sheet-span-three-four { grid-column: 3 / 5;}
.sheet-span-three-thru-five { grid-column: 3 / 6;}
.sheet-span-three-thru-six { grid-column: 3 / 7;}
.sheet-span-four { grid-column: 4;}
.sheet-span-four-five { grid-column: 4 / 6;}
.sheet-span-four-thru-six { grid-column: 4 / 7;}
.sheet-span-five-six { grid-column: 5 / 7;}
.sheet-span-five-thru-seven { grid-column: 5 / 8;}
.sheet-span-five-thru-eight { grid-column: 5 / 9;}
.sheet-span-five-thru-nine { grid-column: 5 / 10;}
.sheet-span-five-thru-ten { grid-column: 5 / 11;}
.sheet-span-six-seven { grid-column: 6 / 8;}
.sheet-span-six-thru-eight { grid-column: 6 / 9;}
.sheet-span-six-thru-nine { grid-column: 6 / 10;}
.sheet-span-six-thru-fourteen { grid-column: 6 / 15;}
.sheet-span-seven-eight { grid-column: 7 / 9;}
.sheet-span-seven-thru-nine { grid-column: 7 / 10;}
.sheet-span-seven-thru-thirteen { grid-column: 7 / 14;}
.sheet-span-seven-thru-fourteen { grid-column: 7 / 15;}
.sheet-span-eight { grid-column: 8 / 9;}
.sheet-span-eight-nine { grid-column: 8 / 10;}
.sheet-span-eight-thru-ten { grid-column: 8 / 11;}
.sheet-span-eight-thru-eleven { grid-column: 8 / 12;}
.sheet-span-eight-thru-twelve { grid-column: 8 / 13;}
.sheet-span-eight-thru-thirteen { grid-column: 8 / 14;}
.sheet-span-eight-thru-fourteen { grid-column: 8 / 15;}
.sheet-span-nine { grid-column: 9;}
.sheet-span-nine-ten { grid-column: 9 / 11;}
.sheet-span-nine-thru-eleven { grid-column: 9 / 12;}
.sheet-span-nine-thru-thirteen { grid-column: 9 / 14;}
.sheet-span-nine-thru-fourteen { grid-column: 9 / 15;}
.sheet-span-ten { grid-column: 10;}
.sheet-span-ten-eleven { grid-column: 10 / 12;}
.sheet-span-ten-thru-twelve {    grid-column: 10 / 13;}
.sheet-span-ten-thru-thirteen {    grid-column: 10 / 14;}
.sheet-span-ten-thru-fourteen {    grid-column: 10 / 15;}
.sheet-span-eleven {    grid-column: 11;}
.sheet-span-eleven-thru-thirteen {    grid-column: 11 / 14;}
.sheet-span-eleven-thru-fourteen {    grid-column: 11 / 15;}
.sheet-span-twelve {    grid-column: 12;}
.sheet-span-twelve-thirteen {    grid-column: 12 / 14;}
.sheet-span-twelve-thru-fourteen {    grid-column: 12 / 15;}
.sheet-span-thirteen {    grid-column: 13;}
.sheet-span-thirteen-fourteen {    grid-column: 13 / 15;}
.sheet-span-fourteen {    grid-column: 14;}
.sheet-span-personal-agenda {    grid-row: 1 / 3;}
.sheet-span-talents {    grid-row: 1 / 5;}
.sheet-span-modules {    grid-row: 1 / 9;}
.sheet-span-log {    grid-row: 1 / 9;}
.sheet-span-relationships {    grid-row: 3 / 5;}
.sheet-span-radiation {    grid-row: 7 / 9;}
.sheet-span-critical-injuries {    grid-row: 9 / 11;}
.sheet-span-gear {    grid-row: 10 / 16;}
.sheet-span-conditions {    grid-row: 11 / 14;}
.sheet-span-weapons {    grid-row: 13 / 16;}
.sheet-span-comp-dmg {    grid-row: 9;}
.sheet-span-upg-arm { grid-row: 10;}
.sheet-span-row1 { grid-row: 1;}
.sheet-span-row1-2 { grid-row: 1/3;}
.sheet-span-row2 { grid-row: 2;}
.sheet-span-row2-3 { grid-row: 2/4;}
.sheet-span-row3 { grid-row: 3;}
.sheet-span-row3-4 { grid-row: 3/5;}
.sheet-span-row4 { grid-row: 4;}
.sheet-span-row4-5 { grid-row: 4/6;}
.sheet-span-row4-6 { grid-row: 4/7;}
.sheet-span-row5 { grid-row: 5;}
.sheet-span-row5-8 { grid-row: 5/9;}
.sheet-span-row6 { grid-row: 6;}
.sheet-span-row7 { grid-row: 7;}
.sheet-span-row8 { grid-row: 8;}
.sheet-span-row9 { grid-row: 9;}
.sheet-span-row10 { grid-row: 10;}
.sheet-span-row11 { grid-row: 11;}
.sheet-span-row12 { grid-row: 12;}
.sheet-span-row13 { grid-row: 13;}

.sheet-xeno-column > div.sheet-grid-item {
    margin-top: 20px;
}
.sheet-xeno-column > div.sheet-col-separator{
    width: 5%;
}

.sheet-cover-100-flex { width: 100% !important; display: flex; }
.sheet-cover-100 {    width: 100% !important; }
.sheet-cover-90 {    width: 90% !important; }
.sheet-cover-80 {    width: 80% !important; }
.sheet-cover-75 {    width: 75% !important; }
.sheet-cover-70 {    width: 70% !important; }
.sheet-cover-60 {    width: 60% !important; }
.sheet-cover-45 {    width: 45% !important; }
.sheet-cover-40 {    width: 40% !important; }
.sheet-cover-25 {    width: 25% !important; }
.sheet-cover-20 {    width: 20% !important; }
.sheet-cover-15 {    width: 15% !important; }
.sheet-cover-10 {    width: 10% !important; }

.sheet-pad-left { padding-left: 8px !important; }
.sheet-pad-right { padding-right: 8px !important; }
.sheet-pad-right-30px { padding-right: 30px !important; }
.sheet-marg-right {margin-right: 3px;}

.sheet-grid-item {
    background-color: rgba(204, 217, 207, 1);
    border: 1px solid rgba(211, 211, 211, 1); /* LightGrey */
    border-radius: 5px;
    padding: 5px;
    line-height: 24px;
    vertical-align: bottom;
}
.sheet-grid-item-black {
    background-color: transparent;
    border: 0; 
    padding: 5px;
    line-height: 24px;
    vertical-align: bottom;
}
.sheet-no-border {
    border: 0 !important;
    border-radius: unset; 
}

.sheet-clip-edges {
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
    margin-top: 10;
}

.sheet-flex { display: flex; }
.sheet-flex-column { display: flex; flex-direction: column; }
.sheet-flex-row { display: flex; flex-direction: row; }
.sheet-flex-wrap { flex-wrap: wrap; }
.sheet-flex-nowrap { flex-wrap: nowrap; }
.sheet-flex-break { flex-basis: 100%; height: 0; }

.sheet-float-left { float: left; }
.sheet-float-right { float: right; }
.sheet-flex-center { display: flex; align-self: center; justify-self: center; }
.sheet-flex-items-center { display: flex; justify-items: center; align-self: center; }
.sheet-flex-items-right { display: flex; justify-items: right; }
.sheet-flex-items-left { display: flex; justify-items: left; }
.sheet-flex-items-align-center { display: flex; align-items: center; }
.sheet-flex-items-justify-center { display: flex; justify-items: center; }
.sheet-flex-content-center { display: flex; justify-content: center; align-self: center; }
.sheet-flex-content-right { display: flex; justify-content: right; }
.sheet-flex-content-end { display: flex; justify-content: flex-end; }
.sheet-flex-content-left { display: flex; justify-content: left; }
.sheet-flex-content-align-center { display: flex; align-items: center; }
.sheet-flex-content-justify-center { display: flex; justify-items: center; }
.sheet-flex-content-spaceeven { display: flex; justify-content: space-evenly; }
.sheet-flex-content-spacebetween { display: flex; justify-content:space-between; }
.sheet-flex-content-spacearound { display: flex; justify-content:space-around; }
.sheet-flex-self-center { display: flex; justify-self: center; align-self: center; }
.sheet-flex-self-right { display: flex; justify-self: right; }
.sheet-flex-self-left { display: flex; justify-self: left; }
.sheet-flex-self-align-center { display: flex; align-items: center; }
.sheet-flex-self-justify-center { display: flex; justify-items: center; }
.sheet-flex-self-align-end { display: flex; align-items: flex-end; }
.sheet-flex-self-justify-end { display: flex; justify-items: flex-end; }
.sheet-flex-self-align-start { display: flex; align-items: flex-start; }
.sheet-flex-self-justify-start { display: flex; justify-items: flex-start; }

.sheet-black-item {
    background-color: transparent;
    border: 1px solid transparent;
}

.sheet-what-padding {     padding: 0px; }
.sheet-some-padding {    padding: 4px; }

.sheet-shift-up-5 {    margin-top: -5px; }
.sheet-shift-up-8 {    margin-top: -8px; }
.sheet-shift-up-10 {    margin-top: -10px; }
.sheet-shift-up-16 {    margin-top: -16px; }
.sheet-shift-up-20 {    margin-top: -20px; }
.sheet-shift-up-24 {    margin-top: -24px; }
.sheet-shift-down-5 {    margin-top: 5px; }
.sheet-shift-down-8 {    margin-top: 8px; }
.sheet-shift-down-10 {    margin-top: 10px; }
.sheet-shift-down-15 {    margin-top: 15px; }
.sheet-shift-down-17 {    margin-top: 17px; }

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

.sheet-w40 { max-width: 40px; min-width: 40px; }
.sheet-w50pc { max-width: 50%; min-width: 50%; }
.sheet-w60 { max-width: 60px; min-width: 60px; }
.sheet-w60pc { max-width: 60%; min-width: 60%; }
.sheet-w70pc { max-width: 70%; min-width: 70%; }
.sheet-w80 { max-width: 80px; min-width: 80px; }
.sheet-w90pc { max-width: 90%; min-width: 90%; }
.sheet-w120 { max-width: 120px; min-width: 120px; }
.sheet-w130 { max-width: 130px; min-width: 130px; }
.sheet-w140 { max-width: 140px; min-width: 140px; }
.sheet-w150 { max-width: 150px; min-width: 150px; }
.sheet-w160 { max-width: 160px; min-width: 160px; }
.sheet-w170 { max-width: 170px; min-width: 170px; }
.sheet-w180 { max-width: 180px; min-width: 180px; }
.sheet-w200 { max-width: 200px; min-width: 200px; }
.sheet-w220 { max-width: 220px; min-width: 220px; }
.sheet-w250 { max-width: 250px; min-width: 250px; }
.sheet-w300 { max-width: 300px; min-width: 300px; }
.sheet-w-fit { width: fit-content; }
.sheet-h-fit { height: fit-content; }

.sheet-text-underline { text-decoration: underline; }

.sheet-weapon-item {
    padding: 0px;
    text-align: center;
    border: 1px solid rgba(204, 217, 207, 1);
    width: auto;
    border-radius: 0px;
    border-right: 1px dashed rgb(0, 139, 139); /* Dark Cyan #008b8b */
}

.sheet-weapon-item.sheet-range {
    padding: 0px 20px;
}
.sheet-span-gear .sheet-weight,
.sheet-weapon-item.sheet-weight {
    padding: 0px 3px;
}
.sheet-span-gear select.sheet-weight,
.sheet-weapon-item.sheet-weight select,
.sheet-weapon-item.sheet-range select {
    text-align: center;
}
.sheet-span-gear select.sheet-weight,
.sheet-weapon-item.sheet-weight select {
    float: right;
    width: 46px;
    appearance: none;
    -webkit-appearance: none;
}
.sheet-weapon-item.sheet-weight {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -align-content: flex-start;
}
.sheet-weapon-item.sheet-weight select {
    align-self: center;
}
.sheet-span-gear .sheet-weight:hover,
.sheet-span-gear .sheet-weight:active,
.sheet-span-gear .sheet-weight:focus,
.sheet-weapon-item.sheet-weight select:hover,
.sheet-weapon-item.sheet-weight select:active,
.sheet-weapon-item.sheet-weight select:focus {
    appearance: auto;
    -webkit-appearance: auto;
}

.sheet-weapon-item.sheet-type{
    border-right-width: 0px;
}

.sheet-gearrepeatingonly:checked ~ input,
.sheet-gearrepeatingonly:checked ~ select,
.sheet-gearrepeatingonly:checked ~ hr {
    display: none !important;
}

/* - - - - - - - - - -  EXPAND AREAS  - - - - - - - - - - */

.charsheet .sheet-expand {
    -left: -8px;
    opacity: 0;
    -position: absolute;
    -top: -4px;
    -width: 18px;
    z-index: 6;
    margin-top: 5px;
} 
 
.charsheet .sheet-expand + span::before {
    color: #c3996b;
    content: "4";
    cursor: pointer;
    font-family: pictos;
    font-size: 10px;
    z-index: 3;
    border: 1px solid #c3996b;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    padding: 1px 2px;
}
.charsheet input.sheet-expand + span {
    padding: 0;
    margin: 0;
    transform: rotate(90deg);
    position: relative;
    right: 8px;
    bottom: 5px;
}
.charsheet input.sheet-expand:checked + span {
    padding: 0;
    margin: 0;
    transform: rotate(-90deg);position: relative;
    -right: 8px;
    top: 3px;

}

/*.charsheet input.sheet-expand + span::before,
.charsheet input.sheet-expand:checked + span::before {
    opacity: 0.25;
}
.charsheet input:hover + input.sheet-expand + span::before,
.charsheet span:hover + input.sheet-expand + span::before,
.charsheet div:hover + input.sheet-expand + span::before {
    opacity: 0.85;
} */
.charsheet input.sheet-expand + span + span + div.sheet-expandable,
.charsheet input.sheet-expand + span + span + div + span + span + span + textarea.sheet-expandable {
    display: none;
}
.charsheet input.sheet-expand:checked + span + span + div.sheet-expandable,
.charsheet input.sheet-expand:checked + span + span + div + span + span + span + textarea.sheet-expandable {
    display: flex;
    justify-content: flex-end;
}
div.sheet-expandable button[type="action"] {
    font-family: 'Pictos';
    border: 0;
    font-size: 120%;
    padding: 5px 10px 5px 10px;
}


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

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

.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: inherit;
	font: inherit;
	letter-spacing: inherit;
	padding: inherit;
	text-align: inherit;
	text-transform: inherit;
    
}
.sheet-span-tinyitems .sheet-auto-expand textarea,
.sheet-tab-content .sheet-auto-expand textarea {
    position: unset;
    top: unset;
    left: unset;
    margin: unset; 
    resize: unset; 
    max-width: 100%;
    min-width: 100%;
    overflow-y: auto;
}
.sheet-tab-content .sheet-auto-expand textarea {
    min-height: 100px;
}
.sheet-span-armaments .sheet-auto-expand textarea,
.sheet-span-weapons .sheet-auto-expand textarea {
    max-height: 40px;
    min-height: 20px;
    height: 20px;
}
.sheet-xeno-textfield {
    min-height: 135px;
    margin-top: 10px;
}
.sheet-xeno-textfield textarea {
    min-height: 120px;
    overflow-y: auto; 
    overflow-x: hidden;
    max-width: 100%;
    min-width: 100%;
    resize: vertical;
}
.sheet-xeno .sheet-xeno-attack div,
.sheet-xeno .sheet-xeno-attack span,
.sheet-xeno .sheet-xeno-attack button,
.sheet-xeno .sheet-xeno-attack input {
    align-self: baseline;
}
.sheet-xeno .sheet-xeno-attack .sheet-expandable button {
    margin-top: 5px;
}
.sheet-xeno .sheet-xeno-attack textarea {
    min-height: 60px;
    font-size: 12px;
}
.sheet-xeno .sheet-xeno-attack input {
    font-size: 12px;
}
.sheet-xeno-notes textarea {
    max-width: 100%;
    min-width: 100%;
}


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

.sheet-dotted-line {
    height: 0px;
    border-bottom: 1px dashed rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
    padding: 0px;
    margin: 3px;
}
.sheet-dotted-separator {
    line-height: inherit;
    border-right: 1px dashed rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
    padding: 0;
    margin: 0 -1px 0 -5px;
}

.sheet-dotted-underline {
    border-bottom: 1px dashed rgba(0, 139, 139, 1) !important; /* Dark Cyan #008b8b */
}

.sheet-span-relationships .sheet-dotted-line,
.sheet-span-critical-injuries .sheet-dotted-line{
    margin: 8px;
}

.sheet-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div.sheet-changelog button.sheet-button-link,
div.sheet-changelog button.sheet-button-link:hover,
div.sheet-changelog button.sheet-button-link:active,
div.sheet-changelog button.sheet-button-link:focus {
    text-decoration: underline;
    background-color: transparent;
    border: 0;
    font-family: 'Roboto';
    color: #000;
    font-size: 13px;
    background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    text-shadow: inherit;
    box-shadow: inherit;
}
div.sheet-changelog button.sheet-button-link::before,
div.sheet-changelog button.sheet-button-link:hover::before,
div.sheet-changelog button.sheet-button-link:active::before,
div.sheet-changelog button.sheet-button-link:focus::before {
    content: "";
}

/* --- HEADERS ---- */

.sheet-teal-header {
    color: rgba(204, 217, 207, 1); /* Teal Varient */
    font-family: 'Graduate', cursive;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .1em;
    padding-left: 3px;
}

.sheet-teal-header-gear-l {
    float: left;
	color: rgba(204, 217, 207, 1); /* Teal Varient */
    font-family: 'Graduate', cursive;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .1em;
}

.sheet-teal-header-gear-r {
    float: right;
	color: rgba(204, 217, 207, 1); /* Teal Varient */
    font-family: 'Graduate', cursive;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .1em;
}

.sheet-darkest-teal-header {
    color: #354b44; /* Darkest Teal Varient */
    font-family: 'Graduate', cursive;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: .1em;
}

.sheet-xeno-header,
.sheet-ship-header {
    background-color:  rgba(204, 217, 207, 1); /* Teal Varient */
    -position: relative;
    align-self: start;
    -top: -9px;
    position: relative;
    z-index: 10;
    padding-top: 2px;    
    clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 100%, 0% 100%);
}
.sheet-ship-header-black {
    background-color: black;
    color:  rgba(204, 217, 207, 1); /* Teal Varient */
    top: -8px;
    position: relative;
    z-index: 10;
    clip-path: polygon(0 0%, 100% 0%, calc(100% - 8px) 100%, 8px 100%);
}
.sheet-black-floating-header.sheet-header-doublerow,
.sheet-black-floating-header-clipped.sheet-header-doublerow {
    height: 2.2em;
    line-height: 1.2em;
    padding-top: 5px;
    width: min-content;
}
.sheet-black-floating-header.sheet-header-doublerow ~ .sheet-xeno-textfield,
.sheet-black-floating-header-clipped.sheet-header-doublerow ~ .sheet-xeno-textfield {
    min-height: 120px;
    -max-height: 80px;
    margin-top: 30px;
    -max-width: 175px;
}
.sheet-ship-attribute {
    margin-top: 10px; 
}
.sheet-xeno-header-name,
.sheet-ship-header-name {
    width: 70px;
}
.sheet-ship-header-manufacturer{
    width: 120px;
}
.sheet-ship-header-ai {
    width: 50px;
}
.sheet-xeno-header-attribute,
.sheet-ship-attribute-name {
    width: 80%;
    justify-self: center;
}
.sheet-ship-attribute-ai {
    width: 80%;
    justify-self: center;
}

button[type="roll"].sheet-button-skill, button[type="action"].sheet-button-skill, input[type="checkbox"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-teal-header {
    color: #008b8b; /* Dark Cyan #008b8b */
    font-family: 'Montserrat';
    text-transform: uppercase; 
    font-size: 10px;
    font-weight: bold;
}

.sheet-panicdesc:checked ~ button.sheet-panicdesc,
.sheet-panicdesc:not(:checked) ~ button.sheet-nopanicdesc {
    display: none;
}
.sheet-panicdesc:not(:checked) ~ button.sheet-panicdesc,
.sheet-panicdesc:checked ~ button.sheet-nopanicdesc {
    display: block;
}


.sheet-medium-teal-header {
    color: rgba(113, 142, 135, 1); /* Medium Teal #718e87 */
}

.sheet-dark-teal-header {
    color: rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
    font-weight: bold;
}
.sheet-vertical-adjust-one {
     margin-top: 6px;
}
.sheet-vertical-adjust-one-more {
     margin-top: 9px;
}
.sheet-vertical-adjust-two-more {
     margin-top: 12px;
}
.sheet-vertical-shift-one {
    margin-top: -5px;
}
.sheet-vertical-balance {
     margin-top: 12px;
}
 
.sheet-black-floating-header {
    background-color: rgba(0, 0, 0, 1); /* Black #000000 */
    border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
    border-radius: 0px 20px 20px 0px;
    float: left;
    height: 1em;
    width: 80%;
    line-height: 1em;
    margin: -14px 15% 0px -7px;
    text-align: left;
    padding: 0px 0px 0px 5px;
    
}

.sheet-black-floating-header-clipped { 
    background-color: rgba(0, 0, 0, 1); /* Black #000000 */
    border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
    float: left;
    height: 1.4em;
    width: fit-content;
    -line-height: 1em;
    margin: -12px 0 0px -7px;
    text-align: left;
    padding: 0px 15px 4px 8px; 
    border-radius: unset;
    clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%); 
}
.sheet-black-floating-header-clipped + .sheet-vertical-adjust-one-more {
    margin-top: 12px;
}

.sheet-black-floating-header-gear {
    background-color: rgba(0, 0, 0, 1); /* Black #000000 */
    border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
    border-radius: 0px 20px 20px 0px;
    float: left;
    height: 1em;
    width: 100%;
    line-height: 1em;
    margin: -14px 15% 0px -7px;
    text-align: left;
    padding: 0px 0px 0px 5px;
    
}
 
.sheet-floating-header {
    -background-color: rgba(0, 0, 0, 1); /* Black #000000 */
    -border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
    -border-radius: 0px 20px 20px 0px;
    float: center;
    height: 1em;
    width: 100%;
    line-height: 1em;
    margin: -20px 0 0 0;
    -text-align: left;
    padding: 0px 0px 0px 0px; 
}
/* Firefox specific modification */
@supports (-moz-appearance:none) {
    .sheet-floating-header { padding: 0px 0px 1px 0px; }
    }


.sheet-more-curves {
    border-radius: 20px 20px 20px 0px;
}

.sheet-black-header {
    background-color: rgba(0, 0, 0, 1); /* Black #000000 */
    border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
    border-radius: 20px;
    width: 90%;
    height: 18px;
    margin: -18px 0px 0px -7px;
    padding: 0px 0px 0px 5px;
}

.sheet-mini-header {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Montserrat';
    font-size: .75em;
    line-height: .75em;    
}

.sheet-bold {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
}

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

.sheet-float-left {
    float: left;
    margin-left: 0px;
}

.sheet-float-right {
    float: right;
    margin-right: 0px;
}
.sheet-condition-title {
    float: left;
    margin-left: 5px;
}
.sheet-relationship-title {
    float: left;
    margin-left: 5px;
}

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

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

.sheet-text-inv {
    color: #000000;
    width: 60%;
    border: 1px solid transparent;
    padding: 3px;
	float: left;
}

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

.sheet-relationship-input{
    width: 85%;
}

.sheet-seventy-seven-percent {
    width: 77%;
}

.sheet-make-it-shorter {
    width: 89%;
}

.sheet-small-teal-label {
    font-size: 10px;
    color: rgb(204, 217, 207);   
    font-family: 'Graduate', cursive;
}



.sheet-small-box {
    padding: 0;
}
.sheet-small-box div {
    margin-top: -6px;
}
.sheet-dark-pink-header {
    color:rgb(165, 52, 52);
}
.sheet-dark-red-header {
    color:rgb(165, 52, 52);
}
.sheet-hidden {
    display: none;
}
input.sheet-overencumbered-check:checked ~ span,
input.sheet-overloaded-check:checked ~ span {
    display:none;
}
input.sheet-overencumbered-check:checked ~ span.sheet-dark-pink-header,
input.sheet-overloaded-check:checked ~ span.sheet-dark-red-header {
    display: inline-block
}
input.sheet-overloaded-check:checked ~ span.sheet-dark-pink-header {
    display:none;
}

/* - - - - - Remove Number Spinner - - - - - */
input[type="number"].sheet-no-spin-input::-webkit-outer-spin-button,
input[type="number"].sheet-no-spin-inv::-webkit-outer-spin-button,
input[type="number"].sheet-no-spin-inv-tot::-webkit-outer-spin-button,
input[type="number"].sheet-number-input::-webkit-outer-spin-button,
input[type="number"].sheet-no-spin-input::-webkit-inner-spin-button,
input[type="number"].sheet-no-spin-inv::-webkit-inner-spin-button,
input[type="number"].sheet-no-spin-inv-tot::-webkit-outer-spin-button,
input[type="number"].sheet-number-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

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

.sheet-span-gear .sheet-vertical-adjust-one {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 280px;
}

/* TEXT FIELDS */
.sheet-span-tinyitems textarea {
    max-width: 100%;
    min-width: 100%;
    overflow-y: auto; 
    resize:none;
    max-height: 65px;
    min-height: 65px;
}
.sheet-xeno-textfield textarea::-webkit-scrollbar, 
.sheet-span-gear .sheet-vertical-adjust-one::-webkit-scrollbar,
.sheet-tab-content textarea::-webkit-scrollbar,
.sheet-span-tinyitems textarea::-webkit-scrollbar {
    width: 6px;
    margin-left: 4px;
    cursor: auto;
}
.sheet-xeno-textfield textarea::-webkit-scrollbar-track, 
.sheet-span-gear .sheet-vertical-adjust-one::-webkit-scrollbar-track,
.sheet-tab-content textarea::-webkit-scrollbar-track,
.sheet-span-tinyitems textarea::-webkit-scrollbar-track {
    border-radius: 3px;
    background: darkgrey;
}
.sheet-xeno-textfield textarea::-webkit-scrollbar-thumb,
.sheet-span-gear .sheet-vertical-adjust-one::-webkit-scrollbar-thumb,
.sheet-tab-content textarea::-webkit-scrollbar-thumb,
.sheet-span-tinyitems textarea::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: gray;
}
.sheet-xeno-textfield textarea::-webkit-scrollbar-thumb:hover,
.sheet-span-gear .sheet-vertical-adjust-one::-webkit-scrollbar-thumb:hover,
.sheet-tab-content textarea::-webkit-scrollbar-thumb:hover,
.sheet-span-tinyitems textarea::-webkit-scrollbar-thumb:hover {
    background: black;
}
span.sheet-gear-header {
	float: right;
    width: 40px !important;
    min-width: 40px;
    text-align: center;
}
.sheet-span-gear input.sheet-spinner-input, 
.sheet-span-gear input.sheet-spinner-input-total, 
.sheet-span-gear select.sheet-spinner-input-wt {
    font-family: 'Courier Prime';
    font-family: 'Roboto';
    background: transparent;   
    display: block;
    margin-right: 0;
    text-align: center;
	float: right;
    width: 32px !important;
    height: 2em !important;
}
input.sheet-optionalspinners:not(:checked) ~ div input[type="number"].sheet-optional-spinner-input,
input[type="number"].sheet-spinner-input,
input[type="number"].sheet-spinner-input-total {
    -moz-appearance: textfield;
}
input.sheet-optionalspinners:checked ~ div input[type="number"].sheet-optional-spinner-input:hover,
input[type="number"].sheet-spinner-input:hover {
    -moz-appearance: auto;
}
input.sheet-optionalspinners:checked ~ div input[type="number"].sheet-optional-spinner-input::-webkit-outer-spin-button,
input.sheet-optionalspinners:checked ~ div input[type="number"].sheet-optional-spinner-input::-webkit-inner-spin-button,
input[type="number"].sheet-spinner-input::-webkit-outer-spin-button,
input[type="number"].sheet-spinner-input::-webkit-inner-spin-button,
input[type="number"].sheet-spinner-input-total::-webkit-outer-spin-button,
input[type="number"].sheet-spinner-input-total::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.sheet-optionalspinners:checked ~ div input[type="number"].sheet-optional-spinner-input:hover::-webkit-outer-spin-button, 
input.sheet-optionalspinners:checked ~ div input[type="number"].sheet-optional-spinner-input:hover::-webkit-inner-spin-button,
input[type="number"].sheet-spinner-input:hover::-webkit-outer-spin-button, 
input[type="number"].sheet-spinner-input:hover::-webkit-inner-spin-button {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    max-width: 3px;
    width: 3px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    margin: 10;
}
.sheet-span-gear input.sheet-spinner-input-total {
    background-color: Grey;
}

.sheet-span-gear div.repcontainer div.repitem {
    height: 30px;
}
.sheet-span-gear div.repitem.ui-sortable-helper {
    left: unset !important;
}
.sheet-span-gear div.repcontainer div.itemcontrol {
    float: right;
}
.sheet-span-gear div.repcontrol {
    width: fit-content;
    margin-left: 6px;
}
.sheet-span-gear .repcontrol_add, .sheet-span-gear .repcontrol_edit { 
    visibility: hidden;
    width: 5px;
    margin-left: -5px;
    padding-left: 5px;
  }
  .sheet-span-gear .repcontrol_add::before, .sheet-span-gear .repcontrol_edit::before {
    visibility:visible; 
    color: grey;
    font-family: "Pictos";
  } 
  .sheet-span-gear .repcontrol_add::before {
    content: "&";
  }
  .sheet-span-gear .repcontrol_edit::before {
    content: "(";
  } 
  .sheet-span-gear .repcontrol_add, .sheet-span-gear .repcontrol_edit, .sheet-span-gear .repcontrol_move {
    float: right;
  }  
  .sheet-span-gear .repcontainer.editmode ~ .repcontrol button.repcontrol_edit::before {
    font-family: "Pictos";
    content: ")";
  }

/* input[type="number"].sheet-no-spin-inv {
	float: right;
	font-family: 'Courier Prime';
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    height: 2em;
    width: 2em;
    background-color: White;
    border: 1px solid White;
    margin: -1px 3px;
    padding: 3px 0px 0px 0px;
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white;
}

input[type="number"].sheet-no-spin-inv-tot {
	float: right;
	font-family: 'Courier Prime';
    font-size: 1em;
    font-weight: normal;
	color: white;
    text-align: center;
    height: 2em;
    width: 2em;
    background-color: Grey;
    border: 1px solid White;
    margin: -1px 2px;
    padding: 3px 0px 0px 0px;
 
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white;
} */


input[type="number"].sheet-no-spin-input {
    font-family: 'Courier Prime';
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    width: 30px;
    background-color: White;
    border: 1px solid White;
    margin: -1px -2px;
    padding: 3px 0px 0px 0px;    
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white;
}
div.sheet-no-spin-input {
    display: flex;
    font-size: 20px;
    height: 30px;
    width: 30px;
    background-color: White;
    border: 1px solid White;
    align-self: center;
    align-content: center;
    justify-self: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white;
}

.sheet-no-spin-input.sheet-wide {
    width: 42px !important;
} 

.charsheet input.sheet-squareinput:checked ~ div .sheet-no-spin-input {
    border-radius: 20%; 
}

div.sheet-no-spin-input input[type="number"].sheet-no-spin-input {
    background-color: transparent;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    width: 2em;
}

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

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

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;
}

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

input[type="number"].sheet-small {
    font-size: 13px;
}

.sheet-skinny-div {
    height: 18px;
}

/* ACTION BUTTONS FOR TABULAR SHEET */
button[type="action"].sheet-action-tab {
    width: 20%;
    height: 10px;
    background-color: transparent;
    border: 1px solid rgba(105, 105, 105, 0.33);
    border-radius: 5px;
    font-size: 12px;
    line-height: 12px;
    /*color: rgba(105, 105, 105, 0.33);*/
	color: #008b8b;
    padding: 0px 0px 2px 0px;    
}
/* Firefox specific modification */
@supports (-moz-appearance:none) {
    button[type="action"].sheet-action-tab { padding: 0px 0px 0px 0px; }
    }
.sheet-header-tabs button[type=action].sheet-action-tab {
    -width: 65px;
    color: rgb(204, 204, 204);
    background-color: #696969;
    -border: 1px solid #696969;
    border: 0;
    border-radius: 0;
    margin-right: 0;
    -border-bottom: 2px solid #d3d3d3;
    width: fit-content;
    min-width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
}
button[type="action"].sheet-action-tab.sheet-fit-five {
    width: 15%;
} 

button[type="action"].sheet-action-tab.sheet-fit-two {
    width: 35%;
} 

button[type="action"].sheet-action-tab:hover {
    color: #ffffff;
    background-color: #696969;
    -border: 1px solid #696969;
}

button[type="action"].sheet-action-tab:active {
    color: #ffffff;
    background-color: #696969;
    -border: 1px solid #696969;
}

button[type="action"].sheet-action-tab:focus {
    color: #ffffff;
    background-color: #696969;
    -border: 1px solid #696969;
}

button[type="action"].sheet-tab-weapon {
    width: 12% !important;
}
.sheet-span-weapons .sheet-skinny-div {

}

button[type="action"].sheet-tab-log {
    width: 25% !important;
}

/*  TABS  */
div.sheet-tab-content { 
    display: none;
    height: fit-content;
}
.sheet-span-talents div.sheet-tab-content {
    margin-top: 30px;
}
div.sheet-tab-content textarea {
    min-height: 50px;
    max-height: 100px;
    overflow-y: scroll;
}
div.sheet-box-under-the-bed { 
    display: none;
}

input.sheet-advencumbrance:checked ~ div .sheet-encumbrance_calc, 
input.sheet-advencumbrance:not(:checked) ~ div .sheet-encumbrance_manual {
    display: inline-block;
}
input.sheet-advencumbrance:not(:checked) ~ div .sheet-encumbrance_calc, 
input.sheet-advencumbrance:checked ~ div .sheet-encumbrance_manual {
    display: none;
}
input.sheet-advencumbrance:checked ~ div .sheet-showencumbrance {
    display: inline-block;
}
input.sheet-advencumbrance:checked ~ div .sheet-showencumbrance-flex {
    display: flex;
}
input.sheet-advencumbrance:not(:checked) ~ div .sheet-showencumbrance,
input.sheet-advencumbrance:not(:checked) ~ div .sheet-showencumbrance-flex  {
    display: none;
}

input.sheet-advencumbrance:checked ~ div .sheet-weapon-item-details {
    grid-template-columns: 15% 15% auto 20% 15%;
    grid-gap: 0px;
    padding: 0px;
    text-align: left;
    border-color: transparent;

}
input.sheet-advencumbrance:not(:checked) ~ div .sheet-weapon-item-details {
    grid-template-columns: 20% 20% auto 25%;
    grid-gap: 0px;
    padding: 0px;
    text-align: left;
    border-color: transparent;

}

input.sheet-tab-sheet[value="Character"] ~ div .sheet-ship,
input.sheet-tab-sheet[value="Character"] ~ div .sheet-xeno,
input.sheet-tab-sheet[value="Character"] ~ div .sheet-config,
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-character,
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-xeno,
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-config,
input.sheet-tab-sheet[value="Config"] ~ div .sheet-character,
input.sheet-tab-sheet[value="Config"] ~ div .sheet-xeno,
input.sheet-tab-sheet[value="Config"] ~ div .sheet-ship,
input.sheet-tab-sheet[value="Xeno"] ~ div .sheet-character,
input.sheet-tab-sheet[value="Xeno"] ~ div .sheet-ship,
input.sheet-tab-sheet[value="Xeno"] ~ div .sheet-config {
	display: none;
}

input.sheet-tab-sheet[value="Character"] ~ div .sheet-character,
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-ship,
input.sheet-tab-sheet[value="Config"] ~ div .sheet-config ,
input.sheet-tab-sheet[value="Xeno"] ~ div .sheet-xeno {
	display: grid;
}

.sheet-header-tabs button[type=action].sheet-action-tab[value=Config] { 
    text-transform: lowercase;
    font-family: "pictos";
}

input.sheet-tab-sheet[value="Character"] ~ div .sheet-header-tabs button[name="act_tab_character"],
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-header-tabs button[name="act_tab_ship"],
input.sheet-tab-sheet[value="Xeno"] ~ div .sheet-header-tabs button[name="act_tab_xeno"],
input.sheet-tab-sheet[value="Config"] ~ div .sheet-header-tabs button[name="act_tab_config"] {
    color: black;
    background-color: #d3d3d3;
}

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,
input.sheet-tab-five:checked ~ div.sheet-tab-five-contents,
input.sheet-tab-six:checked ~ div.sheet-tab-six-contents,
input.sheet-tab-seven:checked ~ div.sheet-tab-seven-contents,
input.sheet-tab-eight:checked ~ div.sheet-tab-eight-contents {
	display: block;
}
input.sheet-tab-one:checked ~ div.sheet-skinny-div button.sheet-action-tab-one,
input.sheet-tab-two:checked ~ div.sheet-skinny-div button.sheet-action-tab-two,
input.sheet-tab-three:checked ~ div.sheet-skinny-div button.sheet-action-tab-three,
input.sheet-tab-four:checked ~ div.sheet-skinny-div button.sheet-action-tab-four,
input.sheet-tab-five:checked ~ div.sheet-skinny-div button.sheet-action-tab-five,
input.sheet-tab-six:checked ~ div.sheet-skinny-div button.sheet-action-tab-six,
input.sheet-tab-seven:checked ~ div.sheet-skinny-div button.sheet-action-tab-seven,
input.sheet-tab-eight:checked ~ div.sheet-skinny-div button.sheet-action-tab-eight {
    background-color: #808080;
    color: white;
}

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: block;
}
input.sheet-tab-alpha:checked ~ div.sheet-skinny-div button.sheet-tab-alpha-button,
input.sheet-tab-beta:checked ~ div.sheet-skinny-div button.sheet-tab-beta-button,
input.sheet-tab-gamma:checked ~ div.sheet-skinny-div button.sheet-tab-gamma-button,
input.sheet-tab-delta:checked ~ div.sheet-skinny-div button.sheet-tab-delta-button,
input.sheet-tab-epsilon:checked ~ div.sheet-skinny-div button.sheet-tab-epsilon-button,
input.sheet-tab-zeta:checked ~ div.sheet-skinny-div button.sheet-tab-zeta-button {
    background-color: #808080;
    color: white;
}

input.sheet-tab-modules1:checked ~ div.sheet-tab-modules1-contents,
input.sheet-tab-modules2:checked ~ div.sheet-tab-modules2-contents,
input.sheet-tab-modules3:checked ~ div.sheet-tab-modules3-contents,
input.sheet-tab-modules4:checked ~ div.sheet-tab-modules4-contents {
	display: block;
}
input.sheet-tab-modules1:checked ~ div .sheet-tab-modules1-button,
input.sheet-tab-modules2:checked ~ div .sheet-tab-modules2-button,
input.sheet-tab-modules3:checked ~ div .sheet-tab-modules3-button,
input.sheet-tab-modules4:checked ~ div .sheet-tab-modules4-button {
    background-color: #808080;
    color: white;
}

input.sheet-tab-log1:checked ~ div.sheet-tab-log1-contents,
input.sheet-tab-log2:checked ~ div.sheet-tab-log2-contents,
input.sheet-tab-log3:checked ~ div.sheet-tab-log3-contents,
input.sheet-tab-log4:checked ~ div.sheet-tab-log4-contents {
	display: block;
}
input.sheet-tab-log1:checked ~ div .sheet-tab-log1-button,
input.sheet-tab-log2:checked ~ div .sheet-tab-log2-button,
input.sheet-tab-log3:checked ~ div .sheet-tab-log3-button,
input.sheet-tab-log4:checked ~ div .sheet-tab-log4-button {
    background-color: #808080;
    color: white;
}

input.sheet-tab-armament1:checked ~ div.sheet-tab-armament1-contents,
input.sheet-tab-armament2:checked ~ div.sheet-tab-armament2-contents,
input.sheet-tab-armament3:checked ~ div.sheet-tab-armament3-contents,
input.sheet-tab-armament4:checked ~ div.sheet-tab-armament4-contents,
input.sheet-tab-armament5:checked ~ div.sheet-tab-armament5-contents {
	display: block;
}
input.sheet-tab-armament1:checked ~ div .sheet-tab-armament1-button,
input.sheet-tab-armament2:checked ~ div .sheet-tab-armament2-button,
input.sheet-tab-armament3:checked ~ div .sheet-tab-armament3-button,
input.sheet-tab-armament4:checked ~ div .sheet-tab-armament4-button,
input.sheet-tab-armament5:checked ~ div .sheet-tab-armament5-button {
    background-color: #808080;
    color: white;
}

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

/* CONFIGURATION */

input.sheet-config-notice:checked ~ button[name="act_tab_config"] {
    background-color:rgba(0, 139, 139, 1);
}

span.sheet-configitem {
    display: flex;
    justify-content: flex-end;
}

div.sheet-changelog {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 780px;
}
div.sheet-changelog::-webkit-scrollbar {
    width: 12px;
}
div.sheet-changelog::-webkit-scrollbar-track {
    border-radius: 5px;
    background: darkgrey;
}
div.sheet-changelog::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: gray;
}
div.sheet-changelog::-webkit-scrollbar-thumb:hover {
    background: gray;
}

.sheet-config select {
    width: 62px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-self: center;
    align-content: flex-start;
}

/* CUSTOM CHECKBOXES FOR ALIEN RPG */

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

input.sheet-numbered-box + span {
    -margin-left: -16px;
}

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: -15px;
    margin-right: 2px;
    padding: 0px 0px 0px 0px;
    line-height: 16px;
    box-shadow: 0px 0px 5px #008b8b;
}

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

input[type=radio].sheet-red-radio {
    width: 20px;
    height: 20px;
    top: 3px;
    left: 6px;
}

input[type=radio].sheet-clear-radio {
    width: 20px;
    height: 20px;
    top: 3px;
    left: 6px;
}

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

input.sheet-red-radio:checked + span::before {
    color: #ffffff;
    background: #cc0000;
    border: solid 1px #cc0000;
    box-shadow: 0px 0px 10px #b30000;
}
input.sheet-blue-box {
    width: 40px;
}
input.sheet-blue-box + span::before {
    width: 40px;
    margin-left: -40px;
    color: #696969;
    background: #a0dfdf;
    border: solid 1px #09c2c2;
    box-shadow: 0px 0px 5px #008b8b;
}
input.sheet-blue-box:checked + span::before {
    color: #696969;
    background: transparent;
    border: solid 1px #bfbfbf;
    box-shadow: unset;
}

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

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

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

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 #008b8b;
}

input.sheet-letter-box:checked + span::before {
    color: #ffffff;
    background: #808080;
    border: solid 1px #808080;
    box-shadow: 0px 0px 10px #008b8b;
}
.sheet-darker-rounded-box {
    display: flex;
    flex-direction: row;
    width: fit-content;
    background-color: rgb(185, 218, 193);
    background-color: #008b8b; 
    color: rgb(204, 217, 207);
    border-radius: 6px;
    border: 0;
    margin: 2px 3px 2px 3px;
}
.sheet-darker-rounded-box span,
.sheet-darker-rounded-box select,
.sheet-darker-rounded-box select option {
    color: rgb(204, 217, 207);
    background-color: #008b8b; 
    border: 0;
    border-radius: 6px;
}
.sheet-darker-rounded-box span {
    margin: 1px 0px 0px 5px;
}
.sheet-darker-rounded-box elect {
    margin: 1px 5px 0px 0px;
}


/* CHARACTER HEALTH */

.sheet-health, .sheet-stress {
    min-width: 315px;
    padding-left: 2px;
}

.sheet-health input[type="checkbox"].sheet-numbered-box {
    top: 0px;
    left: 3px;
    -margin-left: 4px;
}
.sheet-health .sheet-w60 input {
    -margin-left: 5px;
}
.sheet-health-bar.sheet-health-calculated {
    text-align: left;
    padding-left: 5px;
}

input.sheet-config-healthcalculation:checked ~.sheet-health-calculated,
input.sheet-config-healthcalculation:checked + .sheet-tough,
input.sheet-config-healthcalculation:not(:checked) ~.sheet-health-manual {
    display: block;
}
input.sheet-config-healthcalculation:not(:checked) ~.sheet-health-calculated,
input.sheet-config-healthcalculation:not(:checked) + .sheet-tough,
input.sheet-config-healthcalculation:checked ~ .sheet-health-manual {
    display: none;
}

input[name="attr_health_calc"][value="1"] ~ input[name="attr_health_1"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="2"] ~ input[name="attr_health_2"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="3"] ~ input[name="attr_health_3"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="4"] ~ input[name="attr_health_4"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="5"] ~ input[name="attr_health_5"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="6"] ~ input[name="attr_health_6"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="7"] ~ input[name="attr_health_7"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="8"] ~ input[name="attr_health_8"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="9"] ~ input[name="attr_health_9"] ~ input[type="checkbox"].sheet-numbered-box,
input[name="attr_health_calc"][value="10"] ~ input[name="attr_health_10"] ~ input[type="checkbox"].sheet-numbered-box {
    display: none;
}
input[name="attr_health_calc"][value="1"] ~ input[name="attr_health_1"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="2"] ~ input[name="attr_health_2"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="3"] ~ input[name="attr_health_3"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="4"] ~ input[name="attr_health_4"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="5"] ~ input[name="attr_health_5"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="6"] ~ input[name="attr_health_6"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="7"] ~ input[name="attr_health_7"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="8"] ~ input[name="attr_health_8"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="9"] ~ input[name="attr_health_9"] ~ input[type="checkbox"] + span:before,
input[name="attr_health_calc"][value="10"] ~ input[name="attr_health_10"] ~ input[type="checkbox"] + span:before {
    -display: none;
    -display: inline-block;
    content: "";
    width: auto;
    border: unset;
    box-shadow: unset;
    background-color: unset;
}


/* SHIPDAMAGE */
/* Only show radios up to the max value */
input[name="attr_shipdamage_max"][value="0"] ~ div .sheet-shipdamage:nth-of-type(1n+3),
input[name="attr_shipdamage_max"][value="0"] ~ div .sheet-shipdamage:nth-of-type(1n+3) + span,
input[name="attr_shipdamage_max"][value="1"] ~ div .sheet-shipdamage:nth-of-type(1n+4),
input[name="attr_shipdamage_max"][value="1"] ~ div .sheet-shipdamage:nth-of-type(1n+4) + span,
input[name="attr_shipdamage_max"][value="2"] ~ div .sheet-shipdamage:nth-of-type(1n+5),
input[name="attr_shipdamage_max"][value="2"] ~ div .sheet-shipdamage:nth-of-type(1n+5) + span,
input[name="attr_shipdamage_max"][value="3"] ~ div .sheet-shipdamage:nth-of-type(1n+6),
input[name="attr_shipdamage_max"][value="3"] ~ div .sheet-shipdamage:nth-of-type(1n+6) + span,
input[name="attr_shipdamage_max"][value="4"] ~ div .sheet-shipdamage:nth-of-type(1n+7),
input[name="attr_shipdamage_max"][value="4"] ~ div .sheet-shipdamage:nth-of-type(1n+7) + span,
input[name="attr_shipdamage_max"][value="5"] ~ div .sheet-shipdamage:nth-of-type(1n+8),
input[name="attr_shipdamage_max"][value="5"] ~ div .sheet-shipdamage:nth-of-type(1n+8) + span,
input[name="attr_shipdamage_max"][value="6"] ~ div .sheet-shipdamage:nth-of-type(1n+9),
input[name="attr_shipdamage_max"][value="6"] ~ div .sheet-shipdamage:nth-of-type(1n+9) + span,
input[name="attr_shipdamage_max"][value="7"] ~ div .sheet-shipdamage:nth-of-type(1n+10),
input[name="attr_shipdamage_max"][value="7"] ~ div .sheet-shipdamage:nth-of-type(1n+10) + span,
input[name="attr_shipdamage_max"][value="8"] ~ div .sheet-shipdamage:nth-of-type(1n+11),
input[name="attr_shipdamage_max"][value="8"] ~ div .sheet-shipdamage:nth-of-type(1n+11) + span,
input[name="attr_shipdamage_max"][value="9"] ~ div .sheet-shipdamage:nth-of-type(1n+12),
input[name="attr_shipdamage_max"][value="9"] ~ div .sheet-shipdamage:nth-of-type(1n+12) + span,
input[name="attr_shipdamage_max"][value="10"] ~ div .sheet-shipdamage:nth-of-type(1n+13), 
input[name="attr_shipdamage_max"][value="10"] ~ div .sheet-shipdamage:nth-of-type(1n+13) + span, 
input[name="attr_shipdamage_max"][value="11"] ~ div .sheet-shipdamage:nth-of-type(1n+14), 
input[name="attr_shipdamage_max"][value="11"] ~ div .sheet-shipdamage:nth-of-type(1n+14) + span, 
input[name="attr_shipdamage_max"][value="12"] ~ div .sheet-shipdamage:nth-of-type(1n+15), 
input[name="attr_shipdamage_max"][value="12"] ~ div .sheet-shipdamage:nth-of-type(1n+15) + span, 
input[name="attr_shipdamage_max"][value="13"] ~ div .sheet-shipdamage:nth-of-type(1n+16),
input[name="attr_shipdamage_max"][value="13"] ~ div .sheet-shipdamage:nth-of-type(1n+16) + span,
input[name="attr_shipdamage_max"][value="14"] ~ div .sheet-shipdamage:nth-of-type(1n+17), 
input[name="attr_shipdamage_max"][value="14"] ~ div .sheet-shipdamage:nth-of-type(1n+17) + span, 
input[name="attr_shipdamage_max"][value="15"] ~ div .sheet-shipdamage:nth-of-type(1n+18), 
input[name="attr_shipdamage_max"][value="15"] ~ div .sheet-shipdamage:nth-of-type(1n+18) + span, 
input[name="attr_shipdamage_max"][value="16"] ~ div .sheet-shipdamage:nth-of-type(1n+19), 
input[name="attr_shipdamage_max"][value="16"] ~ div .sheet-shipdamage:nth-of-type(1n+19) + span, 
input[name="attr_shipdamage_max"][value="17"] ~ div .sheet-shipdamage:nth-of-type(1n+20), 
input[name="attr_shipdamage_max"][value="17"] ~ div .sheet-shipdamage:nth-of-type(1n+20) + span, 
input[name="attr_shipdamage_max"][value="18"] ~ div .sheet-shipdamage:nth-of-type(1n+21), 
input[name="attr_shipdamage_max"][value="18"] ~ div .sheet-shipdamage:nth-of-type(1n+21) + span, 
input[name="attr_shipdamage_max"][value="19"] ~ div .sheet-shipdamage:nth-of-type(1n+22), 
input[name="attr_shipdamage_max"][value="19"] ~ div .sheet-shipdamage:nth-of-type(1n+22) + span, 
input[name="attr_shipdamage_max"][value="20"] ~ div .sheet-shipdamage:nth-of-type(1n+23), 
input[name="attr_shipdamage_max"][value="20"] ~ div .sheet-shipdamage:nth-of-type(1n+23) + span {
  display: none;
}

input[name="attr_shipdamage"][value="0"] ~ .sheet-shipdamage + span::before,
input.sheet-shipdamage1:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage2:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage3:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage4:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage5:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage6:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage7:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage8:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage9:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage10:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage11:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage12:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage13:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage14:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage15:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage16:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage17:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage18:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage19:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
input.sheet-shipdamage20:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before {
    color: #ffffff;
    background: #808080;
    border: solid 1px #808080;
    box-shadow: 0px 0px 10px #008b8b;
}

input.sheet-shipdamage + span:before {
    color: #ffffff;
    background: #cc0000;
    border: solid 1px #cc0000;
    box-shadow: 0px 0px 10px #b30000;
}
.sheet-hullpoints-missing {
    display: none;
}
input[name="attr_shipdamage_max"][value="0"] ~ .sheet-hullpoints-missing {
    display: inline-flex !important;
    justify-self: center;
    font-style: italic;
}
.sheet-ship-damage-row {
    padding-top: 0;
}

/* XENO DAMAGE */

.sheet-xenohealth label.sheet-dark-teal-header {
    padding-right: 0;
    margin-bottom: 0;
    margin-top: 2px;
}
.sheet-xeno-health-row {
    margin-top: -10px;
    display: flex;
    align-self: center;
}
.sheet-xeno-health-boxes {
    margin-left: 20px;
    margin-right: 10px;
}

.sheet-xeno-health-boxes label {
    color: #000000;
    background: #b4f870;
    border: solid 1px #a5e664;
    box-shadow: 0px 0px 10px #1db51d;
    text-align: center;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 7px;
    padding: 0px 0px 0px 0px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 1px;
    cursor: pointer;
}

input.sheet-xenohealth-box:checked + label.sheet-xenohealth {
    color: #000000;
    background: #78e60a;
    border: solid 1px #7eeb11;
    box-shadow: 0px 0px 10px #109b10;
}

/* Only show radios up to the max value */
input[name="attr_health_max"][value="0"] ~ label.sheet-xenohealth0 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="1"] ~ label.sheet-xenohealth1 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="2"] ~ label.sheet-xenohealth2 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="3"] ~ label.sheet-xenohealth3 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="4"] ~ label.sheet-xenohealth4 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="5"] ~ label.sheet-xenohealth5 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="6"] ~ label.sheet-xenohealth6 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="7"] ~ label.sheet-xenohealth7 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="8"] ~ label.sheet-xenohealth8 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="9"] ~ label.sheet-xenohealth9 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="10"] ~ label.sheet-xenohealth10 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="11"] ~ label.sheet-xenohealth11 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="12"] ~ label.sheet-xenohealth12 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="13"] ~ label.sheet-xenohealth13 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="14"] ~ label.sheet-xenohealth14 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="15"] ~ label.sheet-xenohealth15 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="16"] ~ label.sheet-xenohealth16 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="17"] ~ label.sheet-xenohealth17 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="18"] ~ label.sheet-xenohealth18 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="19"] ~ label.sheet-xenohealth19 ~ .sheet-xenohealth,
input[name="attr_health_max"][value="20"] ~ label.sheet-xenohealth20 ~ .sheet-xenohealth {
  display: none;
}

input.sheet-xenohealth0:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth1:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth2:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth3:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth4:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth5:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth6:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth7:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth8:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth9:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth10:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth11:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth12:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth13:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth14:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth15:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth16:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth17:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth18:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth19:checked + label.sheet-xenohealth ~ .sheet-xenohealth,
input.sheet-xenohealth20:checked + label.sheet-xenohealth ~ .sheet-xenohealth {
    color: #ffffff;
    background: #808080;
    border: solid 1px #808080;
    box-shadow: 0px 0px 10px #008b8b;
}

.sheet-xeno .sheet-box-flexlist {
    display: flex;
    flex-direction: column;
}

.sheet-xeno .sheet-no-spin-input {
    -clip-path: polygon(33% 0, 67% 0, 100% 33%, 100% 67%, 67% 100%, 33% 100%, 0 67%, 0 33%);
}
.sheet-xeno-speed .sheet-flexlist,
.sheet-xeno-skills .sheet-flexlist {
    text-align: unset; 
}
.sheet-xeno-speed .sheet-flexlist input[type="number"],
.sheet-xeno-skills .sheet-flexlist input[type="number"] {
    float: right; 
}

.sheet-xeno .sheet-roll-buttons {
    display: flex;
    text-align: center;
    line-height: 1em; 
    grid-gap: 5px;
}
.sheet-xeno .sheet-roll-buttons label.sheet-xenowhisper {
    color: #008b8b;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    width: fit-content;
    margin: 4px -1px 0 0;
    padding: 2px 3px;
    background-color: transparent;
    border: 1px solid #008b8b;
    border-radius: 5px;
    background-image: none;
    display: inline;
    text-shadow: none;
    cursor: pointer;
}
.sheet-xeno .sheet-roll-buttons input[type="checkbox"].sheet-xenowhisper:checked + label.sheet-xenowhisper {
    background-color: #008b8b;
    color: rgb(204, 217, 207);
}
.charsheet div.sheet-xeno div.sheet-roll-buttons button[type="roll"].sheet-button-alpha,
.charsheet div.sheet-xeno div.sheet-roll-buttons button[type="roll"].sheet-button-beta {
    width: fit-content;
    margin: 4px -1px;
}
.sheet-xeno .sheet-armor {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 15px;
}
.sheet-xeno .sheet-armor button[type="roll"].sheet-button-skill {
    margin-right: 15px;
}
.sheet-xeno .sheet-armor button[type="roll"].sheet-button-skill.sheet-button-armorvs {
    width: fit-content; 
    margin-right: 0; 
}
.sheet-xeno .sheet-armor input[type="text"] {
    background-color: transparent;
    width: 70px;
    color:rgb(0, 139, 139);
    vertical-align: unset;
}
.sheet-xeno-attack-control {
    width: 50%;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-self: flex-end;
    align-self: flex-end;
    margin-top: -10px;
    margin-bottom: -5px;
}
.sheet-xeno-attack-control button.sheet-attack-control-label {
    border: 0; 
    margin: 0;
    padding: 0;
    background-color: transparent;
    width: fit-content;
}
.sheet-xeno-attack-control button.sheet-attack-control-label label {
    margin: 0;
    padding: 0 3px;
    cursor: pointer;
}
.sheet-xeno-attack-control button.sheet-attack-control-label:nth-of-type(2) {
    margin-right: 10px;
}
.sheet-xeno-attack {
    display: grid;
    grid-template-columns: 25px auto 7px 5px;
    column-gap: 5px;
}

.sheet-xeno-attack-number {
    float: left;
    padding: 0 10px;
}
.sheet-xeno-attack-desc {
    background: transparent;
    float: left; 
    width: 100%; 
    height: 5em;
    max-width: calc(100% - 12px);
    min-width: calc(100% - 12px);
    margin-right: 5px;
    margin-top: 3px;
}
.sheet-xeno-attack-name {
    background: transparent;
    float: left; 
    width: 100%;
    height: 1.5em;
    max-width: calc(100% - 72px);
    min-width: calc(100% - 72px);
    -margin-right: 5px;
    padding: 1px;
}
.sheet-button-copy {
    float: left; 
}


/* WOOHOO BUTTONS */

.sheet-config-apirolls:checked ~ div .sheet-roll-rolltemplate,
.sheet-config-apirolls:not(checked) ~ div .sheet-roll-api {
    display: none;
}
.sheet-config-apirolls:not(checked) ~ div .sheet-roll-rolltemplate,
.sheet-config-apirolls:checked ~ div .sheet-roll-api {
    display: inline-block;
}



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;
}


label.sheet-button-skill,
button.sheet-button-skill,
button[type="roll"].sheet-button-skill {
    height: 14px;
    line-height: 14px;
    width: 60%;
    margin: 4px 1px;
    background-color: transparent;
    border: 1px solid rgb(204, 217, 207); /* Teal Varient */
    border-radius: 5px;
    background-image: none;
    display: inline;
    text-shadow: none;   
}

label.sheet-button-skill:hover,
button.sheet-button-skill:hover,
button[type="roll"].sheet-button-skill:hover {
    color: rgb(204, 217, 207); /* Teal Varient */
    background-color: rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
    border: 1px solid #008b8b;
    text-shadow: none;
}
label.sheet-button-skill:active,
button.sheet-button-skill:active,
button[type="roll"].sheet-button-skill:active {
    color: rgb(204, 217, 207); /* Teal Varient */
    background-color: #008b8b; /* Dark Cyan #008b8b */
    border: 1px solid #008b8b; /* Dark Cyan #008b8b */
    box-shadow: 0px 0px 10px #008b8b;
}

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

/* Attack button in weapon box */
button[type="roll"].sheet-smaller-skill {
    width: 16%;
    border: 1px solid #008b8b;   /* Gave it an outline as players were not realising it was a button */
}

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

label.sheet-button-alpha, 
button[type="roll"].sheet-button-alpha {
   text-transform: lowercase;  /* Exception because common usage of 1d6 is more important than consistency with theme. */
}
label.sheet-button-skill:focus,
button.sheet-button-skill:focus,
button[type="roll"].sheet-button-skill:focus { 
    outline:0;
}
input[type="checkbox"].sheet-button-skill:checked label {
    color: rgb(204, 217, 207); /* Teal Varient */
    background-color: #008b8b; /* Dark Cyan #008b8b */
    border: 1px solid #008b8b; /* Dark Cyan #008b8b */
    box-shadow: 0px 0px 10px #008b8b;
}


button[type="roll"].sheet-attribute-button {
    background-color: transparent;
    background-image: none;
    border: 0;
    box-shadow: unset;
    color: rgb(204, 217, 207); /* Teal Varient */
    cursor: pointer;
    font-family: Graduate, cursive;
    font-size:16px;
    font-weight:700;
    height:auto;
    letter-spacing:normal;
    line-height:24px;
    text-align:center;
    text-size-adjust:100%;
    text-transform:uppercase;
}

button[type="roll"].sheet-attribute-button:before {
    content: "";
}

button[type="roll"].sheet-attribute-button:hover,
button[type="roll"].sheet-attribute-button:focus,
button[type="roll"].sheet-attribute-button:active {
    border: rgb(204, 217, 207);
    background-color:rgba(113, 142, 135, 1);
    cursor: pointer;
}


/* ROLL TEMPLATE STYLING */
.sheet-rolltemplate-alien .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-alien .sheet-template-wrap {
	counter-reset: hit stress damage;
}
/* .sheet-rolltemplate-alien .sheet-template-wrap ::after {
	content: "Results hits: " counter(hit) " stress: " counter(stress);
} */
.sheet-rolltemplate-alien .sheet-template-success::after {
    content: counter(hit);
}
.sheet-rolltemplate-alien .sheet-template-stress::after  {
    content: counter(stress);
}
.sheet-rolltemplate-alien .sheet-template-damage::after  {
    content: counter(damage);
}
.sheet-rolltemplate-alien .sheet-hit,
.sheet-rolltemplate-aliens .sheet-base-dice span.inlinerollresult.fullcrit,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult.fullcrit {
    counter-increment: hit damage;
}
/* .sheet-rolltemplate-alien .sheet-hit,
.sheet-rolltemplate-aliens .sheet-base-dice span.inlinerollresult.fullcrit {
    counter-increment: damage; 
} */
.sheet-rolltemplate-alien .sheet-stress,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult.fullfail {
    counter-increment: stress;
}

.sheet-rolltemplate-aliens .sheet-base-dice,
.sheet-rolltemplate-aliens .sheet-stress-dice,
.sheet-rolltemplate-aliens .sheet-supply-dice {
    text-align: justify !important;
}

.sheet-rolltemplate-aliens .sheet-base-dice span.inlinerollresult,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult,
.sheet-rolltemplate-aliens .sheet-supply-dice span.inlinerollresult {
    color: transparent;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: -2px;
}

.sheet-template-xeno .sheet-template-background,
.sheet-rolltemplate-alien .sheet-template-background {
    background: url(https://s3.amazonaws.com/files.d20.io/images/83147486/YCuEWUzaudOcg2mNHbiFCw/max.png?1559667169);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.sheet-template-xeno .sheet-template-grid,
.sheet-rolltemplate-alien .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-template-xeno .sheet-template-flex,
.sheet-rolltemplate-alien .sheet-template-background .sheet-template-grid .sheet-template-flex {
    width: 100%;
    display: flex;
    grid-gap: 3px;
    background-color: transparent;
    justify-content: center;
    -justify-items: stretch;
    -justify-self: stretch;
}

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

.sheet-template-xeno .sheet-template-flex-item,
.sheet-rolltemplate-alien .sheet-template-flex-item {
    -display: flex;
    width: 100%;
    background-color: rgba(259, 259, 259, 0.05);
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 3px;
    text-align: center;
    justify-content: center;
    -justify-items: stretch;
    -justify-self: stretch;
}

.sheet-rolltemplate-alien .sheet-flex-column { 
    display: flex; 
    flex-direction: column; 
}

.sheet-template-xeno .sheet-template-die,
.sheet-rolltemplate-alien .sheet-template-die {
    display: inline-block;
    border: none;
    -padding: 1px;
    text-align: center;
}

.sheet-template-xeno .sheet-template-span-six,
.sheet-rolltemplate-alien .sheet-template-span-six {
  grid-column: 1 / 7;
  background-color: rgba(259, 259, 259, 0.05);
}

.sheet-rolltemplate-alien .sheet-template-span-half1 {
  grid-column: 1 / 4;
  background-color: rgba(259, 259, 259, 0.05);
}

.sheet-rolltemplate-alien .sheet-template-span-half2 {
  grid-column: 4 / 7;
  background-color: rgba(259, 259, 259, 0.05);
}

.sheet-rolltemplate-alien .sheet-template-span-left {
  grid-column: 1 / 3;
  background-color: rgba(259, 259, 259, 0.05);
}

.sheet-rolltemplate-alien .sheet-template-span-center {
  grid-column: 3 / 5;
  background-color: rgba(259, 259, 259, 0.05);
}

.sheet-rolltemplate-alien .sheet-template-span-right {
  grid-column: 5 / 7;
  background-color: rgba(259, 259, 259, 0.05);
}

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

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

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

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

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

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

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

.sheet-template-xeno .sheet-template-to-the-center,
.sheet-rolltemplate-alien .sheet-template-to-the-center {
    padding-left: 43%;
}

.sheet-rolltemplate-alien .sheet-template-transparent-bg {
    background-color: transparent;
}

.sheet-template-xeno .sheet-template-grid .inlinerollresult,
.sheet-rolltemplate-alien .sheet-template-grid .inlinerollresult  {
    color: #000000;
    font-size: 1.9em;
    line-height: 35px;
    background-color: transparent;
    border: none;
    padding: 0px;
}
 
.sheet-rolltemplate-alien .inlinerollresult.fullcrit {
    color: #000000;
    border: none;
}
 
.sheet-rolltemplate-alien .inlinerollresult.fullfail {
	color: #000000;
    border: none;
}
 
.sheet-rolltemplate-alien .inlinerollresult.importantroll {
	color: #000000;
    border: none;
}

.sheet-rolltemplate-alien .sheet-template-yellow,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult,
.sheet-template-xeno .sheet-template-yellow span.inlinerollresult {
    height: 35px;
    width: 35px;
    background-color: #ffe600;
    border: none;
    border-radius: 5px;
    background-position: center;
}

.sheet-rolltemplate-alien .sheet-template-base-between,
.sheet-rolltemplate-aliens .sheet-base-dice span.inlinerollresult,
.sheet-template-xeno .sheet-base-dice span.inlinerollresult {
    height: 35px;
    width: 35px;
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Base-Between.png?raw=true");
    background-size: 100% 100%;
    
}

.sheet-rolltemplate-alien .sheet-template-base-success,
.sheet-rolltemplate-aliens .sheet-base-dice span.inlinerollresult.fullcrit {
    height: 35px;
    width: 35px;
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Base-Success.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-alien .sheet-template-stress-between,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult {
    height: 35px;
    width: 35px;
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Stress-Between.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-alien .sheet-template-stress-fail,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult.fullfail,
.sheet-rolltemplate-aliens .sheet-supply-dice span.inlinerollresult.fullfail {
    height: 35px;
    width: 35px;
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Stress-Fail.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-alien .sheet-template-stress-success,
.sheet-rolltemplate-aliens .sheet-stress-dice span.inlinerollresult.fullcrit {
    height: 35px;
    width: 35px;
    background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Stress-Success.png?raw=true");
    background-size: 100% 100%;
}

.sheet-rolltemplate-alien .sheet-panic-effect {
    font-size: 11px;
    color: lightgrey;
}

.sheet-rolltemplate-alien .sheet-rolltemplate-button a {
    width: 100%;
    background-color: transparent;
    border: unset;
}


.sheet-rolltemplate-xeno .sheet-attack-desc {
    font-size: 12px;
    color: lightgrey;
}