@font-face {
  font-family: 'Round Style Basic';
  src: url('https://candyfonts.com/wp-data/2018/10/09/228/RoundStyleBasic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: "Round Style Basic";
}
.charsheet {
  background-color:#F5F5F5;
  width: 804px;
  background-repeat: repeat;
  background-size: cover;
  border: solid 23px black;
  color: transparent;
  margin-left: 0px;
  
}

/*corpo da ficha*/
.sheet-main {
  margin: 0 auto;
  font-size: 13px;
  color: black;
  width: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  column-gap: 22px;
  grid-template-columns: 516px 312px;
  min-height: 1200px
}
/* css logo exilia*/
.sheet-main .sheet-container-logo .sheet-logo-exilia {
  width: 200px;
  height: 185px;
  float: right;
}
/*css do cabeçalho de informações do personagem*/
.sheet-main .sheet-header-info {
  margin-top: 1%;
  display: grid;
  width: 600px;
  height: 100px;
  grid-template-columns: 100px 50px left;
  column-gap: 10px;
 }
.sheet-main .sheet-input-with-text-bellow {
  display: flex;
  flex-direction: column
}
.sheet-main .sheet-input-with-text-bellow input {
  width: 100%;
  height: 24px;
  border: 0;
  background-color: transparent;
  border-bottom: solid 2px black;
  line-height: 24px;
  padding-left: 2px;
  padding-right: 2px
}
.sheet-main .sheet-input-with-text-bellow span {
  display: block;
  padding-top: 2px;
  padding-left: 2px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase
}
.sheet-main .sheet-input-with-text-bellow.sheet-char-name {
  padding-top: 15px;
  grid-column: 1/4
}
.sheet-char-info {
 font-size: 13px;
  font-weight: bold; 
  color: #808080;
}
/*linha de divisão do atributo*/
.sheet-main .sheet-linha-de-divisao {
  margin-top: 50px;
  background-image: url(https://i.imgur.com/NTZLN33.png);
  background-size: 800px 65px;
  background-repeat: no-repeat;
  width: 800px;
  height: 70px;
  text-align: center;
  position: relative;
}
.sheet-main .sheet-linha-de-divisao h3 {
  padding-top: 35px;
}
/*css dos dados atributo*/
.sheet-atri1{
    margin-top:-22px;
    
}

.sheet-coluna-atributo{
    margin-top:-16px;
}

button[type="roll"].sheet-dado1:before {
  content: ' ';
}
button[type="roll"].sheet-dado1:hover {
  background-position: 0;
  box-shadow: 0px 0px 20px #00FF0B;
  background-color: #9CF7A0;
}
button[type="roll"].sheet-dado1 {
  background-image: url(https://i.imgur.com/7qkxCK7.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  background-position-x: 7px;
  width: 35px;
  height: 26px;
  border-style: none;
  background-color: transparent;
}
button[type="roll"].sheet-dado2:before {
  content: ' ';
}
button[type="roll"].sheet-dado2:hover {
  background-position: 0;
  box-shadow: 0px 0px 20px #FCE300;
  background-color: #F7EE9C;
}
button[type="roll"].sheet-dado2 {
  background-image: url(https://i.imgur.com/7qkxCK7.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  border-style: none;
  background-color: transparent;
}
button[type="roll"].sheet-dado3:before {
  content: ' ';
}
button[type="roll"].sheet-dado3:hover {
  background-position: 0;
  box-shadow: 0px 0px 20px #FF0003;
  background-color: #F9999A;
}
button[type="roll"].sheet-dado3 {
  background-image: url(https://i.imgur.com/7qkxCK7.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  border-style: none;
  background-color: transparent;
}
/*--dado inciativa--*/
button[type="roll"].sheet-dado7:before {
  content: ' ';
}
button[type="roll"].sheet-dado7:hover {
  background-position: 0;
  background-image: url(https://i.imgur.com/zfXSgvw.png);
  box-shadow: 0px 0px 20px #FF7E00;
  background-color: #FFD0A4;
  background-repeat: no-repeat;
  background-position: center;
}
button[type="roll"].sheet-dado7 {
  background-image: url(https://i.imgur.com/zfXSgvw.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border-style: none;
  border: none;
}
/*css linhas e colunas dos atributos*/
.sheet-coluna1 {
  background-image: url();
  background-size: 92px 26px;
  background-repeat: no-repeat;
  background-color: #D3D3D3;
  padding-left: 1px;
  border: 1px solid #333333;
  border-bottom: 2px solid #333333;
  margin-top: 3px;
  font-size: 13px;
  font-weight: bold;
  color: black text-align: center;
  width: 80px;
  height: 30px;
  text-align: center;
}
.sheet-linha1 {
  background-image: url();
  background-size: 46px 26px;
  background-repeat: no-repeat;
  border-style: black;
  background-color: ;
  padding-left: 1px;
  border: 1px solid #333333;
  border-bottom: 2px solid #333333;
  margin-top: 3px;
  font-size: 13px;
  font-weight: bold;
  color: black text-align: center;
  width: 47px;
  height: 30px;
  text-align: center;
}
.sheet-linha_dado {
  background-image: url();
  background-size: 46px 26px;
  text-align: center;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 4px;
  margin-left: 6px;
  margin-right: 4PX;
  width: 21px;
  height: 2px;
  border-style: black;
  background-color: ;
  padding-left: 1px;
  border: 1px solid #333333;
  border-bottom: 2px solid #333333;
  font-weight: bold;
  color: black text-align: center;
}

.sheet-inic-add  {
  font-size: 20px;
   font-weight: bold;
  color: black 
  text-align: center;
  background-color: transparent;
  Border:none;
}
/*css linhas e colunas dos sub-atributos*/
.sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b {
  display: block;
}
.sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a {
  display: none;
}
.sheet-I1 input[type="text"] {
  background-image: url(https://i.imgur.com/GUI0tbP.png);
  background-size: 98px 40px;
  margin-left: 12px;
  margin-right: 5px;
  background-repeat: no-repeat;
  width: 100px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-left: 12px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-I3 input[type="text"] {
  background-image: url(https://i.imgur.com/GUI0tbP.png);
  background-size: 98px 40px;
  margin-left: 12px;
  margin-right: 5px;
  margin-bottom: 1px;
  background-repeat: no-repeat;
  width: 100px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-left: 12px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-info-1 input[type="text"] {
  border-style: #2F4F4F;
  background-color: #DCDCDC;
  width: 100px;
  height: 30px;
  margin-left: 12px;
  margin-right: 4px;
  margin-top: 3px;
  margin-bottom: -0px;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 2px solid #333333;
  border-left: 2px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-info-2 input[type="text"] {
  border-style: #2F4F4F;
  background-color: #FAEBD7;
  width: 100px;
  height: 30px;
  margin-left: 12px;
  margin-right: 4px;
  margin-top: 3px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-info-3 input[type="text"] {
  border-style: #2F4F4F;
  background-color: #DCDCDC;
  width: 100px;
  height: 30px;
  margin-left: 12px;
  margin-right: 5px;
  margin-top: 3px;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 2px solid #333333;
  border-left: 2px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-linha-sub {
  border-style: black;
  background-color: ;
  padding-left: 1px;
  border: 1px solid #333333;
  border-top: 0px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 0px solid #333333;
  border-left: 0px solid #333333;
  margin-top: 6px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-sub2 {
  margin-top: 6px;
  border-style: ;
  border: 0px;
  background-color: #C0C0C0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-linha-sub3 {
  margin-top: 1px;
  border-style: none;
  background-color: #C0C0C0;
  padding-left: 1px;
  border: none;
  border-top: 0px solid #333333;
  border-bottom: 0px solid #333333;
  border-right: 0px solid #333333;
  border-left: 0px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
/**titulo dos atributos e modificadores**/
.sheet-img-dragon {
  position: relative;
  left: 335px;
  bottom: -25px;
  width: 41px;
  height: 29px;
}
.sheet-atributo-name h2 {
  font-size: 20px;
  text-align: center;
  border-bottom: solid 2px black;
  line-height: 24px;
  background-color: transparent;
}
.sheet-linha-vida {
  background-image: url(https://i.imgur.com/PLEaV2V.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-mana {
  background-image: url(https://i.imgur.com/tX4uoof.png);
  background-size: 29px 29px;
  background-repeat: no-repeat;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-fe {
  background-image: url(https://i.imgur.com/Kkl5ifT.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-ip {
  background-image: url(https://i.imgur.com/VjcBBCt.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-rm {
  background-image: url(https://i.imgur.com/iolQs0A.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-move{
  background-image: url(https://i.imgur.com/8kGNCPs.png);
  background-size: 29px 25px;
  background-repeat: no-repeat;
  width: 32px;
  height: 42px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 5px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-decisivo {
  background-image: url(https://i.imgur.com/sUBkbOk.png);
  background-size: 27px 25px;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 8px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-critico {
  background-image: url(https://i.imgur.com/FxgTzPb.png);
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 8px;
  font-weight: bold;
  text-align: center;
  color: black
}
.sheet-linha-penalidade {
  background-image: url(https://i.imgur.com/5hhA50Y.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 5px;
  margin-Bottom: 8px;
  font-weight: bold;
  text-align: center;
  color: black
}

.sheet-modificador-global {
    margin-top: -15px;
    margin-bottom:10px;
}
/*linha de divisão das perícias*/
.sheet-linha-de-divisao-2 {
  margin-top:10px;
  margin-bottom: 10px;
  background-image: url(https://i.imgur.com/NTZLN33.png);
  background-size: 800px 65px;
  background-repeat: no-repeat;
  width: 800px;
  height: 60px;
  text-align: center;
  position: relative;
}
.sheet-linha-de-divisao-2 h3 {
  padding-top: 35px;
}

/*css linhas pericias*/
.sheet-pericias {
  margin-top: 3px;
}
.sheet-linha-inicial-pericias {
  border-style: none;
  background-color: transparent;
  font-size: 13px;
  font-weight: bold;
  color: black font-weight: bold;
  text-align: left;
  position: center;
  text-align: center;
  width: 80px;
  height: 30px;
  margin-top: 3px;
}
.sheet-linha-inicial-pericias2 {
  border-style: none;
  background-color: transparent;
  font-size: 13px;
  font-weight: bold;
  color: black font-weight: bold;
  text-align: left;
  position: left;
  text-align: left;
  width: 80px;
  height: 30px;
  margin-top: 3px;
}
.sheet-linha2 {
  border-style: none;
  background-color: transparent;
  padding-left: 1px;
  margin-top: 1px;
  font-size: 13px;
  font-weight: bold;
  color: black text-align: center;
  width: 47px;
  height: 30px;
  margin-top: 5px;
}
.sheet-linha3 {
  margin-top: 1px;
  margin-bottom: 1px;
  border-style: black;
  background-color: ;
  padding-left: 1px;
  border: black;
  border-top: 1px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-linha4 {
  margin-top: 1px;
  margin-bottom: 1px;
  border-style: black;
  background-color: ;
  padding-left: 1px;
  border: black;
  border-top: 1px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  position: relative;
}
.sheet-linha-secundaria {
  margin-top: 1px;
  margin-bottom: 2px;
  border-style: black;
  background-color: transparent;
  padding-left: 1px;
  border: black;
  border-top: 0px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 0px solid #333333;
  border-left: 0px solid #333333;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-linha-secundaria2 {
  margin-top: 1px;
  margin-bottom: 2px;
  border-style: black;
  background-color: transparent;
  padding-left: 1px;
  border: black;
  border-top: 0px solid #333333;
  border-bottom: 0px solid #333333;
  border-right: 0px solid #333333;
  border-left: 0px solid #333333;
  font-size: 12px;
  font-weight: bold;
  color: #A52A2A;
  text-align: center;
  position: relative;
}

.sheet-linha_N {
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 0px;
  margin-Bottom: 0px;
  font-weight: bold;
  text-align: center;
  color: black
  }
  
  .sheet-linha_D {
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 0px;
  margin-Bottom: 0px;
  font-weight: bold;
  text-align: center;
  color: black
  }
  
  .sheet-linha_M {
  width: 30px;
  height: 40px;
  border-style: none;
  background-color: transparent;
  margin-top: 0px;
  margin-Bottom: 0px;
  font-weight: bold;
  text-align: center;
  color: black
  }
  
/*css dos dados de pericias*/
.sheet-linha-dado2 {
  border-style: none;
  background-color: transparent;
  text-align: center;
  background-repeat: no-repeat;
  margin-top: 1px;
  margin-left: 6px;
  width: 21px;
  height: 2px;
  border-style: black;
  background-color: ;
  padding-left: 1px;
  margin-top: 5px;
  font-weight: bold;
  color: black text-align: center;
}
button[type="roll"].sheet-dado4:before {
  content: ' ';
}
button[type="roll"].sheet-dado4:hover {
  background-position: 0;
  box-shadow: 0px 0px 20px #00FF0B;
  background-color: #9CF7A0;
}
button[type="roll"].sheet-dado4 {
  background-image: url(https://i.imgur.com/7qkxCK7.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  border-style: none;
  background-color: transparent;
}
button[type="roll"].sheet-dado5:before {
  content: ' ';
}
button[type="roll"].sheet-dado5:hover {
  background-position: 0;
    box-shadow: 0px 0px 20px #FCE300;
  background-color: #F7EE9C;
}
button[type="roll"].sheet-dado5 {
  background-image: url(https://i.imgur.com/7qkxCK7.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  border-style: none;
  background-color: transparent;
}
button[type="roll"].sheet-dado6:before {
  content: ' ';
}
button[type="roll"].sheet-dado6:hover {
  background-position: 0;
    box-shadow: 0px 0px 20px #FF0003;
  background-color: #F9999A;
}
button[type="roll"].sheet-dado6 {
  background-image: url(https://i.imgur.com/7qkxCK7.png);
  background-size: 25px 26px;
  background-repeat: no-repeat;
  width: 19px;
  height: 26px;
  border-style: none;
  background-color: transparent;
}
.sheet-linha_dado3 {
  background-image: url();
  background-size: 21px 26px;
  text-align: center;
  background-repeat: no-repeat;
  margin-top: 1px;
  margin-left: 9px;
  width: 21px;
  height: 2px;
  border-style: none;
  background-color: transparent;
  padding-left: 1px;
  margin-top: 0px;
  font-size: 13px;
  font-weight: bold;
  color: black text-align: center;
}
/*display das pericias de combate e pericias gerais*/
.sheet-columns {
  display: flex;
  justify-content: space-between;
  width: 400px;
}
.sheet-columns > * {
  flex: 1;
}
input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
/*linha de divisão dos aprimoramentos e manobras*/
.sheet-linha-de-divisao-3 {
  margin-top: 15px;
  margin-bottom: 1px;
  background-image: url(https://i.imgur.com/NTZLN33.png);
  background-size: 800px 65px;
  background-repeat: no-repeat;
  width: 800px;
  height: 65px;
  text-align: center;
  position: relative;
}
.sheet-linha-de-divisao-3 h3 {
  padding-top: 35px;
}
/*display dos aprimoramentos e manobras*/
.sheet-aprimoramentos-e-manobras {
  margin-top: 1px;
  margin-bottom: 1px;
  border-style: black;
  background-color: #F8F8FF;
  padding-left: 1px;
  border: black;
  border-top: 1px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  position: relative;
}
.sheet-linha-inicial-aprimoramentos-manobras {
  border-style: none;
  background-color: transparent;
  font-size: 13px;
  font-weight: bold;
  color: black text-align: center;
  font-weight: bold;
  margin-left: ;
  position: relative;
  width: 80px;
  height: 30px;
  margin-top: 2px;
}
/* CSS checkbox sub-atributos */
input[type="checkbox"].sheet-block-switch {
  appearance: none;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch {
  opacity: transparent;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch {
  background-image: url(https://i.imgur.com/bs0x98x.png);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch:checked {
  background-image: url(https://i.imgur.com/iJhgLtR.png);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* CSS checkbox pericias*/
input[type="checkbox"].sheet-toggle-show {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show {
  opacity: transparent;
  height: 29px;
  width: 30px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show {
  background-image: url("https://i.imgur.com/vFxlBEm.png");
  background-size: 29px 29px;
  background-position: center;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}
/*linha de fechamento das paginas*/
.sheet-linha-de-divisao-4 {
  margin-top: 50px;
  margin-bottom: 10px;
  background-image: url(https://i.imgur.com/Eh99AH2.png);
  background-size: 798px 64px;
  background-repeat: no-repeat;
  width: 800px;
  height: 100px;
  text-align: center;
  position: relative;
}
.sheet-linha-de-divisao-4 h3 {
  padding-top: 35px;
}
/*CSS Botões troca pagina 1*/
.sheet-character {
  margin-top: 0px;
}
button[type="action"].sheet-button-personagem:before {
  content: ' ';
}
button[type="action"].sheet-button-personagem:hover {
  background-image: url(https://i.imgur.com/BeJ5nXO.png);
  
}
button[type="action"].sheet-button-personagem:hover h4 {
  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
  color: #fff
}
button[type="action"].sheet-button-personagem {
  background-image: url(https://i.imgur.com/7O2DIdH.png);
  background-size: 127px 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 115px;
  height: 30px;
  border-style: none;
  background-color: transparent;
}
/*CSS Botões troca pagina 2*/
.sheet-container-botao{
    margin-top:60px;
    margin-bottom:-50px;
}
button[type="action"].sheet-button-magia:before {
  content: ' ';
}
button[type="action"].sheet-button-magia:hover {
  background-image: url(https://i.imgur.com/IJekFec.png);
}
button[type="action"].sheet-button-magia:hover h4 {
  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
  color: #fff
}
button[type="action"].sheet-button-magia {
  background-image: url(https://i.imgur.com/VuXzAma.png);
  background-size: 127px 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 115px;
  height: 30px;
  border-style: none;
  background-color: transparent;
}
.sheet-button-personagem h4 {
  color: #FFFFFF;
  position: center;
  padding-left: 22px;
  font-size: 13px;
}
.sheet-button-magia h4 {
  color: #FFFFFF;
  position: center;
  padding-left: 20px;
  font-size: 13px;
}
/*CSS Botões troca pagina 3*/
.sheet-button-equipamento h4 {
  color: #FFFFFF;
  position: center;
  padding-left: 23px;
  font-size: 13px;
}
button[type="action"].sheet-button-equipamento:before {
  content: ' ';
}
button[type="action"].sheet-button-equipamento:hover {
  background-image: url(https://i.imgur.com/dnazVgl.png);
}
button[type="action"].sheet-button-equipamento:hover h4 {
  text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601;
  color: #fff
}
button[type="action"].sheet-button-equipamento {
  background-image: url(https://i.imgur.com/QnOwFo9.png);
  background-size: 127px 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 115px;
  height: 30px;
  border-style: none;
  background-color: transparent;
}
/*Botões do cabeçalho*/
.sheet-character, .sheet-config, .sheet-journal {
  display: none;
}
.sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="configuration"] ~ div.sheet-config, .sheet-tabstoggle[value="journal"] ~ div.sheet-journal {
  display: block;
}
/* CSS Pagina 2  */
.sheet-texto-magias textarea {
  height: 80px;
  width: 98%;
  border: 2px solid black;
  font-weight: bold;
}
.sheet-body {
  background-color: #DCDCDC;
  padding: 2px;
}
.sheet-linha-focus input[type="text"] {
  background-image: url(https://i.imgur.com/IS0rG1Q.png);
  background-size: 100px 45px;
  margin-Top: 0px;
  margin-left: 30px;
  margin-right: 20px;
  background-repeat: no-repeat;
  width: 100px;
  height: 45px;
  border-style: none;
  background-color: transparent;
  margin-left: 30px;
  margin-right: 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.sheet-linha-focus2 input[type="text"] {
  border-style: #2F4F4F;
  background-color: #DCDCDC;
  width: 100px;
  height: 30px;
  margin-left: 30px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 0px;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-right: 2px solid #333333;
  border-left: 2px solid #333333;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
/* CSS Pagina 3*/
.sheet-linha-equip {
  border-style: black;
  background-color: transparent;
  padding-left: 1px;
  border: none;
  border-bottom: 2px solid #333333;
  margin-top: 5px;
  font-weight: bold;
  text-align: center;
}
.sheet-texto-equip textarea {
  width: 225px;
  height: 100px;
  border: 2px solid black;
  font-weight: bold;
  font-size: 13px;
}
/*CSS troca de personagem*/
.sheet-block-feminino, .sheet-block-switch-personagem:checked ~ .sheet-block-masculino {
  display: block;
}
.sheet-block-masculino, .sheet-block-switch-personagem:checked ~ .sheet-block-feminino {
  display: none;
}
input[type="checkbox"].sheet-block-switch-personagem {
  appearance: none;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch-personagem {
  opacity: transparent;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch-personagem {
  background-image: url(https://i.ibb.co/Bch2s9N/sheet-block-switch-personagem.png);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch-personagem:checked {
  background-image: url(https://i.ibb.co/PM5XnWQ/sheet-block-switch-personagemchecked.png);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sheet-block-feminino {
  background-size: 200px 65px;
  margin-bottom: 100px;
  margin-left: 30px;
  margin-right: 20px;
  background-repeat: no-repeat;
  width: 200px;
  height: 65px;
}
.sheet-block-masculino {
  background-size: 200px 65px;
  margin-bottom: 100px;
  margin-left: 30px;
  margin-right: 20px;
  background-repeat: no-repeat;
  width: 200px;
  height: 65px;
}
/*CSS mochila e anotacoes*/
.sheet-linha-de-divisao-5 {
  background-image: url(https://i.imgur.com/NTZLN33.png);
  background-size: 800px 65px;
  background-repeat: no-repeat;
  margin-top: 50px;
  width: 800px;
  height: 65px;
  text-align: center;
  position: relative;
}
.sheet-linha-de-divisao-5 h3 {
  padding-top: 35px;
  text-align: center;
  margin-bottom: 10px;
}
.sheet-linha-de-divisao-6 {
  background-image: url(https://i.imgur.com/NTZLN33.png);
  background-size: 800px 65px;
  background-repeat: no-repeat;
  margin-top: 55px;
  margin-bottom: 5px;
  width: 800px;
  height: 65px;
  text-align: center;
  position: relative;
}
.sheet-linha-de-divisao-6 h3 {
  padding-top: 35px;
  text-align: center;
  margin-bottom: 10px;
}
/*CSS anotacoes*/
.sheet-texto-notas-1 {
  background-image: url(https://i.imgur.com/i3vy64w.png);
  background-size: 800px 380px;
  background-repeat: no-repeat;
  background-position: center;
  width: 800px;
  height: 385px;
}
.sheet-texto-notas-1 h3 {
  text-align: center;
  position: relative;
  padding-top: 50px;
}
.sheet-texto-notas-1 textarea {
  width: 662px;
  height: 240px;
  text-align: left;
  margin-left: 65px;
  position: relative;
  resize: vertical;
  overflow-y: auto;
  min-height: 5em;
  font-weight: bold;
  font-size: 16px;
  background-color: transparent;
  border: none;
}
/*CSS mochila*/
.sheet-mochila {
  background-image: url(https://i.imgur.com/ZJa4qi1.png);
  background-size: 350px 410px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 30px;
  padding-top: 70px;
  width: 350px;
  height: 410px;
}
.sheet-mochila textarea {
  width: 275px;
  height: 330px;
  text-align: left;
  position: relative;
  resize: vertical;
  overflow-y: auto;
  font-weight: bold;
  font-size: 16px;
  background-color: transparent;
  border: none;
}
.sheet-imgbag {
  margin-left: 10px;
}

.sheet-mochila-texto{
margin-left:12px;
}
.sheet-moedas {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 2px;
  position: relative;
  border-bottom: solid 2px black;
}
.sheet-tabela-moedas table {
  text-align: center;
  margin-left: 50px;
}
.sheet-bronze {
  background-image: url(https://i.imgur.com/yk2LSG3.png);
  background-size: 20px 22px;
  background-repeat: no-repeat;
  text-align: center;
  width: 32%;
  height: 22px;
}
.sheet-prata {
  background-image: url(https://i.imgur.com/rc5flre.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  text-align: center;
  width: 32%;
  height: 22px;
}
.sheet-ouro {
  background-image: url(https://i.imgur.com/2kn1Qt5.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  text-align: center;
  width: 32%;
  height: 22px;
}
.sheet-tabela-moedas td {
  text-align: center;
  border: 3px double;
}
.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro {
  display: block;
}
.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda {
  display: none;
}
.sheet-2coluna {
  background-image: url(https://i.imgur.com/c12YfkI.png);
  background-size: 430px 380px;
  background-repeat: no-repeat;
  margin-left: -45px;
  width: 436px;
  height: 385px;
  margin-top: -10px;
}
.sheet-texto-pag1 {
  background-repeat: no-repeat;
  background-position: left;
  margin-left: 35px;
  margin-top: 20px;
  width: 150px;
  height: 300px;
  background-color: transparent;
  border: none;
}
.sheet-texto-pag1 textarea {
  text-align: left;
  position: relative;
  resize: vertical;
  overflow-y: auto;
  font-weight: bold;
  font-size: 16px;
}
.sheet-texto-pag2 {
  background-repeat: no-repeat;
  background-position: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 140px;
  height: 300px;
  background-color: transparent;
  border: none;
}
.sheet-texto-pag2 textarea {
  text-align: left;
  position: relative;
  resize: vertical;
  overflow-y: auto;
  font-weight: bold;
  font-size: 16px;
  
}
.sheet-treinamento h3 {
  text-align: center;
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -40px;
  position: relative;
}
input[type="checkbox"].sheet-block-switch-mochila {
  appearance: none;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch-mochila {
  opacity: transparent;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch-mochila {
  background-image: url(https://i.imgur.com/PXN6O0U.png);
  background-size: 38px 40px;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="checkbox"].sheet-block-switch-mochila:checked {
  background-image: url(https://i.imgur.com/tltOCr8.png);
  background-size: 38px 40px;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*--equipamento--*/
input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
/*CSS linha de armas*/
input[type="checkbox"].sheet-toggle-show-arma {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show-arma {
  opacity: transparent;
  height: 29px;
  width: 30px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show-arma {
  background-image: url("https://i.imgur.com/MTW75Uh.png");
  background-size: 29px 29px;
  background-position: center;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}
/*CSS linha de municao*/
input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
input[type="checkbox"].sheet-toggle-show-municao {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show-municao {
  opacity: transparent;
  height: 29px;
  width: 30px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show-municao {
  background-image: url("https://i.imgur.com/zjjY2M3.png");
  background-size: 29px 29px;
  background-position: center;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}
/*CSS linha de armadura*/
input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
input[type="checkbox"].sheet-toggle-show-armadura {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show-armadura {
  opacity: transparent;
  height: 29px;
  width: 30px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show-armadura {
  background-image: url("https://i.imgur.com/qj65zXo.png");
  background-size: 29px 29px;
  background-position: center;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}
/*CSS linha de item*/
input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
input[type="checkbox"].sheet-toggle-show-item {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show-item {
  opacity: transparent;
  height: 29px;
  width: 30px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show-item {
  background-image: url("https://i.imgur.com/qI3aGTm.png");
  background-size: 29px 29px;
  background-position: center;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}

/*CSS linha de reliquias*/
input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
input[type="checkbox"].sheet-toggle-show-rel {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show-rel {
  opacity: transparent;
  height: 20px;
  width: 28px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show-rel {
  background-image: url("https://i.imgur.com/lA8jXI3.png");
  background-size: 29px 20px;
  background-position: center;
  height: 29px;
  width: 30px;
  background-repeat: no-repeat;
}
/*CSS linha de pocoes*/
input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body {
  display: none;
}
input[type="checkbox"].sheet-toggle-show-pocao {
  appearance: none;
  border: none;
  outline: none;
}
input[type="checkbox"].sheet-toggle-show-pocao {
  opacity: transparent;
  height: 29px;
  width: 30px;
  margin: top;
  25px;
}
input[type="checkbox"].sheet-toggle-show-pocao {
  background-image: url("https://i.imgur.com/ddt3mgD.png");
  background-size: 29px 29px;
  background-position: center;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}

/* Smaller margins - remove these if you want the huge default left margin */
.sheet-rolltemplate-custom {
  margin-left: -37px;
}
.withoutavatars .sheet-rolltemplate-custom {
  margin-left: -7px;
}

.sheet-rolltemplate-custom .sheet-container {
  border: 1px solid;
  /* by default, the border is the same color as the header. You can change this here, e.g. to black */
  border-color: var(--header-bg-color);
}

/* Header formatting - title and subtitle */
.sheet-rolltemplate-custom .sheet-header {
  background-color: var(--header-bg-color);
  /* change text-align to center to center the header text */
  text-align: center;
  color: var(--header-text-color);
  padding: 5px;
}
.sheet-rolltemplate-custom .sheet-title {
  font-size:1.1em;
}
.sheet-rolltemplate-custom .sheet-subtitle {
  font-size:.9em;
}

/* example colors */
.sheet-rolltemplate-custom .sheet-container {
  /* this is the default color */
  --header-bg-color: rgb(50, 32, 130);
  --header-text-color: #FFF;
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-magic {
  --header-bg-color: rgb(128, 39, 150);
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-general {
  --header-bg-color: rgb(39, 150, 76);
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-combat {
  --header-bg-color: rgb(130, 32, 40);
}

/* Allprops part */
.sheet-rolltemplate-custom .sheet-template-wrapper .sheet-content {
  display: grid;
  background: #fff6fb;
  color: black;
  /* 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-custom .sheet-content > div {
  padding: 5px;
}

/* Left column */
.sheet-rolltemplate-custom .sheet-content .sheet-key {
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}

/* Empty rule, use this if you want to change the right column 
.sheet-rolltemplate-custom .sheet-value {
}
*/

.sheet-rolltemplate-custom .sheet-template-wrapper .inlinerollresult{
  background-color: transparent;
  color: #000000;
  border-style: inset;
  border-radius: 35% 15%;
  border-width: 3px;
}

/* Description field */
.sheet-rolltemplate-custom .sheet-desc {
  grid-column: span 2;
  padding: 5px;
  text-align: center;
}

/* FICHA DESENVOLVIDA POR BLACK & VERYDYCA
-.----------------------------------------------------------------------------.

-..................................-----::-:+:-..---...........................

-..............................-**+**+*+:++--::::::*+..........................

-.......................+*:..--...-+#@##@#*+:::::::::+++-......................

-.........................-*W@#@==@###@@@@@@@*+#*:--::::::+-...................

-..................---.-==+-:-:+:-...--*@WWW@WWW@*::::::*#=+:-.................

-.............--*+-:+-.-..-:*+::=**::::-----::++=#=:::===WWW@@=-...............

-...........+++:-........:+:+::-::-+=:......-::-.-++-:#W@=:+@W@#+..............

-............-+++-.-...-+==++*+-:-::-+*:----------:#=*+*=-...-+:-:*-...........

-...........:+++--*#+:**::-.-*:-:::::::-=#=*:...-===#=+*::*-....-+::...........

-........-*#*----==*---+=:-.++::-::::-:#==:-:+-.==*:-==+*--:+--...-==-.........

-.......*@#++:-+#=*:-----:*-::::-::--:=#:-----:*#**:-#=+=+.-=#=+:*-*@=:........

-......:@#******=+-----:--:=#+:::++::--+#=+----+#***+#*=::*#=*++#@@#@@#:.......

-....-*#*=#===##:----:==*:*#++*===*-+##****----+#**#===+---:-*::#@@@++@#.......

-...:=*-:*@@*@=:+==-:#=*+*#=***==+-:**==**++---*#**==:-:+*==**+--*#@@:=W+......

-.-*=+-+@W@###===*::@##=*+*=**+:-::--:==**:::-:#=**+----+*=#**+---:#@W@@=:.....

--==*.-@@=*****=+::---+#*+*:--+*:::--:==+*++:=##=**:------*=**+---:##*+*@*-....

-==*--=@=####=+::::-:-:#**+*-===:-:::+#=+*++**:==**+--++--*=****:*#*@@=*+*=+...

*#**-+###=#:---:==::-+=##*++==*---:-:+==++==+:+==*++*==+--==**--:==+==@@**+....

==*+===#::==-:===:--+#=:==***+::++::++##**==-::-=#***=+--:#=++*=+*=*+=@@*++....

+#**++*=***====*---+#*:-:=#*:*++..-..-:*=:.--:++:=#=+-----*#***#::==*+=#*+*:...

-+#=********=*+---+#=***:.......-....----+++++-..-++-------:=+-:+.+@===*#=+***-

-..-+=###=*:-----:==*+-........---......-+::++--...:*:------++--:+:-::--+##=+..

-....+**+:::::---*=#+.---...-==:...-----..::.........-::----+-:+:---::-:+......

-....-+:+::++-:-+#=*....-:--#**:..........:+*::-....-.::----:+:+:+::::-+-......

-.....-++::+:-:*=#**---...--==*-.............-+*:+-.-::+-----:+::+:--::+.......

-.......++:--+*:+#=++-:...-==*:-.--.............-..:+:::++++--+:-:*+:++-.......

-........-+:-:+-.*@*+*+::*#**-......-:-.....----.....-----.:*+:-:::::++........

-..........:+:.-..-=#****==+............---..........--..--:+*=+-:+=+..........

-..............++-.--=#+::-.:-.........++..........-----::+-..:=-++-...........

-.............-*+--.+#@@=+:::---..--.--:--..-----------::-...:=*:-.............

-...............-+-.-#@@@@@#+:---:++*++::-..---.-.-:+:---...-:+-...............

-..................:**#@==#@W@*:::----+*++::::++=W@*--.-*:-:-..................

-....................-:+---:+=##-------:+-:=:......-:+=+-......................

-.......................-:+:--------::--:**=@#*:-..............................

-..........................-++++*+::++::::::::--...............................

-...............................--.............................................

-.----------------------------------------------------------------------------.
--*/