:root {
	--primary-color: #009C43;
	--primary-color60: #66c48e;
	--primary-bg-color: #e5f5ec; /* OLD: #f5fdf5 */
	--secondary-color: #3a3938;
	--secondary-color60: #898888;
	--secondary-color10: #ebebeb; /* OLD: #f2f2f2 */
	--secondary-color05: #f7f7f7;
	--error-color: #fd292f;
	--error-color60: #f6777a;
	--error-color10: #F9A7A9;

  --rounded: 8px;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.rg-btnGreen
{
  background: #008312;
  color: #008312;
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}

.x-btn-focus.rg-btnGreen { 
  background-color: #008312 !important;
  border-color: #1892d1;
}

.x-btn-over.rg-btnGreen {
  background-color: #1892d1 !important;
}

.rg-btnGreen:hover
{
  background: #1892d1 !important;
}

.rg-btnGreen.x-btn-disabled
{
  background: #008312 !important;
  color: #008312 !important;
}

.rg-btnGreen.x-btn-disabled:hover
{
  background: #008312 !important;
  color: #008312 !important;
}

.rg-btnGray
{
  background: #f2f2f2;
  border-width: 1px;
  border-color: #d3d3d3;
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}

.x-btn-focus.rg-btnGray { 
  background-color: #f2f2f2 !important;
  border-color: #1892d1;
}

.x-btn-over.rg-btnGray {
  background-color: #1892d1 !important;
}

.x-panel-default {
  border-radius: 0px;
}

.rg-borderbottom {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 2px !important;
}

.rg-bordertop {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-top-width: 2px !important;
  border-bottom-width: 0 !important;
}

.app-float-left {
   float: left;
}
.app-float-right {
   float: right;
}

/* CHECHBOXES FOR SAFARI BROWSER */
.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after {
	display: inline-block !important;
}
.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after {
	display: inline-block !important;
}

a, a:visited {
	cursor: pointer;
	color: var(--primary-color);
}
a:hover, a:visited:hover {
	color: var(--primary-color);	
	text-decoration: underline;	
}