/*----------------- FONTS ------------------*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans|Yeseva+One&display=swap');


/*
font-family: 'Open Sans', sans-serif;
font-family: 'Yeseva One', cursive;
*/


/*----------------- BACKGROUND ------------------*/

.charsheet {

  background:
  linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
  linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
  background-color:#2d3036;
  background-size: 64px 128px;
  background-repeat: round;
  
  width: 830px;
  height: auto;

}


/*----------------- GRIDS ------------------*/



.sheet-main {
  
}

.sheet-main-top {
  display: grid;
  width: 310px;
  height: 50px;
  grid-gap: 6px;
  grid-template-columns: 310px;
  grid-template-rows: 30px;
  grid-template-areas:"tabselector";
}

/*----------------- 2 columned, 406px each ------------------*/
.sheet-main-protagonist {
  display: block;
  width: 820px;
  height: auto;
  grid-gap: 6px;
  align-items: start;
  grid-template-columns: 406px 406x;
  grid-template-rows:  minmax(min-content, max-content)    ;
  grid-template-areas:"pcinfo   pcinfo"
					  "skillstyles    skillstyles"
					  "focuses   focuses"
					  "talents   talents"
					  "weapons   weapons"
					  "armor    armor"
					  "items    items"
					  "contacts   contacts"
					  "bonecharms  bonecharms"
					  "mana    mana"
					  "powers    powers"
					  "notes   notes";
}

.sheet-main-npc {
  display: block;
  width: 820px;
  height: auto;
  grid-gap: 6px;
  align-items: start;
  grid-template-columns: 406px 406x;
  grid-template-rows:  minmax(min-content, max-content)    ;
  grid-template-areas:"npcinfo   npcinfo"
					  "skillstyles    skillstyles"
					  "focuses   focuses"
					  "specialrules   specialrules"
					  "weapons   weapons"
					  "armor    armor"
					  "items    items"
					  "storyhooks   storyhooks";
}



/*----------------- GENERAL CSS ------------------*/

textarea {
  width: 70%;
  height: 85%;
}

textarea.sheet-notetext{
  width: 800px;
  height: 140px;
}

.sheet-hidden {
    display: none;
}

.sheet-section {
    padding: 5px;
    border-style: solid;
	justify-content: center;

}

.sheet-flex-col {
  display: flex;
  flex-flow: row wrap;
  /*justify-content: flex-start;*/
}

.sheet-flex-col-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  /*justify-content: flex-start;*/
}

.sheet-flex-center {
  display: grid;
  justify-content: center;
  align-content: center;
}

.sheet-hide-section {
  display: none;

}


/* --------------------------------Hide and Display section of Code-------------------------------- */
/* Configure the tab buttons*/
.sheet-main-protagonist,
.sheet-main-npc {display: none;}

/* show the selected tab */
.sheet-tabstoggle[value="protagonist"] ~ div.sheet-main-protagonist,
.sheet-tabstoggle[value="npc"] ~ div.sheet-main-npc {display: block;}




/*------------- Section-specific CSS -------------*/


h1 {
	
	font-family: 'Yeseva One', cursive;
	color: white;

	
}

h2 {
	
	font-family: 'Yeseva One', cursive;
	color: black;
	
}

h2.sheet-middle-title{
	
	font-family: 'Yeseva One', cursive;
	color: white;
	text-align: center;
	display: inline;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;

	
}

h2.sheet-left-title{
	
	font-family: 'Yeseva One', cursive;
	color: white;
	display: inline;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;

	
}

h2.sheet-middle-title-1{
	
	font-family: 'Yeseva One', cursive;
	color: white;
	text-align: center;
	display: inline;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;
	grid-column: 1 / -1;
	
}


label.sheet-middle-label {
	
	font-family: 'Yeseva One', cursive;
	text-align: center;
	color: white;
	display: inline;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;

	
}

label.sheet-left-label{
	
	font-family: 'Yeseva One', cursive;
	color: white;
	display: inline;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;

	
}

label.sheet-left-label-small{
	
	font-family: 'Yeseva One', cursive;
	color: white;
	display: inline;
    font-size: 1em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;

	
}

label.sheet-left-label-1 {
	
	font-family: 'Yeseva One', cursive;
	color: black;
	display: inline;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0px;
	background-color: #FFFFF0;
	background-repeat: repeat;
	background-size: 70px;
	grid-column: 1 / -1;
	
}


span.sheet-left-span {
	
	font-family: 'Open Sans', sans-serif;
	color: white;
	display: inline;
    font-size: 1em;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0px;
	background: rgba(162, 159, 167, 0.5);
	
}

span.sheet-centre-span {
	
	font-family: 'Open Sans', sans-serif;
	color: white;
	display: inline;
    font-size: 1em;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0px;
	background: rgba(162, 159, 167, 0.5);
	margin: auto;
	
}

input.sheet-char-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:150px;
	
}

input.sheet-name-inputs{
	
	color:white;
	background: transparent;
	border: none;
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:180px;
	
}

input.sheet-talent-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:200px;
	
}

input.sheet-talent-inputs-short{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:165px;
	
}

input.sheet-talent-inputs-long{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:302px;
	
}

input.sheet-talent-inputs-extra-long{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:474px;
	
}

input.sheet-specialrules-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:468px;
	
}

div.sheet-notes textarea,
div.sheet-storyhooks textarea {

	font-family: 'Open Sans', sans-serif;
}

input.sheet-focus-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:97px;
	
}

input.sheet-readonly-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:130px;
	
}

.sheet-pcinfo input[type=number].sheet-char-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:150px;
	
}

.sheet-pcinfo input[type=number].sheet-char-inputs-short,
.sheet-focuses input[type=number].sheet-char-inputs-short,
.sheet-weapons input[type=number].sheet-char-inputs-short,
.sheet-armor input[type=number].sheet-char-inputs-short{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:61px;
	
}

.sheet-skillsstyles input[type=number].sheet-stat-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:40px;
	text-align: center;
	
}

input.sheet-char-inputs-long{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:686px;
	
}

select.sheet-select-inputs{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:98px;

}

select.sheet-select-inputs-long{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:130px;

}

select.sheet-select-inputs-npc{
	
	font-family: 'Open Sans', sans-serif;
	display: inline;
	height:30px;
	width:134px;

}

input.sheet-stat-inputs {
	
	font-family: 'Open Sans', sans-serif;
	margin: auto;
	display: inline;
	height:25px;
	width:25px;
	
}

input.sheet-truth-inputs {
	
	font-family: 'Open Sans', sans-serif;
	color: white;
	justify-content: center;
	align-content: center;
	display: inline;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 20px;
	width:386px;
    margin-bottom: 0px;
	
}

.charsheet .repcontrol_add,
.charsheet .repcontrol_edit,
.charsheet .repcontrol_del {
	
	font-family: 'Yeseva One', cursive;
	background-color: #6b71a7;
	background-image: none;
	color: white;
	width: 80px;
	height: 25px;
	border-style: none;
	border-radius: 8px;
	text-align: center;
	
}

.charsheet .repcontrol_add:hover,
.charsheet .repcontrol_edit:hover,
.charsheet .repcontrol_del:hover {
	
	background-color: #868ac4;
	
}

button.sheet-selectbutton {
	
	font-family: 'Yeseva One', cursive;
	background-color: #6b71a7;
	color: white;
	width: 25px;
	height: 25px;
	border-style: none;
	border-radius: 8px;
	text-align: center;
	
}

.sheet-focuses button[type=roll].sheet-selectbutton-long {
	
	font-family: 'Yeseva One', cursive;
	background-color: #6b71a7;
	color: white;
	width: 200px;
	height: 25px;
	border-style: none;
	border-radius: 8px;
	text-align: center;
	background-image: none;
	
}

.sheet-talents button[type=roll].sheet-usebutton,
.sheet-items button[type=roll].sheet-usebutton,
.sheet-bonecharms button[type=roll].sheet-usebutton,
.sheet-powers button[type=roll].sheet-usebutton,
.sheet-specialrules button[type=roll].sheet-usebutton {
	
	font-family: 'Yeseva One', cursive;
	background-color: #6b71a7;
	color: white;
	width: 40px;
	height: 25px;
	border-style: none;
	border-radius: 8px;
	text-align: center;
	background-image: none;
	
}

button.sheet-tabbutton {
	
	font-family: 'Yeseva One', cursive;
	background-color: #6b71a7;
	font-size: 150%;
	color: white;
	width: 140px;
	height: 30px;
	border-style: none;
	border-radius: 8px;
	
}

button.sheet-tabbutton:hover,
button.sheet-selectbutton:hover,
.sheet-focuses button[type=roll].sheet-selectbutton-long:hover,
.sheet-talents button[type=roll].sheet-usebutton:hover,
.sheet-items button[type=roll].sheet-usebutton:hover,
.sheet-bonecharms button[type=roll].sheet-usebutton:hover,
.sheet-powers button[type=roll].sheet-usebutton:hover,
.sheet-specialrules button[type=roll].sheet-usebutton:hover {
	
	background-color: #868ac4;

}

.sheet-focuses button[type=roll].sheet-selectbutton-long::before,
.sheet-skillstyles button[type=act].sheet-selectbutton::before,
.sheet-talents button[type=roll].sheet-usebutton:before,
.sheet-items button[type=roll].sheet-usebutton:before,
.sheet-bonecharms button[type=roll].sheet-usebutton:before,
.sheet-powers button[type=roll].sheet-usebutton:before,
.sheet-specialrules button[type=roll].sheet-usebutton:before   {
    content: "";

}






.sheet-tabselector {
  grid-area: tabselector;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 200px 290px 150px 20px 150px ;
  display: grid;
  grid-template-rows: 50px;
  grid-gap: 4px;
  
}

.sheet-pcinfo {
  grid-area: pcinfo;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 120px 160px 80px 160px 120px 160px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 30px 30px 30px 30px;
  
  grid-template-areas:".   .   .   .   .   ."
					  ".   .   .   .   .   voidpointarea"
					  ".   .   .   .   .   stressarea"
					  ".   firsttruth  firsttruth  firsttruth  firsttruth  firsttruth"
					  ".   secondtruth  secondtruth  secondtruth  secondtruth  secondtruth";
  
}

.sheet-voidpointarea {
  grid-area: voidpointarea;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 71px 10px 71px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;

  
}

.sheet-stressarea {
  grid-area: stressarea;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 71px 10px 71px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;

  
}

.sheet-firsttruth {
  grid-area: firsttruth;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 686px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;

  
}

.sheet-secondtruth {
  grid-area: secondtruth;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 686px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;

  
}

.sheet-npcinfo {
  grid-area: npcinfo;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 120px 160px 80px 160px 120px 160px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 30px 30px 30px;
  
  grid-template-areas:".   .   .   .   .   ."
					  ".   .   .   stressarea   .   reputationarea"
					  ".   firsttruth  firsttruth  firsttruth  firsttruth  firsttruth"
					  ".   secondtruth  secondtruth  secondtruth  secondtruth  secondtruth";
  
}

.sheet-reputationarea {
  grid-area: reputationarea;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 71px 10px 71px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;

  
}

.sheet-skillstyles {
  grid-area: skillstyles;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 40px 90px 63px 40px 90px 63px 30px 386px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px 30px 30px 30px 30px 30px 30px auto;

}

.sheet-focuses {
  grid-area: focuses;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 40px 90px 63px 40px 90px 63px 30px 386px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px 30px 30px 30px 30px 30px 30px 30px auto;

}

.sheet-talents {
  grid-area: talents;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-weapons {
  grid-area: weapons;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-armor {
  grid-area: armor;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-items {
  grid-area: items;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-contacts {
  grid-area: contacts;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-bonecharms {
  grid-area: bonecharms;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-mana {
  grid-area: mana;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 60px 160px 60px 55px 100px 80px 50px 60px 50px 60px 50px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;
  
  grid-template-areas:".   manaarea   .   .   .   .  .   .   .   .   .";
  
}

.sheet-manaarea {
  grid-area: manaarea;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 71px 10px 71px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px;

  
}

.sheet-powers {
  grid-area: powers;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-notes {
  grid-area: notes;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-specialrules {
  grid-area: specialrules;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}

.sheet-storyhooks {
  grid-area: storyhooks;
  align-self: self-start;
  font-family: 'Yeseva One', cursive;
  grid-template-columns: 820px;
  display: grid;
  grid-gap: 4px;
  grid-template-rows: 30px 10px auto;

}









/*Skill Roll Template*/
.sheet-rolltemplate-Dishonoredroll div.sheet-Dishonored-container{
    background:
	linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
	linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
	background-color:#2d3036;
	background-size: 64px 128px;
	  
	background-repeat: repeat;
}
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-roll-header{

    font-weight: bold;
	color: #868ac4;
    font-size:X-large;
    text-align:center;
}
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-dice{
    background-color: #ffffff00;
	color: white;
	font-style:italic;
    font-size:medium;
    text-align:center;
}
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-type{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
    

}
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-roll-result{
    text-align: center;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style:italic;
    color:#868ac4;  
    font-weight:bold;
    
}

.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-fail{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: black;
    background-color: red;
}
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-success{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
    background-color: green;
}




/*Talent Roll Template*/
.sheet-rolltemplate-dishonoredtalent div.sheet-Dishonored-talent-container{
    background:
	linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
	linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
	background-color:#2d3036;
	background-size: 64px 128px;
	  
	background-repeat: repeat;
}
.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-header{
    font-weight: bold;
	color: #868ac4;
    font-size:X-large;
    text-align:center;
}
.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-name{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
}

.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-desc{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;;
}

/*Item Roll Template*/
.sheet-rolltemplate-dishonoreditem div.sheet-Dishonored-item-container{
    background:
	linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
	linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
	background-color:#2d3036;
	background-size: 64px 128px;
	  
	background-repeat: repeat;
}
.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-header{
    font-weight: bold;
	color: #868ac4;
    font-size:X-large;
    text-align:center;
}
.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-name{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
}

.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-desc{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;;
}


/*Bonecharm Roll Template*/
.sheet-rolltemplate-dishonoredbonecharm div.sheet-Dishonored-bonecharm-container{
    background:
	linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
	linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
	background-color:#2d3036;
	background-size: 64px 128px;
	  
	background-repeat: repeat;
}
.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-header{
    font-weight: bold;
	color: #868ac4;
    font-size:X-large;
    text-align:center;
}
.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-name{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
}

.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-desc{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;;
}


/*Power Roll Template*/
.sheet-rolltemplate-dishonoredpower div.sheet-Dishonored-power-container{
    background:
	linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
	linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
	background-color:#2d3036;
	background-size: 64px 128px;
	  
	background-repeat: repeat;
}
.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-header{
    font-weight: bold;
	color: #868ac4;
    font-size:X-large;
    text-align:center;
}
.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-name{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
}

.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-desc{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;;
}


/*Special Rule Roll Template*/
.sheet-rolltemplate-dishonoredspecialrule div.sheet-Dishonored-specialrule-container{
    background:
	linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
	linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
	background-color:#2d3036;
	background-size: 64px 128px;
	  
	background-repeat: repeat;
}
.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-header{
    font-weight: bold;
	color: #868ac4;
    font-size:X-large;
    text-align:center;
}
.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-name{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;
}

.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-desc{
    font-size:large;
    text-align: center;
	padding: 5px;
    font-style: bold;
    color: white;;
}