@charset "UTF-8";
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: hsl(261, 51%, 51%);
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #FCEE21;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    
    --gray: #808080;
    --gray-medium: #6b6b6b;
    --gray-dark: #4D4D4D;
    --gray-silver: #b3b3b3;
    --gray-light: #e6e6e6;

    --label-font: "archer_medium";
    --body-font: 'Raleway', sans-serif;

    --gradient1: #F40D74;
    --gradient2: #D5169C;
    --gradient3: #853689;
    --gradient4: #F4576D;
    --gradient5: #F280CE;
    --gradient6: #D51640;
    --gradient7: rgba(62, 13, 116, 0.8);
    --gradient8: rgba(158, 0, 93, 0.8);

    --primary: #D4145A;
    --text-over-primary: #fff;
    
    --icon-foreground: var(--primary);
    --icon-background: var(--gray-silver);
    
    --progress-icon-color-filled: var(--gray-light);
    --progress-icon-color-open: var(--gray-light);

    --primary-inv: #fff;
    --text-over-primary-inv: #F40D74;

    --secondary: #6c757d;

    --success: #28a745;

    --info: #17a2b8;

    --warning: #ffc107;

    --danger: #dc3545;

    --light: #f8f9fa;

    --dark: #343a40;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/* Overrides for label viv-energytogo */
:root {
  
  
  --gradient1: #F40D74;
  --gradient2: #D5169C;
  --gradient3: #853689;
  --gradient4: #F4576D;
  --gradient5: #F280CE;
  --gradient6: #D51640;
  --gradient7: rgba(62, 13, 116, 0.8);
  --gradient8: rgba(158, 0, 93, 0.8);

  --primary: #D4145A;

}
.logo {
  background-image: url("/static/viv-energytogo/img/viv-energytogo-header-logo.png");
}