#modalcontent{
	background: #fff;
	height: auto;
	padding-bottom: 10px;
}
/* Recommended styles */
		.tsmsselect {
			width: 40%;
			float: left;
		}
		
		.tsmsselect select {
			width: 100%;
		}
		
		.tsmsoptions {
			width: 20%;
			float: left;
		}
		
		.tsmsoptions p {
			margin: 2px;
			text-align: center;
			font-size: larger;
			cursor: pointer;
		}
		
		.tsmsoptions p:hover {
			color: White;
			background-color: Silver;
		}
		
.sucursales-table
{
	border:0;
	width: 90%;
}	
.select-sucursales
{	
	height:200px;
	overflow: auto;
	width: 300px;
	box-shadow:1px 1px 3px #666;
	-moz-box-shadow : 1px 1px 3px #666;
	-webkit-box-shadow : 1px 1px 3px #666;	
}
.nick
{
	vertical-align:top;	
}
.nick span
{
	display: none;
}
.botones
{
	cursor: pointer;
	display: block;	
}
.container-principal{
	display: block;
	vertical-align: top;
}
.container-subfamilias{
	display: inline-block;
	vertical-align: top;
	width: 20%;
}
.container-productos{
	display: inline-block;
	overflow: auto;
	vertical-align: top;
	width: 78%;
}
.larger{	
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
}
.larger:hover{
	transform: scale(1.5); 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}
.tabla_existencias
{
	margin: 10px;		
}
.tabla_productos
{
	width: 100%;	
}
.tabla_productos tr:nth-of-type(odd)
{
  background-color:#eee;
}

.triangle {	
  	width: 0;
  	height: 0;
  	border-top: 0;
  	border-bottom: 20px solid #666699;
  	border-left: 20px solid transparent; 
  	border-right: 20px solid transparent;
  	-moz-transform: scaleY(1.5); /*  optional: replace with Sass/SCSS/LESS mixin */
  	-moz-transform-origin: mixin; /* optional: replace with mixin, too */
	
}
.bubble {
  	position: fixed;
  	background-color:#eee;
	display: none;
	color: #000;
  	margin: 0;
  	padding:10px 30px 10px 10px;	
  	text-align:justify;
  	top: 37px;
	right: 5px;
  	width:250px;
	border:1px solid #ccc;
  	-moz-border-radius:3px;
  	-webkit-border-radius:3px;
  	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  	box-shadow: 1px 1px 1px rgba(0,0,0,0.25); 
}
#pointer{border:solid 10px transparent;border-right-color:#fff;position:absolute;margin:-85px 0 0 -20px;}
.mostrar_mayoreo2
{
	border-radius:5px;
	border: 1px solid red;
	width: 50px;
	border:1px solid #ccc;
  	-moz-border-radius:3px;
  	-webkit-border-radius:3px;
  	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  	box-shadow: 1px 1px 1px rgba(0,0,0,0.25); 	
}
.mostrar_mayoreo
{	
	background-color: rgb(255, 255, 255);		 
	background-position: initial initial; 
	background-repeat: initial initial;"
	border: 2px solid rgb(204, 204, 204);
	border-radius:5px;
	box-shadow: rgb(170, 170, 170) 2px 2px 10px;
	display: none;  
	float: left;
	margin: 7px;	 
	position: absolute;	 
	padding: 10px; 
	width: 250px; 
	z-index: 1000;
}