@font-face {
  font-family: 'League Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('League Gothic Regular'), local('LeagueGothic-Regular'), url(http://nahualrpg.com/roll20/fonts/leaguegothic-regular-webfont.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'La Ghandi Sans';
  font-style: normal;
  font-weight: 400;
  src: local('La Ghandi Sans Regular'), local('LaGhandiSans-Regular'), url(http://nahualrpg.com/roll20/fonts/GandhiSans-Regular-webfont.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'GandhiSansBold';
  font-style: normal;
  font-weight: 400;
  src: local('GandhiSansBold Regular'), local('GandiSansBold-Regular'), url(http://nahualrpg.com/roll20/fonts/GandhiSansBold.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

button[type=roll].sheet-buttonbroadcast {

  font-family: pictos;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 3;
}


/*
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-barrioqsn,
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-nahualityg,
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-nahualityn, 
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-barriosqsg{
	display: block;
}

.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-barriosqsg,
.sheet-tabstoggle[value="barrioqs"] ~ div.sheet-nahualityn,
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-nahualityg, 
.sheet-tabstoggle[value="nahuality"] ~ div.sheet-barriosqsn{
	display: none;
}
*/

/*TABS*/
/*---------------------------*/
/* Fake tabs style1 (reskinned radio button; fixed to work properly in firefox */
div.sheet-tab-content { display: none; }

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2
{
    display: block;
}

input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2
{
/*	background: gray;
	color: white;*/
    color:#e0e0e0;
    background:#000000;	
}

input.sheet-tab
{
    width: 200px;
    height: 30px;
    position: relative;
    top: 5px;
    left: 6px;
    margin-left: -1.5px;
    margin-top: -1.5px;
    cursor: pointer;
	opacity: 0;
    z-index: 9999;
}
span.sheet-tab {
    line-height:normal;
    outline:none;
    border:0px;
    height:30px;
    width:200px;
    font-weight:bold;
    font-size:1.0em;
    font-family:'La Ghandi Sans','Helvetica',sans-serif;
    padding:0;
    /*margin:0;*/
    line-height:30px;    
	text-align: center;
	color:#000000;
	background:#e0e0e0;
	
	position: relative;
	margin-left: -200px;
	cursor:pointer;
	display:inline-block;
	/*
	display: inline-block;
	font-size: 13px;
	background: white;
	color: gray;
	font-weight: bold;
	width: 70px;
	height: 20px;
	cursor: pointer;
	position: relative;
	margin-left: -75px;
	*/
}
input.sheet-tab::before
{
    content: attr(title);
    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    width: 50px;
    height: 20px;
    font-size: 18px;
}

input.sheet-tab:checked::before
{
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    border-bottom-color: #fff;
}

input.sheet-tab:not(:first-child)::before
{
    border-left: none;
}

div.sheet-tab-content
{
    /*
    border: 1px solid #a8a8a8;
    border-top-color: #000;
    margin: 2px 0 0 5px;
    padding: 5px;
    */
    
}


/*
button[type=roll].sheet-buttonbroadcast:hover {
    background-image:url(http://nahualrpg.com/roll20/nahuales/volutan.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
  font-family: pictos;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 3;
}*/

.sheet-flat{
display: grid;
grid-template-columns:33% auto;
/*grid-template-rows: auto auto;*/
grid-gap: 2px;
grid-template-areas: 
"flat1 flat2";

}

.sheet-flat1{
    grid-area:flat1;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-flat2{
    grid-area:flat2;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}


.sheet-gral{
display: grid;
grid-template-columns:2% 7% 35% 7% 33%;
/*grid-template-rows: auto auto;*/
grid-gap: 2px;
grid-template-areas: 
"gral0 gral1 gral1 gral1 gral1"
"gral0 gral2 gral3 gral4 gral5";

}

.sheet-gral0{
    grid-area:gral0;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-gral1{
    grid-area:gral1;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-gral2{
    grid-area:gral2;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-gral3{
    grid-area:gral3;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-gral4{
    grid-area:gral4;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-gral5{
    grid-area:gral5;
    justify-self: start:
    align-self: end;
    border: 0px solid #909090;
}

.sheet-barrio-question{
    padding-left:11px;
    font-size: 9px;
    padding-top: 0px;    
}

.sheet-rombo{
    padding-left:11px;
    font-size: 9px;
    padding-top: 0px; 
}

.sheet-separador{
    height: 10px;
}

.sheet-div-numerito{
display:inline;
position:relative;
}

.sheet-label-numerito{
display:inline;
font-size:13px;
color:#909090;
position:absolute;
top:-9px;
font-family:'La Ghandi Sans','Helvetica',sans-serif;

}
/*CHECKBOXS*/
/*container-vices */
.sheet-div-gearandnotes{
display: grid;
grid: auto/ 50% 50%;
grid-gap: 10px;
}

.sheet-div-stages{
display: grid;
grid: auto/ 266px 263px 263px;
grid-gap: 15px;
}
/**/
.sheet-titulo {
    display: grid;
    grid: auto / 5px auto; 
    height: 25px;
    width: 100%;
    justify-items:start;
    grid-gap: 4px;
    padding: 0;
    margin: 0;
    border: 0px solid #0FF;
    background: #dedede;
    padding-top:7px;
    
}
.sheet-character{
    color: #FFF;
    text-align: left;
    /*width:100%;*/
    /*height:100%;*/
    /*justify-self: start;*/
    /*padding-top:21px;*/
    place-self: center start;
    border: 0px solid #F00;
}
.sheet-descripcion{
    color: #FFF;
    text-align: left;
    /*width:100%;*/
    /*height:100%;*/
    /*justify-self: start;*/
    place-self: center start;
    border: 0px solid #0FF;
}
/**/
.sheet-barrioq{
display: grid;
grid: auto/ 18px auto;
grid-gap: 2px;
}

.sheet-container-vices {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-vices input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sheet-checkmark-vices {
  position: absolute;
  top: 5px;
  left: 0;
  height: 9px;
  width: 9px;
  background-color: #fff; /*#eee*/
  border: 1px solid #000;
}

.sheet-checkmark-gear {
  position: absolute;
  top: 1px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff; /*#eee*/
  border: 1px solid #000;
}

.sheet-gear-label{
    padding-top:1px;
}

/* On mouse-over, add a grey background color */
.sheet-container-vices:hover input ~ .sheet-checkmark-vices {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container-vices input:checked ~ .sheet-checkmark-vices {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark-vices:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.sheet-container-vices input:checked ~ .sheet-checkmark-vices:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container-vices .sheet-checkmark-vices:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/**/
/* On mouse-over, add a grey background color */
.sheet-container-vices:hover input ~ .sheet-checkmark-gear {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container-vices input:checked ~ .sheet-checkmark-gear {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark-gear:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.sheet-container-vices input:checked ~ .sheet-checkmark-gear:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container-vices .sheet-checkmark-gear:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/**container-harm*/
.sheet-container-harm {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-harm input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-harm {
  position: absolute;
  top: 0px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff; /*#eee*/
  border: 1px solid #000;
}

.sheet-container-harm:hover input ~ .sheet-checkmark-harm {
  background-color: #FFF; /*ccc*/
}

.sheet-container-harm input:checked ~ .sheet-checkmark-harm {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #000;
}

.sheet-checkmark-harm:after {
  content: "";
  position: absolute;
  display: none;
}
.sheet-container-harm input:checked ~ .sheet-checkmark-harm:after {
  display: block;
}

.sheet-container-harm .sheet-checkmark-harm:after {
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*****************************************************************************************/
/*****************************************************************************************/
/*container*/
.sheet-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sheet-checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff; /*#eee*/
}

/* On mouse-over, add a grey background color */
.sheet-container:hover input ~ .sheet-checkmark {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container input:checked ~ .sheet-checkmark {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sheet-container input:checked ~ .sheet-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container .sheet-checkmark:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/
/*Menu antes de todo*/
.sheet-show-menu:not([value="1"]) ~ .sheet-container-menu .sheet-menu {
  display: none;
}

.sheet-menu-mode:not([value="sheet_choice"]) ~ .sheet-sheet_choice {
  display: none;
}

.sheet-menu {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  padding-top: 11px;
  z-index: 100;
  left: 0;
  width: 100%;
  height: 100%;
}

.sheet-menu .sheet-content {
  background: #eee;
  border: 2px solid black;
  margin: 0 auto;
  border-radius: 10px;
  padding: 15px;
}

.sheet-menu .sheet-sheet_choice {
  width: 450px;
  display: grid;
  grid: auto/repeat(3, 33%);
  grid-row-gap: 5px;
  justify-content: space-between;
}

.sheet-menu .sheet-column {
  display: grid;
  align-content: start;
  grid-row-gap: 8px;
  justify-items: center;
}

.sheet-menu .sheet-label {
  font-family: 'Double';    
  font-size: 20px;
  text-align: center;
  margin: 3px 0;
}

.sheet-menu .sheet-desc {
  text-align: center;
  font-size: 12px;
  margin-bottom: 4px;
}

.sheet-menu .sheet-footer {
  grid-column: 2;
  font-size: 15px;
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  align-self: center;
}

.sheet-menu .sheet-cancelbutton {
  align-self: center;
  justify-self: end;
}

button.sheet-generatebutton {
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 0.5px;
  font-size: 14px;
  padding: 2px 8px;
  color: #444;
  outline: none;
}

button.sheet-generatebutton:hover {
  color: #843398;
  border-color: #843398;
}

button.sheet-generatebutton .sheet-optional {
  font-size: 0.8em;
  font-style: italic;
}

/*SELECCION HOJA*/
.sheet-menu-mode[value="aguila"] ~ .sheet-aguila,
.sheet-menu-mode[value="armadillo"] ~ .sheet-armadillo,
.sheet-menu-mode[value="mono"] ~ .sheet-mono,
.sheet-menu-mode[value="jaguar"] ~ .sheet-jaguar,
.sheet-menu-mode[value="serpiente"] ~ .sheet-serpiente,
.sheet-menu-mode[value="tlacuache"] ~ .sheet-tlacuache,
.sheet-menu-mode[value="venado"] ~ .sheet-venado,
.sheet-menu-mode[value="perro"] ~ .sheet-perro,

.sheet-menu-mode[value="cantina"] ~ .sheet-cantina,
.sheet-menu-mode[value="tacotruck"] ~ .sheet-tacotruck,
.sheet-menu-mode[value="carniceria"] ~ .sheet-carniceria,
.sheet-menu-mode[value="vecindad"] ~ .sheet-vecindad
{
    display: block;
}

.sheet-menu-type[value="char"] ~ .sheet-setting-char,
.sheet-menu-type[value="chan"] ~ .sheet-setting-chan
{
    display: block;
}

.sheet-setting-char,
.sheet-setting-chan,
.sheet-aguila,
.sheet-armadillo,
.sheet-mono,
.sheet-jaguar,
.sheet-serpiente,
.sheet-tlacuache,
.sheet-perro,
.sheet-venado,

.sheet-tacotruck,
.sheet-carniceria,
.sheet-cantina,
.sheet-vecindad{
    display: none;
}

.sheet-aguilax,
.sheet-armadillox,
.sheet-monox,
.sheet-jaguarx,
.sheet-serpientex,
.sheet-tlacuachex,
.sheet-perrox,
.sheet-venadox,

.sheet-tacotruckx,
.sheet-carniceriax,
.sheet-cantinax,
.sheet-vecindadx{
    display: none;
}
/*******************************************************************/
.sheet-voluta{
    background-image:url(http://nahualrpg.com/roll20/nahuales/volutag.png);
    background-repeat: no-repeat;
    background-size: 16px 10px;
    height:10px;
    width:16px;
    margin-top:4px;
}
.sheet-voluta:hover {
    background-image:url(http://nahualrpg.com/roll20/nahuales/volutan.png);
    background-repeat: no-repeat;
    background-size: 16px 10px;
    height:10px;
    width:16px;
    margin-top:4px;
}


.sheet-totemmoves{
display: grid;
grid: auto / 263px 263px;
grid-gap: 15px;
}

.sheet-imagen{
    width:105px;
    height:116px;
}
.sheet-imagen-titulo{
    width:180px;
    padding-top:10px;
}

.charsheet {
	/*background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dungeon%20World%20by%20Roll20/images/background.png);*/
	/*background-repeat: repeat-y;*/
	/*background-color: rgb(230, 231, 233);*/
	height: auto;
	border: 0px solid rgb(35, 31, 32);
	min-width: 820px;
	font-weight: normal;
    font-family: 'League Gothic', 'Helvetica', sans-serif;	
}
.charsheet label.sheet-mini-titulo {
	font-weight: 400;
	font-size: 2.3em;
    font-family: 'League Gothic', 'Helvetica', sans-serif;
    padding: 0;
    margin: 0;
}
.charsheet label.sheet-gran-titulo {
	font-weight: 400;
	font-size: 2.5em;
    font-family: 'League Gothic', 'Helvetica', sans-serif;
    padding: 0;
    margin: 0;
}

.charsheet label.sheet-gran-titulo-masgrande{
	font-size: 3em;
	font-weight: 400;
    font-family: 'League Gothic', 'Helvetica', sans-serif;
    padding: 0;
    margin: 0;
}


.charsheet label.sheet-titulo-playbook {
	font-weight: 400;
    font-family: 'GandhiSansBold','Helvetica';
    font-variant: small-caps;
    padding: 0;
    margin:0;
    font-size:40px;
    padding-top:20px;
}
.charsheet label.sheet-name {
	font-weight: 400;
	font-size: 18px;
    font-family: 'GandhiSansBold','Helvetica';
    font-variant: small-caps;
    padding: 0;
    margin:0;
    /*padding: 5px 0 0 0;*/
}

.charsheet label.sheet-label-stress {
	font-weight: 400;
	font-size: 2.0em;
    font-family: 'GandhiSansBold', 'Helvetica', sans-serif;
    /*padding: 5px 0 0 0;*/
    /*display:inline;*/
    color:#FFFFFF;
    /*position:absolute;*/
    /*margin:1px 0 0 5px;*/
    padding:0;
    margin:0;
}

.sheet-textarea{
    font-family:'la Ghandi Sans';
    outline:none;
}

.charsheet label.sheet-name-normal {
	font-size: 16px;
	font-weight: 900;
    font-family: 'GandhiSansBold','Helvetica';
    font-variant: small-caps;
    margin: 0;
}

.charsheet label.sheet-texto {
	font-weight: 400;
	font-size: 1.0em;
    font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
    padding: 0;
    margin: 0;
    line-height: normal;
}
.charsheet label.sheet-name-ch {
	font-weight: bold;
	font-size: 1.0em;
    font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
    padding: 0;
    color:#707070;
    
}
.charsheet label.sheet-texto-lista {
	font-weight: 400;
	font-size: 1.0em;
    font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
    padding: 0;
    margin:0;
}
/*V2.0 24/11/2020*/
.sheet-vic{
display: grid;
grid-template-columns:13px auto;
/*grid-template-rows: auto auto;*/
grid-gap: 0px;
line-height:1.0;
grid-template-areas: 
"vic1 vic2";
}
.sheet-vic1{
grid-area:vic1;
width:1px;
justify-self: start:
align-self: end;
border: 0px solid #909090;
}
.sheet-vic2{
grid-area:vic2;
justify-self: start:
align-self: end;
padding-top: 2px;
border: 0px solid #909090;
padding-left: 3px;
}

.sheet-vices{
display: grid;
grid-template-columns:13px auto;
/*grid-template-rows: auto auto;*/
grid-gap: 0px;
grid-template-areas: 
"vices1 vices2"
"vices3 vices3";

}
.sheet-vices1{
grid-area:vices1;
width:1px;
justify-self: start:
align-self: end;
border: 0px solid #909090;
}
.sheet-vices2{
grid-area:vices2;
justify-self: start:
align-self: end;
padding-top: 2px;
border: 0px solid #909090;
}
.sheet-vices3{
grid-area:vices3;
justify-self: start:
align-self: end;
border: 0px solid #909090;
}
/**/
.sheet-guia{
display: grid;
grid-template-columns:403px;
/*grid-template-rows: auto auto;*/
grid-gap: 0px;
grid-template-areas: 
"guia1"
"guia2";
}
.sheet-guia1{
grid-area:guia1;
justify-self: start:
align-self: end;
padding-top: 2px;
border: 0px solid #909090;
}
.sheet-guia2{
grid-area:guia2;
justify-self: start:
align-self: end;
border: 0px solid #909090;
}

.sheet-debt{
display: grid;
grid-template-columns:272px;
/*grid-template-rows: auto auto;*/
grid-gap: 0px;
grid-template-areas: 
"debt1";
line-height:normal;
}
.sheet-debt1{
grid-area:debt1;
justify-self: start:
align-self: end;
padding-top: 2px;
border: 0px solid #909090;
}

/**/

/**********************************************************************************************************************/
.sheet-tabla-check{
display: grid;
grid-template-columns:8% *;
grid-template-rows: auto;
align-content: center;
grid-gap: 2px;
grid-template-areas: 
"col1-check col2-check";
}
.sheet-col1-check{
grid-area:col1-check;
border: 0px solid blue;
}
.sheet-col2-check{
grid-area:col2-check;
border: 0px solid blue;
}
.sheet-tabla-bullet{
display: grid;
grid-template-columns:3% 97%;
grid-template-rows: auto;
align-content: left;
grid-gap: 3px;
grid-template-areas: 
"col1-bullet col2-bullet";
}
.sheet-col1-bullet{
grid-area:col1-bullet;
border: 0px solid blue;
}
.sheet-col2-bullet{
grid-area:col2-bullet;
border: 0px solid blue;
}

.sheet-class-container{
display: grid;
grid-template-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
grid-template-rows: auto;
align-content: center;
grid-gap: 0px;
grid-template-areas: 
"item-class1 item-class2 item-class3 item-class4 item-class5 item-class6 item-class7 item-class8";
}
.sheet-item-class1{
grid-area:item-class1;
border: 0px solid red;
}
.sheet-item-class2{
grid-area:item-class2;
border: 0px solid red;
}
.sheet-item-class3{
grid-area:item-class3;
border: 0px solid red;
}
.sheet-item-class4{
grid-area:item-class4;
border: 0px solid red;
}
.sheet-item-class5{
grid-area:item-class5;
border: 0px solid red;
}
.sheet-item-class6{
grid-area:item-class6;
border: 0px solid red;
}
.sheet-item-class7{
grid-area:item-class7;
border: 0px solid red;
}
.sheet-item-class8{
grid-area:item-class8;
border: 0px solid red;
}

.sheet-top-container
{
display: grid;
grid-template-columns:266px 263px 263px;
grid-template-rows: auto;
align-content: center;
/*grid-gap: 15px;*/
column-gap: 15px;
row-gap: 8px;

grid-template-areas: 
"clase-p clase-p barrio-p"
"name-p stats-p barrio-p";
/*
background: url(http://nahualrpg.com/roll20/nahuales/layout-1.jpg);
background-repeat: no-repeat;
*/
}
.sheet-top-clase-p
{
display: grid;
grid-template-columns:20% 20% 20% 20% 20%;
grid-template-rows: auto;
grid-template-areas: 
"top-clase-imagen-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p"
"top-clase-imagen-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p";
}

.sheet-alamitad
{
display: grid;
grid-template-columns:263px 541px; 
grid-template-rows: auto;
grid-gap: 15px;
}

.sheet-mid-containerx2
{
display: grid;
grid-template-columns: 403px 403px;
grid-template-rows: auto;
grid-gap: 16px;
/*
grid-template-areas: 
"signature-p totem-p";
*/
}

.sheet-mid-container
{
display: grid;
grid-template-columns: 266px 541px;
grid-template-rows: auto;
grid-gap: 15px;
/*
grid-template-areas: 
"signature-p totem-p";
*/
}

.sheet-bottom-container
{
display: grid;
grid-template-columns:33% 33% 33%;
grid-template-rows: auto;
grid-gap: 5px;
grid-template-areas: 
"nahuality-p nahuality-p nahuality-p"
"nahual1-p nahual2-p nahual3-p";
}
.sheet-final-container
{
display: grid;
grid-template-columns:50% 50%;
grid-template-rows: auto;
grid-gap: 5px;
grid-template-areas: 
"gear-p notes-p";
}
/**/
.sheet-item-clase-p{
grid-area:clase-p;
border: 0px solid #BBBBBB;
}
.sheet-item-top-clase-imagen-p{
grid-area:top-clase-imagen-p;
border: 0px solid powderblue;
}
.sheet-item-top-clase-titulo-p{
grid-area:top-clase-titulo-p;
border: 0px solid powderblue;
margin-top:-8px;

/*padding:5px 0 0 0;*/
}
.sheet-item-top-clase-dsc-p{
grid-area:top-clase-dsc-p;
border: 0px solid powderblue;
}

.sheet-item-name-p{
grid-area:name-p;
border: 0px solid #0FF;
}
.sheet-item-stats-p{
grid-area:stats-p;
border: 0px solid #BBBBBB;
}
.sheet-item-barrio-p{
grid-area:barrio-p;
border: 0px solid #BBBBBB;

/*background-color: #dedede;*/
}

.sheet-item-signature-p{
grid-area:signature-p;
border: 0px solid #BBBBBB;
}
.sheet-item-totem-p{
grid-area:totem-p;
border: 0px solid #BBBBBB;
}

.sheet-item-nahuality-p{
grid-area:nahuality-p;
border: 0px solid #BBBBBB;
}
.sheet-item-nahual1-p{
grid-area:nahual1-p;
border: 0px solid #BBBBBB;
}
.sheet-item-nahual2-p{
grid-area:nahual2-p;
border: 0px solid #BBBBBB;
}
.sheet-item-nahual3-p{
grid-area:nahual3-p;
border: 0px solid #BBBBBB;
}

.sheet-item-gear-p{
grid-area:gear-p;
border: 0px solid #BBBBBB;
}
.sheet-item-notes-p{
grid-area:notes-p;
border: 0px solid #BBBBBB;
}


/*changarro*/
.sheet-container-changarro
{
display: grid;
grid-template-columns:33% 33% 33%;
grid-template-rows: auto;
align-content: center;
grid-gap: 5px;
grid-template-areas: 
"renglon1-c renglon1-c col3-c"
"col1-c col2-c col3-c";
}
.sheet-item-renglon1-c{
grid-area:renglon1-c;
border: 1px solid powderblue;
}
.sheet-item-col1-c{
grid-area:col1-c;
border: 1px solid powderblue;
}
.sheet-item-col2-c{
grid-area:col2-c;
border: 1px solid powderblue;
}
.sheet-item-col3-c{
grid-area:col3-c;
border: 1px solid powderblue;
}

.sheet-top-changarro
{
display: grid;
grid-template-columns:50% 50%;
grid-template-rows: 15px 30px;
align-content: center;
grid-gap: 1px;
grid-template-areas: 
"top1-c top2-c"
"top1-c top3-c";
}
.sheet-top1-c{
grid-area:top1-c;
border: 0px solid red;
}
.sheet-top2-c{
grid-area:top2-c;
border: 0px solid red;
}
.sheet-top3-c{
grid-area:top3-c;
border: 0px solid red;
align-self:end;
}

/**/
/*ESTO FUE SOLAMENTE DE LA PARTE DE ARRIBA*/
/*Utilizar como ejemplo para acomodar en el medio, pero hay que utilizar PX para el tamaño exacto de los checkx*/
.sheet-div-stress {
    background-color:#000000;
    display: grid;
    grid: auto / 2px 85px 17px 17px 17px 17px 17px 17px 17px;  
    height:37px;
    justify-items:start;
    grid-gap: 3px;
    /*padding: 0;*/
    /*margin: 0;*/
    border: 0px solid #F00;
}
.sheet-div-stress-stress{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding-top: 2px;
    margin:0;
}
.sheet-div-stress-in{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding:0;
    margin:0;
}

.sheet-div-harm {
    display: grid;
    grid: auto / 17px 17px 500px;  
    justify-items:start;
    grid-gap: 0px;
    /*padding: 0;*/
    /*margin: 0;*/
    border: 0px solid #F00;
}
.sheet-div-harm-harm{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding-top: 4px;
    margin:0;
}
.sheet-div-harm-in{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding:0;
    margin:0;
}




.sheet-btn {
  /*background-color: #FF0000; */
  /*border: none;*//*solid 1px red;*/
  
  color: #FFFFFF;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-weight:bold;
  margin: 0;
  cursor: pointer;
  outline:none;
  
  /*height: 5px;*/
  /*border-radius: 50%;*/
  
  background: none;
  border: 0;
  /*color: inherit;*/
  /* cursor: default; */
  line-height: 10px;
  overflow: visible;
  -webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;  
  
  
}
.sheet-btn-xp {
  color: #000000;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-weight:bold;
  margin: 0;
  cursor: pointer;
  
  background: none;
  border: 0;
  font: inherit;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;  
}

li {
list-style: none;
padding: 0px; 
text-align:left;
}

ul {
  list-style: none; 
  padding-left: 5px;
  margin-left: 5px;
}

input[type=checkbox] {
    height:17px; 
    width:17px; 
    background-color:#fff;
}

.sheet-rolltemplate-broadcast {
    /*width: 299px;*/
    /*height: 258px;*/
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/basic.jpg);
    background-size: 282px 104px;
    background-repeat: no-repeat;
    color: white;
    background-color: #dedede;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}
.sheet-rolltemplate-broadcast .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-broadcast .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}



.sheet-rolltemplate-moves {
    /*
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/rollart_linea.jpg);
    background-size: 282px 260px;
    background-repeat: no-repeat;
    color: white;
    background-color: #dedede;
    border: 0px solid black;
    border-spacing: 0;*/
}
/*
.sheet-rolltemplate-moves .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-moves .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}
*/

.sheet-rolltemplate-moves .sheet-roll-movesmiss{
    /*width: 299px;*/
    /*height: 258px;*/
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/miss.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    background-color: #dedede;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-movesmiss .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-moveshit{
    /*width: 299px;*/
    /*height: 258px;*/
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/rollart.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    background-color: #dedede;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-moveshit .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-moveshit .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}


.sheet-rolltemplate-moves .sheet-roll-movesfull{
    /*width: 299px;*/
    /*height: 258px;*/
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/fullhit.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    background-color: #dedede;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-movesfull .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult,
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-moves .sheet-roll-movesfull .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}


/*
.sheet-rolltemplate-nahual {
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/rollart.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-nahual .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-nahual .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-nahual .inlinerollresult,
.sheet-rolltemplate-nahual .inlinerollresult.fullcrit,
.sheet-rolltemplate-nahual .inlinerollresult.fullfail,
.sheet-rolltemplate-nahual .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nahual .sheet-success .inlinerollresult,
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-nahual .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult,
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-nahual .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}
*/
/* ROLL TEMPLATE NHL */
.sheet-rolltemplate-nhl {
}

.sheet-rolltemplate-nhl .sheet-roll-nhlmiss{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/miss.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlmiss .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlhit{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/rollart.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlhit .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlfull{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(http://nahualrpg.com/roll20/nahuales/fullhit.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-rollnahual{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 25px;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-rollnahual .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-nhl .sheet-roll-nhlfull .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}
/************************************************************************************************/
/**/
button[type="roll"] {
  text-shadow: none;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  /*font-weight: bold;*/
  /*font-family: 'Double';*/
  outline: none;
  border-radius: 0;
  transition: all 0.2s;
  color: #000;
  
  font-weight: 400;
  font-size: 18px;
  font-family: 'League Gothic','Helvetica';
  font-variant: small-caps;
  padding: 5px 0 0 0;
  
}

button[type="roll"].btn::before {
  content: "";
  outline: none;
}

button[type="roll"].sheet-buttonroll {
  display: flex;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size:46px;
}

button[type="roll"].sheet-buttonroll:hover {
  color: #999;/*#d3d3d3;*/
  outline: none;
}

/**/
/*
input[type=radio],
.sheet-invisible {
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px;
}
*/
.sheet-input-text
{
    width:35px;    
    font-weight:bold;
    text-align:right;
}

.sheet-input-text-stat
{
    width:53px;    
    height:53px;
    font-size: 22px;
    font-weight:bold;
    text-align:center;
    background-repeat: no-repeat;
    background-size:cover;/*35px 35px;*/
    background-image:url(http://nahualrpg.com/roll20/Nahual-Roll20-stat.jpg);
    border:0px;
    padding-top:8px;
    outline: none;
    font-family: 'GandhiSansBold','La Ghandi Sans','Helvetica';
}

.sheet-input-text-statx
{
    width:35px;    
    font-size: 15px;
    font-weight:bold;
    text-align:center;
    background-repeat: no-repeat;
    background-size:35px 35px;
    background-image:url(http://nahualrpg.com/roll20/Nahual-Roll20-stat.jpg);
    border:0px;
}
.sheet-div-relaciones{
  width: 100px;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid black;
}
.sheet-div-input-harm{
  width: 100px;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid black;
}

.sheet-input-relaciones {
  height: 10px;
  width: 100px;
  font-family: 'La Ghandi Sans';
  font-size: 12px;
  padding: 0;
  margin: 0;
  border: none;
  /*border-bottom: 1px solid black;*/
  background: transparent;
  outline:none;
}

.sheet-input-harm {
  height: 10px;
  width: 100px;
  font-family: 'La Ghandi Sans';
  font-size: 12px;
  padding: 0;
  margin: 0;
  border: none;
  /*border-bottom: 1px solid black;*/
  background: transparent;
  outline:none;
}

.sheet-input-name{
    font-family:'La Ghandi Sans';
    width:100%;
    margin:0 0 12px 0;
    outline:none;
}

.sheet-input-name-ch {
  width: 275px;
  padding: 0;
  margin: 0;
  height:30px;
  border: none;
  font-size:30px;
  outline:none;
}


textarea {
	height: 48px;
	box-sizing: border-box;
	
	font-weight: 400;
	font-size: 1.0em;
    font-family: 'La Ghandi Sans', 'Helvetica', sans-serif;
    line-height: normal;
}