Formatando o accordeon do curso

scss/preset/custom.scss

@@ -117,7 +117,7 @@ section#inicial{
       button {
         width: 100%;
         margin: 4px 0 0 0;
-        background-color: #EA902E;
+        background-color: $color_padrao_laranja;
         font-weight: 400;
         font-size: 14px;
         color: #ffffff;
@@ -366,3 +366,69 @@ section#inicial{
   background-color: #fff;
 }
 
+/* ################################### Accordeon @collapsibletopics ################################# */
+
+#page-course-view-collapsibletopics{
+  .course-content{
+    ul.collapsibletopics{
+      li.section{
+        margin-bottom: 10px;
+        border: 1px solid #e1e1e1;
+        .content{
+          padding: 0;
+        }
+        a.sectiontoggle{
+          display: block;
+          background-color: #e1e1e1;
+          background-position: 2% 50%;
+          background-size: 24px;
+          padding: 6px 4px 10px 45px;
+          margin: 0px;
+          &[aria-expanded="false"]{
+            background-image: url([[pix:theme|collapsed-new]]);
+          }
+          &[aria-expanded="true"]{
+            background-image: url([[pix:theme|expanded-new]]);
+          }
+          .sectionname{
+            color: $color_padrao_azul;
+            font-size: 18px;
+            font-weight: 700;
+          }
+        }
+        .sectiontoggle-bottom{display: none;}
+      }
+      li#section-0{
+        border: 0px;
+      }
+    }
+  }
+}
+
+/*############################################################# Barra de progresso*/
+
+/* My */
+#region-main .block-myoverview .progress{border-radius: 0px;}
+.block .block-cards .progress{height: 0.7rem;}
+#region-main .block-myoverview .progress .progress-bar{background-color: $color_padrao_laranja;}
+
+/* Course page */
+
+.barra_progresso{
+  /*font-family: "Poppins",sans-serif;*/
+  margin-bottom: 30px;
+}
+.barra_progresso > .progresso{background-color: #ebebeb;}
+.barra_progresso > .progresso > .andamento{
+  height: 20px;
+  background-color: #91288d;
+}
+.barra_progresso > .progresso > .andamento > label{
+  color: #fff;
+  float: right;
+  font-weight: 400;
+  font-size: 14px;
+  padding: 0;
+  margin: 0 6px 0 0;
+}
+

scss/preset/theme.scss

@@ -43,6 +43,7 @@ $color_monatana: #373a3c;
 $color_whisper: #e6e6e6;
 $color_light_gray: #f8f9fa;
 $color_padrao_azul: #0A486B;
+$color_padrao_laranja: #E7920C;
 
 //fonts
 $font_0: 'Lato';
@@ -4575,7 +4576,7 @@ button.close, .moodle-dialogue-base button.closebutton {
         .progress {
             border-radius: 5px;
             .progress-bar {
-                background-color: $blaze_orange;
+                background-color: $color_padrao_laranja;
             }
         }
     }

style/custom.css

@@ -31,32 +31,6 @@ a{color: #474749;}
     margin-bottom: 2px;
 }
 
-/*############################################################# Barra de progresso*/
-
-/* My */
-#region-main .block-myoverview .progress{border-radius: 0px;}
-.block .block-cards .progress{height: 0.7rem;}
-#region-main .block-myoverview .progress .progress-bar{background-color: #91288d;}
-
-/* Course page */
-
-.barra_progresso{
-    /*font-family: "Poppins",sans-serif;*/
-    margin-bottom: 30px;
-}
-.barra_progresso > .progresso{background-color: #ebebeb;}
-.barra_progresso > .progresso > .andamento{
-    height: 20px;
-    background-color: #91288d;
-}
-.barra_progresso > .progresso > .andamento > label{
-    color: #fff;
-    float: right;
-    font-weight: 400;
-    font-size: 14px;
-    padding: 0;
-    margin: 0 6px 0 0;
-}
 
 
 /* ------------------------- */