@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=B612+Mono&display=swap');

	:root {
		--background-color: #FFFFFF;
		--primary-text-color: #1E1E1E;
		
		/*Eventuellt ta bort den senare*/
		--header-text-color: #787878;
		
		--gui-background-color: #DDDDDD;
		--gui-text-color: #000000;
		--gui-selected-background-color: #143D65;
		--gui-selected-text-color: #FFFFFF;
		--gui-hover-background-color: #5172A9;
		--gui-hover-text-color: #FFFFFF;
		--gui-secondary-background-color: #EAEAEA;
		--gui-secondary-text-color: #000000;
		--gui-faint-line-color: #C9C9C9;

		--data-list-table-header-hover-background-color: #C7D7E7;
		--data-list-selected-row-odd-background-color: #D2D2D2;
		--data-list-selected-row-even-background-color: #DEDEDE;
		
		--data-list-selected-row-text-color: #000000;

		--table-header-background-color: #FFFFFF;
		--table-header-text-color: #000000;
		--table-header-sorted-background-color: #143d65;
		--table-header-sorted-text-color: #FFFFFF;

		--table-row-hover-background-color: #17528E;
		--table-row-hover-text-color: #FFFFFF;

		--border-color: CCCCCC;

		--font-family: "Albert sans", sans serif;
		--font-size: 14px;
		--calendar-font-size: 12px;
		
		--data-list-font-family: 'tahoma', monospace;
		--data-list-font-size: 14px;

        --secondary-color: #D2D2D2;
		--secondary-text-color: #FFFFFF;
        --secondary-hover: #E2E2E2;

		--button-text-padding: 10px;
		--button-icon-padding: 8px;
		
        --button-action-color: #2E7D32;
        --button-risk-color: #B10C3D;
		--button-view-color: #648365;
		--button-navigation-color: #17528E;
		--button-pagination-color: var(--background-color);
		--button-pagination-text-color: var(--primary-text-color);
		--button-text-color: #FFFFFF;
		--button-selected-text-color: #000000;
		--button-navigation-selected-background-color: #143D65;
		--button-icon-color: #424242;
		--button-gui-text-color: #1E1E1E;
		
		--page-container-width-left-menu : 100%;
		--page-container-width-small : 700px;
		--page-container-width-medium : 1000px;
		--page-container-width-large : 1300px;
		--page-container-width-full : calc(100% - var(--spacing));

		--spacing: 4px;
		--border-radius: 5px;

		--input-field-padding: 4px;
		--input-field-border-width: 1px;
		--input-field-border-style: solid;
		--input-field-border-color: #BBBBBB;
		--input-field-border-radius: 8px;
		--input-field-disabled-background-color: #EEEEEE;

		--data-list-odd-color: #F7F7F7;
		--data-list-even-color: #FFFFFF;

		--modal-header-font-size: 16px;

		--checkbox-checked-background-color: #2E7D32;
		--checkbox-checked-color: #FFFFFF;
		--checkbox-crossed-background-color: #D44448;
		--checkbox-crossed-color: #FFFFFF;

		--status-pending-color: #D7A567;
		--status-completed-color: #6BA960;
		--status-rejected-color: #CB6567;
		--status-canceled-color: #CB6567;
		--status-expired-color: #CB6567;
		--status-populated-color: #577BA1;
	}