@import url('https://fonts.googleapis.com/css?family=Architects+Daughter&family=Indie+Flower|Roboto&display=swap');

.sheet-global{
    position: relative;
}

.sheet-header{
  width: 100%;
}

.sheet-logo{
    max-width: 250px;
    width: 100%;
}

.sheet-cell-logo{
    max-width: 260px;
}

.sheet-cell-header{
    min-width: 69%;
    max-width: calc(100% - 250px);
}

.sheet-global .btn.repcontrol_add, .btn.repcontrol_edit{
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dvXLZZFZYOHzJyJeXZAcEa8aKDuzQiMLxoAXYmeubSlK2KdSrIsKaoiAU6nWTVIiq9RUzX-GLGmUHAlXvyYgkDRWq_kWfE_72NVXiQnqtSk0djRrLfsXke5gntSTR_XpXYTFVLMCtz31zmE6nmWMFr=w168-h58-no?authuser=0');
    background-size: contain;
    background-repeat: no-repeat;
    color: white;
    padding: 3px 20px;
    transition: transform 0.3s ease;
    transform: scale(1);
    outline: transparent;
    background-position: center;
}

.sheet-global .btn.repcontrol_add:hover, .btn.repcontrol_edit:hover {
    background-position: center;
    transform: scale(1.1);
}

.sheet-global .btn.repcontrol_add:active, .btn.repcontrol_edit:active {
    background-position: center;
    transform: scale(0.9);
}


.sheet-path,
.sheet-info,
.sheet-field,
.sheet-stuff,
.sheet-magie,
.sheet-advantage{
	display: none;
	padding: 1.5em;
}

/*------------  Modal   ------------- */

.sheet-modal,
.sheet-modalritual 
{
    display: none;
}

.sheet-modal .sheet-close-button,
.sheet-modalritual .sheet-close-button
{
    border: none;
    background: transparent;
    position: absolute;
    top: 1em;
    right: 1em;
}

.sheet-close-button 
{
    width: 25px;
}


.sheet-modalvalue[value="modaltrue"] ~ .sheet-modal,
.sheet-modalritualvalue[value="modalritualtrue"] ~ .sheet-modalritual
{
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid black;
    z-index: 200;
    background-color: white;
    padding: 2em;
    max-height: 80vh;
    overflow: auto;
}


.sheet-modal label span, 
.sheet-modalritual label span, 
.sheet-path [name='act_modaltrue'], 
.sheet-magie [name='act_modalritualtrue'] 
{
    background-color: transparent;
    color: black;
    transition : all 0.3s ease;
    border-radius: 0;
    font-family: 'Architects Daughter', cursive;
    font-weight: 900;
    font-size: 15px ;
    box-shadow : none;
    border : 1px solid black;
    padding : 10px 10px;
    cursor: pointer;
    display: inline-block;
}

.sheet-modal input[type='radio'],
.sheet-modalritual input[type='radio'] 
{
    display: none;
}

.sheet-modal label input:checked ~ span,
.sheet-modalritual label input:checked ~ span, 
.sheet-path [name='act_modaltrue']:hover, 
.sheet-magie [name='act_modalritualtrue']:hover 
{
    color: #db569b;
    border-color: #db569b;
}

.sheet-modal label input ~ .sheet-reset,
.sheet-modalritual label input ~ .sheet-reset
{
    padding : 10px 10px;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    font-size: 25px ;
    border: none;
}


.sheet-modal .sheet-path-wrapper,
.sheet-modalritual .sheet-path-wrapper
{
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dtHP2bnvZt5nW5OrlmBWTPAg1vLJha3heEq3kFdVtEn4YPewF0hcnC1hbotOHpBOKRgF3Wnej_v1EmYcnYyOheSSIGb000DPbb_buXNlzRz7p0DbtfqYURSqZtFyaH-99_k-6S_JvadR7yfIPQ538z=w231-h245-no?authuser=0');
    height: 80px;
    width: 80px;
}

.sheet-modal .sheet-score,
.sheet-modalritual .sheet-score
{
    text-align: right;
}


.sheet-modal .sheet-path-wrapper input,
.sheet-modalritual .sheet-path-wrapper input
{
    font-size: 20px;
    margin: 1.5em 0.6em;
    color: black;
    font-weight: 600;
}



/*------------  Tabs button   ------------- */

.sheet-tabstoggle[value="path"] ~ div.sheet-path,
.sheet-tabstoggle[value="info"] ~ div.sheet-info,
.sheet-tabstoggle[value="field"] ~ div.sheet-field,
.sheet-tabstoggle[value="magie"] ~ div.sheet-magie,
.sheet-tabstoggle[value="stuff"] ~ div.sheet-stuff,
.sheet-tabstoggle[value="advantage"] ~ div.sheet-advantage {
	display: block;
}



.sheet-tabstoggle[value="path"] ~ div [name=act_path],
.sheet-tabstoggle[value="info"] ~ div [name=act_info],
.sheet-tabstoggle[value="field"] ~ div [name=act_field],
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie],
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff],
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] {
    color: #db569b;
    border-color: #db569b;
    outline: transparent;
    position: relative;
}

.sheet-tabstoggle[value="path"] ~ div [name=act_path] span,
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span,
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span,
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span,
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span,
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span {
    position: absolute;
    background-size: contain;
    background-repeat : no-repeat;
    height: 15px;
    width: 15px;
    top: 0;
    opacity: 0;
    transform: translate(0, 0) rotate(-180deg);
    transition: opacity 0.3s, transform 0.5s ease;
}

.sheet-tabstoggle[value="path"] ~ div [name=act_path] span:nth-child(1),
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span:nth-child(1),
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span:nth-child(1),
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span:nth-child(1),
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span:nth-child(1),
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span:nth-child(1) {
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3csmQHTvBiBqDJne8K2hlMKNFv-CLGVrqfwzvYbJBI47hVM5XVK_m1SZG-j2VT-xaAKQJefSsGgpwhNgUJ9DfFlUP9hdCyBRg00lRoPFdYu7Giva9lI2w7HBQbj1MvEhFIbFTGagxcYdtxlLfRKGg8t4Q=w48-h37-no?authuser=0');
    left: 0;
    transform: translate(4px, 20px) rotate(50deg);
    opacity: 1;
}


.sheet-tabstoggle[value="path"] ~ div [name=act_path] span:nth-child(2),
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span:nth-child(2),
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span:nth-child(2),
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span:nth-child(2),
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span:nth-child(2),
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span:nth-child(2) {
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dig12iVccXHjyBvw9EHpkd3LnUK53KDY8Nlvcl5L0a3GwuGyKiGHpTE6uOOfukKWPdZ_mW7fJ4VSX3QCDh8mVn8g1JwJTEH7Hw5i3P5Gjc1DfLQItGNkpCZFziCbFKK4Ed5tsPO8PapXsVgbUImpeRmQ=w58-h54-no?authuser=0');
    left: 50%;
    transform: translate(20px, 32px) rotate(23deg);
    opacity: 1;
}


.sheet-tabstoggle[value="path"] ~ div [name=act_path] span:nth-child(3),
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span:nth-child(3),
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span:nth-child(3),
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span:nth-child(3),
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span:nth-child(3),
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span:nth-child(3) {
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3ckNowHdOSTaSsBvuKhb55WlaUBETtUCjRNA8BKNGIdAU0eY0C66t2vozlTStWcVC4BFtnxanKF2fQM5WrhHT0E1pTcT83U12wZY1itkwe7A20yjVhNij02J4knXY2FXsbT_3W7mwligrK0puB4JoIFsg=w61-h43-no?authuser=0');
    left: 90%;
    transform: translate(5px, 20px) rotate(180deg);
    opacity: 1;
}



/*------------  end Tabs button   ------------- */



.charsheet .sheet-global .sheet-tooltip{
    border: none;
}

.sheet-title{
    font-family: 'Architects Daughter', cursive;
    font-weight: 900;
}

.sheet-mt-2{
    margin-top: 1.5em;
}

.sheet-text-center{
    text-align: center;
}

.sheet-text-left{
    text-align: left;
}

img{
    max-width: 100%;
}

.sheet-global{
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3cWAcftXDquAPtdF3BEzJaTgNCSRX5QWPPLLm52UHkA5UN527Wc7saEdL99mh0XFBLkoiruQvfih5z2qrj5LxdOhHv-4kx5riKEubxJ_s2kFvfSrZVnDRAITuuk5RA983UgRVQifIcvHLDP-tj4Sj_R=w1153-h825-no?authuser=0');
    background-size: 450px;
    background-position : top right;
    background-repeat: no-repeat;
    padding: 3em;
}

button[type=roll]{
    font-size: 20px;
    font-weight: 900;
    width: auto;
    border: none;
    background: none;
    box-shadow: none;
    margin: auto;
    cursor: pointer;
    outline: transparent;
}

button[type=roll]::before{
    transform: rotate(0deg);
    display: inline-block;
    pointer-events: none;
    transition: transform 1s ease-out, color 0.3s ease;
    font-size: 30px;
    padding-top: 8px;
}

button[type=roll]:hover::before{
        color: #db569b;
}

button[type=roll]:active::before{
        transform: rotate(1200deg);
}


input[type="text"]{
    
    border-bottom: 1px solid black;
    border-radius: 0;
    background-color: transparent;
    max-width: 100%;

}

textarea{
    max-width: 90%;
    height: auto;
    border: 1px solid black;
    border-radius: 0;
    background-color: transparent;
}


.sheet-number-wrapper{
    height: 31px;
    width: 30px;
    background-image:url('https://lh3.googleusercontent.com/pw/ACtC-3eIdA3Ya3uBghyEaDlUtjqioq_jkS0NE1TF36HyHQcWHZTBaZuetcmgl9oJTCgO7Dn5fkB5VbMfpYAnynQuXxi4VDHnwC3dYakLf1fxSzN-x90rmXI4kBjUD1PRC5gbxai7nILp0RYNJ6WUEYx9Y780=w157-h162-no?authuser=0');
    background-size: cover;
    display: inline-block;
}

.sheet-number-wrapper input{
    background-color: transparent;
    outline: transparent;
    text-align: center;
    margin-top: 2px;
}

.sheet-initiative-button .sheet-number-wrapper{
    margin-right: 8px;
}


/******************** Style  grille **********************************/

.sheet-row{
  display: block;
  font-family: 'Roboto', sans-serif;
}

.sheet-cell{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.sheet-cell-1{
    width: 8.20%;
}

.sheet-cell-2{
    width: 16.2%;
}

.sheet-cell-3{
    width: 24.6%;
}

.sheet-cell-4{
    width: 32.5%;
}

.sheet-cell-5{
    width: 35%;
}

.sheet-cell-6{
    width: 49%;
}

.sheet-cell-7{
    width: 54.5%;
}

.sheet-cell-8{
    width: 65%;
}

.sheet-cell-9{
    width: 69%;
}

.sheet-cell-10{
    width: 78%;
}

.sheet-cell-12{
    width: 100% ;
}

.sheet-nowrap{
    
    white-space: nowrap;
}

.sheet-mt-1{
    margin-top: 1em;
}

/******************** Style  switch **********************************/



/* The switch - the box around the slider */
.sheet-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.sheet-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.sheet-switch .sheet-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border: 1px solid black;
  -webkit-transition: .4s;
  transition: .4s;
    border-radius: 34px;

}

.sheet-switch .sheet-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  -webkit-transition: .4s;
  transition: .4s;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(0deg);
    background-image : url('https://lh3.googleusercontent.com/pw/ACtC-3eu5eoBQ9_84ZJ1tYcKcFlOw89cacc4eCrHLzJT_tXMXrnJmQuDr38F_J7XS-dyrybAfCqcaJpRQdQtXHGUgzoGY1fE-nLCTKXRgKB9K6TmeefsPYjWjUMPcJyDJMzCtFI0Cf7ToFj0nO5md4qXyXwCZQ=s222-no?authuser=0');

}

.sheet-switch input:checked + .sheet-slider {
  background-color: #db569b;
    border: 1px solid #db569b;
}

.sheet-switch input:checked + .sheet-slider .sheet-all-text {
  opacity: 0;
}
.sheet-switch input + .sheet-slider .sheet-all-text {
  opacity: 1;
    position: absolute;
    top: 9px;
    right: 4px;
   transition: opacity 0.4s ease-out;
   font-family: 'Architects Daughter', cursive;


}

.sheet-switch input:checked + .sheet-slider .sheet-gm-text {
  opacity: 1;
}

.sheet-switch input + .sheet-slider .sheet-gm-text {
  opacity: 0;
    position: absolute;
    top: 9px;
    left: 7px;
    color: white;
    transition: opacity 0.4s ease-out;
    font-family: 'Architects Daughter', cursive;

}

.sheet-switch input:focus + .sheet-slider {
  box-shadow: 0 0 1px #db569b;
}

.sheet-switch input:checked + .sheet-slider:before {
  left: 40px;
  transform: rotate(180deg) ;
}


.sheet-gmroll[value='/w gm '] ~ div button[type=roll]::before{
    color: #db569b;
}

/******************** Style  global **********************************/

.sheet-header-carac{
    padding-left: 1em ;
}

input {
    border: none;
    background-color: none;
}

.sheet-header input {
        width: calc(100% - 65px);
}

.sheet-initiative-p{
    margin-top: 2em;
}

.sheet-initiative-button{
    margin-top: 1.5em;
}

.sheet-initiative-button .sheet-number-wrapper{
    vertical-align: middle;
    margin-bottom: 6px;
}

.sheet-top-body{
    margin: 2em auto;
}

.sheet-top-body .sheet-cell{
    vertical-align: top;
}

.sheet-top-body .sheet-sakura-left{
    max-height: 210px;
}


.sheet-underligne{
    margin-bottom: 1.5em;
}

.sheet-underligne img{
   max-height: 20px;
}

.sheet-injury {
    padding-left: 29px;
}

.sheet-injury label{
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    max-width: 15px;
    padding: 0;  
    cursor: pointer;
}

.sheet-injury label span{
    position: relative;
    z-index: 2;
}


.sheet-injury label span::before{
    position: absolute;
    content: '';
    top: 4px;
    left: 3px;
    height: 10px;
    width: 8px;
    border-radius: 50%;
    z-index: -1;
    border: 1px solid black;
}

.sheet-injury input:checked ~ label span::before{
    background-color: black;
}

.sheet-global .sheet-injury label:hover ~ label span::before, .sheet-global .sheet-injury label:hover span::before, .sheet-global .sheet-injury input:checked ~ label:hover span::before{
    background-color: #db569b;
}

.sheet-cancel{
    color: black;
}

.sheet-cancel:hover{
    color: #db569b;
}


.sheet-cancel::before{
    display: none;
}

.sheet-injury input{
    width: 0;
    margin: auto;
    opacity: 0;
    display: none;
}

.sheet-injury .sheet-radios-injury{
    text-align: left;
     direction:rtl;
}

.sheet-injury p{
    margin: auto;
}


/*************************************************/

.sheet-tabs-button{
    background-color: transparent;
    color: black;
    transition : all 0.3s ease;
    border-radius: 0;
    font-family: 'Architects Daughter', cursive;
    font-weight: 900;
    font-size: 18px ;
    margin: 10px;
    margin-top: 1em;
    box-shadow : none;
    border : 1px solid black;
    padding : 10px 18px;
    cursor: pointer;
    
}

.sheet-tabs-button:hover{
    color: #db569b;
    border-color : #db569b;
}

.sheet-checkbox label{
    font-size: 12px;
    font-family: inherit;
    text-align: center;
    font-weight: 100;
    cursor: pointer;
    margin: 0.5em auto;
    display:inline-block;
    width:auto;
}

.sheet-checkbox label span{
    position: relative;
    margin: auto;
}

.sheet-checkbox label input{
    display: none;
}

.sheet-checkbox label input:checked ~ span::before{
    position: absolute;
    top: -2px;
    left: 2px;
    content: '';
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dhky2vWv6abuZOybuIQhCuSm3nooJn0Yi7HzS4pTSkxxLPE9-tCZSyzb2RAI8taT_Sw1-5lYVSmUMRDdF5adDCwtOMRBwJPWX2x6mBzGuMi9pbH7CkES7LU0mhHVx1R6oHQOKPJgVslbTbowebnS6Hgw=w67-h59-no?authuser=0');
}


.sheet-checkbox label span img{
    max-width:18px;
}


/*************************************************/


.sheet-field, .sheet-path, .sheet-magie{
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3fTzjmZRH7haOXA72Cii5euWoOjmwJlg0VCo-uaRRpMBQ-UrMaP3Q2ed9bvMjUWThw9S4AFAEdlR0lhFbPN7BEV0ZAu4bZ_MgWSpjh8QjFer8YGxSRE7cdnF652mBz7HgQSN7j5pGj1RRVT-41KMrN9=w599-h937-no?authuser=0');
    background-repeat: no-repeat;    
    background-position: bottom left;
    background-size: 200px;
    padding-left: 70px;
    padding-bottom: 50px;
    min-height: 255px;
}

.sheet-path{
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3ctxFZbbFPdCsp6SYlFV-GrZr1CJOPy0sLaJlaUE-btg2D4HMU8IIg1lhuPLa2_o22LbMTUjB_U8HYR_s8KDErbju755lQcMOrsDxSdf1IwVtxaNq3E93wxVTyjPB_HGnjglf883Qmrg7jHbSVQl5VqRA=w354-h937-no?authuser=0');
    padding-left: 91px;
    padding-bottom: 27px;
}


.sheet-field > .sheet-row > .sheet-cell{
    vertical-align: top;
}

.sheet-spe-cell{
    padding-left: 10px;
}

.sheet-field .sheet-field-name input{
    max-width: calc(100% - 100px);
    margin-left: 5px;
}

.sheet-field .sheet-field-row .sheet-number-wrapper{
    text-align: center;
    margin: auto;
    width: 60px;
    height: 60px;
}

.sheet-field .sheet-field-row .sheet-number-wrapper input{
    margin-top:20px;
}

.sheet-field .sheet-field-row .sheet-number-wrapper-small .sheet-number-wrapper{
    width: 30px;
    height: 31px;
}
.sheet-field .sheet-field-row .sheet-number-wrapper-small .sheet-number-wrapper input{
    margin-top:2px;
}

.repitem:nth-child(1) .sheet-field-row .sheet-underligne, .repitem:nth-child(1) .sheet-spe-row .sheet-underligne, .repitem:nth-child(1) .sheet-weapon-wrapper .sheet-separator{
    display: none;
}
.sheet-field-row .sheet-underligne,  .sheet-spe-row .sheet-underligne{
    margin: 1em auto;
}

.sheet-field .sheet-roll-field{
    margin: 0.5em auto;

}

.sheet-slider button{
    border: none;
    outline: transparent;
    background-color: white;
    transition: transform 0.3s ease;
    transform: translate(0,0);
}

.sheet-slider button.sheet-left:active{
    transform: translate(5px, 0);
}


.sheet-slider button.sheet-right:active {
    transform: translate(-5px, 0);
}

.sheet-slider button img{
    max-width: 15px;
    width: 100%;
}

.sheet-global .sheet-roll-spe{
    margin-top: 2em;
}

.sheet-global .sheet-spe-name{
    max-width: calc(100% - 25px);
}


/*********************************   Avantage   ******************************************/

.sheet-advantage, .sheet-info, .sheet-stuff {
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dmSz2DDxy6lbHTtwo0nEEWiKS1kIkjW13wZ2Fkd1Jugy16NMmCiaXKrJceko0yunAtRhSSgFNfMlzC4raXP6WF48_O6gqeR_orf84xnj7nwJA2xVY92mexvunhSpDMPXfsJrOi1bR2ybkThPcQgzg1=w644-h937-no?authuser=0');
    background-repeat: no-repeat;    
    background-position: bottom right;
    background-size: 250px;
    padding-right: 70px;
    padding-bottom: 50px;
    min-height: 255px;
}

.sheet-stuff{
    background-size: 195px;
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3fdBEOsZ8czMrVM7_BPKOPZGQx-Sr2RvEfH3nL8JT3X2z3eV-nJ52X_ikmVQigsnIZqZxXYHLGaTwjzLVBoajhY19BpfaVCd1wfImA1CUb9MWOW-QYKjNOLwAfRFMHdi3Gz_szFOLuJadIJJqItXzEWHA=w519-h937-no?authuser=0');
}


.sheet-advantage > .sheet-row > .sheet-cell{
    vertical-align: top;
}

.sheet-advantage > .sheet-row > .sheet-cell input[type=text]{
    margin-bottom: 1em;
}



/*****************************  Voie   ****************************************/

.sheet-path > .sheet-row > .sheet-cell{
    vertical-align: top;
    margin-bottom: 1em;
}

.sheet-path .sheet-path-wrapper{
        background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dtHP2bnvZt5nW5OrlmBWTPAg1vLJha3heEq3kFdVtEn4YPewF0hcnC1hbotOHpBOKRgF3Wnej_v1EmYcnYyOheSSIGb000DPbb_buXNlzRz7p0DbtfqYURSqZtFyaH-99_k-6S_JvadR7yfIPQ538z=w231-h245-no?authuser=0');
        height: 70px;
        width: 70px;
}

.sheet-path .sheet-path-wrapper input{

    margin: 2.1em 1em;
    
}

.sheet-aspect-input{
    margin: 1em auto;
}

.sheet-techniques, .sheet-magies{
    text-align: center;
}

.sheet-techniques .repitem, .sheet-magies .repitem{
    width: 49%;
    display: inline-block;
    max-width: 450px;
    margin: 1em auto;
    text-align: left;
}


.sheet-tech-power{
    margin-left: 8px;
}

 
/************************* Stuff *****************************/

.sheet-stuff-number{
    border-bottom: 1px solid black;
    margin: 0 5px;
    border-radius: 0;
}

.sheet-dgt-p{
    margin-left: 5px;
}

.sheet-weapon-wrapper{
    margin-bottom: 0.5em;
}

.sheet-weapon-wrapper .sheet-separator{
    margin: 2em auto;
    margin-bottom: 0;
    text-align: center;
}


.sheet-weapon-wrapper .sheet-separator img{
    margin: auto;
    width: 40%;
    max-width: 200px;
}


/* rolltemplate */

.sheet-rolltemplate-sakura{
    background-color: white;
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//lh3.googleusercontent.com/pw/ACtC-3cWAcftXDquAPtdF3BEzJaTgNCSRX5QWPPLLm52UHkA5UN527Wc7saEdL99mh0XFBLkoiruQvfih5z2qrj5LxdOhHv-4kx5riKEubxJ_s2kFvfSrZVnDRAITuuk5RA983UgRVQifIcvHLDP-tj4Sj_R%3Dw1153-h825-no%3Fauthuser%3D0);
    background-size: 150px;
    background-position: 93% 9px;
    background-repeat: no-repeat;
    color: black;
    padding: 0 10px;
    padding-top: 26px;
    text-align: center;
    border: 1px solid black;
    border-radius: 0;
}

.sheet-template-header {
    padding-top: 16px;
}

.sheet-rolltemplate-sakura .sheet-roll-result{
    background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dtHP2bnvZt5nW5OrlmBWTPAg1vLJha3heEq3kFdVtEn4YPewF0hcnC1hbotOHpBOKRgF3Wnej_v1EmYcnYyOheSSIGb000DPbb_buXNlzRz7p0DbtfqYURSqZtFyaH-99_k-6S_JvadR7yfIPQ538z=w231-h245-no?authuser=0');
    height: 70px;
    width: 70px;
    display: inline-block;
    background-size: contain;
    font-size: 16px;
    margin: 20px auto 10px;
}

.sheet-rolltemplate-sakura .sheet-roll-result span{
    display: inline-block;
    padding-top: 28px;
    font-size: 18px;
    background-color: transparent;
    border-color: transparent;
}

.sheet-rolltemplate-sakura .sheet-roll-result.sheet-fullcrit{
    color: #3FB315;
}
.sheet-rolltemplate-sakura .sheet-roll-result.sheet-fullfail{
    color: #B31515;
}

.sheet-rolltemplate-sakura .sheet-template-desc{
    display: block;
    padding: 10px 0;
    padding-top: 20px;
    font-size: 12px;

}

.sheet-rolltemplate-sakura .sheet-template-note{
    display: block;
    padding: 0;
    margin-bottom: 1em;
    font-size: 12px;

}

.sheet-rolltemplate-sakura .sheet-roll-injury{
    margin-bottom: 1em;
    font-size: 12px;
}
/***************************************/

.sheet-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: none; 
}

.sheet-tooltip .sheet-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
   position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.sheet-tooltip:hover .sheet-tooltiptext {
  visibility: visible;
}

.sheet-tooltip .sheet-tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; 
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}