.charsheet {
  font-family: cursive,'Times New Roman', Times, serif;
  background: url('https://github.com/DiChim/roll20-character-sheets/raw/master/Shaan/shaan_bg.jpg');
  font-size: 15px;
}

select {
  background-color: transparent;
  border: 0 solid #000;
  border-bottom-width: 1px;
  border-left-width: 1px;  
  height:25px;
  /*font-size: 12px;*/
  font-family: cursive,'Times New Roman', Times, serif;
  font-size: 12px;
  width : 110px;
}

textarea{
  width:95%;
  background-color: transparent;
  border: 0 solid #000;
  border-bottom-width: 1px;
  border-left-width: 1px;  
  font-family: cursive,'Times New Roman', Times, serif;
}

textarea.sheet-pouvoir{
  height: 60px;
}

textarea.sheet-motivation{
  height: 60px;
}



button[type="roll"].sheet-rollbase {
  color: #538079;
  background: transparent;    
  border: none;
  border-radius: 0px;
  font-size: 30pt;
}

button[type="roll"].sheet-rollnecrose {
  color: #000000;
  background: transparent;    
  border: none;
  border-radius: 0px;
  font-size: 30pt;
}


button[type="roll"]:hover{
  font-weight: bold;
  text-shadow: 0px 0px 2px #FB667E;
}


input[type="text"] {
  background-color: transparent;
  border: 0 solid #000;
  border-bottom-width: 1px;
  border-left-width: 1px;  
  height:22px;
  font-family: cursive,'Times New Roman', Times, serif;
  font-size: 12px;
  width : 130px;

}


input[type="number"] {
  background-color: transparent;
  border-bottom-width: 1px;
  border-left-width: 1px;  
  font-family: cursive,'Times New Roman', Times, serif;
  font-size: 12px; 
  text-align:center;
}


.charsheet table {
    width: 100%;
}
.charsheet td {
  padding: 0px 2px 0px 2px;  
  border: 0px solid red;
  vertical-align: text-top;
}

.charsheet th {
  padding: 5px;  
  border: 0 solid #000;
  background-color: #538079;
  color: #FFF;
}

img {
  vertical-align:top;
}

img.sheet-logo{
  height:120px;
}

input[type="number"].sheet-chiffre {
  width : 60px;
}


input[type="number"].sheet-ame-base{
  border:none;
  /*border-bottom: 2px solid #6793BA;*/
  color:#6793BA;
  font-size: 25px;
  height:30px;
  width:60px;
  font-style:bold;
}

input[type="number"].sheet-ame{
  border:none;
  border-bottom: 2px solid #6793BA;
  color:#6793BA;
  font-size: 15px;
}

input[type="number"].sheet-ame-b{
  border:none;
  color:#6793BA;
  font-size: 20px;
}

input[type="number"].sheet-corps-base{
  border:none;
  color:#CA6D54;
  font-size: 25px;
  height:30px;
  width:60px;
  font-style:bold;
}

input[type="number"].sheet-corps{
  border:none;
  border-bottom: 2px solid #CA6D54;
  color:#CA6D54;
  font-size: 15px;
}

input[type="number"].sheet-corps-b{
  border:none;
  color:#CA6D54;
  font-size: 20px;
}

input[type="number"].sheet-esprit-base{
  border:none;
  color:#BC9B6A;
  font-size: 25px;
  height:30px;
  width:60px;
  font-style:bold;
  
}

input[type="number"].sheet-esprit{
  border:none;
  border-bottom: 2px solid #BC9B6A;
  color:#BC9B6A;
  font-size: 15px;
}

input[type="number"].sheet-esprit-b{
  border:none;
  color:#BC9B6A;
  font-size: 20px;
}

input[type="number"].sheet-necrose-base{
  border:none;
  /*border-bottom: 2px solid #6793BA;*/
  color:#6D6F71;
  font-size: 25px;
  height:30px;
  width:60px;
  font-style:bold;
  
}

input[type="number"].sheet-necrose{
  border:none;
  border-bottom: 2px solid #6D6F71;
  color:#6D6F71;
  font-size: 15px;
}

.sheet-contenant-cercle{
  clear: both;
  position:relative;
  top:0px;
  left:0px;
  width: 740px;
  height:670px;
  border: 0px solid blue;
}

.sheet-cercle{
  position:absolute;
  top:0px;
  left:70px;
  width: 660px;
  border: 0px solid green;
}

.sheet-ame-d{
  position:absolute;
  top:270px;
  left:252px;
  text-align: center;
}

.sheet-art{
  position:absolute;
  top:42px;
  left:92px;
  text-align: center;
}

.sheet-art-base{
  position:absolute;
  top:75px;
  left:145px;
  text-align: center;
}

.sheet-shaan{
  position:absolute;
  top:5px;
  left:245px;
  text-align: center;
}

.sheet-shaan-base{
  position:absolute;
  top:30px;
  left:303px;
  text-align: center;
}

.sheet-magie{
  position:absolute;
  top:42px;
  left:505px;
  text-align: center;
}

.sheet-magie-base{
  position:absolute;
  top:75px;
  left:452px;
  text-align: center;
}

.sheet-corps-d{
  position:absolute;
  top:420px;
  left:305px;
  text-align: center;
}

.sheet-rituel{
  position:absolute;
  top:205px;
  left:635px;
  text-align: center;
}

.sheet-rituel-base{
  position:absolute;
  top:235px;
  left:575px;
  text-align: center;
}
.sheet-survie{
  position:absolute;
  top:372px;
  left:635px;
  text-align: center;
}

.sheet-survie-base{
  position:absolute;
  top:397px;
  left:575px;
  text-align: center;
}

.sheet-combat{
  position:absolute;
  top:543px;
  left:551px;
  text-align: center;
}

.sheet-combat-base{
  position:absolute;
  top:533px;
  left:495px;
  text-align: center;
}

.sheet-esprit-d{
  position:absolute;
  top:370px;
  left:170px;
  text-align: center;
}

.sheet-social{
  position:absolute;
  top:205px;
  left:-37px;
  text-align: center;
}

.sheet-social-base{
  position:absolute;
  top:235px;
  left:20px;
  text-align: center;
}
.sheet-savoir{
  position:absolute;
  top:372px;
  left:-37px;
  text-align: center;
}

.sheet-savoir-base{
  position:absolute;
  top:397px;
  left:20px;
  text-align: center;
}


.sheet-technique{
  position:absolute;
  top:543px;
  left:42px;
  text-align: center;
}

.sheet-technique-base{
  position:absolute;
  top:533px;
  left:100px;
  text-align: center;
}

.sheet-necrose-d{
  position:absolute;
  top:620px;
  left:240px;
  text-align: center;
}

.sheet-necrose-d-base{
  position:absolute;
  top:605px;
  left:298px;
  text-align: center;
}

th.sheet-esprit{
  color: #FFF;
  background-color: #BC9B6A;
  width: 25%;
}

th.sheet-ame{
  color: #FFF;
  background-color: #6793BA;
  width: 25%;
}

th.sheet-corps{
  color: #FFF;
  background-color: #CA6D54;
  width: 25%;
}

th.sheet-necrose{
  color: #FFF;
  background-color: #6D6F71;
  width: 25%;
}

.sheet-repetition select{
  width : 90px;
}

.sheet-repetition input[type="text"] {
  width : 190px;

}

.sheet-repetition input[type="number"] {
  width: 50px;
}

/* Roll template */
.sheet-rolltemplate-shaan-base table{
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid;
    color: black;
    font-size: 1em;
    font-family: cursive,'Times New Roman', Times, serif;
}

.sheet-rolltemplate-shaan-base th{
  background-color:#538079;
  margin: 5px;
  padding: 3px;
  color: #FFFFFF;
  font-size: 102%;
}

.sheet-rolltemplate-shaan-base td{
  margin: 5px;
  padding: 3px;
  background-color:#FFFFFF;
  height: 35px;
}
.sheet-rolltemplate-shaan-base tr.sheet-de_ame{
  /*background-color:#6793BA;*/
}

.sheet-rolltemplate-shaan-base td.sheet-de_ame{
  color:#6793BA;
  font-family: 'dicefontd10';
  font-size: 400%;  
}

.sheet-rolltemplate-shaan-base td.sheet-de_ame_jet{
  color:#6793BA;
  background-color: transparent;
  padding: 6px;
  font-size: large;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;  
}

.sheet-rolltemplate-shaan-base tr.sheet-de_esprit{
  /*background-color:#BC9B6A;;*/
}

.sheet-rolltemplate-shaan-base td.sheet-de_esprit{
  color:#BC9B6A;
  font-family: 'dicefontd10';
  font-size: 400%;  
}

.sheet-rolltemplate-shaan-base td.sheet-de_esprit_jet{
  color:#BC9B6A;
  background-color: transparent;
  padding: 6px;
  font-size: large;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;  
}


.sheet-rolltemplate-shaan-base tr.sheet-de_corps{
  /*background-color:#CA6D54;*/
}

.sheet-rolltemplate-shaan-base td.sheet-de_corps{
  color:#CA6D54;
  font-family: 'dicefontd10';
  font-size: 400%;  
}

.sheet-rolltemplate-shaan-base td.sheet-de_corps_jet{
  color:#CA6D54;
  background-color: transparent;
  padding: 6px;
  font-size: large;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;  
}

.sheet-rolltemplate-shaan-base .inlinerollresult  {
    background-color: #ffffff;
    border: none;
}

.sheet-rolltemplate-shaan-base .inlinerollresult.fullcrit {
  border: none;
}
 
.sheet-rolltemplate-shaan-base .inlinerollresult.fullfail {
  border: none;
}
 
.sheet-rolltemplate-shaan-base .inlinerollresult.importantroll {
  border: none;
}



.sheet-rolltemplate-shaan-necrose table{
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid;
    color: ##000000;
    font-size: 1em;
    font-family: cursive,'Times New Roman', Times, serif;
}

.sheet-rolltemplate-shaan-necrose th{
  background-color:#538079;
  margin: 5px;
  padding: 3px;
  color: #FFFFFF;
  font-size: 102%;
}

.sheet-rolltemplate-shaan-necrose td{
  margin: 5px;
  padding: 3px;
  background-color:#FFFFFF;
  height: 35px;
}

.sheet-rolltemplate-shaan-necrose td.sheet-de_necrose{
  color:#000000;
  font-family: 'dicefontd10';
  font-size: 400%;  
}

.sheet-rolltemplate-shaan-base .inlinerollresult  {
    background-color: #FFFFFF;
    border: none;
}

.sheet-rolltemplate-shaan-base .inlinerollresult.fullcrit {
  border: none;
}
 
.sheet-rolltemplate-shaan-base .inlinerollresult.fullfail {
  border: none;
}
 
.sheet-rolltemplate-shaan-base .inlinerollresult.importantroll {
  border: none;
}


/* Fin Roll template*/

/* === fieldset button === */
div.repcontrol{
  display: inline-block;
  width: 100%;
}
.repcontrol_move{
  height: 11px;
  line-height: 11px;
  margin-top: 4px;
}
.repcontrol_del {
  height: 22px;
  line-height: 12px;
  margin-top: 4px;
  width: 30px;
}
.repcontrol_add, .repcontrol_edit {
  color: transparent;
  box-shadow: none;
  background: transparent;
  border-color: transparent;
  text-shadow:none;
  width: 100px;
}
.repcontrol_add:focus, .repcontrol_edit:focus {
  outline: none;
}
.repcontrol .repcontrol_edit:after {
  content: 'y';
  visibility: visible;
  font-family: pictos;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 20px;
  height: 20px;
  width: 20px;
  padding: 2px 4px 2px 4px;
  color: rgba(177,121,63,0.7);
}
.editmode ~ .repcontrol .repcontrol_edit:after {
  content: '2';
}
.repcontrol .repcontrol_add:before {
  content: '+';
  visibility: visible;
  font-family: pictos;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 20px;
  height: 20px;
  width: 20px;
  padding: 2px 4px 2px 4px;
  color: rgba(177,121,63,0.7);
}
.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before
{
  box-shadow: 1px 1px 4px 2px rgba(147,35,21,0.8);
  border-color: #CF3134;
  color: #CF3134;
}
.repcontrol_add:focus:before, .repcontrol_edit:focus:after {
  color: #CF3134;
}
/* === Fin fieldset button === */