/* Custom Colors */
:root {
  /*THEME*/
	--diq-text: #304d6d; /* Yale Blue */
	--diq-text-muted: #545e75; /* Blue Slate */
	--diq-primary: #63adf2; /* Cool Sky */
	--diq-surface: #a7cced; /* Powder Blue */
	--diq-border: #82a0bc; /* Steel Blue */
	--diq-page: #eef6fd; /* Light Powder Blue tint */
	--diq-card: #ffffff;
	--t1: var(--diq-text); /* Chart/text foreground on light surfaces */
	--t2: var(--diq-text-muted); /* Muted text */
	--c1: var(--diq-primary); /* Primary actions and active states */
	--c2: var(--diq-surface); /* Page background */
	--c3: #f7fbff; /* Default light module surface */
	--c4: #e55353; /* Alert red */
	--c5: var(--diq-text); /* Main text */
	--c6: var(--diq-border); /* Borders and hover */
	--c7: var(--diq-page); /* Soft section background */
	--sasbRed: #F75757; /* SASB Red*/
	--sasbGrey: var(--diq-text-muted); /* SASB Grey*/

  /*TABLES*/
	--table-bg-odd: #ffffff;
	--table-bg-even: #f3f9fe;
	--table-hover: #dceefd;
	--table-border: rgba(130, 160, 188, 0.55);
	--table-border1: var(--diq-border);
	--table_border: rgba(130, 160, 188, 0.55);
	--table_border2: var(--diq-border);
	--table-text: var(--diq-text);
	--table-header: #dceefd;

  /*OVERVIEW*/
	--ovSnapshot: #1C9E43;
	--ovReprod: #d4718f;
	--ovWeights: #D8DA6C;
	--ovExits: #304d6d;
	--ovMilk: #3F88C5;
	--ovFat: #F7E704;
	--ovProtein: #F99A1D;
	--ovLactose: #6A4C93;
	--ovMun: #22BBA4;
	--ovScc: #d53f3f;
	--ovAlert: #EC1212;

  /*CHARTS*/
	--r1: #71FF1F; /* Report 1 Color - green*/
	--r2: #47B3FF; /* Report 2 Color - blue */
	--r3: #FF8F1F; /* Report 3 Color - orange */
	--r4: #DC2F02; /* Report 3 Color - orange-red*/
	--r5: #F8AD9D; /* Report 3 Color - pink*/
	--r6: #EBE4E0; /* Report 3 Color - white-grey*/
  --r7: #304d6d;
  /* --r8:  */
  
  /*TEXT WARNINGS*/
	--w1: #1c9e43; /* Text 1 Color - green */
	--w2: #E7C932; /* Text 2 Color - yellow */
	--w3: #F58E18; /* Text 3 Color - orange */
	--w4: #F51818; /* Text 3 Color - red */
	--w5: #ECEBE7; /* Text 3 Color - white-grey*/

  /*Age/stat group colours*/
	--kalf: #d4718f; /* Calf */
	--vers: #f77d58; /* Heifer */
	--koei: #4170e7; /* Cows */

	--hef1: #f0bd32; /* Heifers: 0-6m FFCA3A */
	--hef2: #78e278; /* Heifers: 6-12m 8AC926*/
	--hef3: #6fe7c7; /* Heifers: 12-18m 1982C4*/
	--hef4: #994b7e; /* Heifers: 18-24m 6A4C93*/
	--hef5: #c45f64; /* Heifers: 24m+ FF595E*/

	--par1: #62c3cf; /* Cows: 1st Lact 36BDCB*/ 
	--par2: #73e273; /* Cows: 2nd Lact 36BDCB*/
	--par3: #ebbb4c; /* Cows: 3rd Lact F6912D*/
	--par4: #d66745; /* Cows: 4th Lact*/
	--par5: #c4474d; /* Cows: 5th Lact*/
	--par6: #a53e81; /* Cows: 6th Lact*/
	--par7: #654da0; /* Cows: 7th Lact*/
	--par8: #214e75; /* Cows: 8th Lact*/
	--par9: #434949; /* Cows: 9th Lact*/
	--par10: #6B6B6B; /* Cows: 10th Lact*/
	--par11: #8a7676; /* Cows: 12th Lact*/
	--par12: #949494; /* Cows: 11th Lact*/

	--milk: #36a8cb; /* Cows: milking*/
	--dry: #a4b4b3; /* Cows: dry */
  
  /*REPROD COLOURS*/
	--rep1: #ea8cef; /* young heifers */
	--rep2: #3487d5; /* fresh cows */
	--rep3: #EF6A31; /* unserviced */
	--rep4: #E7C932; /* serviced */
	--rep5: #1C9E43; /* pregnant */
	--rep6: #E34026; /* open */

  /* EXIT CATEGORIES */
	--indLive: #1C9E43; /* Alive */
	--indCull: #F99A1D; /* Culled */
	--indDied: #FC474D; /* Died */
	--indSoc: #6A4C93; /* Society */
	--indSold: #3F88C5; /* Sold */
	--indNFR: #D8DA6C; /* Not for Registration */
	--indUnkn: #999898; /* N/A */
	--indSltr: #974C05; /* Slaughtered */
  
  /* INDICATORS*/
	--ind0: #b6b5b4; /* grey */
	--ind1: #2FA70A; /* green1 */
	--ind2: #81EE39; /* green2 */
	--ind3: #F7E704; /* yellow1 */
	--ind3b: #F9A11D; /* yellow2 */
	--ind4: #F76605; /* orange1 */
	--ind5: #EC1212; /* red1 */
	--ind6: #971010; /* red2 */
	--ind7: #460404; /* red3 */

 /* MILK INDICATORS */
	--indM1: #a4b4b3; /* grey */
	--indM2: #8FC0BE; /* blue1 */
	--indM3: #5E8FB7; /* blue2 */
	--indM4: #1b5181; /* blue3 */
	--early: #1B4DF0; /* early indicator */ 
	--mid: #4E82D9; /* mid indicator */
	--late: #8FB8C9; /* late indicator */
}

.theme-light {
    --table-bg: #ffffff;
    --table-bg-even: #f3f9fe;
    --table-bg-odd: #ffffff;
    --table-hover: #dceefd;
    --table-border: rgba(130, 160, 188, 0.55);
    --table-border1: var(--diq-border);
    --table_border: rgba(130, 160, 188, 0.55);
    --table_border2: var(--diq-border);
    --table-text: var(--diq-text);
    --table-header: #dceefd;
}



body
{
  background: linear-gradient(180deg, var(--diq-page) 0%, #dceefd 100%);
  color: var(--diq-text);
}

/* .gradient-container {
  height: 110%;
  width: 100%;
  background: linear-gradient(to bottom, var(--c7), var(--c6));
  display: flex;
} */
/* Text Colors */
.text-c1 {
  color: var(--diq-text) !important;
}

.text-c2 {
  color: var(--diq-text-muted) !important;
}

.text-c3 {
  color: var(--diq-text) !important;
}

.text-c4 {
  color: var(--c4) !important;
}

.text-c5 {
  color: var(--diq-text) !important;
}

.text-r1 {
  color: var(--r1) !important;
}

.text-r2 {
  color: var(--r2) !important;
}

.text-r3 {
  color: var(--r3) !important;
}

.text-r4 {
  color: var(--r4) !important;
}

.text-r5 {
  color: var(--r5) !important;
}

.text-r6 {
  color: var(--r6) !important;
}

.text-wGreen {
  color: var(--w1) !important;
}

.text-wYellow {
  color: var(--w2) !important;
}

.text-wOrange {
  color: var(--w3) !important;
}

.text-wRed {
  color: var(--w4) !important;
}

.text-wWhite {
  color: var(--diq-text) !important;
}

/* Button Colors */

.nav-link:hover {
  background-color: rgba(99, 173, 242, 0.18);
  color: var(--diq-text) !important;
}

.page-link:hover {
  background-color: #dceefd !important;
  color: var(--diq-text) !important;
}

.btn-c1 {
  background-color: var(--c1);
  color: var(--diq-text);
  border: 1px solid rgba(48, 77, 109, 0.08);
}

.btn-c1:hover {
  background-color: #82c1f5;
  color: var(--diq-text) !important;
}

.btn-c2 {
  background-color: var(--c2);
  color: var(--diq-text);
  border: 1px solid rgba(48, 77, 109, 0.08);
}

.btn-c2:hover {
  background-color: #dceefd;
  color: var(--diq-text) !important;
}

.btn-c3 {
  background-color: var(--c3);
  color: var(--diq-text);
  border: 1px solid rgba(130, 160, 188, 0.45);
}

.btn-c3:hover {
  background-color: #dceefd;
  color: var(--diq-text) !important;
}

.btn-c4 {
  background-color: var(--c4);
  color: #fff;
  border: none;
}

.btn-c4:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

.btn-c5 {
  background-color: var(--diq-card);
  color: var(--diq-text);
  border: 1px solid rgba(130, 160, 188, 0.45);
}

.btn-c5:hover {
  background-color: #dceefd;
  color: var(--diq-text) !important;
}

.btn-c6 {
  background-color: var(--c6);
  color: var(--diq-text);
  border: none;
}

.btn-c6:hover {
  background-color: var(--c1);
  color: var(--diq-text) !important;
}

.btn-r1 {
  background-color: var(--w1);
  color: #fff;
  border: none;
}

.btn-r1:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

.btn-r2 {
  background-color: var(--r2);
  color: #fff;
  border: none;
}

.btn-r2:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

.btn-r3 {
  background-color: var(--r3);
  color: #fff;
  border: none;
}

.btn-r3:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

.btn-r4 {
  background-color: var(--r4);
  color: #fff;
  border: none;
}

.btn-r4:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

.btn-r5 {
  background-color: var(--r5);
  color: #fff;
  border: none;
}

.btn-r5:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

.btn-r6 {
  background-color: var(--r6);
  color: #fff;
  border: none;
}

.btn-r6:hover {
  background-color: var(--c6);
  color: var(--diq-text) !important;
}

/* Text Colors */
.bg-c1 {
  background-color: var(--c1) !important;
}

.bg-c2 {
  background-color: var(--c2) !important;
}

.bg-c3 {
  background-color: var(--c3) !important;
}

.bg-c4 {
  background-color: var(--c4) !important;
}

.bg-c5 {
  background-color: var(--diq-card) !important;
}

.bg-r1 {
  background-color: var(--r1) !important;
}

.bg-r2 {
  background-color: var(--r2) !important;
}

.bg-r3 {
  background-color: var(--r3) !important;
}

.bg-r4 {
  background-color: var(--r4) !important;
}

.bg-r5 {
  background-color: var(--r5) !important;
}

.bg-r6 {
  background-color: var(--r6) !important;
}

.bg-kalf {
  background-color: var(--kalf) !important;
}

.bg-vers {
  background-color: var(--vers) !important;
}

.bg-hef1 {
  background-color: var(--hef1) !important;
}

.bg-hef2 {
  background-color: var(--hef2) !important;
}

.bg-hef3 {
  background-color: var(--hef3) !important;
}

.bg-hef4 {
  background-color: var(--hef4) !important;
}

.bg-hef5 {
  background-color: var(--hef5) !important;
}

.bg-par1 {
  background-color: var(--par1) !important;
}

.bg-par2 {
  background-color: var(--par2) !important;
}

.bg-par3 {
  background-color: var(--par3) !important;
}

.bg-milk {
  background-color: var(--milk) !important;
}

.bg-koei {
  background-color: var(--koei) !important;
}

.bg-dry {
  background-color: var(--dry) !important;
}

.bg-rep1 {
  background-color: var(--rep1) !important;
}

.bg-rep2 {
  background-color: var(--rep2) !important;
}

.bg-rep3 {
  background-color: var(--rep3) !important;
}

.bg-rep4 {
  background-color: var(--rep4) !important;
}

.bg-rep5 {
  background-color: var(--rep5) !important;
}

.bg-rep6 {
  background-color: var(--rep6) !important;
}

.bg-w1 {
  background-color: var(--w1) !important;
}

.bg-w2 {
  background-color: var(--w2) !important;
}

.bg-w3 {
  background-color: var(--w3) !important;
}

.bg-w4 {
  background-color: var(--w4) !important;
}

.bg-w5 {
  background-color: var(--w5) !important;
}

.b-c1 {
  border-color: var(--c1) !important;
}

.b-c2 {
  border-color: var(--c2) !important;
}

.b-c3 {
  border-color: rgba(130, 160, 188, 0.5) !important;
}

.b-c4 {
  border-color: var(--c4) !important;
}

.b-c5 {
  border-color: rgba(130, 160, 188, 0.35) !important;
}