.makeGreenBackground{
	background-color:#78c31f;
}

.makeGreenBackground:hover , makeGreenBackground.selected {
	
	background-color:green;
	cursor:pointer;
}


.accordion {
    /*background-color: #eee;*/
    color: green;
    cursor: pointer;
    padding: 18px;
	margin-bottom:5px;
    width: 98%;
	margin-left:1%;
    text-align: left;
   /* border: none;*/
   
	border: 1px solid #cbc7bd;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover   {
    background: green;
	color:white;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
   
    display: none;
    overflow: hidden;
	height:auto;
	 background:#78c31f;
	
}



.panelP {
    padding: 0 18px;
    
	float:left; width:90%;
    display: none;
    overflow: hidden;
	height:auto;
	 background:#78c31f;
	
}


.panelT {
    padding:0px;
    
	float:left; width:100%;
    display: none;
    overflow: hidden;
	height:auto;
	 background:green; /*#78c31f;*/
	
}



.panelG {
    padding: 0 18px;
    background:#78c31f;
   float:left; width:90%;
    overflow: hidden;
	height:auto;
	 
	
}



.categoriesGrid {
 
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

.categoriesGrid li {
  cursor: pointer;
  margin: 3px;
  padding-top: 20px;
   padding-left: 5px;
    padding-right: 5px;
  float: left;
/*  width: 380px;*/
  height: 40px;
  text-align: center;
  vertical-align: middle;
  width:85%; margin-left:2%;
}

/*
.categoriesGrid li:hover{
  background: green; color: white;
}

.categoriesGrid li:active {
   color: white;
}*/


.clickCategoriesGrid {  background:green; color:white; }




.greenColor {  color:green; }


.rund {
	
	 -webkit-border-top-right-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
	
}