From 849355e180c8c4e7c1434d90b0130e32ed0bb1f5 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Fri, 3 May 2019 11:26:23 -0300
Subject: [PATCH] Cambio de colores de botones.

---
 src/sass/_bootstrap.scss        |   2 +-
 src/sass/_botonera-lateral.scss |   2 +-
 src/sass/_paginador-abm.scss    |   2 +-
 src/sass/general.scss           | 113 ++++++++++++++++++++++++++++++++--------
 4 files changed, 95 insertions(+), 24 deletions(-)

diff --git a/src/sass/_bootstrap.scss b/src/sass/_bootstrap.scss
index 1e8b82c..f30316b 100644
--- a/src/sass/_bootstrap.scss
+++ b/src/sass/_bootstrap.scss
@@ -1,7 +1,7 @@
 button.active{
     text-decoration: none;
     outline: 0;
-    background-color: $primary-color;
+    background-color: $primary;
     &:focus{
         box-shadow: 0 0 0 0.2rem #d8b07d;
     }
diff --git a/src/sass/_botonera-lateral.scss b/src/sass/_botonera-lateral.scss
index 329e8fd..82ff091 100644
--- a/src/sass/_botonera-lateral.scss
+++ b/src/sass/_botonera-lateral.scss
@@ -50,7 +50,7 @@
     .btn-group-toggle{
         pointer-events: all;
         &.active{
-            background-color: $primary-color;
+            background-color: $primary;
             .boton-activar-teclado{
                 color: #FFF;
             }
diff --git a/src/sass/_paginador-abm.scss b/src/sass/_paginador-abm.scss
index 9221b74..7b8282e 100644
--- a/src/sass/_paginador-abm.scss
+++ b/src/sass/_paginador-abm.scss
@@ -3,7 +3,7 @@
     li {
         &.active{
             > a {
-                background: $primary-color !important;
+                background: $primary !important;
                 color: #FFF !important;
             }
         }
diff --git a/src/sass/general.scss b/src/sass/general.scss
index 805964e..c1bc1b3 100644
--- a/src/sass/general.scss
+++ b/src/sass/general.scss
@@ -1,4 +1,4 @@
-$primary-color: #e09125;
+@import 'constants';
 @import 'admin-seguimiento';
 @import 'bootstrap';
 @import 'botonera';
@@ -40,17 +40,25 @@ input::-webkit-inner-spin-button {
 
 .btn-outline-debo{
     background-color: transparent;
-    color: $primary-color;
-    border-color: $primary-color;
+    color: $primary;
+    border-color: $primary;
     &:hover{
         color: #FFF;
         border-color: transparent;
-        background-color: $primary-color;
+        background-color: $primary;
+    }
+    &:focus {
+        box-shadow: none !important;
+    }
+    &:active{
+        color: #FFF;
+        background-color: $primary !important;
+        box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 
 .btn-brown {
-    background-color:#Cd9035;
+    background-color:$primary;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
@@ -66,45 +74,57 @@ input::-webkit-inner-spin-button {
 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
-    background-color: #Cd9035;
-    border-color: #Cd9035;
+    background-color: $primary;
+    border-color: $primary;
 }
 
 .foca-input {
     &:focus {
-        border-color: #Cd9035;
-        box-shadow: 0 0 5px #Cd9035;
+        border-color: $primary;
+        box-shadow: 0 0 5px $primary;
     }
 }
 
-.btn-info {
-    background-color: #Cd9035;
-    border-color: #Cd9035;
+.btn-primary {
+    background-color: $primary !important;
+    border-color: $primary !important;
     &:focus {
-        box-shadow: none;
+        box-shadow: none !important;
     }
     &:hover {
-        background-color: #Cd9035;
+        border-color: $primaryTransparency !important;
+        background-color: $primaryTransparency !important;
+    }
+    &:active{
+        background-color: $primary !important;
+        box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 
-.btn-primary {
-    background-color: #Cd9035;
-    border-color: #Cd9035;
+.btn-default {
+    color: #FFF;
+    background-color: $default !important;
+    border-color: $default !important;
     &:focus {
-        box-shadow: none;
+        box-shadow: none !important;
     }
     &:hover {
-        background-color: #Cd9035;
+        color: #FFF;
+        border-color: $defaultTransparency !important;
+        background-color: $defaultTransparency !important;
+    }
+    &:active{
+        background-color: $default !important;
+        box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
     }
 }
 
 .table-celda-total {
-   background-color: #E09524;
+   background-color: $highlightedArea;
 }
 
 marquee {
-    background-color: #E09524;
+    background-color: $highlightedArea;
 }
 
 .front-index{
@@ -147,3 +167,54 @@ button.clear-input{
         outline: none;
     }
 }
+
+.checkbox {
+    display: inline-block;
+    position: relative;
+}
+  
+/* Hide the browser's default checkbox */
+.checkbox input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+
+/* Create a custom checkbox */
+.checkmark {
+    cursor: pointer;
+    position: absolute;
+    top: -2px;
+    left: -15px;
+    height: 12px;
+    width: 12px;
+    background-color: #ffffff;
+    border: 1px solid #a3a3a3;
+}
+  
+/* When the checkbox is checked, add a blue background */
+  .checkbox input:checked ~ .checkmark {
+    background-color: $primary;
+    border: 1px solid $primary;
+    box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
+}
+  
+/* Create the checkmark/indicator (hidden when not checked) */
+.checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+}
+  
+/* Show the checkmark when checked */
+.checkbox input:checked ~ .checkmark:after {
+    display: block;
+}
+.col-centered {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
-- 
1.9.1