/**
* Provide style for 'li' elements to allow them to spreed horizontal on whole 'ul' width keeping the same size for each element.
* Can be use for horizontal menu.
*
* margin-left - define left margin for list items. Must be passed in pixels. Default value is 0px;
* margin-right - define left margin for list items. Must be passed in pixels. Default value is 0px;
* max-items - define maximum items in list that will be styled correctly. Must be passed in pixels. Default value is 20;
*/
/**
* Provide style for 'li' elements to allow them to spreed horizontal on whole 'ul' width keeping the same size for each element.
* Can be use for horizontal menu.
*
* margin-left - define left margin for list items. Must be passed in pixels. Default value is 0px;
* margin-right - define left margin for list items. Must be passed in pixels. Default value is 0px;
* max-items - define maximum items in list that will be styled correctly. Must be passed in pixels. Default value is 20;
*/
/* IMPORTANT: The file _outline-fonts.scss is a GENERATED FILE --> check the template files in /tasks for changes to
 the styles */
/*************************************************************************************/
/*** See the following confluence page for all available icons. Add further icons  ***/
/*** if they are not in this file yet.                                             ***/
/*** https://confluence.cgm.ag/pages/viewpage.action?title=CGM+Flat+Action+Symbols ***/
/*************************************************************************************/
.cgm-bg-default {
  background-color: #ffffff; }

.cgm-bg-hover {
  background-color: #d6e9f4; }

.cgm-bg-highlight {
  background-color: #99c7e4; }

.cgm-bg-disabled {
  background-color: #eaeaea; }

.cgm-bg-viewmode {
  background-color: #eaeaea; }

.cgm-bg-workspace {
  background-color: #f4f4f4; }

.cgm-bg-error {
  background-color: #e3000f; }

.cgm-bg-warning {
  background-color: #fbba00; }

.cgm-bg-success {
  background-color: #94c11c; }

.cgm-text-label {
  color: #6f6f6f; }

.cgm-text-normal {
  color: #282828; }

.cgm-text-viewmode {
  color: #282828; }

.cgm-text-disabled {
  color: #b2b2b2; }

.cgm-text-watermark {
  color: #b2b2b2; }

.cgm-text-error {
  color: #ffffff; }

.cgm-text-warning {
  color: #282828; }

.cgm-text-success {
  color: #282828; }

.cgm-font-regular {
  font-family: robotoregular; }

.cgm-font-italic {
  font-family: robotoitalic; }

.cgm-font-bold {
  font-family: robotobold; }

.cgm-font-bold-italic {
  font-family: robotobold_italic; }

.cgm-font-medium {
  font-family: robotomedium; }

.cgm-font-medium-italic {
  font-family: robotomedium_italic; }

.cgm-font-thin {
  font-family: robotothin; }

.cgm-font-thin-italic {
  font-family: robotothin_italic; }

.cgm-font-light {
  font-family: robotolight; }

.cgm-font-light-italic {
  font-family: robotolight_italic; }

.cgm-font-black {
  font-family: robotoblack; }

.cgm-font-black-italic {
  font-family: robotoblack_italic; }