/* Version: 3.1 */

/* ================ COLOR GUIDE ================
LIGHT TEAL: #d0dfe5
DARK TEAL: #023244
*/
/*  ================ Roll Templates ================  */
.sheet-rolltemplate-meltadamage_roll table,
.sheet-rolltemplate-alternative_rolld66 table,
.sheet-rolltemplate-alternative_roll table,
.sheet-rolltemplate-roll_dicepool_damage table,
.sheet-rolltemplate-roll_dicepool_nowrath table,
.sheet-rolltemplate-roll_dicepool table,
.sheet-rolltemplate-glory_roll table,
.sheet-rolltemplate-recovershock_roll table {
    width:100%;
	background-color: white;
	border:1px solid Black
}
.sheet-rolltemplate-meltadamage_roll th,
.sheet-rolltemplate-alternative_rolld66 th,
.sheet-rolltemplate-alternative_roll th,
.sheet-rolltemplate-roll_dicepool_damage th,
.sheet-rolltemplate-roll_dicepool_nowrath th,
.sheet-rolltemplate-roll_dicepool th,
.sheet-rolltemplate-glory_roll  th,
.sheet-rolltemplate-recovershock_roll th {
    text-align: center;
	font-family: Helvetica;
	font-weight:300;
	font-size:1.1em;
	padding:5px;
	background-color: Black;
	color: white;
}
.sheet-rolltemplate-meltadamage_roll td,
.sheet-rolltemplate-alternative_rolld66 td,
.sheet-rolltemplate-alternative_roll td,
.sheet-rolltemplate-roll_dicepool_damage td,
.sheet-rolltemplate-roll_dicepool_nowrath td,
.sheet-rolltemplate-roll_dicepool td,
.sheet-rolltemplate-glory_roll td,
.sheet-rolltemplate-recovershock_roll td {
	padding:5px;
	line-height:1.1em;
	vertical-align:top;
}
.sheet-rolltemplate-roll_dicepool_damage td:first-child, 
.sheet-rolltemplate-roll_dicepool_nowrath td:first-child,  
.sheet-rolltemplate-roll_dicepool td:first-child, 
.sheet-rolltemplate-glory_roll td:first-child,
.sheet-rolltemplate-recovershock_roll td:first-child {
	color: black;
	text-align:Left;
	min-width:50px;
	padding-right:5px;
}
.sheet-rolltemplate-meltadamage_roll td:first-child,
.sheet-rolltemplate-alternative_rolld66 td:first-child,
.sheet-rolltemplate-alternative_roll td:first-child {
	color: black;
	text-align:center;
	min-width:50px;
	padding-right:5px;
}
.sheet-rolltemplate-meltadamage_roll tr:nth-child(even),
.sheet-rolltemplate-alternative_rolld66 tr:nth-child(even),
.sheet-rolltemplate-alternative_roll tr:nth-child(even),
.sheet-rolltemplate-roll_dicepool_damage tr:nth-child(even),
.sheet-rolltemplate-roll_dicepool_nowrath tr:nth-child(even),
.sheet-rolltemplate-roll_dicepool tr:nth-child(even), 
.sheet-rolltemplate-glory_roll tr:nth-child(even),
.sheet-rolltemplate-recovershock_roll tr:nth-child(even) {
	background-color:#EEEEEE
}
/*  ================ End Roll Templates ================  */

span {
    font-family: Helvetica;
    text-align: left;
    font-size: 92.5%;
    color: black;
    font-weight: normal;
    font-style: normal;
}
.sheet-smallfont {
    font-size: 80%;
}
/*  ================ RADIO HANDLING ================  */
input[type="radio"].sheet-falseRadio {
    position: relative;
    top: 0px;
    left: 0px;
    width: 65px;
    cursor: pointer;
    opacity: 0;
    z-index: 9999;
}
span.sheet-falseRadio {
    position: relative;
    top: -10px;
    left: 0px;
    text-align: center;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 3px;
    padding-right: 3px;
    width: 65px;
    cursor: pointer;
    border: none;
    color: #000000;
    background: transparent;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}
input.sheet-falseRadio:checked + span.sheet-falseRadio {
    font-weight: bold;
    color: #000000;
}
input.sheet-falseRadio:checked + span.sheet-falseRadio::after {
    content: '?';
}
/*  ================ END RADIO HANDLING ================  */

/*================ Tabs Handling ================  */

/* ---- sheet blocks: PC, NPC, Vehicle, Voidship, and Tables ---- */

div.sheet-multi-view { display: none; }

input.sheet-isPC:checked ~ div.sheet-isPC,
input.sheet-isNPC:checked ~ div.sheet-isNPC,
input.sheet-isVehicle:checked ~ div.sheet-isVehicle,
input.sheet-isVoidship:checked ~ div.sheet-isVoidship,
input.sheet-isTables:checked ~ div.sheet-isTables,
{
    display: block;
}

/* ---- character sheet tabs ---- */

div[class^="sheet-section"] {
    visibility: hidden;
    opacity: 0;
    max-height:0;
    overflow: hidden;
}
input.sheet-tab99:checked ~ div[class^="sheet-section"] {
    max-height: 999998px;
    opacity: 1;
    transition: opacity 0.5s linear 0s;
    overflow: auto;
}
input.sheet-tab {
    width: 120px;
    height: 20px;
    cursor: pointer;
    position: relative;
    opacity: 0;
    z-index: 9999;
}
span.sheet-tab {
    text-align: center;
    display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
    width: 110px;
    height: 20px;
    cursor: pointer;
    position: relative;
	margin-left: -125px;
    border: 2px solid #023244; 		/* - Layout: tab borders- */
    color: black;					/* - Layout: font color for tabs not selected - */
    background: #d0dfe5; 			/* - Layout: color of the tabs not selected - */
    border-radius:3px;
    font-size: 14px;
    font-weight: normal;
	margin-top: 6px;
}
input.sheet-tab::before {
    content: attr(title);
    text-align: center;
	margin-top: 5px;
    display: inline-block;
    width: 75%;
    height: 100%;
    background: #023244; 			/* - Layout: color of the selected tab - */
    color:white;					/* - Layout: font color for selected tab - */
}
input.sheet-tab:checked::before {
    background: #023244; 			/* - Layout: color of the selected tab - */
    color:white;					/* - Layout: font color for selected tab - */
    font-weight: bold;
}
input.sheet-tab1:checked ~ div.sheet-section-pc1,
input.sheet-tab2:checked ~ div.sheet-section-pc2,
input.sheet-tab3:checked ~ div.sheet-section-pc3,
input.sheet-tab4:checked ~ div.sheet-section-pc4,
input.sheet-tab5:checked ~ div.sheet-section-pc5,
input.sheet-tab6:checked ~ div.sheet-section-pc6,
input.sheet-tab7:checked ~ div.sheet-section-pc7 {
    max-height: 999999px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear 0s;
    overflow: hidden;
    width: 100%;
    font-weight: bold;
}
input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2,
input.sheet-tab3:checked + span.sheet-tab3,
input.sheet-tab4:checked + span.sheet-tab4,
input.sheet-tab5:checked + span.sheet-tab5,
input.sheet-tab6:checked + span.sheet-tab6,
input.sheet-tab7:checked + span.sheet-tab7  {
    background: #023244; 			/* - Layout: color of the selected tab - */
    color: white;
    font-weight: bold;
}

/*  ================ END TABS HANDLING ================  */


/*  ================ REPEATING SECTIONS  ================ */

.repcontainer[data-groupname=repeating_attack] 
.repitem { margin-bottom: 5px; }
.repcontrol { margin-bottom: 5px; }
.repcontainer.editmode[data-groupname=repeating_attack] + .repcontrol { text-align: right; }
.repcontainer.editmode[data-groupname=repeating_attack] + .repcontrol .repcontrol_edit { float: left; }

/*  ================ END REPEATING SECTIONS  ================ */

/*  ================ HEADERS and LABELS ================  */

h1,h2,h3,h4 {
    font-family: Helvetica;
    font-variant: small-caps;
    font-weight: Bold;
    text-align: center;
    color: black;
    font-size: 100%;
}
h1 {
    font-size: 200%;
    text-align: left;
    font-weight: Bold;
}
h2 {
	font-style: Italic;
    margin-bottom: 5px;
}
h3 {						/* - Table Headers with TH - */
    font-size: 70%;
}
h4 {						/* - standalone row where the first word is the header - */
    text-align: left;
}
h5 {						/* - standalone row with standard sized text (typically the first td in a row) - */
    text-align: left;
    font-size: 90%;	
    margin-top: 0px;
    margin-bottom: 0px;
}
h6 {						/* - standalone row with standard sized text (typically the first td in a row) - */
    text-align: right;
    font-variant: normal;
    font-size: 80%;	
    margin-top: 0px;
    margin-bottom: 0px;
}

/*  ================ END HEADERS and LABELS ================ */

/*  ================ TEXTAREAS ================ */

textarea[name=attr_PsyPowerDescription] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_PsyPowerPotency] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_background] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_backgroundbenefit] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_malignancy] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_rmalignancy] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_vehCriticalHits] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_vehDescription] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_voidCriticalHits] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_voidDescription] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_voidSystems] {
    resize: vertical;
	margin:			0 auto;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_objective] {
    resize: 		vertical;
	margin:			0 auto;
    display: 		block;
    width: 			98% !important;
    height: 		1.25em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_abilityDescription] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_talentDescription] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_allianceDesc] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 2.4em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_keywords] {
    resize: vertical;
    display: block;
    width: 90% !important;
    height: 3.1em;
    margin-left: 7.5px !important;
}
textarea[name=attr_gearDetail-tooltip] {
    height: 4em;
    resize: vertical;
}
textarea[name=attr_rinjury] {
    resize: vertical;
    display: block;
    width: 95% !important;
    height: 1.25em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_trauma] {
    resize: vertical;
    display: block;
    width: 97.5% !important;
    height: 1.25em;
   /* margin-left: 10px !important;*/
}
textarea[name=attr_rinjuryDescription] {
    resize: vertical;
    display: block;
    width: 98% !important;
    height: 1.25em;
   /* margin-left: 10px !important;*/
}
/* ================ END TEXTAREAS ================ */

/* ================ SECTION FORMATTING ================ */
.sheet-header {
    margin-bottom: 4px;
	margin-top: 8px;
	padding: 2px 4px;
    text-align: center;
	background: #023244;				/* - Layout: header color - */
	color: White;						/* - Layout: header font color - */
	font-weight: bold;
}
.sheet-minorheader {
    margin-bottom: 4px;
	margin-top: 4px;
	padding: 2px 2px;
    text-align: left;
	background: #89A5A8;				/* - Layout: header color - */
	color: White;						/* - Layout: header font color - */
	font-weight: bold;
}
.charsheet {
	background-size: cover;
    background: WhiteSmoke;				/* - Layout: page background color - */
	min-width: 875px;
}
input, select, textarea {
    font-size: 100%;
    font-family: Helvetica;
    color: black;
}
.sheet-select-attr {  
	/* configure attribute drop down box  */
	Font-size: 75% !important;
    width: 7.6em;
}
.sheet-dropdown,
.sheet-smalldropdown,
.sheet-smeddropdown,
.sheet-meddropdown,
.sheet-largedropdown,
.sheet-verylargedropdown,
.sheet-xverylargedropdown,
.sheet-xtralargedropdown,
.sheet-select-attr {  
	margin-top: 1px;
	margin-bottom: 1px;
}
.sheet-subsection {
    border: 1px solid #023244;		/* - Layout: section border colors - */
    position: relative;
	border-radius: 10px;
    margin-bottom: 10px;
	padding: 2px;
}
.sheet-input > .sheet-input-name + input {
    display: block;
    font-size: 120%;
    border-radius: 5px;
    padding: 5px 5px 5pt 5px;
    width: 100%;
    height: 2em;
    box-shadow: 5px 5px 3px 1px #999;
}
.sheet-input-name {
    font-family: Helvetica;
    font-size: 120%;
    font-variant: small-caps;
    position: absolute;
    left: 5px;
    bottom: 0px;
}
table { width: 100%; } 
.sheet-tableColorRows td:first-child td:first-child {
	background-color:#ebece7;
}
.sheet-tableColorRows tr:nth-child(even) {
	background-color:#ebece7;
}

/* ================ END SECTION FORMATTING ================ */

/* ================ NUMBER FORMATTING ================ */

.sheet-circle input[type=text],
.sheet-circle input[type=number] {
   border-radius: 100%;
   height: 28px;
   width: 28px !important;
   text-align: center;
   border: 1px solid black;
   -moz-appearance: textfield;
   margin-top: 1px;
   margin-bottom: 1px;
}
.sheet-noborder input[type=text],
.sheet-noborder input[type=number] {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-appearance: textfield;
}
.sheet-circle input[type=text]::-webkit-outer-spin-button,
.sheet-circle input[type=text]::-webkit-inner-spin-button,
.sheet-circle input[type=number]::-webkit-outer-spin-button,
.sheet-circle input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}  

/* ================ END NUMBER FORMATTING ================ */

/* ================ BUTTON MANAGEMENT ================ */
.charsheet button[type=roll]::before {
	display:none;
}

button.sheet-diebutton-all,
button.sheet-diebutton-simple,
button.sheet-diebutton-api { 	/* API is the default roller */
	margin: 0 !important;
	border-radius: 0 !important;
	/*background-image: none !important;*/
	/*border: none !important;*/
	/*box-shadow: none !important;*/
	font-family: dicefontd6;
    color: rgb(2, 50, 68);							/* - Layout: button image color  #023244 - */
	background-color: #D0DFE5;
	font-size: 175% !important;
}
button.sheet-diebutton-damage {
    color: rgb(252, 0, 0);							/* - Layout: button image color  #023244 - */
	background-color: #4b0000;
}
button.sheet-diebutton-notest, 	
button.sheet-diebutton-assist {
    color: rgb(0, 0, 0);							/* - Layout: button image color  #023244 - */
	background-color:#48565a;
}
button.sheet-diebutton-glory {
    color: rgb(209, 136, 0);							/* - Layout: button image color  #023244 - */
	background-color: #FC0000;
}
button.sheet-diebutton-simple {
    display: none;
}

button.sheet-diebutton-smaller {
    font-size: 150% !important;
}
input.sheet-roll-useDice:unchecked 	~ div table button.sheet-diebutton-api { display: inline; }
input.sheet-roll-useDice:unchecked 	~ div table button.sheet-diebutton-simple { display: none; }
input.sheet-roll-useDice:checked    ~ div table button.sheet-diebutton-simple { display: inline; }
input.sheet-roll-useDice:checked    ~ div table button.sheet-diebutton-api { display: none; }

/* ================ End BUTTON Management ================ */
/* ================ BEGIN Flex Rows with Tooltips ================ */

.sheet-hover input[type="text"] {
    display:            flex;
    flex:               1;
    color:              black;
}

.sheet-hover input[type=number] {-moz-appearance: textfield;}
.sheet-hover input[type=number]::-webkit-outer-spin-button,
.sheet-hover input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 			0;
}

.sheet-hover input:focus::-webkit-input-placeholder { color:transparent; }
.sheet-hover input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.sheet-hover input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.sheet-hover input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:                black;
}

::-moz-placeholder { /* Firefox 19+ */
  color:                black;
}

:-ms-input-placeholder { /* IE 10+ */
  color:                black;
}

:-moz-placeholder { /* Firefox 18- */
  color:                black;
}

.sheet-flexrow {
    display:            flex;
    flex-flow:          row;
}

.sheet-tooltip {
    display:            inline-block; 	/* ORIGINAL = None ; changed to inline-block */
    pointer-events:     none;
    position:           absolute;
    bottom:       	    60%;			/* This sets where the text box appears in relation to the button */
    left:               0%;
    word-wrap:          break-word;
    text-align:         left;
    background-color:   white;
    border:             1px solid black;
    border-radius:      5px;			/* ORIGINAL removed: Pointer-events: none; */
    padding:            5px;
    white-space:        pre-wrap;
    visibility:         hidden; 
    opacity:            0;
    transition:         visibility 500ms, opacity 500ms; 
    -webkit-transition-delay: 0s; /* Safari */
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition:    all 500ms ease-in-out;
    -ms-transition:     all 500ms ease-in-out;
    -o-transition:      all 500ms ease-in-out;
    transition:         all 500ms ease-in-out;
    transition-delay:   0s;
}

.sheet-hover:hover + .sheet-tooltip {
    display:            block;
    background-color:   white;
    opacity:            1.0 !important;
    visibility:         visible;
    pointer-events:     visible;
    box-shadow:         none;
    z-index:            1;
}
/* checkbox style settings */
.sheet-hover-hidden {	
    position: 			absolute;			/* ORIGINAL value was relative, changed to absolute */
	opacity:            0; 					
    margin:             3px; 
	transform:			scale(1.5);
}
/* hidden checkbox with no top margin */
.sheet-hover-hidden-notopmargin {				
    margin:		0px 3px 3px 3px !important;
}
/* image under the checkbox when unchecked */
.sheet-hover-hidden + span::before {			
    content:            url(https://i.imgur.com/sRvElxy.png);
	float:				center;					
    margin:				0px 3px 3px 3px  !important;	
    z-index:            -1;
}
/* image under the checkbox when checked */
.sheet-hover-hidden:checked + span::before {	
    content:            url(https://i.imgur.com/N8VCNVO.png);
	float:				center;				
    margin:				0px 3px 3px 3px  !important;	
    z-index:            -1;
}
.sheet-hover-hidden:hover ~ .sheet-tooltip {
    left:               0%;
    pointer-events:     visible;
    box-shadow:         none;
    z-index:            1;
}
.sheet-hover-hidden:checked ~ .sheet-tooltip {
    display:            block;
    left:               0%;
    background-color:   #bbb;
    opacity:            1.0;
    visibility:         visible;
    pointer-events:     visible;
    z-index:            1;
}

/* ================ END Flex Rows with Tooltips ================ */

/* ================ Section formatting ================ */

table, th, td {    
	/* border: 1px solid black;  Table borders - turned on only for design work    */ 
	border-collapse: collapse;
}
.sheet-bottom-border {
	border-bottom: 4px solid #023244;
}
}
th {
   text-align: center;
}
.sheet-tagline{
	font: 				Rockwell;
	size: 				100%;
	font-style:			Italic Bold;
	margin-top: 		10px;
	/*  margin-left: 		5px; */ 
	background-color: 	WhiteSmoke;
}
.sheet-objective-checkbox{
	size: 				300%;
	margin:				0 auto;
	display:			block;
}
.sheet-block-text {Font-size: 100%;}
.sheet-smaller-text {Font-size: 80%;}
.sheet-header-spacer {margin-top: 22.5px;}
.sheet-center {text-align: center;}
.sheet-right {text-align: right;}
.sheet-left {text-align: left;}
.sheet-header-override {text-align: left!important;}
.sheet-header-overrideright {text-align: right!important;}
.sheet-width-W100 {width: 100%;}
.sheet-width-W99 {width: 99%;}
.sheet-width-W98 {width: 98%;}
.sheet-width-W95 {width: 95%;}
.sheet-width-W90 {width: 90%;}
.sheet-width-W85 {width: 85%;}
.sheet-width-W80 {width: 80%;}
.sheet-width-W75 {width: 75%;}
.sheet-width-W70 {width: 70%;}
.sheet-width-W65 {width: 65%;}
.sheet-width-W60 {width: 60%;}
.sheet-width-W55 {width: 55%;}
.sheet-width-W50 {width: 50%;}
.sheet-width-W45 {width: 45%;}
.sheet-width-W40 {width: 40%;}
.sheet-width-W35 {width: 37%;}
.sheet-width-W35 {width: 38%;}
.sheet-width-W35 {width: 35%;}
.sheet-width-W33 {width: 33%;}
.sheet-width-W30 {width: 30%;}
.sheet-width-W25 {width: 29%;}
.sheet-width-W25 {width: 28%;}
.sheet-width-W25 {width: 27%;}
.sheet-width-W25 {width: 26%;}
.sheet-width-W25 {width: 25%;}
.sheet-width-W24 {width: 24%;}
.sheet-width-W23 {width: 23%;}
.sheet-width-W22 {width: 22%;}
.sheet-width-W21 {width: 21%;}
.sheet-width-W20 {width: 20%;}
.sheet-width-W19 {width: 19%;}
.sheet-width-W18 {width: 18%;}
.sheet-width-W17 {width: 17%;}
.sheet-width-W16 {width: 16%;}
.sheet-width-W15 {width: 15%;}
.sheet-width-W14 {width: 14%;}
.sheet-width-W13 {width: 13%;}
.sheet-width-W12 {width: 12%;}
.sheet-width-W11 {width: 11%;}
.sheet-width-W10 {width: 10%;}
.sheet-width-W9  {width: 9%;}
.sheet-width-W8  {width: 8%;}
.sheet-width-W7  {width: 7%;}
.sheet-width-W6  {width: 6%;}
.sheet-width-W5  {width: 5%;}
.sheet-width-W4  {width: 4%;}
.sheet-width-W3  {width: 3%;}
.sheet-width-W2  {width: 2%;}
.sheet-width-W1  {width: 1%;}
.sheet-attr-display {width: 5.75em !important; Font-size: 90% !important;}
.sheet-tiny-textblock {width: 2em !important;}
.sheet-verysmall-textblock {width: 2.8em !important;}
.sheet-small-textblock {width: 4em !important;}
.sheet-smallmed-textblock {width: 4.5em !important;}
.sheet-med-textblock {width: 7.5em !important;}
.sheet-large-textblock {width: 10em !important;}
.sheet-verylarge-textblock {width: 15em !important;}
.sheet-smalldropdown {width: 2.8em !important;}
.sheet-smeddropdown {width: 4em !important;}
.sheet-meddropdown {width: 6.25em !important;}
.sheet-largedropdown {width: 7em !important;}
.sheet-verylargedropdown {width: 9em !important;}
.sheet-xverylargedropdown {width: 10em !important;}
.sheet-xtralargedropdown {width: 12em !important;}
.sheet-smallspin-button {width: 3.1em !important;}
.sheet-2digitspin-button {width: 3.25em !important;}
.sheet-spin-button {width: 4em !important;}
.sheet-bigspin-button {width: 5.25em !important;}
.sheet-pad-text {padding-left: 5px;}
.sheet-margin {margin-left: 10px;}
.sheet-margin-top {margin-top: 10px !important;}
.sheet-margin-bottom {margin-bottom: 10px !important;}
.sheet-tooltip-override {bottom: 100%;}
.charsheet .sheet-wrapper {
    background-image:url("https://i.imgur.com/ccLqJqK.jpg");
    background-repeat:repeat;
    padding-left: 7px;
}