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

 :root {
	/* system colors */
	--primary-1: var(--wss-blue-2);
	--primary-2: var(--wss-blue-3);
	--primary-3: var(--wss-blue-4);
	--primary-4: var(--wss-blue-5);
	--primary-5: var(--wss-blue-6);
	--primary-6: var(--wss-blue-7);
	--primary-7: var(--wss-blue-8);
	--secondary-1: var(--wss-lightblue-2);
	--secondary-2: var(--wss-lightblue-3);
	--secondary-3: var(--wss-lightblue-4);
	--secondary-4: var(--wss-lightblue-5);
	--secondary-5: var(--wss-lightblue-6);
	--secondary-6: var(--wss-lightblue-7);
	--secondary-7: var(--wss-lightblue-8);
	--background-1: #f5eec2;
	--background-2: #f5eec266;
	--background-3: #f5eec244;
	--background-4: var(--wss-lightblue-9); /*#f5eec222; wss-white */
	--gray-1: var(--wss-gray-0);
	--gray-2: var(--wss-gray-1);
	--gray-3: var(--wss-gray-2);
	--gray-4: var(--wss-gray-3);
	--gray-5: var(--wss-gray-4);
	--gray-6: var(--wss-gray-5);
	--lightgray-1: var(--wss-lightgray-1);
	--lightgray-2: var(--wss-lightgray-2);
	--lightgray-3: var(--wss-lightgray-3);
	--lightgray-4: var(--wss-lightgray-4);
	--lightgray-5: var(--wss-lightgray-5);
	--lightgray-6: var(--wss-lightgray-6);

	/* theme colors */
	--body:         var(--wss-black);
	--body-bg:      var(--background-4);
	--title:	var(--wss-blue-6);
	--edit:		#aaa;
	--info-b:	#70af85;
	--info-bg:	#c6ebc9;
	--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);
	--link1-hov:	var(--secondary-1);
	--link1-sel:	var(--wss-gray-3);
	--link2:	var(--wss-gray-4);
	--link2-hov:	var(--primary-1);
	--link2-sel:	var(--wss-gray-5);
	--mmenu:	#555555;
	--mmenu-b:	var(--primary-1);
	--mmenu-bg:	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-b:	#bbb;
	--tip-h:	#555555;
	--tip-ul:	#f32ed4;
	--txt:		#323232;
	--txt-a:        #111;
	--txt-h:	var(--primary-1);
	--txt-bg:	#f0f0f0;
	--vmenu:	var(--wss-gray-1);
	--vmenu-bg: 	var(--secondary-7);
	--vmenu-hov:	var(--primary-1);
	--vmenu-sel:	var(--wss-gray-1);
	--vmenu-sel-bg: white; /*var(--wss-white);*/
        --vmenu-se1-bg: var(--vmenu-sel-bg);
	--vmenu-sel-hov-bg:white;
	--note-bg: 	#cccca7;
	--tab:		var(--primary-2); /* b same */
	--tab-b:        var(--primary-1);
	--tab-bg:	var(--secondary-7);
	--tab-hov:	var(--secondary-4);
	--tab-hov-bg:	var(--secondary-6);
	--tab-sel:	black;
	--tab-sel-b:    var(--secondary-1);
	--tab-sel-bg:	var(--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(--primary-2);
	--table-h-hov-bg:var(--secondary-1);
	--table-row2-bg:var(--secondary-6);
	--window-h-bg:	var(--wss-greenblue-1);
	--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-7);	/* 6 */
	--fmenu-log-b:	var(--secondary-6);
	--fmenu-log-bg:	var(--secondary-6);
	--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(--secondary-1);
	--button-bg:    var(--secondary-1);
	--button-hov:	white;
	--button-hov-b:	var(--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;
}

/* custom styles for project specific use */
:root {
        --edit:         #aaa;
        --info-b:       #70af85;
        --info-bg:      #c6ebc9;        /* c80020 */
        --warn-b:       #f2f200;
        --warn-bg:      #ffffe5;
        --error-b:      #ff4444;
        --error-bg:     #ffe8e8;
        --esection-bg:  gainsboro;
        --hmenu:        #00589C;
        --hmenu-b:      #00589C;
        --hmenu-bg:     #cfd4ed;
        --link1:        #111;
        --link1-hov:    #000;
        --link1-sel:    #000;
        --link2:        #909090;
        --link2-hov:    #cfd4ed;        /* 80cc28 b4c9d9 */
        --link2-sel:    #585959;
        --mmenu:        #555555;
        --mmenu-b:      #e76e1f;
        --mmenu-bg:     #f5f5f5;
        --mmenu-bg2:    #f5f5f5;
        --mmenu-bg3:    #f9f9f9;
        --mmenu-bg4:    #fcfcfc;
        --mmenu-hov:    #ffcb05;
        --tip-bg:       #f3f2f2;        /* 5 fcec7e */
        --tip-b:        #bbb;           /* ffcb4f */
        --tip-h:        #555555;        /* e7b93b */
        --tip-ul:       #f32ed4;
        --txt:          #323232;        /* 0 */
	--txt-a:        #111;
        --txt-h:        #00589C;        /* 0 */
        --txt-bg:       #f0f0f0;        /* ? */
        --vmenu:        #e76e1f;
        --vmenu-bg:     linear-gradient(135deg, var(--primary-6) 0%, #c9c4c177 80%);
        --vmenu-sel:    white;
        --vmenu-sel-bg: #e76e1f;        /* 4276ac */
        --vmenu-se1-bg: #e76e1f;        /* bcbcbc */
        --vmenu-sel-hov:#ffcb05;
        --bsection-b:   #2e69a3;
        --bgroup-bg:    white;
        --btable-tr:    #2e69a329;
        --btable-tr-ro: #fff0;
        --visit-h:      #4b87c4;        /*#0080c0*/
        --visitmgr-h:   #333355;
        --visitmgr-b:   #333355;
        --fmenu:        black;
        --btn:          #eff1ed;
        --btn-bg:       #e76e1f;
        --btn-b:        #666666;
        --btn-hov:      #99CA3C;
}

/* CUSTOM */
:root {
	/* Project specific colors */
	--color-blue1: #6EC1E4;
	--color-blue2: #2087AF;
	--color-grey1: #7A7A7A;
	--color-grey2: #3A4138E6;
	--color-grey3: #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;
	--edit:		#aaa;
	--info-b:	#70af85;
	--info-bg:	#c6ebc9; 	/* c80020 */
	--warn-b:	#f2f200;
	--warn-bg:	#ffffe5;
	--error-b:	#ff4444;
	--error-bg:	#ffe8e8;
	--esection-bg:	gainsboro;
	--hmenu:	var(--primary-1);
	--hmenu-b:	var(--primary-1);
	--hmenu-bg:	#cfd4ed;
	--link1:	var(--wss-gray-2);
	--link1-hov:	var(--secondary-1);
	--link1-sel:	var(--wss-gray-3);
	--link2:	var(--wss-gray-4);
	--link2-hov:	var(--primary-1);
	--link2-sel:	var(--wss-gray-5);
	--mmenu:	#555555;
	--mmenu-b:	var(--primary-1);
	--mmenu-bg:	#f2f2f2;
	--mmenu-bg2:	#f5f5f5;
	--mmenu-hov:	var(--primary-3);
	--tip-bg:	#f3f2f2; 	/* 5 fcec7e */
	--tip-b:	#bbb;		/* ffcb4f */
	--tip-h:	#555555;	/* e7b93b */
	--tip-ul:	#f32ed4;
	--txt:		#323232; 	/* 0 */
	--txt-h:	var(--primary-1); 	/* 0 */
	--txt-bg:	#f0f0f0; 	/* ? */
	--vmenu:	var(--primary-1);
	--vmenu-sel:	white;
	--vmenu-sel-bg: white;
	--vmenu-se1-bg: white;
	--vmenu-sel-hov:var(--primary-3);
	--bsection-b:	var(--primary-2);
	--bgroup-bg: 	white;
	--btable-tr: 	#2e69a329;
	--btable-tr-ro:	#fff0;
	--visit-h:	var(--primary-1);	/*#0080c0*/
	--visitmgr-h:   #333355;
	--visitmgr-b:   #333355;
	--fmenu:	black;
	--fmenu-b:	#c1d6e6;
	--fmenu-bg:	var(--secondary-5);
	--fmenu-hov-b:	black;
	--fmenu-hov-bg:	var(--secondary-6);
	--fmenu-log-b:	var(--secondary-3);
	--fmenu-log-bg:	var(--secondary-3);
	/* --fmenu-log-bg:	#e6f2ff; */
	--fmenu-sel:	white;
	--fmenu-sel-b:	var(--secondary-1);
	--fmenu-sel-bg:	var(--secondary-1);	/* 9 */
	--fmenu-sel-hov:var(--secondary-4);
	--tSwitch:    #1ef494;
	--button-b:   var(--primary-2);
	--button-b-hov:  var(--primary-3);
	--focus-b:      var(--primary-1);		/* blue */
	--border:     #000000;
	--input-bg:   #ffffff;
	--phone-b:    #000000;
	--colorpicker-bg: #808080;
	--phone-bg:   #ffffff;
	--slider-bar:   var(--primary-3); 	/* blue */
	--slider-thumb:#485F75;
	--slider-disabled:#c9c6ce;
	--signature-b: #485F75;
	--upload-b:    #485F75;
	--upload-file: #9dff00;
}
/* HDID Specific changes */
:root {
	--primary-1: #265778ff; /* 100% */
	--primary-2: #265778CC; /* 80% */
	--primary-3: #26577899; /* 60% */
	--primary-4: #26577866; /* 40% */
	--primary-5: #26577833; /* 20% */
	--primary-6: #26577818; /* 10% */
	--primary-7: #26577809; /* 10% */
	--secondary-1: #0899E3ff;
	--secondary-2: #0899E3cc;
	--secondary-3: #0899E399;
	--secondary-4: #0899E366;
	--secondary-5: #0899E333;
	--secondary-6: #0899E322;
	--grey-1: #8F8D8AFF; /* 100% */
	--grey-2: #8F8D8ACC; /* 80% */
	--grey-3: #8F8D8A99; /* 60% */
	--grey-4: #8F8D8A66; /* 40% */
	--grey-5: #8F8D8A33; /* 20% */
	--grey-6: #8F8D8A22; /* 10% */
	--lightgrey-1: #E9EBEBFF; /* 100% */
	--lightgrey-2: #E9EBEBCC; /* 80% */
	--lightgrey-3: #E9EBEB99; /* 60% */
	--lightgrey-4: #E9EBEB66; /* 40% */
	--lightgrey-5: #E9EBEB33; /* 20% */
}