:root {
  /* theme variables */
  --background-color-100: #ffffff;
  --background-color-200: #ffffff;
  --background-color-300: #f5f5f5;

  --background-color-250: #dfdfdf;
  --even: #e6e6e6;
  --odd: #f5f5f5;

  --font-color: #264065;
  --font-color: #193540;
  --text-color: #7592a6;

  --input-border-100: #f5f5f5; /*6*/
  --input-border-200: #e6e6e6; /*2*/
  --input-border-300: #e0e0e0; /*0*/
  --input-border-400: #d6d6d6; /*0*/

  --mute-color-100: #aeb3b6; /*2*/
  --mute-color-200: #9fa4a8; /*4*/
  --mute-color-300: #898f94; /*2*/
  --mute-color-400: #747b81; /*0*/
  /* end */

  --green-color-100: #e6fde6;
  --green-color-100:#e6fdf0;
  --green-color-200: #b2fdb4;
  --green-color-300: #52df8d;
  --green-color-400: #60ba62;
  --green-color-500: #16a62a;
  --green-color-600: #1f985f;
  --green-color-700: #197931;
  --green-color-800: #086447;

  --theme-color: #4fa951;
  --theme-color: #60ba62;
  --primary-color: #60ba62;
  --text-primary: #2c752d;
  --primary-transparent: rgba(96, 186, 98, 0.2);

  --light-grey: #e6e6e6;
  --light-grey-a: #f6f6f6;
  --light-grey-b: #a4a8ad;
  --light-grey-p: #dee0e2;

  --success-color: #60ba62;
  --danger-color: #f96363;
  --warning-color: #ffae55;
  --info-color: #2caac1;
  --blue-color: #07b6eb;
  --darkblue-color: rgb(5, 62, 168);
  --secondary-color: #bbbaba;
  --secondary-color: #ddf6fa;
  --white-color: #fff;

  --overlay: rgba(0, 0, 0, 0.1);
  --green: #1f985f;
  --side-color: #fff;
  --shadow-sm-100: 0 0 4px 1px rgba(0, 0, 0, 0.06);
  --shadow-md-100: 0 0 8px 1px rgba(0, 0, 0, 0.06);
  --shadow-lg-100: 0 0 12px 2px rgba(0, 0, 0, 0.06);

  --shadow-sm-200: 0 0 4px 1px rgba(0, 0, 0, 0.12);
  --shadow-md-200: 0 0 8px 1px rgba(0, 0, 0, 0.12);
  --shadow-lg-200: 0 0 12px 2px rgba(0, 0, 0, 0.12);

  --shadow-sm-300: 0 0 4px 1px rgba(0, 0, 0, 0.16);
  --shadow-md-300: 0 0 8px 1px rgba(0, 0, 0, 0.16);
  --shadow-lg-300: 0 0 12px 2px rgba(0, 0, 0, 0.16);

  --theme-hover: #429c44;
  --gradiente: linear-gradient(
    to bottom,
    var(--success-color) 20%,
    var(--theme-color) 50%,
    var(--green) 70%
  );
  /* --gradiente: linear-gradient(to bottom, var(--theme-color) 20%,var(--success-color) 50%, var(--green) 70%);
    --gradiente: linear-gradient(to bottom, var(--success-color) 20%,var(--theme-color) 50%);*/
}