/**
 * colors of default ims theme - 1st stylesheet loaded
 * (c) Webspirit Systems GmbH, 2021
 */

:root {
	/* system colors */
	--primary-1: #0f639bff;   /* 100%   --wss-blue-2 */
	--primary-2: #0f639bCC;   /* 80% */
	--primary-3: #0f639b99;   /* 60% */
	--primary-4: #0f639b66;   /* 40% */
	--primary-5: #0f639b33;   /* 20% */
	--primary-6: #0f639b18;   /* 10% */
	--primary-7: #0f639b09;   /*  5%     --wss-blue-8 */

	--secondary-1: #EF8C20ff; /* 100% --wss-lightblue-3 */
	--secondary-2: #EF8C20CC; /*  80% */
	--secondary-3: #EF8C2099; /*  60% */
	--secondary-4: #EF8C2077; /*  48%? */
	--secondary-5: #EF8C2033; /*  20% */
	--secondary-6: #EF8C2018; /*  10% */
	--secondary-7: #EF8C2009; /*   5%  --wss-lightblue-9 */

/*	--secondary-1: #98e3e3ff; /* 100% --wss-lightblue-3 */
/*	--secondary-2: #98e3e3CC; /*  80% */
/*	--secondary-3: #98e3e399; /*  60% */
/*	--secondary-4: #98e3e377; /*  48%? */
/*	--secondary-5: #98e3e333; /*  20% */
/*	--secondary-6: #98e3e318; /*  10% */
/*	--secondary-7: #98e3e309;   5%  --wss-lightblue-9 */

	--background-1: #f5eec2;
	--background-2: #f5eec266;
	--background-3: #f5eec244;
	--background-4: var(--wss-lightblue-9); /*#f5eec222; wss-white */
	--gaey-1: #404040FF;      /* 100% --wss-gray-0 */
	--gray-2: #404040CC;      /*  80% */
	--gray-3: #40404099;      /*  60% */
	--gray-4: #40404066;      /*  40% */
	--gray-5: #40404033;      /*  20% */
	--gray-6: #40404022;      /*  10% --wss-gray-5 */
	--lightgray-1: #F2F2F2FF; /* 100% wss-lightgray-1 */
	--lightgray-2: #F2F2F2CC; /*  80% */
	--lightgray-3: #F2F2F299; /*  60% */
	--lightgray-4: #F2F2F266; /*  40% */
	--lightgray-5: #F2F2F233; /*  20% */
	--lightgray-6: #F2F2F218; /*  10% wss-lightgray-6 */

	/* CAPNETZ specific color? FIXME: still required*/

	--color-blue1: #6EC1E4;
	--color-blue2: #2087AF;
	--color-gray1: #7A7A7A;
	--color-gray2: #3A4138E6;
	--color-gray3: #54595F;
	--color-green: #61CE70;
	--primary-font-family: "Lato";
	--primary-font-weight: 600;
	--secondary-font-family: "Lato";
	--secondary-font-weight: 400;
	--accent-font-family: "Lato";
	--accent-font-weight: normal;

	/* theme colors */
	--body:         var(--wss-black);
	--body-bg:      var(--background-4);
	--title:	var(--wss-blue-6);
	--edit:		#aaa;
	--info-b:	var(--secondary-2);
	--info-bg:	var(--secondary-5);
	--warn-b:	#f2f200;
	--warn-bg:	#ffffe5;
	--error-b:	#ff4444;
	--error-bg:	#ffe8e8;
	--shadow:	var(--lightgray-3);
	--esection-bg:	gainsboro;
	--hmenu:	var(--primary-1);
	--hmenu-b:	var(--primary-1);
	--hmenu-bg:	#cfd4ed;
	--link1:	var(--primary-2); /*--primary-2);*/
	--link1-hov:	var(--secondary-1);
	--link1-sel:	var(--wss-gray-3);
	--link2:	var(--gray-3); 		/* --wss-gray-4 */
	--link2-hov:	var(--secondary-1); 	/* --primary-1 */
	--link2-sel:	var(--gray-2); 		/* --wss-gray-5 */
	--mmenu:	#555555;
	--mmenu-b:	var(--primary-1);
	--mmenu-bg:	#f2f2f2; 		/* transparent */
	--mmenu-bg2:	#f5f5f5;
	--mmenu-bg3:	#f9f9f9;
	--mmenu-bg4:	#fcfcfc;
	--mmenu-hov:	var(--primary-3);

	/* message list */
	--msg-cnt:	var(--background-1);
	--msg-cnt-bg:	var(--wss-red);

	/* messages */
	--msg-sel-bg: 	var(--wss-yellow-6);   	/* message selected via message list */
	--msg-cpl-bg: 	transparent; 	      	/* message completed for current user */
	--msg-cpl-ico: 	var(--wss-lightgray-2); /* icon completed for current user */
	--msg-cpl-hov: 	var(--wss-lightgray-1);

	/* messages - open */
	--msg-bg: 	var(--wss-yellow-7); /* message open for current user */
	--msg-bg-ico: 	var(--wss-yellow-4);     	/* icon open for current user */
	--msg-bg-hov: 	var(--wss-yellow-2);


	/* messages - sent */
	--msg-ro-bg: 	var(--wss-yellow-9);	/* message read only; replied to current user */
	--msg-ro-ico: 	var(--wss-yellow-7);      /* icon read only; replied to current user */
	--msg-ro-hov: 	var(--wss-yellow-5);

	/* coding messages - open */
	--msgc-bg: 	var(--wss-purple-8);    /* coding message open for current user */
	--msgc-bg-ico: 	var(--wss-purple-3);    /* coding icon open for current user */
	--msgc-bg-hov: 	var(--wss-purple-1);

	/* coding messages - sent */
	--msgc-ro-bg: 	var(--wss-purple-9);	/* coding message read only; replied to current user */
	--msgc-ro-ico: 	var(--wss-purple-7);    /* coding icon read only; replied to current user */
	--msgc-ro-hov: 	var(--wss-purple-5);

	--tip-bg:	#f3f2f2;
	--tip-b:	#bbb;
	--tip-h:	#555555;
	--tip-ul:	#f32ed4;
	--txt:		#323232;
	--txt-a:        var(--primary-2); 	/* #111 */
	--txt-h:	var(--primary-1);
	--txt-bg:	#f0f0f0;
	--vmenu:	var(--lightgray-1); /*--secondary-7);*/ 	/* --wss-gray-1 */
	--vmenu-bg: 	var(--primary-2); 	/* --secondary-7 */
	--vmenu-hov:	var(--primary-1);
	--vmenu-sel:	white;			/* --wss-gray-1 */
	--vmenu-sel-bg: var(--primary-2);	/* white; */
        --vmenu-se1-bg: var(--vmenu-sel-bg);
	--vmenu-sel-hov: var(--primary-3);
	--vmenu-sel-hov-bg:white;
	--note-bg: 	#cccca7;
	--tab:		white; 		/* --primary-2; b same */
	--tab-b:        var(--primary-1);
	--tab-bg:	var(--secondary-1);	/* 1 */
	--tab-hov:	var(--secondary-4);
	--tab-hov-bg:	var(--secondary-5);
	--tab-sel:	black;
	--tab-sel-b:    var(--secondary-1);
	--tab-sel-bg:	var(--background-4); 	/* --primary-2 */
	--tab2:		black; 		/* --primary-2; b same */
	--tab2-b:       var(--primary-1);
	--tab2-bg:	var(--background-4);	/* 1 */
	--tab2-hov:	var(--secondary-4);
	--tab2-hov-bg:	var(--secondary-5);
	--tab2-sel:	white;
	--tab2-sel-b:   var(--secondary-1);
	--tab2-sel-bg:	var(--secondary-1); 	/* --primary-2 */
	--table-h-b:    black;
	--table-h-bg:   var(--secondary-1);	/* --primary-2 */
	--table-h-hov-bg:var(--secondary-2);	/* --secondary-1 */
	--window-h-bg:	var(--wss-greenblue-1);
	--table-row2-bg:var(--secondary-6);
	--form-edt-b:	var(--gray-4);
	--bsection-b:	var(--primary-2);
	--bgroup-bg: 	white;
	--bmerge:	var(--secondary-2);
	--btable-tr: 	#2e69a329;
	--btable-tr-ro:	#fff0;
	--visit-h:	var(--primary-1);
	--visitmgr-h:   #333355;
	--visitmgr-b:   #333355;
	--fmenu:	black;
	--fmenu-b:	var(--secondary-4);
	--fmenu-bg:	var(--secondary-4);	/* 5 */
	--fmenu-hov-b:	var(--primary-2);
	--fmenu-hov-bg:	var(--secondary-6);	/* 6 */
	--fmenu-log-b:	var(--secondary-5);
	--fmenu-log-bg:	var(--secondary-5);
	--fmenu-sel:	white;
	--fmenu-sel-b:	var(--secondary-1);
	--fmenu-sel-bg:	var(--secondary-1);
	--fmenu-sel-hov:var(--primary-1);
	--tSwitch:	#1ef494;
	--button: 	white;
	--button-b: 	var(--primary-2); 	/* --secondary-1 */
	--button-bg:    var(--primary-3); 	/* --secondary-1 */
	--button-hov:	white;
	--button-hov-b:	var(--primary-3); 	/* --secondary-3 */
	--button-hov-bg:var(--secondary-3);
	--button-dis:	var(--lightgray-2); /* b same */
	--button-dis-bg:white;       /* hov bg same */
	--focus-b:      var(--primary-1);
	--border: 	#000000;
	--input:	var(--border); 	/* txt */
	--input-b:	var(--border);
	--input-bg: 	#ffffff;
	--input-ro:	var(--wss-gray-3); 	/* txt */
	--input-ro-b:	var(--wss-gray-3); 	/* bg inherit */
	--input-ro-mdfy-b: var(--wss-yellow-1);
	--input-ro-mdfy-bg: var(--wss-yellow-7);
	--phone-b: 	#000000;
	--colorpicker-bg: #808080;
	--phone-bg: 	#ffffff;
	--slider-bar:   var(--primary-3);
	--slider-thumb: #485F75;
	--slider-output-bg: var(--ws_bkgrnd_ro);
	--slider-disabled:#c9c6ce;
	--signature-b:	#485F75;
	--upload-b:	#485F75;
	--upload-file:	#9dff00;
	--note-bg: 	#cccca7;
/*	--link1:	var(--wss-blue-3);
	--link1-hov:	#000;
	--link1-sel:	#000;
*/
}
