diff --git a/AdventureTime/adventuretime.html b/AdventureTime/adventuretime.html
index 0c002335c0..e708c4def4 100644
--- a/AdventureTime/adventuretime.html
+++ b/AdventureTime/adventuretime.html
@@ -1,63 +1,63 @@
-<div class="sheet-main-container sheet-flex-column">
+<div class="main-container flex-column">
 
-  <div class="sheet-header sheet-flex-row">
+  <div class="header flex-row">
 
-    <div class="sheet-flex-column sheet-grow">
+    <div class="flex-column grow">
 
-      <div class="sheet-section sheet-flex-column">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="section flex-column">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="name">Nome</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <input name="attr_character_name" type="text" title="{@character_name}" />
       </div>
 
-      <div class="sheet-section sheet-flex-column">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="section flex-column">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="concept">Conceito</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
         <input name="attr_concept" type="text" title="{@concept}" />
       </div>
 
-      <div class="sheet-section sheet-flex-column">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="section flex-column">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="hindrance">Defeito</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
         <input name="attr_hindrance" type="text" title="{@hindrance}" />
       </div>
     </div>
 
 
-    <div class="sheet-section sheet-flex-column sheet-historic sheet-grow">
-      <div class="sheet-section-title ">
-        <div class="sheet-dot"></div>
+    <div class="section flex-column historic grow">
+      <div class="section-title">
+        <div class="dot"></div>
         <span data-i18n="historic">Histórico</span>
-        <div class="sheet-dot"></div>
+        <div class="dot"></div>
       </div>
       <textarea name="attr_historic" title="{@historic}"></textarea>
     </div>
 
 
 
-    <div class="sheet-section sheet-logo-area sheet-flex-column">
-      <div class="sheet-logo">
+    <div class="section logo-area flex-column">
+      <div class="logo">
 
       </div>
 
       <button type="roll" name="roll_generalcheck" title="{@generalcheck}"
         value="/r ?{@{numberofdice}}d6>?{@{targetnumber}|4}"></button>
 
-      <div class="sheet-flex-column sheet-char-size">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="flex-column char-size">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="size">Tamanho</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <input name="attr_size" type="text" title="{@size}" />
@@ -65,61 +65,61 @@
     </div>
   </div>
 
-  <div class="sheet-second-row sheet-flex-row">
+  <div class="second-row flex-row">
 
 
-    <div class="sheet-section sheet-flex-column sheet-center sheet-grow">
-      <div class="sheet-section-title ">
-        <div class="sheet-dot"></div>
+    <div class="section flex-column center grow">
+      <div class="section-title">
+        <div class="dot"></div>
         <span data-i18n="hero-points">Pontos de Herói</span>
-        <div class="sheet-dot"></div>
+        <div class="dot"></div>
       </div>
-      <div class="sheet-heropoints">
-        <input class="sheet-invisible-number sheet-heropoints-input" name="attr_heropoints" type="number" value="5"
+      <div class="heropoints">
+        <input class="invisible-number heropoints-input" name="attr_heropoints" type="number" value="5"
           title="{@heropoints}" />
       </div>
     </div>
 
 
 
-    <div class="sheet-section sheet-flex-column sheet-center sheet-grow">
-      <div class="sheet-section-title ">
-        <div class="sheet-dot"></div>
+    <div class="section flex-column center grow">
+      <div class="section-title">
+        <div class="dot"></div>
         <span data-i18n="experience-points">Pontos de Experiência</span>
-        <div class="sheet-dot"></div>
+        <div class="dot"></div>
       </div>
-      <div class="sheet-experiencepoints">
-        <input class="sheet-invisible-number sheet-experiencepoints-input" value="0" name="attr_experiencepoints"
+      <div class="experiencepoints">
+        <input class="invisible-number experiencepoints-input" value="0" name="attr_experiencepoints"
           type="number" title="{@experiencepoints}" />
       </div>
     </div>
 
-    <div class="sheet-section sheet-flex-column sheet-center sheet-grow">
-      <div class="sheet-section-title ">
-        <div class="sheet-dot"></div>
+    <div class="section flex-column center grow">
+      <div class="section-title">
+        <div class="dot"></div>
         <span data-i18n="health-levels">Níveis de Saúde</span>
-        <div class="sheet-dot"></div>
+        <div class="dot"></div>
       </div>
 
-      <div class="sheet-flex-row">
-        <div class="sheet-flex-column sheet-center">
-          <div class="sheet-section-subtitle ">
+      <div class="flex-row">
+        <div class="flex-column center">
+          <div class="section-subtitle ">
             <span data-i18n="current">Atual</span>
           </div>
 
-          <div class="sheet-health">
-            <input class="sheet-invisible-number sheet-health-input" name="attr_currenthealth" type="number" value="4"
+          <div class="health">
+            <input class="invisible-number health-input" name="attr_currenthealth" type="number" value="4"
               title="{@currenthealth}" />
           </div>
 
         </div>
 
-        <div class="sheet-flex-column sheet-center">
-          <div class="sheet-section-subtitle ">
+        <div class="flex-column center">
+          <div class="section-subtitle ">
             <span data-i18n="max">Max</span>
           </div>
-          <div class="sheet-health">
-            <input class="sheet-invisible-number sheet-health-input" name="attr_maxhealth" type="number" value="4"
+          <div class="health">
+            <input class="invisible-number health-input" name="attr_maxhealth" type="number" value="4"
               title="{@maxhealth}" />
           </div>
         </div>
@@ -129,122 +129,122 @@
 
   </div>
 
-  <div class="sheet-attribute-section sheet-flex-row">
+  <div class="attribute-section flex-row">
 
-    <div class="sheet-attribute-column">
+    <div class="attribute-column">
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/jeitinho.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="fixing">Jeitinho</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_fixing" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="fixing">Jeitinho</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_fixing" type="number" value="2"
             title="{@fixing}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_fixingcheck" title="{@fixingcheck}"
+        <button class="attribute-button" type="roll" name="roll_fixingcheck" title="{@fixingcheck}"
           value="/r (@{fixing}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/confusao.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="fight">Confusão</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_fight" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="fight">Confusão</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_fight" type="number" value="2"
             title="{@fight}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_fightcheck" title="{@fightcheck}"
+        <button class="attribute-button" type="roll" name="roll_fightcheck" title="{@fightcheck}"
           value="/r (@{fight}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/musculos.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="muscles">Músculos</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_muscles" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="muscles">Músculos</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_muscles" type="number" value="2"
             title="{@muscles}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_musclescheck" title="{@musclescheck}"
+        <button class="attribute-button" type="roll" name="roll_musclescheck" title="{@musclescheck}"
           value="/r (@{muscles}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
     </div>
 
-    <div class="sheet-attribute-column">
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+    <div class="attribute-column">
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/cachola.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="brains">Cachola</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_brains" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="brains">Cachola</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_brains" type="number" value="2"
             title="{@brains}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_brainscheck" title="{@brainscheck}"
+        <button class="attribute-button" type="roll" name="roll_brainscheck" title="{@brainscheck}"
           value="/r (@{brains}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/contatos.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="contacts">Contatos</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_contacts" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="contacts">Contatos</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_contacts" type="number" value="2"
             title="{@contacts}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_contactscheck" title="{@contactscheck}"
+        <button class="attribute-button" type="roll" name="roll_contactscheck" title="{@contactscheck}"
           value="/r (@{contacts}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/esperteza.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="cunning">Esperteza</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_cunning" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="cunning">Esperteza</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_cunning" type="number" value="2"
             title="{@cunning}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_cunningcheck" title="{@cunningcheck}"
+        <button class="attribute-button" type="roll" name="roll_cunningcheck" title="{@cunningcheck}"
           value="/r (@{cunning}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
 
     </div>
 
-    <div class="sheet-attribute-column">
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+    <div class="attribute-column">
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/falastrice.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="deceive">Falastrice</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_deceive" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="deceive">Falastrice</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_deceive" type="number" value="2"
             title="{@deceive}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_deceivecheck" title="{@deceivecheck}"
+        <button class="attribute-button" type="roll" name="roll_deceivecheck" title="{@deceivecheck}"
           value="/r (@{deceive}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/maneirice.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="charisma">Maneirice</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_charisma" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="charisma">Maneirice</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_charisma" type="number" value="2"
             title="{@charisma}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_charismacheck" title="{@charismacheck}"
+        <button class="attribute-button" type="roll" name="roll_charismacheck" title="{@charismacheck}"
           value="/r (@{charisma}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
-      <div class="sheet-attribute">
-        <img class="sheet-attribute-icon"
+      <div class="attribute">
+        <img class="attribute-icon"
           src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/teimosia.png">
-        <span class="sheet-attribute-label sheet-section-subtitle" data-i18n="stubborn">Teimosia</span>
-        <div class="sheet-attribute-box">
-          <input class="sheet-invisible-number sheet-attribute-input" name="attr_stubborn" type="number" value="2"
+        <span class="attribute-label section-subtitle" data-i18n="stubborn">Teimosia</span>
+        <div class="attribute-box">
+          <input class="invisible-number attribute-input" name="attr_stubborn" type="number" value="2"
             title="{@stubborn}" />
         </div>
-        <button class="sheet-attribute-button" type="roll" name="roll_stubborncheck" title="{@stubborncheck}"
+        <button class="attribute-button" type="roll" name="roll_stubborncheck" title="{@stubborncheck}"
           value="/r (@{stubborn}+?{@{mod}|0})d6>?{@{targetnumber}|4}"></button>
       </div>
 
@@ -253,25 +253,25 @@
 
   </div>
 
-  <div class="sheet-flex-row ">
+  <div class="flex-row ">
 
-    <div class="sheet-middle-column">
+    <div class="middle-column">
 
-      <div class="sheet-flex-column sheet-section">
+      <div class="flex-column section">
 
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="feats">Proezas</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <fieldset class="repeating_feats">
-          <div class="sheet-flex-column  sheet-repeatable-item">
-            <div class="sheet-repeatable-row">
-              <input class="sheet-box-margins" name="attr_featname" type="text" data-i18n-placeholder="name"
+          <div class="flex-column  repeatable-item">
+            <div class="repeatable-row">
+              <input class="box-margins" name="attr_featname" type="text" data-i18n-placeholder="name"
                 placeholder="Nome" />
 
-              <select class="sheet-box-margins" name="attr_feattype" data-i18n-title="attribute" title="Atributo">
+              <select class="box-margins" name="attr_feattype" data-i18n-title="attribute" title="Atributo">
                 <option value=""></option>
                 <option value="fixing" selected="selected" data-i18n="fixing">Jeitinho</option>
                 <option value="fight" data-i18n="fight">Confusão</option>
@@ -284,14 +284,14 @@
                 <option value="stubborn" data-i18n="stubborn">Teimosia</option>
               </select>
 
-              <div class="sheet-box-margins sheet-flex-column sheet-center">
-                <img class="sheet-attribute-icon"
+              <div class="box-margins flex-column center">
+                <img class="attribute-icon"
                   src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/poderosa.png" />
                 <input name="attr_featpowerful" type="checkbox" data-i18n-title="powerful" title="Poderosa" />
               </div>
 
-              <div class="sheet-box-margins sheet-flex-column sheet-center">
-                <img class="sheet-attribute-icon"
+              <div class="box-margins flex-column center">
+                <img class="attribute-icon"
                   src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/AdventureTime/imgs/magica.png" />
                 <input name="attr_featmagical" type="checkbox" data-i18n-title="magical" title="Mágica" />
               </div>
@@ -304,32 +304,32 @@
 
       </div>
 
-      <div class="sheet-flex-column sheet-section">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="flex-column section">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="weapons">Armas</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <fieldset class="repeating_weapons">
-          <div class="sheet-flex-column  sheet-repeatable-item">
-            <div class="sheet-repeatable-row">
-              <input class="sheet-box-margins" name="attr_weaponname" type="text" data-i18n-placeholder="name"
+          <div class="flex-column  repeatable-item">
+            <div class="repeatable-row">
+              <input class="box-margins" name="attr_weaponname" type="text" data-i18n-placeholder="name"
                 placeholder="Nome" />
 
-              <div class="sheet-box-margins sheet-flex-column sheet-center">
-                <span class="sheet-section-subtitle" data-i18n="action">Ação</span>
+              <div class="box-margins flex-column center">
+                <span class="section-subtitle" data-i18n="action">Ação</span>
                 <input name="attr_weaponaction" type="number" />
               </div>
 
-              <div class="sheet-box-margins sheet-flex-column sheet-center">
-                <span class="sheet-section-subtitle" data-i18n="reaction">Reação</span>
+              <div class="box-margins flex-column center">
+                <span class="section-subtitle" data-i18n="reaction">Reação</span>
                 <input name="attr_weaponreaction" type="number" />
               </div>
 
-              <div class="sheet-box-margins sheet-flex-column sheet-center">
-                <span class="sheet-section-subtitle" data-i18n="reach">Alcance</span>
-                <input class="sheet-weapon-reach" name="attr_weaponreach" type="text" />
+              <div class="box-margins flex-column center">
+                <span class="section-subtitle" data-i18n="reach">Alcance</span>
+                <input class="weapon-reach" name="attr_weaponreach" type="text" />
               </div>
 
             </div>
@@ -339,25 +339,25 @@
         </fieldset>
       </div>
 
-      <div class="sheet-flex-column sheet-section sheet-grow">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="flex-column section grow">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="spells">Feitiços</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <fieldset class="repeating_spells">
-          <div class="sheet-flex-column  sheet-repeatable-item">
-            <div class="sheet-repeatable-row">
-              <input class="sheet-box-margins" name="attr_spellname" type="text" data-i18n-placeholder="name"
+          <div class="flex-column  repeatable-item">
+            <div class="repeatable-row">
+              <input class="box-margins" name="attr_spellname" type="text" data-i18n-placeholder="name"
                 placeholder="Nome" />
 
-              <div class="sheet-box-margins sheet-flex-column sheet-center">
-                <span class="sheet-section-subtitle" data-i18n="level">Nível</span>
+              <div class="box-margins flex-column center">
+                <span class="section-subtitle" data-i18n="level">Nível</span>
                 <input name="attr_spelllevel" type="number" value="0" />
               </div>
 
-              <select class="sheet-box-margins" name="attr_spellschool" data-i18n-title="school" title="Escola">
+              <select class="box-margins" name="attr_spellschool" data-i18n-title="school" title="Escola">
                 <option value=""></option>
                 <option value="air" selected="selected" data-i18n="air">Ar</option>
                 <option value="dimensional" data-i18n="dimensional">Dimensional</option>
@@ -378,19 +378,19 @@
 
     </div>
 
-    <div class="sheet-middle-column">
+    <div class="middle-column">
 
-      <div class="sheet-flex-column sheet-section sheet-grow">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="flex-column section grow">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="status">Estados</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <fieldset class="repeating_status">
-          <div class="sheet-flex-column  sheet-repeatable-item">
-            <div class="sheet-repeatable-row">
-              <input class="sheet-box-margins" name="attr_statusname" type="text" data-i18n-placeholder="name"
+          <div class="flex-column  repeatable-item">
+            <div class="repeatable-row">
+              <input class="box-margins" name="attr_statusname" type="text" data-i18n-placeholder="name"
                 placeholder="Nome" />
             </div>
             <textarea name="attr_statusdescription" data-i18n-placeholder="description"
@@ -399,17 +399,17 @@
         </fieldset>
       </div>
 
-      <div class="sheet-flex-column sheet-section sheet-grow">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="flex-column section grow">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="equipment">Equipamento</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
 
         <fieldset class="repeating_equipment">
-          <div class="sheet-flex-column  sheet-repeatable-item">
-            <div class="sheet-repeatable-row">
-              <input class="sheet-box-margins" name="attr_equipmentname" type="text" data-i18n-placeholder="name"
+          <div class="flex-column  repeatable-item">
+            <div class="repeatable-row">
+              <input class="box-margins" name="attr_equipmentname" type="text" data-i18n-placeholder="name"
                 placeholder="Nome" />
             </div>
             <textarea name="attr_equipmentdescription" data-i18n-placeholder="description"
@@ -419,11 +419,11 @@
         </fieldset>
       </div>
 
-      <div class="sheet-section sheet-flex-column sheet-grow">
-        <div class="sheet-section-title ">
-          <div class="sheet-dot"></div>
+      <div class="section flex-column grow">
+        <div class="section-title">
+          <div class="dot"></div>
           <span data-i18n="notes">Anotações</span>
-          <div class="sheet-dot"></div>
+          <div class="dot"></div>
         </div>
         <textarea name="attr_notes" title="{@notes}"></textarea>
       </div>