/* ===================================
          Utility Rates Style
=================================== */
:root {
	--si-blue: #00AEEF;
	--si-pale-blue: #abe4fa;
	--si-very-pale-blue: #dbf2fb;
	--si-dark-blue: #008cc0;
	--si-dark-blue-50: #074962;
	--si-darker-blue: #003245;
	--si-darker-blue-rgb: rgb(0, 50, 69);
	--si-darker-blue-rgba: rgba(0, 50, 69, 1);
	--si-darker-blue-rgba-50: rgba(0, 50, 69, .5);
	--si-indigo: #6610f2;
	--si-purple: #6f42c1;
	--si-pink: #d63384;
	--si-red: #dc3545;
	--si-orange: #fbb040;
	--si-yellow: #ffc107;
	--si-green: #6CC551;
	--si-teal: #20c997;
	--si-cyan: #0dcaf0;
	--si-black: #000;
	--si-white: #fff;
	--si-gray: #9397ad;
	--si-gray-dark: #33354d;
	--si-gray-100: #f3f6ff;
	--si-gray-200: #eff2fc;
	--si-gray-300: #e2e5f1;
	--si-gray-400: #d4d7e5;
	--si-gray-500: #b4b7c9;
	--si-gray-600: #9397ad;
	--si-gray-700: #565973;
	--si-gray-800: #33354d;
	--si-gray-900: #0b0f19;
	--si-primary: #007bff;
	--si-secondary: #eff2fc;
	--si-success: #22c55e;
	--si-info: #00AEEF;
	--si-warning: #ffba08;
	--si-danger: #ef4444;
	--si-light: #fff;
	--si-dark: #0b0f19;
	--si-darker: #00151d;
	--usa-red:#B22234;
	--usa-blue: #0E2E63;
	--si-primary-rgb: 0, 174, 239;
	--si-secondary-rgb: 239, 242, 252;
	--si-success-rgb: 34, 197, 94;
	--si-info-rgb: 76, 130, 247;
	--si-warning-rgb: 255, 186, 8;
	--si-danger-rgb: 239, 68, 68;
	--si-light-rgb: 255, 255, 255;
	--si-dark-rgb: 11, 15, 25;
	--si-white-rgb: 255, 255, 255;
	--si-black-rgb: 0, 0, 0;
	--si-body-color-rgb: 86, 89, 115;
	--si-body-bg-rgb: 255, 255, 255;
  }
:root {
	--si-font-sans-serif: 'Varela Round', sans-serif;
	--si-body-font-family: 'Varela Round', sans-serif;
	/* new */
	--base-font-family:'Segoe UI', sans-serif;
}