:root{
	/*light theme*/
	--color-primary:#3968d3;
	--color-success:#25c78e;
	--color-info:#3eb0eb;
	--color-warning:#F67418;
	--color-error:#e22626;
	--color-error-hover:#d52b2b;

	--color-primary-text:#fff;

	--bg-color-main:#EBEBEF;
	--bg-color-container:#fff;
	--bg-color-header:#67699E;
	--bg-color-menu:#161b26;
	--bg-color-menu-active:#2a2b36;
	--bg-color-submenu:#2a2b36;
	--bg-color-profile:#0d79cb;
	--bg-color-modules:#ebebef;
	--bg-color-spraklabel: #D4D4DD;
	--bg-color-dachboard-search: #D4D4DD;
	--bg-main-secondary:#ebebef;
	--bg-main-secondary-hover:#e0e0e6;
	--bg-color-dimmer:rgba(255, 255, 255, 0.6);

	--color-default:#2a2b36;
	--color-default-hover:#131820;
	--color-secondary:#808080;
	--color-menu:#C3C3C3;
	--color-menu-hover:#F7F7F8;
	--color-link:#0D79CB;
	--color-profile:#F7F7F8;
	--color-search:#797A86;
	--color-breadcrumb:#797A86;
	--color-modal-secondary:#ecedf3;
	--color-profile-hover:#fff;
	--color-progressbar-text:#000;

	--header-color:#3a485f;
	--header-bg-scroll:#fff;
	
	--menu-text: #F7F7F8;
	--menu-text-decoration-hover: underline;
	--menu-color-primary:#FEB530;
	--menu-settins-bg:#000;

	--submenu-border:#001b40;

	--input-background: #FAFAFA;
	--input-border: #b8b8c2;
	--input-placeholder: #BEBEBE;
    --input-label: #344054;
	--input-background-disabled: #fff;
	--input-background-disabled-border:#D4D4DD;
	--input-text-disabled: #726d6d;
	--input-prepend-bg:#FAFAFA;
	--input-border-active: #3968d3;

	--select2-choice-bg:#ebebeb;

	--select-list-box-bg:#ebebef;

	--border-disabled: #D4D4DD;
	--menu-subnav-border: #595B8D;

	--pagination-text: #7E899A;
	--pagination-background-active: #ebebef;
	--pagination-color-active: #0D79CB;

	--button-primary:#3968d3;
	--button-primary-hover:#2250b8;
	--button-primary-text:#fff;
	--button-secondary: #e0e5fa;
	--button-secondary-hover:#ced7f7;
	--button-secondary-color: #3968d3;
	--button-secondary-in-menu: #FAFAFA;
	--button-groups-background: #ebebef;
	--button-groups-background-hover: #F1F1F4;
	--button-groups-background-text:#7E899A;
	--button-groups-background-text-active:#0D79CB;
	--button-groups-border: #F1F1F4;

	--well-color-text:#3a485f;
	--well-color-error:#efcbc6;
	--well-color-warning:#fbbe93;
	--well-color-success:#93fbbe;
	--well-color-inverse:#e8e8ec;
	--well-color-info:#dbeff8;
	--well-color-info-text:#3eb0eb;

	--badge-text: #344054;
	--badge-border: #D4D4DD;
	--badge-color:#344054;

	--table-border-color:#EBEBEF;
	--table-background-hover:#F1F1F4;
	--table-header-tr-background:#efeff1;
	--tableStriped-tr-background:#eeeef1;

	--border-tabs:#EBEBEF;

	--sortable-handle:#ebebef;

	--cm-bg:#fff;
	--cm-section-bg:#f9f9f9;
	--cm-section-shadow:0px 5px 8px 0px rgb(220 220 220);
	--cm-container-bg:#f9f9f9;
	--cm-details-bg:#2a2b36;
	--cm-details-color:#fff;
	--cm-row-tools-bg:#e8e7eb;
	--cm-list-box-bg:#e8e7eb;

	--modal-bg:#f7f7f8;
	--modal-color:#3a485f;
	--modal-color-icon:#0d79cb;
	
	--modal-ace-bg:#fff;
	--modal-ace-header-bg:#f7f7f8;
	--modal-ace-input-bg:#FAFAFA;
	--modal-ace-table-border-color:#ebebee;
	--modal-ace-table-background-hover:#2f2f38;
	--modal-ace-red:#d66768;
	--modal-ace-primary-text:#2a2b36;
	--modal-ace-secondary-text:#2a2b36;
	
	--ama-ace-svg-icon:invert(45%) sepia(10%) saturate(3909%) hue-rotate(185deg) brightness(87%) contrast(103%);

	--search-li:#f6f6f9;
	--search-start-li:#f6f6f9;

	--askas-logo:url(/includes/admin/tema/Askas/design/bilder/askas-logo-lightmode.png) no-repeat 0 0;

	--change-mode:'\f186';
	--change-mode-bg:url(/includes/admin/tema/Askas/design/bilder/sun-bright.svg)  no-repeat 0 0;
}