:root{

	--fa-font:'Font Awesome 5 Free';
	--WEmenuHeight: 40px;

	--WEvtabWidth:40px;
	--WEvtabHeight:100px;
	/*main editable elements tabs - files*/
	--WEdefaultEditorTabHeight:30px;
	--WEeditorFooterHeight:30px;
	--WEeditorFooterHeightPaddingIncluded:50px;
	--WEdiaglogFooterHeight: 40px;
	--WEprogressFooterHeight: 60px;
	--WEFont: liberation_sansregular,sans-serif;
	--WEFontBold: liberation_sansbold,sans-serif;

	--WEsmallScreenWidth:800px;/*note this is used in webedition.js too*/
	--WEsmallScreenHeight:600px;/*note this is used in webedition.js too*/
	--WEnormScreenWidth:801px;
	--WEnormScreenHeight:601px;
	--WEfooterSmallScreenWidth:850px;

	--WEsmallfont: 11px;
	--WEmedfont:12px;
	--WEbigfont:14px;

	--WEfafontSmall:7px;
	--WEfafontMed:9px;
	--WEfafontBig:14px;

	/* Colors */
	--WEWhite:#ffffff;
	--WELightGrey:#cacdd0;
	--WEMiddleGrey:#d7dce0;
	--WEGrey:#a5aaae;
	--WEDarkGrey:#4d565d;
	--WEGreyGradient:linear-gradient(#ebeef0, #d8dadc);
	--WEButtonGrey:#ebeef0;
	--WEButtonDarkerGrey:#ced5da;
	--WEButtonDarkGrey:#768b99;
	--WELightBlue: #abc6e9;
	--WEDarkBlue: #192c3a;
	--WEDarkBlueGradient:linear-gradient(#345881, #284a70);
	--WEMiddleBlue: #325e94;
	--WEMiddleBlueGradient:linear-gradient(#4675b1, #325e94);
	--WEButtonBlue:#4675b1;
	--WEModifiedColor:#3366CC;
	--WENotPublishedColor:red;
	--WEErrorRed:#b51309;

}