roll20-character-sheets/Millennium Freelancers/mf_sheet.css

body
	{
	color: #B5D2ED;
	}
	
.charsheet
	{
	background: #212121;
	}
	
*	{
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	}

.ui-dialog .charsheet button[type=roll]::before
	{
	content: "";
	}
	
.ui-dialog .charsheet button[type=roll]:hover
	{
	background-position: initial;
	}
	
.charsheet .repcontrol button.repcontrol_edit, .charsheet .repcontrol button.repcontrol_add
    {
    display: none;
    }
    
.charsheet .repcontrol button.repcontrol_edit:disabled, .charsheet .repcontrol button.repcontrol_add:disabled
    {
    display: none;
    }

@font-face
	{
	font-family: Michroma;
	src: url("https://www.sync-chess.com/csheetImg/Michroma.ttf") format("truetype");
	}
	
	
input[readonly]
    {
    caret-color: transparent;
    cursor: default !important;
    }
    
input[readonly]:focus
    {
    outline: none;
    }
	
.repeating-section-weapons
    {
    width: max-content;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto 120px auto auto auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }
    
.repeating-section-melees
    {
    width: max-content;
    display: grid;
    grid-template-columns: 30px 150px 150px 300px 50px auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section-melees__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section-melees__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }
    
.repeating-section-ammo
    {
    width: max-content;
    display: grid;
    grid-template-columns: 30px 50px 150px 150px 60px auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section-ammo__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section-ammo__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }
    
.repeating-section-armor
    {
    width: max-content;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section-armor__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section-armor__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }
    
.repeating-section-advantages
    {
    width: max-content;
    display: grid;
    grid-template-columns: 30px 150px auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section-advantages__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section-advantages__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }
    
.repeating-section-backgrounds
    {
    width: max-content;
    display: grid;
    grid-template-columns: 30px 150px auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section-backgrounds__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section-backgrounds__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }
    
.repeating-section-resources
    {
    width: max-content;
    display: grid;
    grid-template-columns: 30px 150px 50px auto;
    gap: 2px;
    .repcontainer,
    .repitem,
    .repcontrol,
    .repeating-section-resources__header
        {
        grid-column: 1 / -1; /* Make our sub sections span all columns */
        }
    .repcontainer,
    .repitem,
    .repeating-section-resources__header
        {
        display: grid;
        grid-template-columns: subgrid;
        gap: inherit;
        }
    }

div
	{
	font-family: Michroma;
	font-size: 15px;
	}

#pull-to-top
	{
	vertical-align: top;
	}

#medium-font
	{
	font-family: Michroma;
	font-size: 12px;
	}

.small-font
	{
	font-family: Michroma;
	font-size: 10px;
	}

#tiny-font
	{
	font-family: Michroma;
	font-size: 7px;
	text-align: right;
	}

.title1
	{
	font-family: Michroma;
	font-size: 16px;
	text-align: center;
	font-variant: small-caps;
	font-weight: 700;
	}

.title2
	{
	font-family: Michroma;
	font-size: 14px;
	font-variant: small-caps;
	font-style: italic;
	}

.title3
	{
	font-family: Michroma;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: 700;
	}
	
.main-title
	{
	font-family: Michroma;
	font-size: 20px;
	font-variant: small-caps;
	font-weight: 700;
	}

textarea
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 10px;
	width: 330px;
	height: 150px;
	border-style: solid;
	border-color: #80AAFF;
	resize: none;
	box-sizing: border-box;
	padding: 0;
	}
	
.largeTextField
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 10px;
	width: 800px;
	height: 500px;
	border-style: solid;
	border-color: #80AAFF;
	resize: none;
	box-sizing: border-box;
	padding: 4;
	}
	
.console-textarea
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 8px;
	width: 800px;
	border-style: solid;
	border-color: #80AAFF;
	resize: none;
	box-sizing: border-box;
	padding: 0;
	}
	
.sheet-rolltemplate-li-roll-label
    {
    font-family: Michroma;
    color: #80AAFF;
    font-size: 12px;
    }
    
.sheet-rolltemplate-hi-roll-label
    {
    font-family: Michroma;
    color: #FFAA80;
    font-size: 12px;
    }
    
.sheet-rolltemplate-li-roll-bold
    {
    font-family: Michroma;
    color: #4077FF;
    font-size: 13px;
    font-weight: 700;
    font-variant: small-caps;
    }
    
.sheet-rolltemplate-hi-roll-bold
    {
    font-family: Michroma;
    color: #FF7740;
    font-size: 13px;
    font-weight: 700;
    font-variant: small-caps;
    }

#tex
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 12px;
	width: 150px;
	height: 28px;
	border-style: solid;
	border-color: #80AAFF;
	box-sizing: border-box;
	padding: 0;
	}

#tex2
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 11px;
	width: 100px;
	height: 20px;
	border-style: solid;
	border-color: #80AAFF;
	box-sizing: border-box;
	padding: 0;
	}

#tex3
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 14px;
	width: 50px;
	height: 25px;
	border-style: solid;
	border-color: #80AAFF;
	box-sizing: border-box;
	padding: 0;
	}

#tex4
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 14px;
	width: 150px;
	height: 25px;
	border-style: solid;
	border-color: #80AAFF;
	box-sizing: border-box;
	padding: 0;
	}

#tex5
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 14px;
	width: 300px;
	height: 25px;
	border-style: solid;
	border-color: #80AAFF;
	box-sizing: border-box;
	padding: 0;
	}

#tex6
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 14px;
	width: 250px;
	height: 28px;
	border-style: solid;
	border-color: #80AAFF;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

#tex7
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 11px;
	width: 30px;
	height: 20px;
	border-style: solid;
	border-color: #80AAFF;
	box-sizing: border-box;
	padding: 0;
	}

#num
	{
	color: #80AAFF;
	background-color: #0A0A0A;
	font-family: Michroma;
	font-size: 16px;
	width: 40px;
	height: 28px;
	text-align: center;
	border-style: solid;
	border-color: #80AAFF;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

#tex[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

#tex2[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

#tex3[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

#tex4[readonly]
	{
	background-color: #000000;
	border-color: #506677;
	}

#tex5[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

#tex6[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

#tex7[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

#num[readonly]
	{
	background-color: #101010;
	border-color: #A0CCFF;
	color: #A0CCFF;
	}

.damageButton
	{
	width: 50px;
	height: 50px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/MinusUp.png");
	box-sizing: border-box;
	padding: 0;
	}

.damageButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/MinusDown.png");
	}

.healButton
	{
	width: 50px;
	height: 50px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/PlusUp.png");
	box-sizing: border-box;
	padding: 0;
	}

.healButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/PlusDown.png");
	}

.rollButton
	{
	width: 25px;
	height: 25px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/RollUp.png");
	box-sizing: border-box;
	padding: 0;
	}

.rollButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/RollDown.png");
	}

.shootButton
	{
	width: 25px;
	height: 25px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/ShootUp.png");
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

.shootButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/ShootDown.png");
	}

.editButton
	{
	width: 25px;
	height: 25px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/EditUp.png");
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

.editButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/EditDown.png");
	}

.levelUpButton
	{
	width: 25px;
	height: 25px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/LevelUpUp.png");
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

.levelUpButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/LevelUpDown.png");
	}

.levelDownButton
	{
	width: 25px;
	height: 25px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/LevelDownUp.png");
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

.levelDownButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/LevelDownDown.png");
	}
	
.rerollButton
	{
	width: 25px;
	height: 25px;
	color: transparent;
	background-repeat: no-repeat;
	border-style: none;
	background-color: transparent;
	background-image: url("https://www.sync-chess.com/csheetImg/RerollUp.png");
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0;
	}

.rerollButton:hover
	{
	background-image: url("https://www.sync-chess.com/csheetImg/RerollDown.png");
	}

input[type=checkbox]:checked
	{
	accent-color: #80AAFF;
	background-color: #0A0A0A;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	padding: 0;
	}

input[type=checkbox]:empty
	{
	background-color: #0A0A0A;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	padding: 0;
	}

.prompt
	{
	position: fixed;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	background-color: #070707;
	border-style: double;
	border-color: #80AAFF;
	display: none;
	box-sizing: border-box;
	padding: 10px;
	z-index: 2;
	width: fit-content;
	}

.promptButton:hover
	{
	color: #9CB0D9;
	background-color: #406677;
	font-family: Michroma;
	font-size: 12px;
	height: 24px;
	border-style: solid;
	border-color: #3568C6;
	}
	
.promptButton.active
	{
	color: #000000;
	background-color: #B8CFD9;
	border-color: #7BA9FF;
	}
	
.promptButton
	{
	color: #B6C2F0;
	background-color: #21353E;
	font-family: Michroma;
	font-size: 12px;
	height: 28px;
	border-style: solid;
	border-color: #5B91F4;
	box-sizing: border-box;
	padding: 3;
	}
	
.tabButton
	{
	color: #B6C2F0;
	background-color: #21353E;
	font-family: Michroma;
	font-size: 12px;
	width: 120;
	height: 28px;
	border-style: solid;
	border-color: #5B91F4;
	box-sizing: border-box;
	padding: 3;
	}
	
.tabButton:hover
	{
	color: #9CB0D9;
	background-color: #406677;
	font-family: Michroma;
	font-size: 12px;
	height: 24px;
	border-style: solid;
	border-color: #3568C6;
	}
	
.tabButton.active
	{
	color: #000000;
	background-color: #B8CFD9;
	border-color: #7BA9FF;
	}

.attrButton
	{
	color: #000000;
	background-color: #80AAFF;
	font-family: Michroma;
	font-size: 12px;
	font-weight: 700;
	width: 50px;
	height: 50px;
	border-style: solid;
	border-color: #3568C6;
	box-sizing: border-box;
	padding: 0;
	}
	
.testarea[readonly]
    {
    background-color: transparent;
    border: none;
    border-style: none;
    text-align: center;
    }

.label1
	{
	background-color: transparent;
	border: none;
	color: #80AAFF;
	font-family: Michroma;
	font-size: 11px;
	font-variant: small-caps;
	font-style: italic;
	text-align: right;
	width: 210px !important;
	padding: 4px !important;
	vertical-align: middle;
	}
	
.label2
	{
	background-color: transparent;
	border: none;
	color: #80AAFF;
	font-family: Michroma;
	font-size: 11px;
	font-variant: small-caps;
	font-style: italic;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	}
	
.label3
	{
	background-color: transparent;
	border: none;
	color: #80AAFF;
	font-family: Michroma;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: 700;
	text-align: center;
	height: 40px;
	width: 600px !important;
	vertical-align: middle;
	}
	
.label4
	{
	background-color: transparent;
	border: none;
	color: #80AAFF;
	font-family: Michroma;
	font-size: 12px;
	text-align: center;
	height: 40px;
	width: 300px important;
	vertical-align: middle;
	}
	
input[type="hidden"][value="1"].hide-skill-roll ~ .skill-roll-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-skill-roll ~ .skill-roll-hide
	{
	display: inline;
	}
	
input[type="hidden"][value="1"].disable-language1-name ~ .language1-name-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-language1-name ~ .language1-name-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-language1-name ~ .language1-name-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-language1-name ~ .language1-name-disabled
	{
	display: block;
	}
	
input[type="hidden"][value="1"].disable-language2-name ~ .language2-name-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-language2-name ~ .language2-name-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-language2-name ~ .language2-name-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-language2-name ~ .language2-name-disabled
	{
	display: block;
	}
	
input[type="hidden"][value="1"].disable-hobby1-name ~ .hobby1-name-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-hobby1-name ~ .hobby1-name-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-hobby1-name ~ .hobby1-name-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-hobby1-name ~ .hobby1-name-disabled
	{
	display: block;
	}

input[type="hidden"][value="1"].disable-social-class ~ .social-class-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-social-class ~ .social-class-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-social-class ~ .social-class-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-social-class ~ .social-class-disabled
	{
	display: block;
	}
	
	
input[type="hidden"][value="1"].disable-birthplace  ~ .birthplace-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-birthplace ~ .birthplace-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-birthplace ~ .birthplace-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-birthplace ~ .birthplace-disabled
	{
	display: block;
	}
		
	
input[type="hidden"][value="1"].disable-profession ~ .profession-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-profession ~ .profession-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-profession ~ .profession-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-profession ~ .profession-disabled
	{
	display: block;
	}
		
	
input[type="hidden"][value="1"].disable-territory ~ .territory-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-territory ~ .territory-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-territory ~ .territory-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-territory ~ .territory-disabled
	{
	display: block;
	}
		
	
input[type="hidden"][value="1"].disable-advantage-xp ~ .advantage-xp-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-advantage-xp ~ .advantage-xp-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-advantage-xp ~ .advantage-xp-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-advantage-xp ~ .advantage-xp-disabled
	{
	display: block;
	}
		
	
input[type="hidden"][value="1"].disable-total-xp ~ .total-xp-enabled
	{
	display: none;
	}
	
input[type="hidden"][value="0"].disable-total-xp ~ .total-xp-enabled
	{
	display: block;
	}
	
input[type="hidden"][value="0"].disable-total-xp ~ .total-xp-disabled
	{
	display: none;
	}
	
input[type="hidden"][value="1"].disable-total-xp ~ .total-xp-disabled
	{
	display: block;
	}
	

input[type="hidden"][value="1"].hide-points-title ~ .points-title-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-points-title ~ .points-title-hide
	{
	display: block;
	}
	

input[type="hidden"][value="1"].hide-cc-points ~ .cc-points-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-cc-points ~ .cc-points-hide
	{
	display: block;
	}
	
	
input[type="hidden"][value="1"].hide-min-buttons ~ .min-button-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-min-buttons ~ .min-button-hide
	{
	display: block;
	}
	
	
input[type="hidden"][value="1"].hide-back-to-cc-prompt ~ .back-to-cc-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-back-to-cc-prompt ~ .back-to-cc-prompt-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-customizer-prompt ~ .customizer-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-customizer-prompt ~ .customizer-prompt-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-scientist-options ~ .scientist-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-scientist-options ~ .scientist-options-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-engineer-options ~ .engineer-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-engineer-options ~ .engineer-options-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-custom-options ~ .custom-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-custom-options ~ .custom-options-hide
	{
	display: block;
	}
	

input[type="hidden"][value="1"].hide-damage-prompt ~ .damage-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-damage-prompt ~ .damage-prompt-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-attr-prompt ~ .attr-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-attr-prompt ~ .attr-prompt-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-skill-prompt ~ .skill-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-skill-prompt ~ .skill-prompt-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-roll-prompt ~ .roll-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-roll-prompt ~ .roll-prompt-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-attr-roll-prompt ~ .attr-roll-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-attr-roll-prompt ~ .attr-roll-prompt-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-shoot-prompt ~ .shoot-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-shoot-prompt ~ .shoot-prompt-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-hp-prompt ~ .hp-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-hp-prompt ~ .hp-prompt-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-character-page ~ .character-page-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-character-page ~ .character-page-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-gear-page ~ .gear-page-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-gear-page ~ .gear-page-hide
	{
	display: block;
	}


input[type="hidden"][value="1"].hide-notes-page ~ .notes-page-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-notes-page ~ .notes-page-hide
	{
	display: block;
	}
	
.tabButton1
	{
	color: #B6C2F0;
	background-color: #21353E;
	font-family: Michroma;
	font-size: 12px;
	width: 120;
	height: 28px;
	border-style: solid;
	border-color: #5B91F4;
	box-sizing: border-box;
	padding: 3;
	}
	
.tabButton1:hover
	{
	color: #9CB0D9;
	background-color: #406677;
	font-family: Michroma;
	font-size: 12px;
	height: 24px;
	border-style: solid;
	border-color: #3568C6;
	}
	
input[type="hidden"][value="1"].hide-increase-attribute ~ .increase-attribute-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-increase-attribute ~ .increase-attribute-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-level-skill ~ .level-skill-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-level-skill ~ .level-skill-hide
	{
	display: inline;
	}
	
input[type="hidden"][value="1"].hide-reduce-skill ~ .reduce-skill-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-reduce-skill ~ .reduce-skill-hide
	{
	display: inline;
	}
	
input[type="hidden"][value="1"].hide-training-time ~ .training-time-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-training-time ~ .training-time-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-buy-hp ~ .buy-hp-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-buy-hp ~ .buy-hp-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-shoot ~ .shoot-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-shoot ~ .shoot-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-console-prompt ~ .console-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-console-prompt ~ .console-prompt-hide
	{
	display: block;
	}
	
input[type="hidden"][value="0"].hide-cc1-prompt ~ .cc1-prompt-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-cc1-prompt ~ .cc1-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-cc2-prompt ~ .cc2-prompt-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-cc2-prompt ~ .cc2-prompt-hide
	{
	display: none;
	}
	
input[type="hidden"][value="1"].hide-gavadai-options ~ .gavadai-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-gavadai-options ~ .gavadai-options-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-saturnada-options ~ .saturnada-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-saturnada-options ~ .saturnada-options-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-gt-options ~ .gt-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-gt-options ~ .gt-options-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-zaidong-options ~ .zaidong-options-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-zaidong-options ~ .zaidong-options-hide
	{
	display: block;
	}
	
input[type="hidden"][value="1"].hide-cc-complete ~ .cc-complete-hide
	{
	display: none;
	}
	
input[type="hidden"][value="0"].hide-cc-complete ~ .cc-complete-hide
	{
	display: block;
	}

.grid0
	{
	display:grid;
	grid-template-columns: 266px 266px 266px;
	grid-template-rows: auto;
	width: 800px;
	background-color: transparent !important;
	}

.grid2
	{
	display:grid;
	grid-template-columns: max-content max-content max-content max-content;
	grid-template-rows: auto auto auto auto auto auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid3
	{
	display:grid;
	grid-template-columns: max-content max-content max-content max-content max-content;
	grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid1
	{
	display:grid;
	grid-template-columns: 382px 468px;
	grid-template-rows: auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: 900px;
	background-color: transparent !important;
	}

.grid5
	{
	display:grid;
	grid-template-columns:;
	grid-template-rows: auto auto auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid4
	{
	display:grid;
	grid-template-columns: 420px 400px;
	grid-template-rows: auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: 820px;
	background-color: transparent !important;
	}

.grid6
	{
	display:grid;
	grid-template-columns: max-content;
	grid-template-rows: auto auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid7
	{
	display:grid;
	grid-template-columns: max-content max-content;
	grid-template-rows: auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid8
	{
	display:grid;
	grid-template-columns: 300px 300px;
	grid-template-rows: auto auto auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid10
	{
	display:grid;
	grid-template-columns: max-content max-content max-content max-content max-content max-content max-content;
	grid-template-rows: auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid9
	{
	display:grid;
	grid-template-columns: max-content;
	grid-template-rows: auto auto auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid11
	{
	display:grid;
	grid-template-columns: max-content max-content;
	grid-template-rows: auto auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid12
	{
	display:grid;
	grid-template-columns: max-content max-content;
	grid-template-rows: auto auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid13
	{
	display:grid;
	grid-template-columns: max-content max-content;
	grid-template-rows: auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid15
	{
	display:grid;
	grid-template-columns: 150px 120px 150px 120px 300px;
	grid-template-rows: auto auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid16
	{
	display:grid;
	grid-template-columns: max-content max-content max-content max-content max-content;
	grid-template-rows: auto auto auto auto auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid17
	{
	display:grid;
	grid-template-columns: 380px;
	grid-template-rows: auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid19
	{
	display:grid;
	grid-template-columns: 44px 44px 44px 44px 44px;
	grid-template-rows: auto auto;
	width: 224px;
	background-color: transparent !important;
	}

.grid18
	{
	display:grid;
	grid-template-columns: 380px;
	grid-template-rows: auto auto auto auto auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid20
	{
	display:grid;
	grid-template-columns: max-content;
	grid-template-rows: auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid21
	{
	display:grid;
	grid-template-columns: 380px;
	grid-template-rows: auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid22
	{
	display:grid;
	grid-template-columns: 380px;
	grid-template-rows: auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid23
	{
	display:grid;
	grid-template-columns: 380px;
	grid-template-rows: auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid24
	{
	display:grid;
	grid-template-columns: max-content max-content max-content max-content;
	grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.grid14
	{
	display:grid;
	grid-template-columns: 500px 400px;
	grid-template-rows: auto auto auto;
	border-spacing: 5px;
	padding: 5px;
	width: fit-content;
	background-color: transparent !important;
	}

.grid25
	{
	display:grid;
	grid-template-columns: max-content max-content;
	grid-template-rows: auto auto auto auto;
	width: fit-content;
	background-color: transparent !important;
	}

.cell
	{
	padding: 2px;
	text-align: left;
	}