﻿
/* ##################################################
 	 ########   M E N O R   A  1 1 9 9   P X   ######## */

@media only screen and (max-width: 1199px) {
	
	/* ### INGRESOS / GASTOS ### */
	
	.divTotal .dl-horizontal dt {
		width: 130px;
	}
	.divTotal .dl-horizontal dd {
		margin-left: 130px;
	}
}

/* ##################################################
 	 #########   M E N O R   A   9 9 2  P X   ######### */

@media only screen and (max-width: 991px) {
	
	/* ### GENERAL ### */
	
	#contenido {
		padding: 15px;
	}
	
	/* ### HEADER ### */
	
	.header-info ul p {
		display: block;
		text-align: right;
		padding-bottom: 5px;
	}
	.header-info ul li:nth-child(2) {
		border-left: none;
	}
	
	/* ### COMUNES ### */
	
	.group-links {
		margin-bottom: -5px;
	}
	.group-links a, .group-links button {
		margin-bottom: 5px;
	}
	
	/* ### INGRESOS / GASTOS ### */
	
	.divTotal .dl-horizontal dt,
	.divTotal .dl-horizontal dd {
		display: inline-block;
		vertical-align: top;
		width: 49% !important;
		margin-left: 0;
	}
	.recFraFast,
	.factura-view {
		padding: 15px;
	}
	
	/* ### LINEA DE LA FACTURA & SU TABLA ### */

	.lineasDoc table.table thead th,
	.lineasDoc table.table tbody td,
	.lineasDoc input.form-control,
	.lineasDoc select.form-control {
		padding-left: 1px;
		padding-right: 1px;
	}
	
	.td-concepto { width: 37%; }
	.td-importe  { width: 13%; }
	.td-unidades { width: 7%;  }
	.td-iva      { width: 7%;  }
	.td-delete   { width: 4%;  }

}

/* ##################################################
   #########   M E N O R   A   7 6 8  P X   ######### */

@media only screen and (max-width: 767px) {
	
	/* ### GENERAL ### */
	
	body {
		background: #FFF;
	}
	.container {
		padding: 0;
	}
	#contenido {
		padding: 15px;
		-webkit-box-shadow: none;
						box-shadow: none;
	}
	
	/* ### HEADER / FOOTER ### */

	.navbar-brand {
		padding: 9px 15px;
	}
	.navbar-brand img {
		width: 113px;
		height: 28px;
	}	
	.footer {
		margin-bottom: 0;
		padding: 11px 15px 9px;
		-webkit-border-radius: 0;
						border-radius: 0;
	}

	/* ### MENU ### */
	
	.menu .navbar-collapse {
		border-top: none;
	}
	
	.menu ul.nav-tabs {
		margin: 0 15px;
		border: 1px solid #e7e7e7;
		-webkit-border-radius: 4px;
						border-radius: 4px;
	}
	
	.menu ul.nav-tabs li {
		width: 100%;
		float: none;
		margin-bottom: 0;
		border-top: 1px solid #e7e7e7;
	}
	.menu ul.nav-tabs li:first-child {
		border-top: none;
	}
	.menu ul.nav-tabs li a {
		padding: 6px 12px 3px;
		background-color: #FFF;
		color: #333;
	}
	.menu ul.nav-tabs li a span.glyphicon {
		margin-right: 8px;
	}
	
	/* ### COMUNES ### */
	
	.group-links .subgroup-links {
		display: block;
		padding: 0 0 2px;
	}
	
	/* ### BUSCADOR ### */
	
	.form-search {
		padding: 10px;
	}
	.form-search .form-group {
		padding-bottom: 0;
	}
	.form-search label {
		margin: 0 0 2px 2px;
	}
	
	/* ### DE FORMULARIOS ### */
	
	.group-gray {
		padding: 0 10px 10px;	
	}
	.group-gray h3 {
		margin: 5px 0;
		font-size: 20px;
		font-weight: 700;
	}
	
	.form-horizontal .form-group {
		margin-bottom: 0;
	}
	.form-horizontal .form-group label {
		margin: 8px 0 2px;
		padding-right: 17px;
	}
	.form-inline .form-group label {
		margin: 8px 0 2px;
		padding-left: 2px;
	}
	.form-horizontal .form-group .form-inline select {
		display: inline-block;
		vertical-align: top;
	}
	
	.labelgris {
		margin: 8px 0 10px;	
	}
	.info-img {
		margin-right: 25px;
	}
	
	.form-group.fra-lineas {
		margin: 0 2px;
		padding: 10px 0;
		border-top: 1px solid #CCC; 
	}
	.form-group.fra-lineas div.col-xs-6 {
		min-height: 30px;
	}
	.form-group.fra-lineas .col-xs-12 {
		text-align: right;
	}
	
	/* ### TABLA ### */
	
	.dataTables_wrapper .top > div,
	.dataTables_wrapper .bottom > div {
		width: 100%;
	}
	
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_length {
		text-align: left;
	}
	
	/* ### CLIENTES > HOME ### */
	
	.home-cli .col-sm-8 {
		border-right: 0;
	}
	.home-cli h3 {
		-webkit-border-radius: 5px 5px 0 0 !important;
						border-radius: 5px 5px 0 0 !important;
	}
	
	/* ### INGRESOS / GASTOS ### */

	.recFraFast,
	.factura-view {
		padding: 10px;
	}
	
	/* ### CAJA ### */

	#dias-contain table.dia-semana div, 
	#dias-contain table.dias th div {
		margin: 1px;
		-webkit-border-radius: 0 !important;
				    border-radius: 0 !important;
		font-size: 11px;
	}
	#dias-contain table.dias th div,
	#dias-contain table.dias td a.dia-importe,
	#dias-contain table.dias td * {
		font-size: 9px;
	}
	#dias-contain table.dias td a.dia-importe {
		margin: 0 1px;
	}
	#dias-contain table.dias td .dia-importe-mas {
		margin: 0 1px;
		padding: 3px;
	}
}

/* ##################################################
   #########   M E N O R   A   4 8 0  P X   ######### */
   
@media only screen and (max-width: 481px) {

	/* ### HEADER / FOOTER ### */
	
	#pagina.access {
		margin-top: 0;
	}
	
	#pagina.access .header,
	#pagina.access #contenido {
		padding: 15px;
	}
	#pagina.access .header .logo {
		width: 140px;
	}
	#pagina.access .header .logo img {
		width: 100%;
	}
	#pagina.access .header .logo-guiral,
	#pagina.access .header .logo-guiral:hover {
		width:  83px;
		height: 48px;
		margin-top: 2px;
		background-size: auto 95px;
		background-position: left bottom;
		font-size: 8px;
		line-height: 7px;
		color: #333;
	}
	#pagina.access #contenido .col-sm-6.divRedondeado {
		margin: 5px 15px 0;
	}
	
	
}