/*
	File: global-styles.css
	Description: Core styles to apply across front and back-ends
*/

:root
{
/*  --link-color: rgb(0,96,96);*/
  --link-color: rgb(45,45,215);
  --link-hover: rgb(100,40,225);
  --link-color-dark: rgb(0,96,96);

/* TODO: Review and see if these are used anywhere */
  --list-link-hover-color: white;
  --list-link-hover-bg: rgb(0,120,120);
  --list-link-parent-hover: white;
  --list-link-parent-hover-bg: rgb(80,150,150);

  --dark-border: #134f5c;

  /*--dark-elem-bg-color: rgb(0,80,80);*/
  /*--dark-elem-bg-gradient: linear-gradient(180deg,rgba(15,110,110,1) 0%,rgba(0,80,80,1) 20%,rgba(8,93,93,1) 55%);*/
  --dark-elem-bg: #134f5c;
  --dark-elem-text-color: white;
  --dark-elem-border-color: #eee;
  --dark-elem-hover-bg: rgb(60,140,160);
/*  --dark-elem-hover-bg-gradient: linear-gradient(180deg,rgba(65,230,230,1) 0%,rgba(0,165,165,1) 20%,rgba(15,173,173,1) 55%);*/
  --dark-elem-selected-color: rgb(0,80,80);
  --dark-elem-selected-bg: #99c8cd;
  /*--dark-elem-selected-bg-gradient: linear-gradient(180deg,rgba(120,240,225,1) 0%,rgba(95,195,185,1) 20%,rgba(110,212,200,1) 55%);*/
  --dark-elem-disabled-bg: #777;

  --lightbutton-bg-color: rgb(210,240,240);
  --lightbutton-color: black;
  --lightbutton-hover-color: black;
  --lightbutton-selected-color: rgb(245,245,245);
/*  --lightbutton-bg: linear-gradient(180deg,rgba(235,250,250,1) 0%,rgba(210,240,240,1) 20%,rgba(220,245,245,1) 55%); */
  --lightbutton-bg: linear-gradient(180deg,rgba(181,212,215,1) 0%,rgba(158,196,191,1) 20%,rgba(134,175,175,1) 55%);
  --lightbutton-hover-bg: linear-gradient(180deg,rgba(120,182,185,1) 0%,rgba(108,166,161,1) 13%,rgba(84,145,145,1) 30%);
  --lightbutton-selected-bg: linear-gradient(180deg,rgba(120,240,225,1) 0%,rgba(95,195,185,1) 20%,rgba(110,212,200,1) 55%);

  --heading-light-background: rgb(230,250,250);

  --highlight-color: #ffe49f;

  --list-color: rgb(0,96,96);
  --list-bg-color: white;
  --list-heading-color: rgb(0,96,96);
  --list-heading-bg-color: rgb(0,96,96);
  /*--list-border-color: #116622;*/
  --list-border-color: rgb(0,96,96);
  --list-hover-color: rgb(0,190,190);
/*  --list-hover-bg-color: rgb(240,250,250);*/
  --list-hover-bg-color: rgb(220,245,245);
  --list-selected-color: #8800DD;
/*  --list-selected-bg-color: rgb(210,240,240);*/
  --list-selected-bg-color: rgb(170,230,230);
  --list-disabled-bg-color: white;
  --list-disabled-color: #777;

  --button-bg-color: #AAAAff;
  --button-color: #36A;
  --button-border-color: #36A;

  --box-border: rgb(0,96,96);

  /*--buttongroup-border: 1px solid #073763;*/
  --buttongroup-border: 1px solid rgb(0,96,96);

}