@import '/static/themes/Classic_2/env.css';

:root {
	/* Action Buttons */
	--colour-action-buttons-primary: #8888FF;
	--colour-action-buttons-primary-border: #8888FF;
	--colour-action-buttons-primary-hover: white;
	--colour-action-buttons-primary-background-hover: #8888FF;
	--colour-action-buttons-secondary: #888888;
	--colour-action-buttons-secondary-border: #888888;
	--colour-action-buttons-secondary-hover: white;
	--colour-action-buttons-secondary-background-hover: #888888;
	--colour-action-buttons-play: #00AA00;
	--colour-action-buttons-play-border: #00AA00;
	--colour-action-buttons-play-hover: white;
	--colour-action-buttons-play-background-hover: #00AA00;
	--colour-action-buttons-danger: #FF0000;
	--colour-action-buttons-danger-border: #FF0000;
	--colour-action-buttons-danger-hover: white;
	--colour-action-buttons-danger-background-hover: #FF0000;
	--colour-action-buttons-disabled: #BBBBBB;
	--colour-action-buttons-disabled-border: #BBBBBB;
	--colour-action-buttons-switch-on: #00AA00;
	--colour-action-buttons-switch-on-background: #DDDDDD;
	--colour-action-buttons-switch-on-border: #00AA00;
	--colour-action-buttons-switch-on-hover: white;
	--colour-action-buttons-switch-on-background-hover: #FF0000;
	--colour-action-buttons-switch-on-border-hover: #FF0000;
	--colour-action-buttons-switch-off: #FF0000;
	--colour-action-buttons-switch-off-background: #DDDDDD;
	--colour-action-buttons-switch-off-border: #FF0000;
	--colour-action-buttons-switch-off-hover: white;
	--colour-action-buttons-switch-off-background-hover: #00AA00;
	--colour-action-buttons-switch-off-border-hover: #00AA00;
	--colour-action-buttons-narrow-background: #FFFFFF;
	--colour-action-buttons-extendable-background: #EEEEEE;
	--colour-action-buttons-extendable-border-hover: #EEEEEE;
	/* Alerts */
	--colour-alert: #444444;
	--colour-alert-border: #AAAAAA;
	--colour-alert-success-background: #AACCAA;
	--colour-alert-info-background: #CCCCFF;
	--colour-alert-warning-background: #FFDD88;
	--colour-alert-error-background: #FFAAAA;
	--colour-alert-button-close: #888888;
	/* Banner */
	--colour-banner-button-open-close: #888888;
	--colour-banner-button-open-close-hover: #000000;
	/* Buttons */
	--colour-buttons-container-style-mode-background: #444444;
	--colour-buttons-container-style-mode-background-hover: #666666;
	--colour-buttons-supervisor: white;
	--colour-buttons-supervisor-background: blue;
	--colour-buttons-supervisor-border: darkblue;
	--colour-buttons-supervisor-hover: blue;
	--colour-buttons-supervisor-background-hover: lightblue;
	--colour-buttons-supervisor-border-hover: blue;
	--colour-buttons-add-item: #FFFFFFC0;
	--colour-buttons-add-item-background: #0044AAA0;
	--colour-buttons-add-item-border: #0044AAA0;
	--colour-buttons-add-item-hover: #FFFFFFFF;
	--colour-buttons-add-item-background-hover: #0044AAC0;
	--colour-buttons-add-item-border-hover: #0044AAC0;
	/* Collapse */
	--colour-collapse-button-background: #AAAAAA;
	--colour-collapse-button-background-hover: #888888;
	--colour-collapse-border-border: #EEEEEE;
	/* Details */
	--colour-details-fieldset: #444444;
	--colour-details-fieldset-background: #DDDDDD;
	--colour-details-legend: #FFFFFF;
	--colour-details-legend-background: #444444;
	--colour-details-table-tr: black;
	--colour-details-table-tr-background: #CCCCCC;
	--colour-details-table-tr-background-hover: #AACCFF;
	/* eUICC Info */
	--colour-euiccinfo: black;
	--colour-euiccinfo-background: #CCCCCC;
	--colour-euiccinfo-background-hover: #AACCFF;
	--colour-euiccinfo-ipa: black;
	--colour-euiccinfo-ipa-background: #CCCCCC;
	--colour-euiccinfo-ipa-background-hover: #AACCFF;
	--colour-euiccinfo-table-background: #EEEEEE;
	--colour-euiccinfo-data-present: #00AA00;
	--colour-euiccinfo-data-present-background: #EEEEEE;
	--colour-euiccinfo-data-present-border: #00AA00;
	--colour-euiccinfo-data-missing: #DD0000;
	--colour-euiccinfo-data-missing-background: #EEEEEE;
	--colour-euiccinfo-data-missing-border: #DD0000;
	/* Forms */
	--colour-forms-control-background: #FFFFFF;
	/* Help Page */
	--colour-help-page: #444444;
	--colour-help-page-background: #EEEEEE;
	--colour-help-page-border: #CCCCCC;
	--colour-help-page-title: #0000AA;
	--colour-help-page-title1: #0000CC;
	--colour-help-page-title2: #0000DD;
	--colour-help-page-keyword: tomato;
	--colour-help-page-anchor: blue;
	--colour-help-page-anchor-hover: red;
	/* Lists */
	--colour-lists-head: #FFFFFF;
	--colour-lists-head-background: #444444;
	--colour-lists-body: black;
	--colour-lists-body-background: #E4E4E4;
	--colour-lists-body-hover: black;
	--colour-lists-body-background-hover: #AACCFF;
	/* Login */
	--colour-form-border: #CCCCCC;
	--colour-form-border-hover: #444444;
	/* Page */
	--colour-holder: black;
	--colour-holder-background: aliceblue;
	--colour-container-blank-background: #EEEEEE;
	--colour-container-blank-border: #CCCCCC;
	--colour-container-image-border: #CCCCCC;
	--colour-container-image-brightness: 100%;
	--colour-container-box: #444444;
	--colour-container-box-background: #EEEEEE;
	--colour-container-title: #EEEEEE;
	--colour-container-title-background: #888888;
	--colour-container-info: #444444;
	--colour-container-info-background: #CCCCCC;
	/* Pagination */
	--colour-pagination-a: #6666FF;
	--colour-pagination-a-background: white;
	--colour-pagination-a-border: #DDDDDD;
	--colour-pagination-a-active: #6666FF;
	--colour-pagination-a-hover: #6666FF;
	--colour-pagination-a-background-hover: #EEEEEE;
	--colour-pagination-input: #6666FF;
	--colour-pagination-input-background: white;
	--colour-pagination-input-border: #DDDDDD;
	--colour-pagination-input-active: #6666FF;
	--colour-pagination-input-hover: #4444FF;
	--colour-pagination-input-background-hover: #EEEEEE;
	--colour-pagination-input-threedots: #6666FF;
	/* Popup */
	--colour-popup: white;
	--colour-popup-background: #2244AAC0;
	--colour-popup-border: #2244AAC0;
	/* Sharing */
	--colour-sharing-content-background: #CCFFEE;
	--colour-sharing-content-border: #00AA99;
	--colour-sharing-title-background: #00AA99;
}