/*
	Estilos personalizados
	@author  Erick Sánchez <erick@dhd.mx>
 */

@font-face {
	font-family: 'Muli';
	font-style : normal;
	font-weight: 400;
	src        : local('Muli'), url(Muli.woff) format('woff');
}

h1,h2,h3,h4{
	color: #292d96;
}

/*Detalle de ancla con clase btn (se desplaza 5pixeles arriba con relación a las otras etiquetas)*/ 
a.btn{
	margin-top: -5px;
}
/*Detalle de add-on en un input-prepend (se desplaza 3pixeles abajo con relación a las otras etiquetas)*/ 
.input-prepend .add-on{
	margin-top: 3px;
}
div.p-info{
	width                : 95%;
	margin               : 20px auto;
	font-style           : italic;
	font-size            : 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius   : 10px;
	border-radius        : 10px;
	border               : 1px solid #7F4C21;
	background-color     : #BF7331;
	color                : #fff;
	padding              : 10px;
}
/* Fuente de grids */
.grid-view{
	font-size: 14px;
}
/* Resize de imagenes de grids */
	.grid-view .button-column img{
		width: 25px;
	}


#main-container	{
	font-size  : 20px;
	/*font-family: 'Muli', Arial, serif; font-weight: 400;*/
	font-family: Arial, serif; font-weight: 400;
	padding    : 0 0 30px 0;
}

#header{
	height          : 80px;
	background-color: #e3fffe;
	padding         : 10px 20px;
}
	#header #app-title{
		display    : inline-block;
		float      : right;
		padding-top: 30px;
		font-size  : 30px;
	}
	#header img{
		height : 80px;
		display: inline-block;
		float  : left;
	}

#footer{
	font-weight     : bold;
	background-color: #e6e6e6;
	margin-bottom   : 0;
	color           : #292d96;
}
	#footer a{
		color      : #fff;
		font-size  : 25px;
		text-shadow: 2px 2px 2px #ff9942;
	}
	#footer a:hover{
		text-decoration: none;
	}
.color-background{
	background-color: #e3fffe;
}

#login-form-container{
	max-width                : 500px;
	background-color     : #e6e6e6;
	padding              : 10px;
	margin               : 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius   : 10px;
	border-radius        : 10px;
	-webkit-box-shadow   : 5px 5px 10px 0 rgba(50, 50, 50, 0.60);
	-moz-box-shadow      : 5px 5px 10px 0 rgba(50, 50, 50, 0.60);
	box-shadow           : 5px 5px 10px 0 rgba(50, 50, 50, 0.60);
}

.menu-bar{
	background-color: #75bc1b;
	height          : 30px;
}

.menu-bar-item{
	background-color     : #abdb90;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	padding              : 5px 2px;
	position             : relative;
	top                  : 5px;
}
.menu-bar-item:hover{
	background-color: #99C381;
}
	.menu-bar-item i{
		    position: absolute;
		    left: 8px;
		    top: 10px;
	}
	.menu-bar-item a{
		font-size  : 16px !important;
		text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	}
	.menu-bar-item a:hover{
		background-color: #fff;
	}

.sidebar-menu-options *{
	font-size: 15px !important;
}
	.sidebar-menu-options a:hover{
		text-decoration: none;
	}

.menu-grid{
	/*border: 1px solid #f0f;*/
}
	.menu-grid .item-menu{
		font-weight          : bold;
		background-color     : #78a6dd;
		color                : #fff;
		font-size            : 30px;
		height               : 110px;
		padding              : 45px 0;
		/*margin               : 10px 10px;*/
		-webkit-border-radius: 3px;
		-moz-border-radius   : 3px;
		border-radius        : 3px;
		-webkit-box-shadow   : 1px 1px 5px 0 rgba(50, 50, 50, 0.60);
		-moz-box-shadow      : 1px 1px 5px 0 rgba(50, 50, 50, 0.60);
		box-shadow           : 1px 1px 5px 0 rgba(50, 50, 50, 0.60);
		text-shadow          : 2px 2px 2px rgba(150, 150, 150, 1);
	}
	.menu-grid .item-menu:hover{
		background-color: #287de2;
	}
	.menu-grid a:hover{
		text-decoration: none;
	}

#mainmenu ul li a:hover{
	background-color: #99C381;
	color           : #fff;
	padding         : 5px 8px;
}

.fieldset-mini{
	border               : 1px dotted #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius   : 10px;
	border-radius        : 10px;
	font-size            : 14px;
}
	.fieldset-mini legend{
		font-size    : 16px;
		text-indent  : 15px;
		color        : #e01f00;
		margin-bottom: 0px;
	}

#modal-loading{
	text-align: center;
}
	#modal-loading img{
		width: 50px;
	}