body {
   
    /* VARIABLES DE COLOR */
    
    /* PALETE DE COLORES */
    --spStylePaleteColor1: #F2F2F2;
    --spStylePaleteColor2: #C5BEB6;
    --spStylePaleteColor3: #00213A;
    --spStylePaleteColor4: #CAD2DB;
    --spStylePaleteColor5: #82BC00;
    --spStylePaleteColor6: #DE5D39;
    --spStylePaleteColor7: #0A72B3;
    --spStylePaleteColor8: #DDDB00;

    /* COLORES DE UIElements */
    --spStyleUIElementsDefault: #e6e6e6;
    --spStyleUIElementsPrimary: #1ab394;
    --spStyleUIElementsSuccess: #1c84c6;
    --spStyleUIElementsInfo: #23c6c8;
    --spStyleUIElementsWarning: #f8ac59;
    --spStyleUIElementsDanger: #ed5565;
    --spStyleUIElementsLink: #FFF;
    
    --spStyleUIElementsDefaultActive: #ffffff;
    --spStyleUIElementsPrimaryActive: #18a689;
    --spStyleUIElementsSuccessActive: #1a7bb9;
    --spStyleUIElementsInfoActive: #21b9bb;
    --spStyleUIElementsWarningActive: #f7a54a;
    --spStyleUIElementsDangerActive: #ec4758;
    --spStyleUIElementsLinkActive: #d2d2d2;
    
    
    /* COLORES DE Notificaciones */
    --StyleNotificationSuccess: #dff0d8;
    --StyleNotificationInfo: #d9edf7;
    --StyleNotificationWarning: #fcf8e3;
    --StyleNotificationDanger: #f2dede;
    --StyleNotificationServer: #B3D2E7;
    
}



/* Sobreescribe valores de la plantilla de inspinia style */

/* BOTONES: */

.btn-primary.btn-outline {
  background: #fff;    
  color: var(--spStyleUIElementsPrimary);
}
.btn-success.btn-outline {
     background: #fff;    
  color: var(--spStyleUIElementsSuccess);
}
.btn-info.btn-outline {
     background: #fff;    
  color: var(--spStyleUIElementsInfo);
}
.btn-warning.btn-outline {
     background: #fff;    
  color: var(--spStyleUIElementsWarning);
}
.btn-danger.btn-outline {
     background: #fff;    
  color: var(--spStyleUIElementsWarning);
}

.btn-primary {
  background-color: var(--spStyleUIElementsPrimary);
  border-color: var(--spStyleUIElementsPrimary);
}

/*
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
  background-color: var(--spStyleUIElementsPrimaryActive);
  border-color:  var(--spStyleUIElementsPrimaryActive);
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--spStyleUIElementsPrimaryActive);
  border-color: var(--spStyleUIElementsPrimaryActive);
}
*/

.btn-success {
  background-color: var(--spStyleUIElementsSuccess);
  border-color: var(--spStyleUIElementsSuccess);

}

/*
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success.active:focus {
  background-color: var(--spStyleUIElementsSuccesActive);
  border-color: var(--spStyleUIElementsSuccesActive);
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: var(--spStyleUIElementsSuccesActive);
  border-color: var(--spStyleUIElementsSuccesActive);
}
*/



.btn-info {
  background-color: var(--spStyleUIElementsInfo);
  border-color: var(--spStyleUIElementsInfo);
}
/*
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info.active:focus {
  background-color: var(--spStyleUIElementsInfoActive);
  border-color: var(--spStyleUIElementsInfoActive);
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: var(--spStyleUIElementsInfoActive);
  border-color: var(--spStyleUIElementsInfoActive);
}
*/



.btn-default {
  background: var(--spStyleUIElementsDefault);
  border: 1px solid var(--spStyleUIElementsDefault);
}
/*
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.active:focus {
  border: 1px solid var(--spStyleUIElementsDefaultActive);
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  color: var(--spStyleUIElementsDefaultActive);
}
*/


.btn-warning {
  background-color: var(--spStyleUIElementsWarning);
  border-color: var(--spStyleUIElementsWarning);
}
/*
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.active:focus {
  background-color: var(--spStyleUIElementsWarningActive);
  border-color: var(--spStyleUIElementsWarningActive);
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: var(--spStyleUIElementsWarningActive);
  border-color: var(--spStyleUIElementsWarningActive);
}
*/

.btn-danger {
  background-color: var(--spStyleUIElementsDanger);
  border-color: var(--spStyleUIElementsDanger);
}
/*
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.btn-danger:active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger.active:focus {
  background-color: var(--spStyleUIElementsDangerActive);
  border-color: var(--spStyleUIElementsDangerActive);
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: var(--spStyleUIElementsDangerActive);
  border-color: var(--spStyleUIElementsDangerActive);
}
*/


button.btn-primary.dim {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsPrimary), 0 5px 0 0 var(--spStyleUIElementsPrimary), 0 10px 5px #999999;
}
button.btn-primary.dim:active {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsPrimaryActive), 0 2px 0 0 var(--spStyleUIElementsPrimaryActive), 0 5px 3px #999999;
}
button.btn-default.dim {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsDefault), 0 5px 0 0 var(--spStyleUIElementsDefault), 0 10px 5px #999999;
}
button.btn-default.dim:active {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsDefaultActive), 0 2px 0 0 var(--spStyleUIElementsDefaultActive), 0 5px 3px #999999;
}
button.btn-warning.dim {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsWarning), 0 5px 0 0 var(--spStyleUIElementsWarning), 0 10px 5px #999999;
}
button.btn-warning.dim:active {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsWarningActive), 0 2px 0 0 var(--spStyleUIElementsWarningActive), 0 5px 3px #999999;
}
button.btn-info.dim {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsInfo), 0 5px 0 0 var(--spStyleUIElementsInfo), 0 10px 5px #999999;
}
button.btn-info.dim:active {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsInfoActive), 0 2px 0 0 var(--spStyleUIElementsInfoActive), 0 5px 3px #999999;
}
button.btn-success.dim {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsSuccess), 0 5px 0 0 var(--spStyleUIElementsSuccess), 0 10px 5px #999999;
}
button.btn-success.dim:active {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsSuccessActive), 0 2px 0 0 var(--spStyleUIElementsSuccessActive), 0 5px 3px #999999;
}
button.btn-danger.dim {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsDanger), 0 5px 0 0 var(--spStyleUIElementsDanger), 0 10px 5px #999999;
}
button.btn-danger.dim:active {
  box-shadow: inset 0 0 0 var(--spStyleUIElementsDangerActive), 0 2px 0 0 var(--spStyleUIElementsDangerActive), 0 5px 3px #999999;
}