/* cambio forzado de tamaño */
@media (min-width: 768px) {
	#container section#main-section.span9 {
		width: 82% !important;
		margin: 0 !important;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}
	
	#container #sidebar.span3 {
		width: 18%;
	}
}


nav#sidebar > ul > li a, nav#sidebar > menu > li a {
	font-size: 12px;
	line-height: 12px;
	padding: 12px 10px 10px 15px;
}

	nav#sidebar > ul > li > ul > li > a,
	nav#sidebar > menu > li > menu > li > a {
		padding: 6px 15px;
		font-size: 10px;

	}
	
		
			nav#sidebar > ul > li > a > span.arrow,
			nav#sidebar > menu > li > a > span.arrow {
				margin-top: 3px;
				margin-right: 5px;

			}
			
			#sidebar > menu > li.open > a > span.arrow,
			#sidebar > ul > li.open > a > span.arrow {
				margin-top: 6px;
			}

/* USER TOOL */

header #user-tools {
	margin-top: 16px;
}

	header #user-tools p.sucursal {
		text-align: right;
		color: white;
		margin-right: 19px;
		line-height: 10px;
		font-size: 10px;
		font-weight: bold;
	}
	
	header #user-tools i.icon-chevron-down {margin-top: 1px}
	
	header #user-tools .dropdown-menu {
		top: 35px;
	}
	
	#user-menu-options li.header-suc {
		text-align: right;
		font-weight: bold;
		font-size: 8px;
		text-transform: uppercase;
	}
		#user-menu-options li.header-suc a {padding: 4px 10px 0; line-height: 10px;text-align: right !important;}
	
			#user-menu-options li.suc a {
				font-size: 11px;
				line-height: 12px;
			}
	header #user-tools .dropdown-menu::before {
	  position: absolute;
	  top: -7px;
	  right: 9px;
	  display: inline-block;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #CCC;
	  border-left: 7px solid transparent;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  content: '';
	}
	
	header #user-tools .dropdown-menu::after {
	  position: absolute;
	  top: -6px;
	  right: 10px;
	  display: inline-block;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid white;
	  border-left: 6px solid transparent;
	  content: '';
}
	


.money {
    text-align: right;
}



.tools #botonAlta {
	width: 38px;
	height: 38px
}

ul.tools > li.button div > a > span.ui-icon {
	width: 16px !important;
	height: 16px !important;
}

.tools #botonAlta span {
	padding: 4px;
	margin: 7px;
}

.page-header {
	flex: 1;
}