/*
  You can add custom CSS rules or import files here.
*/

/* Import the Radzen CSS files */
@import './styles-generated.css';

/*  ISSUE USING VARIABLES!!!
:root {
	  --headercolor: #000000;
	  --headerbackcolor: #ffffff;
	  --bodycolor: #000000;
	  --bodybackcolor: #ffffff;
	  --panelcolor: #ffffff;
	  --panelbackcolor: #014b2c;
	  --panelchoicecolor: #ffffff;
	  --panelchoicebackcolor: #007bff;
      --footercolor: #000000;
	  --footerbackcolor: #ffffff;
}
*/

/* Header Area */

.header {
      background-color: #ffffff;
	  color: #000000;
}

.rz-sidebar-toggle {
      background-color: #ffffff;
	  color: #000000;
}

.rz-sidebar-toggle:hover {
      background-color: #ffffff;
	  color: #000000;
}

ul.rz-profile-menu {
      background-color: #ffffff;
	  color: #000000;
}

ul.rz-profile-menu .rz-navigation-menu {
      background-color: #ffffff;
	  color: #000000;
}

/* Main Body Area */

body {
      background-color: #ffffff;
	  color: #000000;
}

/* Panel Menu Area */

.rz-panel-menu {
      background-color: #014b2c;
	  color: #ffffff;
}

.rz-panel-menu .rz-navigation-item-link {
      background-color: #014b2c;
	  color: #ffffff;
}

.rz-panel-menu .rz-navigation-item-link:hover {
      background-color: #007bff;
	  color: #ffffff;
}

/* Footer Area */

.footer {
      background-color: #ffffff;
	  color: #000000;
}