:root {

--menu-icon-url: 		url("../icons_light/menu.png");
--save-icon-url:		url("../icons_light/save.png");
--close-icon-url:		url("../icons_light/close.png");
--edit-icon-url: 		url("../icons_light/edit.png");
--edit-person-icon-url: 	url("../icons_light/edit_person.png");
--add-icon-url: 		url("../icons_light/add.png");
--reject-icon-url: 		url("../icons_light/reject.png");
--person-search-icon-url:	url("../icons_light/person_search.png");
--location-icon-url:		url("../icons_light/location.png");
--ok-icon-url:			url("../icons_light/ok.png");
--hide-icon-url:		url("../icons_light/hide.png");
--show-icon-url:		url("../icons_light/show.png");
--photo-icon-url:		url("../icons_light/add_image.png");
--sort_up-icon-url:		url("../icons_light/sort_up.png");
--sort_down-icon-url:		url("../icons_light/sort_down.png");
--more-icon-url:		url("../icons_light/more.png");
--scorecard-icon-url:		url("../icons_light/scorecard.png");
--search-icon-url:		url("../icons_light/search.png");
--postpone-icon-url:		url("../icons_light/pp.png");
--delete-email-icon-url:	url("../icons_light/delete_mail.png");

--hover-menu-icon-url: 		url("../icons_light/hover_menu.png");
--hover-save-icon-url:		url("../icons_light/hover_save.png");
--hover-close-icon-url:		url("../icons_light/hover_close.png");
--hover-edit-person-icon-url: 	url("../icons_light/hover_edit_person.png");
--hover-edit-icon-url: 		url("../icons_light/hover_edit.png");
--hover-add-icon-url: 		url("../icons_light/hover_add.png");
--hover-reject-icon-url: 	url("../icons_light/hover_reject.png");
--hover-person-search-icon-url:	url("../icons_light/hover_person_search.png");
--hover-location-icon-url:	url("../icons_light/hover_location.png");
--hover-ok-icon-url:		url("../icons_light/hover_ok.png");
--hover-hide-icon-url:		url("../icons_light/hover_hide.png");
--hover-show-icon-url:		url("../icons_light/hover_show.png");
--hover-photo-icon-url:		url("../icons_light/hover_add_image.png");
--hover-sort_up-icon-url:	url("../icons_light/hover_sort_up.png");
--hover-sort_down-icon-url:	url("../icons_light/hover_sort_down.png");
--hover-more-icon-url:		url("../icons_light/hover_more.png");
--hover-scorecard-icon-url:	url("../icons_light/hover_scorecard.png");
--hover-search-icon-url:	url("../icons_light/hover_search.png");
--hover-postpone-icon-url:	url("../icons_light/hover_pp.png");
--hover-delete-email-icon-url:	url("../icons_light/hover_delete_mail.png");

--selected-background-color: #00631e;

--body-background-color: #f5f3f0;
--hover-background-color: #E8E7EA;
--font-color-header: white;
--header-background-color: rgba(89,153,251,255);
--header-background-color2: rgba(89,153,251,255);
--control-background-color: white;

--disabled-background-color: #F9A6A7;
--floodlit-background-color: #E1F8D8; 
--readonly-background-color: #302f30;

--font-color: black;
--font-readonly-color: #4a494a;
--font-hover-color: black;
--font-hyperlink-color: blue;

--input-background: linear-gradient(135deg, var(--font-readonly-color),var(--font-hover-color)); 
--input-background: #fdfdfd;
--input-color: var(--header-background-color);

--legend_color: var(--font-color);
--legend_background-colour: var(--control-background-color);

--dropdown-color: brightness(0) saturate(100%) invert(27%) sepia(33%) saturate(5110%) hue-rotate(197deg) brightness(101%) contrast(103%);

 --btn-background-color:	var(--header-background-color);
 --btn-hover-color: 		var(--hover-background-color);
 --btn-font-color: 		white;
 --btn-font-hover-color:	black;

}

@media (prefers-color-scheme: dark) {
:root {
--menu-icon-url:		url("../icons_dark/menu.png");
--save-icon-url: 		url("../icons_dark/save.png");
--close-icon-url: 		url("../icons_dark/close.png");
--edit-person-icon-url: 	url("../icons_dark/edit_person.png");
--edit-icon-url: 		url("../icons_dark/edit.png");
--add-icon-url:		 	url("../icons_dark/add.png");
--reject-icon-url: 		url("../icons_dark/reject.png");
--person-search-icon-url:	url("../icons_dark/person_search.png");
--location-icon-url:		url("../icons_dark/location.png");
--ok-icon-url:			url("../icons_dark/ok.png");
--hide-icon-url:		url("../icons_dark/hide.png");
--show-icon-url:		url("../icons_dark/show.png");
--photo-icon-url:		url("../icons_dark/add_image.png");
--sort_up-icon-url:		url("../icons_dark/sort_up.png");
--sort_down-icon-url:		url("../icons_dark/sort_down.png");
--more-icon-url:		url("../icons_dark/more.png");
--scorecard-icon-url:		url("../icons_dark/scorecard.png");
--search-icon-url:		url("../icons_dark/search.png");
--postpone-icon-url:		url("../icons_dark/pp.png");
--delete-email-icon-url:		url("../icons_dark/delete_mail.png");

--hover-menu-icon-url: 		url("../icons_dark/hover_menu.png");
--hover-save-icon-url:		url("../icons_dark/hover_save.png");
--hover-close-icon-url:		url("../icons_dark/hover_close.png");
--hover-edit-person-icon-url: 	url("../icons_dark/hover_edit_person.png");
--hover-edit-icon-url: 		url("../icons_dark/hover_edit.png");
--hover-add-icon-url: 		url("../icons_dark/hover_add.png");
--hover-reject-icon-url: 	url("../icons_dark/hover_reject.png");
--hover-person-search-icon-url:	url("../icons_dark/hover_person_search.png");
--hover-location-icon-url:	url("../icons_dark/hover_location.png");
--hover-ok-icon-url:		url("../icons_dark/hover_ok.png");
--hover-hide-icon-url:		url("../icons_dark/hover_hide.png");
--hover-show-icon-url:		url("../icons_dark/hover_show.png");
--hover-photo-icon-url:		url("../icons_dark/hover_add_image.png");
--hover-sort_up-icon-url:	url("../icons_dark/hover_sort_up.png");
--hover-sort_down-icon-url:	url("../icons_dark/hover_sort_down.png");
--hover-more-icon-url:		url("../icons_dark/hover_more.png");
--hover-scorecard-icon-url:	url("../icons_dark/hover_scorecard.png");
--hover-search-icon-url:	url("../icons_dark/hover_search.png");
--hover-postpone-icon-url:	url("../icons_dark/hover_pp.png");
--hover-delete-email-icon-url:	url("../icons_dark/hover_delete_mail.png");

 --selected-background-color:	#00631e; 

 --body-background-color: 	rgb(0, 0, 0);
 --font-color-header: white;
 --header-background-color:	rgba(89,153,251,255); 
 --header-background-color2:	rgba(89,153,251,255); 
 --control-background-color: 	#212124;
 --hover-background-color: 	#646363;

 --disabled-background-color: 	#660008;
 --floodlit-background-color: 	#00631e; 
 --readonly-background-color: 	#302f30; 
 --font-hyperlink-color: blue;
 --font-color: 			white;
 --font-readonly-color: 	#bfbdbf;
 --font-hover-color: 		white;

 --input-background: 		linear-gradient(135deg, rgb(255, 255, 255, 0.1), rgb(255, 255, 255, 0)); 
 --input-background: 		#1c1c1c;
 --input-color: 		#f7e057;

 --legend_color: 		var(--font-color);
 --legend_background-colour:    var(--control-background-color);

 --dropdown-color: 		brightness(0) saturate(100%) invert(100%) sepia(48%) saturate(2811%) hue-rotate(324deg) brightness(109%) contrast(93%);

 --btn-background-color:	var(--header-background-color);
 --btn-hover-color: 		var(--hover-background-color);
 --btn-font-color: 		var(--font-color);
 --btn-font-hover-color:	white;

 }
}