/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-feb-2020, 15:33:23
    Author     : Juan
*/

#Menu  {
	width: 213px;
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
}

#Menu .mnuFirst {
   background-image: linear-gradient(#a2e02f, #82c00f);
   color: #2a3f19;
   cursor: pointer;
   padding: 0.3em 0.2em 0.3em 0.7em;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   margin-bottom: 1px;
	font-size: 1em;
}

#Menu .mnuFirst {
   width: 100%;
}

#Menu .accordion + .panel {
   width: 100%;
}


#Menu .accordion:hover,#Menu .mnuFirst:hover {
   background-image: linear-gradient(to right, #494949, #898989);
	color: #fff;
}


#Menu .panel {
   background-color: white;
   display: none;
   transition: max-height 0.2s ease-out;
   margin-bottom: 0.2em;
}

#Menu .accordion:after {
   content: '\02795'; 
   font-size: 1em;
   color: #777;
   float: right;
   margin-left: 5px;
}

#Menu .mnuActive:after {
   content: "\2796"; 
}


#Menu .mnuOption {
	background-image: linear-gradient(#c5f4a6, #a5d486);
   color: #2a3f19;
	font-size: 0.9em;
	padding: 0.3em 0.3em 0.3em 0.5em;
	margin-bottom: 1px;;
	cursor: pointer;
}
#Menu .mnuOption:hover {
	background-image: linear-gradient(to right, #494949, #898989);
	color: #fff;
}