/* Estilos de la barra de navegacion auxiliar (menu emergente) */
#popup 
{
	top: 44px;
    width: 100%; 
    height: 44px;
    
	background-image: linear-gradient(bottom, rgb(238,238,238) 14%, rgb(249,249,249) 60%);
    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 14%, rgb(249,249,249) 60%);
    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 14%, rgb(249,249,249) 60%);
    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 14%, rgb(249,249,249) 60%);
    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 14%, rgb(249,249,249) 60%);
    
	box-shadow: 0px 5px 8px -6px #4e707c;
	-moz-box-shadow: 0px 5px 8px -6px #4e707c;
    -webkit-box-shadow: 0px 5px 8px -6px #4e707c;   
    
	display: none;
	text-align:center;
	z-index:1000;
    position: fixed;
	
	/*Evitar seleccionar texto en el popup*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/*Grupo principal de iconos del menu emergente (popup)*/
.menu-group
{
	height:44px; 
	display:table;
	width:100%;
	display: flex; 
	align-items: center;
}

/*Agrupacion de iconos del menu emergente (popup)*/
.submenu-group
{
	display: table-cell;
	vertical-align: middle;
	background:transparent;
	margin-left:auto; 
	margin-right:auto;
}

/*Color de iconos*/
.has-feedback
{
	color: #757575;
}

.has-feedback:hover
{
	color: #111;
}

/*Alineacion de los iconos*/
.form-group
{	
	display:inline; 
	margin-top:auto; 
	margin-bottom:auto;
}

/*Estilo de fondo y ubicacion principal de los iconos*/
.form-control 
{
	width: 34px;
  	height: 34px;
  	padding: 10px;
	margin-right: 12px;
	margin-left: 12px;
  	outline: none;
	border:none;
  	border-radius: 50%;
	margin-top:auto;
	margin-bottom:auto;
	background:transparent;
}

/*Estilo de fondo de los iconos al ubicar el mouse sobre ellos*/
.form-control:hover 
{
  	background:#dddcdc;
  	cursor:pointer;
}

/*ubicacion de los iconos*/
.form-control-feedback
{
	position: absolute;
  	margin-left: 14px;
  	margin-top:8px;
  	background: transparent;
  	text-align: center;
	font-size:16px;	
	pointer-events: none;
	border:1px solid transparent;
	width:28px;
	height:22px;
}

/*Alineacion vertical de iconos*/
.align-icon
{
	vertical-align:middle;
}