/*
 *  bkg:		 #f8f6f2
 *
 *  base-color:  #133244
 *  base-color2: #2B8CFD
 *
 *	nav-bar-left: #133244;
 *	nav-bar-top:  #fff;
 *	page-bkg:	  #f8f6f2;
 *	menu-sel:	  #4b8700;
 *
 *  grid-lines:	  #E9E8E5
 *
 *  delete:		  #b90000
*/
	:root {
	  --base-bkg:	#7FBC03;
	  --base-color: #fff;

	  --page-bkg:	#f2f2f2;
	  --page-color: #000;

	  --header-bkg:	  #fff;
	  --header-color: #000;
	}


/* ---------------------------------- */
	.base-bkg								 {background-color:var(--page-bkg); color:var(--page-color);}
	.page-bkg								 {background-color:var(--page-bkg); color:var(--page-color)}


	.base-color-bkg							 {background-color:#133244; color:#fff;}
	.base-color-text						 {color:#133244}

	.base-color-link						 {color:#133244; border-bottom:1px dotted #133244;}
	.base-color-link:active,
	.base-color-link:hover					 {background-color:#80BD01; color:#fff; border-bottom:1px solid #80BD01;}

	.base-color-bkg .base-color-link		 {color:#fff;}
	.base-color-bkg .base-color-link:active,
	.base-color-bkg .base-color-link:hover	 {background-color:#80BD01;}


/* ---------------------------------- */
	.form-control::-webkit-input-placeholder {color:#999;}
	.form-control:-moz-placeholder 			 {color:#999;}
	.form-control::-moz-placeholder 		 {color:#999;}
	.form-control:-ms-input-placeholder 	 {color:#999;}

	::-moz-selection 						 {background:#80BD01; color:#fff; text-shadow: none;}
	::selection 							 {background:#80BD01; color:#fff; text-shadow: none;}


/* ------------------------------------------------------------------------------------ */
	.nav-bar-logo							 {background-color:#80BD01;}
	.nav-bar-left							 {background-color:#000; color:#fff}

	.nav-bar-left .nav-group>div,
	.nav-bar-left .nav-item>a,
	.nav-bar-left .nav-sub-item>a			 {color:#bbb}


/* ---------------------------------- */
	.nav-bar-left .nav-item-color0			 {border:0 !important; background-color:#111; border-bottom:1px solid #555 !important;}
	.nav-bar-left .nav-item-color1			 {border-left-color:#d90000 !important;}
	.nav-bar-left .nav-item-color2			 {border-left-color:#ff6600 !important;}
	.nav-bar-left .nav-item-color3			 {border-left-color:#fede00 !important;}
	.nav-bar-left .nav-item-color4			 {border-left-color:#00a900 !important;}
	.nav-bar-left .nav-item-color5			 {border-left-color:#00aadd !important;}
	.nav-bar-left .nav-item-color6			 {border-left-color:#0077dd !important;}
	.nav-bar-left .nav-item-color7			 {border-left-color:#b900b9 !important;}
	.nav-bar-left .nav-item-color8			 {border-left-color:#bb2266 !important;}
	.nav-bar-left .nav-item-color9			 {border-left-color:#808080 !important;}
											 
	.nav-bar-left .nav-item					 {}
	.nav-bar-left .nav-item.sel				 {color:#fff; background-color:#555; opacity:1}
	.nav-bar-left .nav-item:hover>a			 {color:#fff; }
											 
	.nav-bar-left .nav-sub-item				 {}
	.nav-bar-left .nav-sub-item.sel			 {color:#fff; background-color:#444444; opacity:1}
	.nav-bar-left .nav-sub-item:hover>a		 {color:#fff; }

	.nav-bar-left .fdbk.nav-item-color0:hover	{background-color:#D3D1CE; color:#000; border-top:1px solid #D3D1CE !important;}
	.nav-bar-left .fdbk.nav-item-color0:hover a	{color:#000 !important;}
	.nav-bar-left .fdbk.nav-item-color1:hover	{background-color:#b90000; border-left-color:#e90000;}
	.nav-bar-left .fdbk.nav-item-color2:hover	{background-color:#ff6600; border-left-color:#ee8800;}
	.nav-bar-left .fdbk.nav-item-color3:hover	{background-color:#fede00; border-left-color:#ffee00;}
	.nav-bar-left .fdbk.nav-item-color4:hover	{background-color:#009900; border-left-color:#00c900;}
	.nav-bar-left .fdbk.nav-item-color5:hover	{background-color:#0088bb; border-left-color:#00aadd;}
	.nav-bar-left .fdbk.nav-item-color6:hover	{background-color:#0077dd; border-left-color:#0088ee;}
	.nav-bar-left .fdbk.nav-item-color7:hover	{background-color:#b900b9; border-left-color:#d900d9;}
	.nav-bar-left .fdbk.nav-item-color8:hover	{background-color:#bb2266; border-left-color:#dd4488;}
	.nav-bar-left .fdbk.nav-item-color9:hover	{background-color:#808080; border-left-color:#a0a0a0;}

	.nav-bar-left .fdbk.sel:hover>a					{color:#fff;}
	.nav-bar-left .fdbk.nav-item-color0:hover>a,
	.nav-bar-left .fdbk.nav-item-color3:hover>a		{color:#000;}

	.nav-bar-left .fdbk.sel>a						 {color:#fff;}

	.nav-bar-left .nav-item.nav-item-color9.sel .counter,
	.nav-bar-left .nav-item.nav-item-color9:hover .counter		 {background-color:#fff; color:#bb2266;}

	.nav-bar-left>li.nav-item-bottom>a		{color:#fff; opacity:0.6}
	.nav-bar-left>li.nav-item-bottom>a:hover{opacity:1}


	.nav-bar-sub>li.fdbk:hover				{background-color:#0077dd; color:#fff;}


/* ---------------------------------- */
	.app-bar-top							{background-color:#fff; color:#000}


/* ---------------------------------- */
	.nav-bar-top							{background-color:#fff; color:#000}
	.nav-bar-top .dropdown-menu-list		{background-color:#f4f2de;}
	.nav-bar-top .dropdown-menu-all			{background-color:#e8e6e2;}
	.nav-bar-top .group-item   				{background-color:#f8f6f2;}

	.nav-bar-top-filter   					{background-color:#fff;}

	.dropdown .dropdown-menu>li.fdbk:hover	{color:var(--base-color); background-color:var(--base-bkg);}

	.dropdown .dropdown-item,
	.dropdown .dropdown-item>a	  			{color:#000;}
	.dropdown .dropdown-item:active,
	.dropdown .dropdown-item:active>a,
	.dropdown .dropdown-item:hover,
	.dropdown .dropdown-item:hover>a 		{background-color:#80BD01; color:#fff;}

	.admin.round-btn						{background-color:#80BD01; color:#fff;}
	.admin.round-btn:hover					{background-color:#133244; color:#fff;}


/* ------------------------------------------------------------------------------------ */
	table.boxed tr.table-data.fdbk:hover,
	table.boxed tr.table-data.fdbk.table-row-overbudget:hover,
	table.boxed tr.table-data.fdbk.table-row-overbudget:hover td,
	table.boxed tr.table-data.fdbk.table-row-disabled:hover	{background:var(--base-bkg) !important; color:var(--base-color);}

	 a.reset,
	 a.plain,
	 a.regular-link,
	.table-pages a				{color:#000;}
	.table-pages a:hover,
	 a.regular-link:hover		{color:var(--base-color); background-color:var(--base-bkg)}


/* ------------------------------------------------------------------------------------ */
	a.external-link,
	a .external-link			{color:#aaa;}

	a.external-link:hover,
	a .external-link:hover,
	a.external-link:focus,
	a .external-link:focus		{color:var(--base-bkg);}

	table.boxed tr.table-data.fdbk:hover a.fa-external-link	{color:#fff;}


/* ------------------------------------------------------------------------------------ */
	ul.color-picker>li.sel		{border-color:#133244;}
	ul.icon-picker>li.sel		{background-color:#133244; color:#fff;}


/* ------------------------------------------------------------------------------------ */
	.flat-btn  					{background-color:#222; color:#fff;}
	.flat-btn:hover				{background-color:#80BD01; color:#fff;}

	.flat-btn.bkg-color			{background-color:#133244; color:#fff;}
	.flat-btn.alt-color			{background-color:#80BD01; color:#fff;}
	.flat-btn.delete:hover		{background-color:#b90000; color:#fff;}

	.circle-btn					{background-color:#133244; color:#fff;}
	.circle-btn:active			{background-color:#80BD01; color:#fff;}

	.compact-btn.bkg-gray		{background-color:rgba(0,0,0,0.1); color:#000;}
	.compact-btn.bkg-gray:focus	{border:1px solid #DC0F00;}

	.discrete-btn				{background: rgba(0,0,0,0.05); color: #000; opacity: 0.6;}
	.discrete-btn:focus			{color:#80BD01; opacity:1; border-color:#133244}
	.discrete-btn:hover			{background-color:#80BD01; color:#fff; opacity:1; border-color:#133244}

	.hover:hover				{background-color:#80BD01; color:#fff;}


/* ------------------------------------------------------------------------------------ */
	.status-ok					{color:#00b900;}
	.status-error				{color:#b90000;}
	.status-cancelled			{color:#bbb;}
	.status-warning				{color:#debe00;}
	.status-gray				{color:#808080;}
	.status-disabled			{color:#b0b0b0;}


/* ------------------------------------------------------------------------------------ */
	.message-box				{background-color:#f8f6f2; color:#000; overflow:hidden; border-radius:5px;}
	.message-btn-no				{background-color:#222222; color:#fff;}
	.message-btn-no:hover		{background-color:#000000; color:#fff;}
	.message-btn-yes			{background-color:#00b900; color:#fff;}
	.message-btn-yes:hover		{background-color:#007900; color:#fff;}

	.warning-box				{background-color:#ff6600; color:#fff;}
	.warning-box.fdbk:hover		{background-color:#d93300;}



/* ------------------------------------------------------------------------------------ */
	.dhx_selected rect.dhx_item_shape	{fill:#0077bb !important; color:#fff;}
	.dhx_selected div.dhx_context_text,
	.dhx_selected div.dhx_context_title	{color:#fff !important;}