/* *************************** */
/* **  Gestion documental  *** */
/* *************************** */

.doc-buscador form {
	display: grid;
	grid-template-columns: 15% 15% 15% 42% 10%; /*20% 20% 20% 30% 10%;*/
	grid-gap: 10px;
	grid-template-areas: "buscador fecha fecha2 sel ."
						 ". . . . btn";
}

.doc-grid-client div {
	font-size: 14px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}

#fecha_ini{
	grid-area: fecha;
}

#fecha_fin{
	grid-area: fecha2;
}

#pag{
	grid-area: sel;
}

#texto{
	grid-area: buscador;
}

/*@media (min-width: 1130px) {
	.doc-buscador .sel-buscador, .doc-buscador .input-fecha {
		justify-self: left;
	}
	
}*/

.doc-grid-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow-wrap: break-word;
}

.doc-grid-row p {
	width:100%;
	margin: 0;
}

.sol-grid-row {
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow-wrap: break-word;
	padding:8px;
	

}

.sol-grid-row p{
	width:100%;
	margin:0;
	font-size:14px;
}

.fich-grid-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow-wrap: break-word;
}

.fich-grid-row p {
	width:100%;
	margin: 0;
}

.sol-grid-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow-wrap: break-word;
	padding:10px;
}

.sol-grid-row p {
	width:100%;
	margin: 0;
	
}


.doc-buscador #texto {
	width: 170px;
}

.doc-buscador #pag {
	width: 60px;
}

.doc-buscador .form-fecha {
	width: 150px;
}

.doc-grid {
	display: grid;
	grid-template-columns: minmax(70px, 45%) minmax(55px, 36%) minmax(55px, 18%) minmax(30px, 6%);
	align-items: center;
}

.doc-grid div {
	height: 100%;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.fich-grid {
	display: grid;
	grid-template-columns: minmax(10px, 5%) minmax(45px, 20%) minmax(22px, 10%) minmax(22px, 10%) minmax(22px, 10%) minmax(22px, 10%) minmax(40px, 15%) minmax(15px, 6%) minmax(22px, 8%) minmax(22px, 8%);
	align-items: center;
}

.fich-grid div {
	height: 100%;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.sol-grid {
	display: grid;
	grid-template-columns: minmax(10px, 4%) minmax(50px, 24%) minmax(20px, 7%) minmax(22px, 9%) minmax(22px, 9%) minmax(60px, 26%) minmax(22px, 14%) minmax(22px, 14%) minmax(22px, 14%) minmax(15px, 8%);
	align-items: center;
}

.sol-grid-empleado {
	display: grid;
	grid-template-columns: minmax(10px, 4%) minmax(50px, 24%) minmax(20px, 7%) minmax(22px, 9%) minmax(22px, 9%) minmax(60px, 26%) minmax(22px, 14%) minmax(22px, 14%) minmax(22px, 18%);
	align-items: center;
}

.sol-grid div {
	height: 100%;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#today,#doc_frm input {
	border-top: 0;
	border-right: 0;
	border-left: 0;
}

@media (max-width: 1500px) {
	
	.doc-buscador form {
		grid-template-columns: 20% 20%;
		grid-template-areas: "buscador buscador"
			"fecha fecha2" 
			"sel ."
			"btn .";
	}
	.doc-buscador .input-buscador, .doc-buscador .sel-buscador  {
		grid-column-start: 0;
  		grid-column-end: span 2;
	}
	
	.sol-grid-row{
		padding:0;
	}
	
	#descargar {
		visibility: hidden;
	}
}

@media (max-width: 1300px) {
	
	.doc-buscador form {
		grid-template-columns: 30% 30%;
		grid-template-areas: "buscador buscador"
			"fecha fecha2" 
			"sel ."
			"btn .";
	}
	.doc-buscador .input-buscador, .doc-buscador .sel-buscador  {
		grid-column-start: 0;
  		grid-column-end: span 2;
	}
	
	.sol-grid-row{
		padding:0;
	}
	
	#descargar {
		visibility: hidden;
	}
}

@media (max-width: 1160px) {
	
	.doc-buscador form {
		grid-template-columns: 30% 30%;
		grid-template-areas: "buscador buscador"
			"fecha fecha2" 
			"sel ."
			"btn .";
	}
	.doc-buscador .input-buscador, .doc-buscador .sel-buscador  {
		grid-column-start: 0;
  		grid-column-end: span 2;
	}
	
	.sol-grid-row{
		padding:0;
	}
	
	#descargar {
		visibility: hidden;
	}
	
	#mobileView{
		display:none;
	}
}

@media (max-width: 830px) {
	
	.doc-buscador form {
		grid-template-columns: 40% 40%;
		grid-template-areas: "buscador buscador"
			"fecha fecha2" 
			"sel ."
			"btn .";
	}
	.doc-buscador .input-buscador, .doc-buscador .sel-buscador  {
		grid-column-start: 0;
  		grid-column-end: span 2;
	}
	
	.sol-grid-row{
		padding:0;
	}
	
	#descargar {
		visibility: hidden;
	}
	
	#mobileView{
		display:none;
	}
}

@media (max-width: 450px) {
	
	.doc-buscador form {
		grid-template-columns: 50% 50%;
		grid-template-areas: "buscador buscador"
			"fecha fecha2" 
			"sel ."
			"btn .";
	}
	.doc-buscador .input-buscador, .doc-buscador .sel-buscador  {
		grid-column-start: 0;
  		grid-column-end: span 2;
	}
	
	.sol-grid-row{
		padding:0;
	}
	
	#descargar {
		visibility: hidden;
	}
	
	#mobileView{
		display:none;
	}
	
}


.doc-buscapag {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.doc-buscapag span {
	margin: 10px;
}

.card-body i {
	color: #007bff;
	font-size: 24px;
}

.doc-footer {
	width: 100%;
	text-align : right;
}

.doc-descarga {
	text-align : center;
}

.imparell {
	background-color: #f1f1f1;
}

.parell {
	background-color: #fafafa;
}

.doc-grid-header {
	font-weight: bold;
	border-bottom: 1px solid #111;
	width: 100%;
}

.doc-fich-header {
	font-weight: bold;
	border-bottom: 1px solid #111;
	width: 100%;
}

.doc-order i {
	color: #dcdcdc;
	font-size: 18px;
}

.doc-order {
	float:right;
	padding-right: 5px;
}

.doc-btn {
	grid-area: btn;
	/*margin-top: 5px;*/
	cursor: pointer;
	font-weight: 400;
	float: left;
	text-align: center;
	white-space: nowrap;
	/*vertical-align: middle;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.doc-btn:hover {
	background-color: #dcdcdc;
}

.doc-btn i {
	color: inherit;
	font-size: inherit;
}

/* *************************** */
/* ******  Generico  ********* */
/* *************************** */

.ancho100 {
	width:100%;
}

.ancho95 {
	width:95%;
}

.pointer {
	cursor: pointer;
}