add session closer

css/styles.css

@@ -14427,47 +14427,47 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
 
 /* line 29, fonts.scss */
 .text-right {
-  text-align: right;
+  text-align: right !important;
 }
 
 /* line 32, fonts.scss */
 .text-center {
-  text-align: center;
+  text-align: center !important;
 }
 
 /* line 35, fonts.scss */
 .text-left {
-  text-align: left;
+  text-align: left !important;
 }
 
 /* line 39, fonts.scss */
 .text-white {
-  color: white;
+  color: white !important;
 }
 
 /* line 42, fonts.scss */
 .text-black {
-  color: black;
+  color: black !important;
 }
 
 /* line 45, fonts.scss */
 .text-red {
-  color: #bf0f3d;
+  color: #bf0f3d !important;
 }
 
 /* line 48, fonts.scss */
 .text-grey {
-  color: #ccc;
+  color: #ccc !important;
 }
 
 /* line 51, fonts.scss */
 .text-light-grey {
-  color: #f2f2f2;
+  color: #f2f2f2 !important;
 }
 
 /* line 56, fonts.scss */
 .text-upper {
-  text-transform: uppercase;
+  text-transform: uppercase !important;
 }
 
 /* line 3, global.scss */
@@ -14727,25 +14727,29 @@ header {
   position: fixed;
   z-index: 100;
 }
-/* line 11, header.scss */
+/* line 9, header.scss */
+header.red {
+  background: #bf0f3d;
+}
+/* line 14, header.scss */
 header .container .row {
   height: 50px;
 }
-/* line 14, header.scss */
+/* line 17, header.scss */
 header .container .row .logo {
   height: 25px;
 }
-/* line 18, header.scss */
+/* line 21, header.scss */
 header .container .row .menu {
   text-align: right;
 }
-/* line 20, header.scss */
+/* line 23, header.scss */
 header .container .row .menu ul {
   list-style: none;
   margin: 0;
   right: 10px;
 }
-/* line 24, header.scss */
+/* line 27, header.scss */
 header .container .row .menu ul li {
   display: inline-block;
   color: white;
@@ -14758,15 +14762,15 @@ header .container .row .menu ul li {
   cursor: pointer;
   transition: .4s;
 }
-/* line 37, header.scss */
+/* line 40, header.scss */
 header .container .row .menu ul li a .fa {
   font-size: 0.875rem;
 }
-/* line 42, header.scss */
+/* line 45, header.scss */
 header .container .row .menu ul li.active, header .container .row .menu ul li:hover {
   border-bottom: 4px solid #bf0f3d;
 }
-/* line 46, header.scss */
+/* line 49, header.scss */
 header .container .row .menu ul li.active a:hover, header .container .row .menu ul li:hover a:hover {
   color: white;
 }

header.php

@@ -1,9 +1,15 @@
 
-<header>
+<header class="<?php if(in_array($getQ[0],array('training','monitoring'))){echo "red";}?>">
 
     <div class="container">
         <div class="row">
             <div class="col-2"><img class="logo middle" src="<?= $BASE_URL;?>/images/logo.png"></div>
+            
+            <?php 
+                if(in_array($getQ[0],array('training','monitoring'))){
+                echo "<div class=\"col-10 font-20 text-white text-right\"><span class=\"middle-right pr-3\">".$getQ[0]."</span></div>";
+                }else{
+            ?>
             <div class="col-10 menu">
                 <ul class="middle">
                     <li class="<?php if($getQ[0]=="menu"){echo "active";}?>"><a href="<?= $BASE_URL;?>/menu">Menu</a></li>
@@ -16,6 +22,9 @@
                     <li><a href="#"><i class="fa fa-user"></i></a></li>
                 </ul>
             </div>
+            <?php
+                }
+            ?>
         </div>
     </div>
 

plans.php

@@ -35,7 +35,7 @@
                             </div>
                             
                             <div class="cloud empty hidden" id="luca_2">
-                                <button class="button dotted">Vail al test</button>
+                                <a class="text-black" href="<?= $BASE_URL;?>/training"><i class="fa fa-check px-1"></i>Vail al test</a>
                             </div>
                         </div>
                         <div class="input"></div>

scss/fonts.scss

@@ -27,32 +27,32 @@
  
  
 .text-right{
-    text-align: right;
+    text-align: right !important;
 }
 .text-center{
-    text-align: center;
+    text-align: center !important;
 }
 .text-left{
-    text-align: left;
+    text-align: left !important;
 }
 
 .text-white{
-    color: white;
+    color: white !important;
 } 
 .text-black{
-    color: black;
+    color: black !important;
 } 
 .text-red{
-    color: $red;
+    color: $red !important;
 }
 .text-grey{
-    color: $grey;
+    color: $grey !important;
 }
 .text-light-grey{
-    color: $light-grey;
+    color: $light-grey !important;
 }
 
 
 .text-upper{
-  text-transform: uppercase;
+  text-transform: uppercase !important;
 }

scss/header.scss

@@ -6,6 +6,9 @@ header{
   position: fixed;
   z-index: 100;
 
+  &.red{
+    background: $red;
+  }
 
   .container{
     .row{