/* 
CSS KOBOL */
/* Character sheet for ROll20 by VJ Rolmasters*/

@import url('https://fonts.googleapis.com/css2?family=Amarante&family=Milonga&family=New+Rocker&family=Uncial+Antiqua&display=swap');

/*============= FONTS CSS =============*/

.uncial-antiqua-regular {
  font-family: "Uncial Antiqua", system-ui; 
  font-weight: 400;
  font-style: normal;
}
.amarante-regular {
  font-family: "Amarante", serif;
  font-weight: 400;
  font-style: normal;
}
.milonga-regular {
  font-family: "Milonga", serif;
  font-weight: 400;
  font-style: normal;
}
.new-rocker-regular {
  font-family: "New Rocker", system-ui;
  font-weight: 400;
  font-style: normal;
}


/*=================== TABS MENU CSS ===================*/


.sheet-center-menu{
	float: none;
	position: relative;
	height: auto;
	min-height: 40px;
    margin-top: -66px;
}

.sheet-cosmenu{
	float: none;
	width: 100%;
	height: auto;
    min-height: 1000px;
    margin: 0px auto ;
	}


/* configure the tab buttons */
.charsheet .sheet-atributos,
.charsheet .sheet-combate,
.charsheet .sheet-zurron,
.charsheet .sheet-magia,
.charsheet .sheet-credits{
    display: none;
}

/* style the active button */
.charsheet .sheet-tabstoggle[value="atributos"] ~ div .sheet-button0 {background-color: #eaeaea !important; color: #e76f21 !important;}
.charsheet .sheet-tabstoggle[value="combate"] ~ div .sheet-button1 {background-color: #eaeaea !important; color: #e76f21 !important;}
.charsheet .sheet-tabstoggle[value="zurron"] ~ div .sheet-button2 {background-color: #eaeaea !important; color: #e76f21 !important;}
.charsheet .sheet-tabstoggle[value="magia"] ~ div .sheet-button3 {background-color: #eaeaea !important; color: #e76f21 !important;}
.charsheet .sheet-tabstoggle[value="credits"] ~ div .sheet-button4 {background-color: #eaeaea !important; color: #e76f21 !important;}

/* show the selected tab */
.charsheet .sheet-tabstoggle[value="atributos"] ~ div.sheet-atributos,
.charsheet .sheet-tabstoggle[value="combate"] ~ div.sheet-combate,
.charsheet .sheet-tabstoggle[value="zurron"] ~ div.sheet-zurron,
.charsheet .sheet-tabstoggle[value="magia"] ~ div.sheet-magia,
.charsheet .sheet-tabstoggle[value="credits"] ~ div.sheet-credits{
    display: block;
}

.sheet-button0,
.sheet-button1,
.sheet-button2,
.sheet-button3,
.sheet-button4 {
    width: auto;
    height: 24px;
    background: #eaeaea;
    color: #000000;
    margin: 10px 0px 5px 0px;
    padding: 3px 18px 1px;
    text-align: center;
    font-family: "New Rocker", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    border: none !important;
    }
.sheet-button4 img {
    margin:-5px 0px 0px 0px;
    padding: 0px;
    }

.sheet-button0:hover,
.sheet-button1:hover,
.sheet-button2:hover,
.sheet-button3:hover,
.sheet-button4:hover{
    width: auto;
    height: 24px;
    background: #eaeaea;
    color: #ea8825;;
    margin: 10px 0px 5px 0px;
    padding: 3px 18px 1px;
    text-align: center;
    font-family: "New Rocker", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    border: none !important;
    }


.charsheet .sheet-tabstoggle ~ div .sheet-button0 {
    margin-left: 85px;
}




/*============= CONTENEDORES Y COLUMNAS CSS =============*/
 


.sheet-clearfloat { 
	clear:both;
	height:0;
	font-size: 0px;
	line-height:0px;
}	


.ui-dialog .charsheet {
    padding: 0px 0px;
}

.sheet-contenedorvj{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 1050px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_FONDO_B2_860px.png");
	background-repeat:no-repeat;
	background-size: auto;
	background-position: center top;
	}


.sheet-contenedor-central{
    float: none;
	width: 860px;
	height: auto;
    min-height: 0px;
    margin: 0px auto ;
	background-image: none;
	background-repeat:repeat-y;
	background-size: auto;
	background-position: center;
}

.sheet-kobold-cap{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 371px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_HEADER_A5_860px.png");
	background-repeat:none;
	background-size: auto;
	background-position: center;
	}

.sheet-kobold-atributos{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 683px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_ATRIBUTOS_RETALLA_860px.png");
	background-repeat:none;
	background-size: auto;
	background-position: center;
	}

.sheet-kobold-combate{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 683px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_COMBATE_RETALLA_860px.png");
	background-repeat:none;
	background-size: auto;
	background-position: center;
	}

.sheet-kobold-zurron{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 683px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_ZURRON_RETALL_860px.png");
	background-repeat:none;
	background-size: auto;
	background-position: center;
	}

.sheet-kobold-magia{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 683px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: none;
	background-repeat:none;
	background-size: auto;
	background-position: center;
	}

.sheet-kobold-credits{
	float:none;
	position:relative; 
	width:100%;
	max-width: 860px;
	height:auto;
    min-height: 683px;
    margin: 0px auto;
    padding: 0px 0px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_CREDITS_B4_860px.png");
	background-repeat:no-repeat;
	background-size: auto;
	background-position: top;
	}

.sheet-columna600{
	float:left;
	position:relative; 
	width:620px;	
	height:auto;
    margin: 0px;
	padding: 0px;
	}
.sheet-characterinfo{
	width:150px;	
	height:30px;
    margin:0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000;
	}
.sheet-columnalogo{
	float:left;
	position:relative; 
	width:190px;	
	height:auto;
    margin: 0px;
	padding: 0px;
	}

.sheet-100{
	float:left;
	position:relative; 
	width:96%;
	height:auto;
    margin: 0px 2%;
	padding: 0px 0px;
    box-sizing: border-box;
    display: inline-block;
	}

.sheet-width100{
	float:left;
	position:relative; 
	width:100%;
	height:auto;
    min-height: 32px;
    margin: 0px 0px;
	padding: 0px 0px;
    box-sizing: border-box;
    display: inline-block;
	}

.sheet-columnaters{
	float:left;
	position:relative; 
	width:32%;	
	height:auto;
    margin: 0% 0% 0% 1%;
	padding: 0px;
	}
.sheet-columnadosters{
	float:left;
	position:relative; 
	width:66%;	
	height:auto;
    margin: 0% 0% 0% 1%;
	padding: 0px;
    background-color: aqua;
	}

/*============= HEAD CSS =============*/
.sheet-noms{
    float:left;
	position:relative; 
	width:80px;
	height:25px;
    min-height: 25px;
    margin: 0px 0px;
	padding: 5px 0px 0px;
    display: inline-block;
    font-family: "Merienda", cursive;
    font-size: 14px;
}
.sheet-inputs-text{
    float:left;
	position:relative; 
	width:auto;
	height:30px;
    min-height: 30px;
    margin: 0px 0px;
	padding: 0px 0px;
    display: inline-block;
    font-family: "Merienda", cursive;
    font-size: 14px;
}
.sheet-title-abilities{
	float:left;
	position:relative; 
	width:100%;
	height:30px;
    margin: 0px 0px 0px;
	padding: 0px 0px;
    font-family: "Merienda", cursive;
    font-size: 18px;
    text-align: center;
	}
/*============= CHECK BOX CSS =============*/

/*============= DETAILS =============*/
details{
    color: #A45700 !important;
    padding: 5px 0px 0px;
    cursor: pointer;
    }
details:hover{
    color: #472600 !important;
    padding: 5px 0px 0px;
    cursor: pointer;
    }

/*============= REPCONTROL BOTONS CSS =============*/
.repcontrol {
  display: flex;
    width: 86%;
  justify-content: flex-end;
  clear: both;
}
.repcontrol_add,
.repcontrol_edit,
.repcontrol_add:hover,
.repcontrol_edit:hover,
.repcontrol_add:active,
.repcontrol_edit:active
.repcontrol_add:focus,
.repcontrol_edit:focus{
  width: 2em;
  height: 1.2em;
  margin: 1px;
  padding: 0 1px 3px 1px;
  box-shadow: none;
  color: transparent !important;
  text-shadow: none;
  outline: transparent !important;
}
.repcontrol_move {
  float: left;
  margin-left: 5px;
  margin-left: 15px;  
  cursor: move;      
}
button.btn.repcontrol_del:after,
button.btn.repcontrol_del:hover {
  color: black;
}
button.btn.repcontrol_edit:after {
  font-family: Pictos;
  content: '(';
  color: black;
  margin: 0 0 0 -38px;
}
.repcontainer.ui-sortable.editmode ~ .repcontrol button.btn.repcontrol_edit:after {
  margin: 0 0 0 -28px;
  content: ')';
}
button.btn.repcontrol_add:after {
  font-family: Pictos;
  content: '&';
  color: black;
  margin: 0 0 0 -31px;
}
button.btn:hover.repcontrol_edit:after,
button.btn:hover.repcontrol_add:after,
button.btn:hover.repcontrol_del:after {
  color: #73940D;
}
a.btn.repcontrol_move:hover {
  color: #73940D;
}
button.btn.btn-danger.pictos.repcontrol_del:hover {
  color: #fff;

}

.btn-danger {
    background-color: rgb(218, 79, 73);
    background-image: -webkit-linear-gradient(top, rgb(238, 95, 91), rgb(189, 54, 47));
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin-right: 20px;
}
/*============= RADIOBOX CSS =============*/


/*============= ESPACIADORES Y SEPARADORES CSS =============*/
.sheet-espaimenu{
	float:none;
	position:relative; 
	width:100%;
	height:20px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-5{
	float:left;
	position:relative; 
	width:100%;
	height:5px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-10{
	float:left;
	position:relative; 
	width:100%;
	height:10px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-15{
	float:left;
	position:relative; 
	width:100%;
	height:15px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-20{
	float:left;
	position:relative; 
	width:100%;
	height:20px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-30{
	float:left;
	position:relative; 
	width:100%;
	height:30px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-40{
	float:none;
	position:relative; 
	width:100%;
	height:40px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-60{
	float:left;
	position:relative; 
	width:100%;
	height:60px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-70{
	float:left;
	position:relative; 
	width:100%;
	height:70px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-80{
	float:left;
	position:relative; 
	width:100%;
	height:80px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai-90{
	float:left;
	position:relative; 
	width:100%;
	height:90px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-espai100{
	float: left;
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0px auto;
	}
.sheet-line-separador{
	float:none;
	position:relative; 
	width:90%;
	height:15px;
    margin: 0px auto;
	padding: 0px;
    border-bottom: 1px solid #000000;
	}

/*============= MARGENES CSS =============*/

.sheet-marge-left4{
	float:left;
	position:relative; 
	width:4px;
	height:30px;
    margin: 5px auto 0px;
    padding: 0px; 
}
.sheet-marge-left40{
	float:none;
	position:relative; 
	width:40px;
	height:30px;
    margin: 5px auto 0px;
    padding: 0px; 
}



/*============= VJBTNA NICE CSS  =============*/

.sheet-VJbtna{
    padding: 2px 3px 2px 0px!important;
    font-size: 35px!important;
    margin: 0px 3px;
    background: none!important;
    border: none!important;
    color:#cc6633;
    box-shadow: none !important;
}
.sheet-VJbtna:hover{
    padding: 2px 3px 2px 0px!important;
    font-size: 35px!important;
    margin: 0px 3px;
    background: none;
    border: none;
	 -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    color: #336633;
}
.sheet-VJbtna:active{
    padding: 2px 3px 2px 0px!important;
    font-size: 35px!important;
    margin: 0px 3px;
    background: none!important;
    border: none!important;
	box-shadow: none;
	 -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;  
}
	
.ui-dialog .charsheet button[type=roll]::before {
 	font-family: dicefontd10;
	border: none;
	background-color: transparent;
    content:"K";
}

/*============= CHECK CSS  =============*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }


/*============= CAP HEADER AVATAR =============*/

.sheet-columna-pj{
	float:left;
	position:relative; 
	width:240px;	
	height:auto;
    min-height: 200px;
    max-height: 200px;
    margin: 0px 0px 0px 150px;
	padding: 0px;
	}
.sheet-experiencia-box{
	float:left;
	position:relative; 
	width:70px;	
	height:auto;
    min-height: 40px;
    max-height: 40px;
    margin: 20px 0px 0px 170px;
	padding: 0px;
	}
.sheet-puntos-exp{
    float: right;
	width: 60px !important;	
	height: 30px !important;
    margin: 6px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center; font-weight: bold; font-size: 18px; font-family: "Amarante", serif; 
	}
.sheet-pj-box{
	float:left;
	position:relative; 
	width:100%;	
	height:25px;
    min-height: 25px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-pjinfo-A{
    float: right;
	width: 150px !important;	
	height: 20px !important;
    margin: 6px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: left; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif; 
	}

.sheet-pjinfo-B{
    float: left;
	width: 133px !important;	
	height: 20px !important;
    margin: 6px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: left; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif; 
	}
.sheet-pjinfo-C{
    float: right;
	width: 40px !important;	
	height: 20px !important;
    margin: 6px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif; 
	}

.sheet-columna-vyc{
	float:left;
	position:relative; 
	width:175px;	
	height:auto;
    min-height: 200px;
    max-height: 200px;
    margin: 0px 0px 0px 10px;
	padding: 0px;
    border-left: 1px solid #000000;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
	}
.sheet-vyc-box{
	float:left;
	position:relative; 
	width:100%;	
	height:auto;
    min-height: 100px;
    max-height: 100px;
    margin: 38px 0px 0px 0px;
	padding: 0px;
	}
.sheet-vyc{
    float: left;
	width: 165px !important;	
	height: 20px !important;
    margin: 6px 0px 0px 5px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 15px; font-family: "Amarante", serif; 
	}
.sheet-dificultad-box{
	float:left;
	position:relative; 
	width:100%;	
	height:auto;
    min-height: 40px;
    max-height: 40px;
    margin: 30px 0px 0px 0px;
	padding: 0px;
	}
.sheet-titolbarradificultat{
	color: #000000;
    width: 165px !important;
	height: 34px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px;
	font-family: "Amarante";
	font-size: 16px;
    text-align: center; 
    }
.sheet-columna-avatar{
	float:left;
	position:relative; 
	width:180px;	
	height:auto;
    min-height: 200px;
    max-height: 200px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
    border: 1px solid #000000;
	}
.sheet-fotoavatar{
 	float: left;   
    position: relative;  
    box-sizing: border-box;
	width: 100%;
	height: auto;
    min-height: 200px;
    max-height: 200px;
    margin: 0px 0px 0px;
    overflow: hidden;
    border: 1px solid #ccc;
    }
.sheet-fotoavatar img{
	float: none;
    box-sizing: border-box;
    width: 100%;
    height: auto;
	position: relative;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    }


/*============= ATRIBUTOS Y HABILIDADES TAB 1 CSS =============*/

.sheet-columna-atributos{
	float:left;
	position:relative; 
	width:500px;	
	height:auto;
    min-height: 683px;
    margin: 0px 0px 0px 45px;
	padding: 0px;
	}

.sheet-atributo{
	float:left;
	position:relative; 
	width:165px;	
	height:auto;
    min-height: 275px;
    margin: 60px 0px 0px 0px;
	padding: 0px;
	}
.sheet-atributos-box{
	float:left;
	position:relative; 
	width:100%;	
	height:39px;
    min-height: 39px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-titolbarramulti{
	color: #000000;
    width: 140px !important;
	height: 22px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px;
	font-family: "Amarante";
	font-size: 14px;
    text-align: center; 
    }
.sheet-valoratributos{
    float: left;
	width: 35px !important;
    height: 30px !important;
    margin: 0px 0px 0px 75px;
    padding: 5px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-weight: bold; font-size: 18px; font-family: "Milonga", serif; color:#000000;
    -webkit-inner-spin-button: none; 
    -webkit-outer-spin-button: none;
    -moz-appearance: textfield;
    -webkit-appearance: none;
	}

.sheet-checkboxatributos{
    float: left;
    margin: 50px 0px 0px 70px;
	}
.sheet-mycheck{	
    float: left;

  }
/* filter: invert(100%) hue-rotate(1040deg) brightness(0.8); */
.sheet-mycheck:checked {
}

.sheet-resistencias{
	float:left;
	position:relative; 
	width:160px;	
	height:auto;
    min-height: 320px;
    margin: 30px 0px 0px 0px;
	padding: 0px;
	}
.sheet-resistencias-box{
	float:left;
	position:relative; 
	width:100%;	
	height:40px;
    min-height: 40px;
    margin: 20px 0px 0px 0px;
	padding: 0px;
	}

.sheet-valorresistencias{
    float: left;
	width: 30px !important;
    height: 30px !important;
    margin: 0px 0px 0px 90px;
    padding: 0px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-weight: bold; font-size: 18px; font-family: "Milonga", serif; 
    -webkit-inner-spin-button: none; 
    -webkit-outer-spin-button: none;
    -moz-appearance: textfield;
    -webkit-appearance: none;
   	}


.sheet-movimiento-box{
	float:left;
	position:relative; 
	width:100%;	
	height:40px;
    min-height: 60px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-valormovimiento{
    float: left;
	width: 50px !important;
    height:45px !important;
    margin: 0px 0px 0px 100px;
    padding: 10px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-weight: bold; font-size: 18px; font-family: "Milonga", serif; 
    -webkit-inner-spin-button: none; 
    -webkit-outer-spin-button: none;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: textfield;
   	}

.sheet-valoraspecto{
    float: left;
	width: 100px !important;
    height:30px !important;
    margin: 0px 0px 0px 50px;
    padding: 0px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-weight: bold; font-size: 16px; font-family: "Milonga", serif; 
    -webkit-inner-spin-button: none; 
    -webkit-outer-spin-button: none;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: textfield;
   	}
.sheet-apariencia{
    float: right;
	width: 100px !important;	
	height: 25px !important;
    margin: 0px 5px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-weight: bold; font-size: 16px; font-family: "Milonga", serif; 
	}


.sheet-columna-puntos{
	float:left;
	position:relative; 
	width:170px;	
	height:auto;
    min-height: 320px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-puntos-box{
	float:left;
	position:relative; 
	width:100%;	
	height:24px;
    min-height: 28px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-puntos-A{
    float: right;
	width: 40px !important;	
	height: 22px !important;
    margin: 4px 40px 0px 0px !important;
    padding: 0px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    outline: 0px;
    text-align: center; background-color: transparent; font-weight: bold; font-size: 16px; font-family: "Milonga", serif; 
	}
.sheet-puntos-B{
    float: right;
	width: 40px !important;	
	height: 22px !important;
    margin: 2px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center; font-weight: bold; font-size: 16px; font-family: "Milonga", serif; 
	}
.sheet-iniciativa-box{
	float:right;
	position:relative; 
	width: 35px;	
	height:30px;
    min-height: 30px;
    margin: 14px 0px 0px 0px;
	padding: 0px;
	}

.sheet-rasgos{
	float:left;
	position:relative; 
	width:225px;	
	height:auto;
    min-height: 270px;
    margin: 30px 0px 0px 0px;
	padding: 0px;
	}
.sheet-columna-aptitudes{
	float:left;
	position:relative; 
	width:260px;	
	height:auto;
    min-height: 260px;
    margin: 40px 0px 0px 5px;
	padding: 0px;

	}
.sheet-aptitudes{
    float: left;
	width: 130px !important;	
	height: 21px !important;
    margin: 0px 2px 0px 2px;
    padding: 5px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000;
    outline: 0px;
    text-align: center; background-color: transparent; font-size: 15px; font-family: "Amarante", serif; 
	}


.sheet-columna-habilidades{
	float:left;
	position:relative; 
	width:270px;	
	height:auto;
    min-height: 613px;
    margin: 70px 0px 0px 0px;
	padding: 0px;
	}
.sheet-habilidad-box{
	float:left;
	position:relative; 
	width:100%;	
	height:23px;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-habilidad-check{
	float:left;
	position:relative; 
	width:170px;	
	height:21px;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-valorhabilidad{
    float: left;
	width: 30px !important;
    height: 20px !important;
    padding: 0px 5px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important;  font-size: 16px; font-family: "Amarante", serif; 
	}
/*=================== COMBATE TAB 2 CSS ===================*/

/*=================== MAESTRIAS CSS ===================*/

.sheet-columna-maestiras{
	float:left;
	position:relative; 
	width:780px;	
	height:auto;
    min-height: 150px;
    margin: 20px 0px 0px 40px;
	padding: 0px; 
	}
.sheet-maestira-A{
	float:left;
	position:relative; 
	width:240px;	
	height:auto;
    min-height: 110px;
    margin: 40px 0px 0px 0px;
	padding: 0px;
	}
.sheet-maestira-B{
	float:left;
	position:relative; 
	width:240px;	
	height:auto;
    min-height: 150px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-maestira-C{
	float:left;
	position:relative; 
	width:270px;	
	height:auto;
    min-height: 150px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-bonificador-A{
	float:left;
	position:relative; 
	width:240px;	
	height:40px;
    min-height: 40px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-bonificador-B{
	float:left;
	position:relative; 
	width:270px;	
	height:40px;
    min-height: 40px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-maestria-box{
	float:left;
	position:relative; 
	width:100%;	
	height:23px;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-maestria-check{
	float:left;
	position:relative; 
	width:170px;	
	height:21px;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}

/*=================== ARMAS TAB 2 CSS ===================*/

.sheet-columna-armas{
	float:left;
	position:relative; 
	width:730px;	
	height:auto;
    min-height: 340px;
    margin: 90px 0px 0px 60px;
	padding: 0px; 
	}
.sheet-armas-box{
	float:left;
	position:relative; 
	width:730px;	
	height: 255px;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-armas-fila{
	float:left;
	position:relative; 
	width:100%;	
	height: auto;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	}
.sheet-arma-A{
    float: left;
	width: 140px !important;	
	height: 30px !important;
    margin: 0px 5px 0px 1px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
	}
.sheet-arma-B{
    float: left;
	width: 60px !important;	
	height: 30px !important;
    margin: 0px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
	}
.sheet-arma-C{
    float: left;
	width: 100px !important;	
	height: 30px !important;
    margin: 0px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
	}

.sheet-armadura-box{
	float:left;
	position:relative; 
	width:380px;	
	height:50px;
    min-height: 20px;
    margin: 30px 0px 0px 0px;
	padding: 0px;
	}
.sheet-armadura-A{
    float: left;
	width: 165px !important;	
	height: 20px !important;
    margin: 6px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
	}
.sheet-armadura-B{
    float: left;
	width: 45px !important;	
	height: 20px !important;
    margin: 6px 5px 0px 0px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000000 !important;
    outline: 0px;
    text-align: center; background-color: transparent !important; font-size: 16px; font-family: "Amarante", serif;
	}
.sheet-localizacion{
    float: right;
	width: 200px !important;	
	height: 20px !important;
    margin: 6px 50px 0px 0px !important;
    text-align: right;
    font-family: "New Rocker", system-ui;
    font-size: 30px;
    font-weight:500;
    color: #000000;
   
	}

/*=================== ZURRON TAB 3 CSS ===================*/
.sheet-canut-monedes{
	float:left;
	position:relative; 
	width:44%;
	height:40px;
    margin: 0px auto;
	padding: 0px;
	}
.sheet-monedes{
    float: right;
	width:60px !important;	
	height:10px;
    margin:0px 5px;
    padding: 5px 0px 0px 0px ;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000;
    outline: 0px;
    text-align: right; background-color: transparent; font-weight: bold; font-size: 16px; font-family: "Amarante", serif;
	}


/*============= MAGIA TAB 4 CSS =============*/


.sheet-titol-magia{
    position: relative;
	float: none;
	width: 800px;
	height: 195px;
    min-height: 195px;
    margin: 0px auto;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_MAGIA_E3_860px.png");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	}
.sheet-magia-mana-actual{
	float:left;
	position:relative; 
	width:270px;	
	height:30px;
    margin: 65px 0px 0px 20px;
	}
.sheet-vademecum-mana-A{
	float:right;
	position:relative; 
	width:60px;	
	height:30px;
    margin: 0px 0px 0px 10px;
	padding: 0px;
    font-family: "Milonga", serif;
    font-size: 18px;
    color: #000000;
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000;
    outline: 0px;
    background-color: transparent;
	}
.sheet-magia-mana-total{
	float:left;
	position:relative; 
	width:390px;	
	height:30px;
    margin: 60px 0px 0px 20px;
	}
.sheet-vademecum-mana-B{
    float: right;
	width: 60px !important;	
	height: 30px !important;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center; font-size: 18px;  font-family: "Milonga", serif;
	}

.sheet-cosmagia860px{
    position: relative;
	float: none;
	width: 800px;
	height: auto;
    min-height: 350px;
    margin: 0px auto;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_MAGIA_D2_860px.png");
	background-repeat: repeat-y;
	background-size: auto;
	background-position: center;
	}
.sheet-conjuro-box{
	float:none;
	position:relative; 
	width: 600px;
    height: auto;
	min-height: 30px;
    margin: 0px 0px 0px 80px;
    font-family: "Brawler", serif;
    font-size: 14px;
    color: #A45700;
    text-align: center;
	}

.sheet-nombre-conjuro{
	float:left;
	position:relative; 
	width:340px;	
	height:30px;
    margin: 0px 0px 0px 30px;
	padding: 5px 0px 0px 20px;
    font-family: "Milonga", serif;
    font-size: 16px;
    color: #000000;
    text-align: left;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000;
    outline: 0px;
    background-color: transparent;
	}
.sheet-coste-mana{
	float:left;
	position:relative; 
	width:60px;	
	height:30px;
    margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px;
    font-family: "Milonga", serif;
    font-size: 14px;
    color: #000000;
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000;
    outline: 0px;
    background-color: transparent;
	}
.sheet-magia-curt3{
	float:left;
	position:relative; 
	width:60px;	
	height:30px;
    margin: 0px;
    font-family: "Brawler", serif;
    font-size: 14px;
    color: #A45700;
    text-align: center;
	}
.sheet-nombre-carta{
	float:left;
	position:relative; 
	width:270px;	
	height:30px;
    margin: 0px 0px 0px 30px;
	padding: 5px 0px 0px 20px;
    font-family: "Milonga", serif;
    font-size: 16px;
    color: #000000;
    text-align: left;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000;
    outline: 0px;
    background-color: transparent;
	}

.sheet-select-carga{
    float: left;
	width: 60px !important;	
	height: 30px;
    margin: -5px 0px 0px 10px !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #000000 !important;
    outline: 0px;
    padding: 10px 0px 0px;
    text-align: center; background-color: transparent !important; font-size: 14px; font-family: "Milonga", serif;
	}
.sheet-peu-magia{
    position: relative;
	float: none;
	width: 800px;
	height: 107px;
    min-height: 107px;
    margin: 0px auto;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_MAGIA_D3B_860px.png");
	background-repeat: repeat-y;
	background-size: cover;
	background-position: center;
	}
.sheet-encanteridetalls{
	float: none;
	width: 580px;
	height: auto;
    min-height: 100px;
    margin: 0px auto 5px ;  
	}
.sheet-encanteridetalls textarea{
	float: none;
	width: 580px;
	height: auto;
    min-height: 130px;
    margin: 0px auto;
    padding: 10px;
    resize: vertical;
    box-sizing: border-box;
    outline: 0px; font-size: 14px; font-family: "Amarante", serif; color: #000000;
    background-color: transparent; border: 2px solid #000000;
	}
details{
    color: #000000 !important;
    padding: 5px 0px 0px;
    cursor: pointer;
    }
details:hover{
    color: #F49A07 !important;
    padding: 5px 0px 0px;
    cursor: pointer;
    }

/*=================== CREDITS TAB 5 CSS ===================*/
.sheet-columna-credits{
	float:left;
	position:relative; 
	width:650px;	
	height:auto;
    min-height: 100px;
    margin: 30px 0px 0px 80px;
	padding: 0px;
    /*border:  2px solid #FF0004;*/
	}


/*=================== LUPA Y AMPLIAR IMAGEN ===================*/
.sheet-mapa-tzar {
  overflow: visible ; /* Para que la imagen ampliada no se salga del contenedor */
  width: auto; /* Ancho de tu imagen inicial */
  height: auto; /* Alto de tu imagen inicial */
  position: relative; /* Necesario para un posicionamiento absoluto futuro si se desea */
  margin: 130px auto 0px;
  text-align: center;
   /*  cursor: url("https://rolmasters.com/ROLL20/KOBOLD/KOBOLD_LUPA_100x200px.png") 16 16, auto; */
}

.sheet-mapa-tzar img {
  width: 85%; /* La imagen ocupa todo el contenedor */
  height: 100%; /* La imagen ocupa todo el contenedor */
  object-fit: cover; /* Mantiene la relación de aspecto */
  transition: transform 0.3s ease; /* Transición suave al escalar la imagen */
  cursor: zoom-in; /* Cambia el puntero a una mano para indicar interactividad */
}

.sheet-mapa-tzar:hover img {
  transform: scale(1.7); /* Escala la imagen al 120% de su tamaño al pasar el cursor */
}



/*  DADOS KOBOLD  */

   .sheet-columna-daus {
	position: relative;
	float: left;
	width: 860px;
    height: 130px;
    margin: -60px 0px 0px 0px;  
    } 

.sheet-dau-box-1d4 {
	position: relative;
	float: left;
	width: 104px;
    height: 84px;
    min-height: 84px;
}
.charsheet button[type="roll"].sheet-d4:before{
  content: ' ';
}
.charsheet button[type="roll"].sheet-d4:hover{
  background-position: top;
}
.charsheet button[type="roll"].sheet-d4{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D4.png");
  background-size: auto;
  background-repeat:no-repeat; 
  width: 104px;
  height: 84px;
  border-style: none;
  background-color: transparent;
  margin-left: 0px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


.sheet-dau-box-1d6 {
	position: relative;
	float: left;
	width: 104px;
    height: 90px;
    min-height: 90px;
    margin: 35px 0px 0px 5px;
}
.charsheet button[type="roll"].sheet-d6:before{
  content: ' ';
}
.charsheet button[type="roll"].sheet-d6:hover{
  background-position: top;
}
.charsheet button[type="roll"].sheet-d6{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D6.png");
  background-size: auto;
  background-repeat:no-repeat; 
  width: 104px;
  height: 90px;
  border-style: none;
  background-color: transparent;
  margin-left: 0px;  
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


.sheet-dau-box-1d8 {
	position: relative;
	float: left;
	width: 100px;
    height: 110px;
    min-height: 122px;
    margin: 5px 0px 0px 200px;
}
.charsheet button[type="roll"].sheet-d8:before{
  content: ' ';
}
.charsheet button[type="roll"].sheet-d8:hover{
  background-position: top;
}
.charsheet button[type="roll"].sheet-d8{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D8.png");
  background-size: auto;
  background-repeat:no-repeat; 
  width: 100px;
  height: 110px;
  border-style: none;
  background-color: transparent;
  margin-left: 0px;  
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


.sheet-dau-box-1d10 {
	position: relative;
	float: left;
	width: 104px;
    height: 104px;
    min-height: 104px;
    margin: 12px 0px 0px 0px;
}
.charsheet button[type="roll"].sheet-d10:before{
  content: ' ';
}
.charsheet button[type="roll"].sheet-d10:hover{
  background-position: top;
}
.charsheet button[type="roll"].sheet-d10{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D10.png");
  background-size: auto;
  background-repeat:no-repeat; 
  width: 104px;
  height: 104px;
  border-style: none;
  background-color: transparent;
  margin-left: 0px;  
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


.sheet-dau-box-1d12 {
	position: relative;
	float: left;
	width: 100px;
    height: 104px;
    min-height: 104px;
    margin: 25px 0px 0px 10px;
}
.charsheet button[type="roll"].sheet-d12:before{
  content: ' ';
}
.charsheet button[type="roll"].sheet-d12:hover{
  background-position: top;
}
.charsheet button[type="roll"].sheet-d12{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D12.png");
  background-size: auto;
  background-repeat:no-repeat; 
  width: 100px;
  height: 104px;
  border-style: none;
  background-color: transparent;
  margin-left: 0px;  
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


.sheet-dau-box-1d20 {
	position: relative;
	float: left;
	width: 110px;
    height: 112px;
    min-height: 112px;
    margin: 0px 0px 0px 20px;
}
.charsheet button[type="roll"].sheet-d20:before{
  content: ' ';
}
.charsheet button[type="roll"].sheet-d20:hover{
  background-position: top;
}
.charsheet button[type="roll"].sheet-d20{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/DAU_KOBOLD_1D20.png");
  background-size: auto;
  background-repeat:no-repeat; 
  width: 110px;
  height: 112px;
  border-style: none;
  background-color: transparent;
  margin-left: 0px;  
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
    
}

.sheet-contenedorMO{
	float:left;
	position:relative; 
	width:100%;
	height:auto;
	margin: 0px auto;
	border: solid medium double ;
	border-color: #000000;	
	overflow:hidden;
	max-width: 1000px;
	}




/* LINKS CSS */
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #D3000D;
	text-decoration: none;
}
a:active {
	color: #CCC;
	text-decoration: none;
} 
/* =============== POP UPS ==================  */

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
	z-index: 3;	
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.overlay2:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  background: #fff;
  border-radius: 5px;
  width: 452px;
  height: 570px;
  position: relative;
  transition: all 5s ease-in-out;
  background-color: transparent !important;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/FICHA_KOBOLD_ROLL20_COMBATE_LOCALIZACION_B_860px.png");
	background-repeat:no-repeat;
	background-size: auto;
	background-position: center top;
}

.popup .close {
  position: relative;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #FF0000; opacity: 1;
}
.popup .close:hover {
  color: #880202;
}
.popup .content {
    float: right;
    position:relative;
    width: 50px;   
    height: 50px;
  max-height: 50px;
  overflow: auto;
    margin: 450px 55px 0px 0px;
}


/*===================  KOBOLD  ROLLTEMPLATE CSS ===================*/

/* Smaller margins - remove these if you want the huge default left margin */
.sheet-rolltemplate-kobold {
  margin-left: -37px;
}
.sheet-rolltemplate-kobold .sheet-fotofondo  {
    width: 300px;
    height: auto;
    min-height: 245px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/TEMPLATE_FONDO_KOBOLD_A3_600px.png");
    background-repeat: no-repeat;
	background-size:cover;
	background-position: top;
    border: 1px solid #000000;
}
.withoutavatars .sheet-rolltemplate-kobold {
  margin-left: -7px;
}

.sheet-rolltemplate-kobold .sheet-container {
}

/* Header formatting - title and subtitle */
.sheet-rolltemplate-kobold .sheet-header {
  height: 70px;
  background-color: transparent;
  /* change text-align to center to center the header text */
  text-align: left;
  padding: 5px 5px 0px 5px;
  font-weight: bold; font-size: 20px; font-family: "New Rocker", serif; color: #efcb4d;  
}
.sheet-rolltemplate-kobold .sheet-title {
  margin-top: 2px;
  margin-left: 15px;
  font-size:1.1em;
}
.sheet-rolltemplate-kobold .sheet-subtitle {
  margin-top: 5px;
  margin-left: 15px;
  font-size:.9em;
}

/* example colors */

.sheet-rolltemplate-kobold .sheet-container.sheet-color-red {
  --header-bg-color: #F00;
}
.sheet-rolltemplate-kobold .sheet-container.sheet-color-green {
  --header-bg-color: #0F0;
  --header-text-color: #000;
}

.sheet-rolltemplate-kobold .textchatcontainer .inlinerollresult.fullcrit {
    border: 2px solid #20472e !important;
    border-color: #20472e !important;
}

/* Allprops part */
.sheet-rolltemplate-kobold .sheet-content {
  display: grid;
  height: 100px !important;
  min-height: 100px !important;   
  background-color: transparent !important;
  /* Header formatting - modify the column layout below */
  grid-template-columns: auto auto;
  /* Line height to match default roll template */
  line-height:1.4em;
    
}
.sheet-rolltemplate-kobold .sheet-content > div {
  padding: 5px 0px 0px 1px;
}

/* Left column */
.sheet-rolltemplate-kobold .sheet-content .sheet-key {
  width: 140px;
  height: 40px;
  font-size: 22px; font-family: "Amarante", serif; color: #000000;
  font-weight: bold;
  padding: 3px 0px 0px 30px;
  text-align: right;
  background-color: transparent !important; 
  line-height: 24px;
}

.sheet-rolltemplate-kobold .sheet-value {
    font-size: 40px !important;
    height: 70px !important;
    margin-top: 5px;
}
/* Empty rule, use this if you want to change the right column 
.sheet-rolltemplate-custom .sheet-value {
}
*/

/* Make even-numbered rows grey */
.sheet-rolltemplate-kobold .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-kobold .sheet-content :nth-child(4n) {
  background-color: transparent !important;
}

/* Description field */
.sheet-rolltemplate-kobold .sheet-desc {
  grid-column: span 2;
  height: 40px;
  min-height: 40px;
  margin: 10px 0px 0px;  
  padding: 0px 20px !important;
  text-align: center;
  font-size: 18px; font-family: "Amarante", serif; color: #000000;  
}


/*===================  KOBOLDICE  ROLLTEMPLATE CSS ===================*/

/* Smaller margins - remove these if you want the huge default left margin */
.sheet-rolltemplate-koboldice {
  margin-left: -37px;
}
.sheet-rolltemplate-koboldice .sheet-fotofondo  {
    width: 300px;
    height: auto;
    min-height: 245px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Kobold/IMAGES/TEMPLATE_FONDO_KOBOLD_A3_600px.png");
    background-repeat: no-repeat;
	background-size:cover;
	background-position: top;
    border: 1px solid #000000;
}
.withoutavatars .sheet-rolltemplate-koboldice {
  margin-left: -7px;
}

.sheet-rolltemplate-koboldice .sheet-container {
}

/* Header formatting - title and subtitle */
.sheet-rolltemplate-koboldice .sheet-header {
  height: 60px;
  background-color: transparent;
  /* change text-align to center to center the header text */
  text-align: left;
  padding: 5px 5px 0px 5px;
  font-weight: bold; font-size: 20px; font-family: "New Rocker", serif; color: #efcb4d;  
}
.sheet-rolltemplate-koboldice .sheet-title {
  margin-top: 2px;
  margin-left: 15px;
  font-size:1.1em;
}
.sheet-rolltemplate-koboldice .sheet-subtitle {
  margin-top: 5px;
  margin-left: 15px;
  font-size:.9em;
}

/* example colors */

.sheet-rolltemplate-koboldice .sheet-container.sheet-color-red {
  --header-bg-color: #F00;
}
.sheet-rolltemplate-koboldice .sheet-container.sheet-color-green {
  --header-bg-color: #0F0;
  --header-text-color: #000;
}

.sheet-rolltemplate-koboldice .textchatcontainer .inlinerollresult.fullcrit {
    border: 2px solid #20472e !important;
    border-color: #20472e !important;
}

/* Allprops part */
.sheet-rolltemplate-koboldice .sheet-content {
  display: grid;
  height: 100px !important;
  min-height: 100px !important;   
  background-color: transparent !important;
  /* Header formatting - modify the column layout below */
  grid-template-columns: auto auto;
  /* Line height to match default roll template */
  line-height:1.4em;
    
}
.sheet-rolltemplate-koboldice .sheet-content > div {
  padding: 5px 0px 0px 1px;
}

/* Left column */
.sheet-rolltemplate-koboldice .sheet-content .sheet-key {
  width: 90px;
  height: 40px;
  font-size: 18px; font-family: "Amarante", serif; color: #000000;
  font-weight: bold;
  padding: 3px 0px 0px 35px;
  text-align: left;
  background-color: transparent !important;   
  margin-top: 5px;       
  line-height: 24px;
}

.sheet-rolltemplate-koboldice .sheet-value {
    font-size: 72px !important;
}
/* Empty rule, use this if you want to change the right column 
.sheet-rolltemplate-custom .sheet-value {
}
*/

/* Make even-numbered rows grey */
.sheet-rolltemplate-koboldice .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-koboldice .sheet-content :nth-child(4n) {
  background-color: transparent !important;
}

/* Description field */
.sheet-rolltemplate-koboldice .sheet-desc {
  grid-column: span 2;
  height: 40px;
  min-height: 40px;
  margin: 40px 0px 0px;  
  padding: 0px 20px !important;
  text-align: center;
  font-size: 18px; font-family: "Amarante", serif; color: #000000;  
}



/*=================== FIRMA CSS ===================*/

.sheet-firma-foot{
    float: none;
	width: 100%;
	height: 30px;
    min-height: 30px;
    margin: 0px auto 0px;    
    font-family: "Vollkorn SC", serif;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
}