/* TEMA CLARO  -  https://www.computerhope.com/htmcolor.htm  */
:root {

  --cor: #4F4F4F ;              /* COR GERAL DO TEXTO - ESCURO  */          

  --cor_dark: #343a40 ;         /* COR bootstrap "dark" - ESCURO  */          

  --cor_total: #ffffff;         /* # BRANCO   */

  --cor_background: #f5f5f5;    /* #f5f5f5 BACKGROUND GERAL - CLARO pouco+escuro:   */
  --cor_back2: #F8F9F9;         /* #F8F9F9 BACKGROUND - pouco mais CLARO (bg-light)   */
  --cor_back3: #fafafa;         /* #fefefe BACKGROUND - pouco mais CLARO ()   */
  --cor_back4: #fefefe;         /* #fefefe BACKGROUND - pouco mais CLARO (quase branco)   */

  --cor_back7: #e9e9e9;         /* #e9e9e9 BACKGROUND - pouco mais ESCURO ()   */
  --cor_back8: #d7d7d7;         /* #d7d7d7 BACKGROUND - pouco mais ESCURO ()   */

  --cor_font: #f16436;
  --cor_font2: #FC835C;        /* COR DA FONTE LARANJA 1 TOM MAIS CLARO - IGUAL NOS 2 !!!*/
  --cor_font3: #F99777;        /* COR DA FONTE LARANJA 2 TOM MAIS CLARO - IGUAL NOS 2 !!!*/
  --cor_font4: #ffb299;        /* COR DA FONTE LARANJA 2 TOM MAIS CLARO - IGUAL NOS 2 !!!*/
  --cor_font6: #fff5f1;        /* COR DA FONTE LARANJA MUITO CLARO  !!!*/

  --cor_font7: #d7410f; /*  LARANJA ESCURO  */

  --cor_redescuro: #9b1b28; /*  VERMELHO ESCURO  */

  --cor_blue: #0c5460; /*  AZUL ESCURO (alert-info)  */

  --cor_petroleo: #508994; /*  AZUL PETROLEO   */

  --cor_greenescuro: #138d75; /*  VERDE ESCURO   */

  --cor_marrom: #7e5109; /*  MARROM   */

  --cor_back_font: #fff;      /* Cor de fundo da fonte - branco - IGUAL NOS 2 !!! */
  --sidebar_back: #2e353d;     /* tom escuro #2e353d */
  --sidebar_back_new: #555e69;     /* tom claro */

  --cardserv2_back: #F8F9F9;      /* bg-light */

  --sidebar-perfil_back:  #fafafa;
  --sidebar-perfil_color:  #555;

  --cor_bg-dark:  #343a40;

  --loginform-back:  white;

  --valor_negativo:  rgb(169, 68, 66);  /* vermelho escuro */
  --valor_positivo:  #076902;           /* Verde escuro */


  --cor_muitoclara: #fcfcfc;

  --secondary: #6c757d; /*  secondary  */
  --cinzaclaro: #ced4da; /*  --cinzaclaro: gray-400  */
}

.alert-light{background-color: var(--cor_back3);border-color: var(--cor_back2);}
.alert-light .alert-light{background-color: var(--cor_back4) !important;border-color: var(--cor_back2);}

.card .card{background-color: var(--cor_back3) !important;}
.btn-white{background-color: var(--cor_total);}
.btn-hover{border-color: var(--cor_back7);}


.text-muted {color: #A8AFB3 !important;}