body{
	margin:0;
	opacity:0;
	transition:opacity .2s ease-in-out;
	font-family:'Roboto',sans-serif;
	background-color:#fbfbfb;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
button, a{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#totalCont{
	display:block;
	position:relative;
	width:100%;
	
	margin:0 auto;
	
}
	#searchCont{
		position:relative;
		height:auto;
		min-height:calc(100vh - 42px);
		background-image:url('../resources/web/inicioBG.jpg');
		background-size:cover;
		background-position:center center;
		display:flex;
		justify-content:center;
		align-items:center;
		padding-top:40px;
		padding-bottom:60px;
		box-sizing:border-box;
		transition:all .6s ease-in-out;
	}
		.colorBGlayer{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}
			.colorBGlayer.black{
				background-color:rgba(0,0,0,0.3);
			}
			.colorBGlayer.white{
				background-color:rgba(255,255,255,0.3);
			}
		#searchFormCont{
			position:relative;
			width:100%;
			max-width:1100px;
			padding:20px;
			box-sizing:border-box;
		}
			#searchLogoCont{
				display:flex;
				justify-content:center;
				align-items:center;
			}
				#searchLogoCont img{
					position:relative;
					height:auto;
					width:120px;
					flex-grow:0;
					flex-shrink:1;
				}
				#searchLogoCont h1{
					font-size:80px;
					color:#ffffff;
					padding-left:20px;
					font-family:'Germania One',cursive;
					font-weight:400;
					text-shadow: 0px 0px 5px rgba(0,0,0,1);
					margin-top:0;
					margin-bottom:20px;
				}
					#searchLogoCont h1 span{
						display:block;
						font-size:32px;
						font-weight:400;
						font-family:'Roboto',sans-serif;
						border-top:solid #fff 2px;
						padding-top:10px;
						text-align:center;
					}
			#searchInputsCont{
				width:100%;
				display:flex;
				justify-content:space-between;
				padding-top:40px;
			}
				#searchInputsCont input{
					width:calc(100% / 3 - 10px);
					height:50px;
					border:none;
					border-radius:4px;
					background-color:#ffffff;
					padding:15px;
					box-sizing:border-box;
					font-size:16px;
					transition:box-shadow .2s ease-in-out;
				}
				#searchInputsCont input:focus{
					box-shadow:0px 0px 10px rgba(0,0,0,0.5);
				}
			#searchButton{
				position:relative;
				display:block;
				margin:0 auto;
				width:250px;
				height:50px;
				background-color:#aa0000;
				border:solid #000000 2px;
				border-radius:25px;
				font-weight:400;
				font-size:28px;
				text-align:center;
				box-sizing:border-box;
				padding:6px;
				color:#ffffff;
				margin-top:40px;
				cursor:pointer;
				background-image:url('../resources/web/buttonSearchBG.jpg');
				background-position:center center;
				background-size:cover;
				font-family:'Germania One',cursive;
				transition:color .2s ease-in-out, background-color .2s ease-in-out, border-width .2s ease-in-out, background-image .2s ease-in-out;
			}
			#searchButton:hover{
				color:#000000;
				background-color:#ffffff;
				border-width:1px;
				background-image:none;
			}
			.legalTextLink{
				display:block;
				text-align:center;
				color:#ffffff;
				margin-top:20px;
				font-weight:bold;
			}
		.searchSeparator{
			display:block;
			position:absolute;
			bottom:0;
			height:49px;
			width:100%;
			background-image:url('../resources/web/homeSearchSeparatorShadowed_fbfbfb.png');
			background-size:cover;
			background-position:center center;
		}
	#resultsCont{
		position:relative;
		max-width:1100px;
		height:auto;
		margin:40px auto;
	}
		#resultsInfo{
			margin:0 20px 20px 20px;
			padding-bottom:10px;
			border-bottom:solid #999999 1px;
			font-size:24px;
			color:#999999;
			display:none;
		}
		#deaceasedList{
			position:relative;
			width:100%;
			height:auto;
			padding-left:20px;
			padding-right:20px;
			box-sizing:border-box;
		}
			.deceasedCont{
				position:relative;
				width:100%;
				height:auto;
				padding:20px;
				box-shadow:0 0 10px 1px rgb(0 0 0 / 10%);
				background-color:#ffffff;
				box-sizing:border-box;
				transition:box-shadow .2s ease-in-out;
				display:flex;
				border-radius:5px;
				margin-bottom:20px;
				align-items:center;
				flex-wrap:wrap;
			}
				.deceasedColumn{
					position:relative;
					height:100%;
				}
				.infoColumn{
					width:calc(100% - 120px);
					padding-right:10px;
					box-sizing:border-box;
				}
					.infoColumn h2{
						margin-top:0;
						margin-bottom:5px;
						font-size:22px;
						font-weight:500;
						color:#444444;
					}
					.infoColumn h3{
						margin-top:0;
						margin-bottom:0;
						font-size:18px;
						font-weight:400;
						color:#444444;
					}
				.buttonColumn{
					width:120px;
					flex-grow:0;
					flex-shrink:0;
					display:flex;
					align-items:center;
				}
					.buttonColumn a{
						text-decoration:none ;
						width:100%
					}
						.buttonColumn button{
							position:relative;
							display:block;
							width:100%;
							height:40px;
							background-color:#aa0000;
							border:solid #444444 1px;
							border-radius:5px;
							font-weight:300;
							font-size:20px;
							text-align:center;
							box-sizing:border-box;
							padding:6px;
							color:#ffffff;
							cursor:pointer;
							font-family:'Germania One',cursive;
							transition:color .2s ease-in-out, background-color .2s ease-in-out, border-width .2s ease-in-out, background-image .2s ease-in-out;
						}
						.buttonColumn button:hover{
							color:#444444;
							background-color:#ffffff;
							border-width:1px;
							background-image:none;
						}
						.buttonColumn button.disabled{
							color:#444444;
							background-color:#ffffff;
							border-width:1px;
							background-image:none;
							cursor:default;
							opacity:0.5;
						}
				.sheetColumn{
					position:relative;
					width:100%;
					height:auto;
					max-height:0;
					padding-top:0;
					display:flex;
					flex-wrap:wrap;
					overflow:hidden;
					transition:max-height .2s ease-in-out;
				}
					.sheetColumn .mapColumn{
						position:relative;
						width:calc(100% - 210px);
						height:auto;
						border-radius:10px;
						background-color:#f1f3f4;
						overflow:hidden;
						margin-right:10px;
					}
						.sheetColumn .mapColumn .sendSuggestions{
							position:absolute;
							display:flex;
							left:10px;
							bottom:24px;
							height:40px;
							background-color:#ffffff;
							border-radius:2px;
							box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
							cursor:pointer;
							box-sizing:border-box;
							padding:7px 10px;
							font-weight:600;
							color:#aa0000;
							align-items:center;
							transition:color .2s ease-in-out, box-shadow .2s ease-in-out;
						}
						.sheetColumn .mapColumn .sendSuggestions:hover{
							color:#222222;
							box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 4px -1px;
						}
						.sheetColumn .mapColumn .sendSuggestions:hover span{
							background-color:#222222;
						}
							.sheetColumn .mapColumn .sendSuggestions span{
								display:block;
								width:14px;
								height:14px;
								margin-left:10px;
								background-color:#aa0000;
								-webkit-mask: url(../resources/web/sendIcon.svg);
								mask: url(../resources/web/sendIcon.svg);
								-webkit-mask-size:contain;
								mask-size:contain;
								-webkit-mask-repeat: no-repeat !important;
								mask-repeat: no-repeat !important;
								-webkit-mask-position: center center !important;
								mask-position: center center !important;
								border:solid #aa0000 2px;
								transition:background-color .2s ease-in-out;
							}
					.sheetColumn .imageColumn{
						width:200px;
						flex-grow:0;
						flex-shrink:0;
						height:auto;
					}
						.sheetColumn .imageColumn img{
							position:relative;
							width:100%;
							border-radius:10px;
							margin-bottom:5px;
						}
						
						.sheetColumn .imageColumn button{
							position:relative;
							display:block;
							width:100%;
							height:40px;
							background-color:#aa0000;
							border:solid #444444 1px;
							border-radius:5px;
							font-weight:300;
							font-size:16px;
							text-align:center;
							box-sizing:border-box;
							padding:6px;
							color:#ffffff;
							cursor:pointer;
							font-family:'Germania One',cursive;
							transition:color .2s ease-in-out, background-color .2s ease-in-out, border-width .2s ease-in-out, background-image .2s ease-in-out;
						}
						.sheetColumn .imageColumn a{
							width:100%;
							text-decoration:none;
						}
							.sheetColumn .imageColumn button:hover{
								color:#444444;
								background-color:#ffffff;
								border-width:1px;
								background-image:none;
							}
					.sheetColumn .remarkColumn{
						padding-top:20px;
						width:100%;
					}
		#loadMore{
			position:relative;
			display:none;
			margin:40px auto 0 auto;
			width:150px;
			height:auto;
			background-color:#aa0000;
			border:solid #000000 1px;
			border-radius:25px;
			font-weight:400;
			font-size:20px;
			text-align:center;
			box-sizing:border-box;
			padding:4px;
			color:#ffffff;
			cursor:pointer;
			font-family:'Germania One',cursive;
			transition:color .2s ease-in-out, background-color .2s ease-in-out, border-width .2s ease-in-out, background-image .2s ease-in-out;
		}
		#loadMore:hover{
			color:#000000;
			background-color:#ffffff;
			border-width:1px;
			background-image:none;
		}
		#noCourseResultsCont{
			position:relative;
			text-align:center;
			color:#999999;
			display:none;
		}
			#noCourseResultsCont span{
				display:block;
				margin:0 auto;
				width:60px;
				height:60px;
				background-color:#999999;
				-webkit-mask: url(../resources/web/exclamationIcon.svg);
				mask: url(../resources/web/exclamationIcon.svg);
				-webkit-mask-size:contain;
				mask-size:contain;
				-webkit-mask-repeat: no-repeat !important;
				mask-repeat: no-repeat !important;
				-webkit-mask-position: center center !important;
				mask-position: center center !important;
			}
		
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#ajaxLoaderSpinner{
	display:none;
	opacity:0;
}
.loaderSpinner{
	position:relative;
	width:80px;
	height:80px;
	margin:0 auto;
	background-image:url(../resources/web/loaderSpinnerRed.png);
	background-repeat:no-repeat;
	background-size:100%;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}

#formBG{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	overflow:auto;
	display:none;
	opacity:0;
	transition:opacity .2s ease-in-out;
}
	#formCont{
		position:relative;
		margin:70px auto;
		width:100%;
		max-width:560px;
		height:auto;
		padding:20px;
		background-color:#fff;
		border:solid #aa0000 2px;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		border-radius:10px;
		text-align:center;
		font-size:16px;
		font-weight:normal;
		color:#aa0000;
		box-sizing:border-box;
	}
		.formClass{
			display:none;
		}
			.formClass b{
				display:block;
				padding-bottom:10px;
			}
			#formCont .formClass table{
				position:relative;
				width:100%;
				border-collapse:collapse;
			}
				#formCont .formClass  table tr{
					position:relative;
				}
					#formCont .formClass  table tr .tdIzq{
						width:25%;
						padding:10px 5px 10px 0px;
						font-size:14px;
						font-weight:normal;
						text-align:right;
						color:#aa0000;
					}
					#formCont .formClass  table tr .tdDer{
						width:50%;
						padding:10px 0px 10px 5px;
						font-size:14px;
						font-weight:normal;
						text-align:left;
						color:#aa0000;
					}
						#formCont .formClass  table tr .tdDer input:not([type='checkbox']), #formCont .formClass  table tr .tdDer select{
							border-radius:5px;
							border:solid #aa0000 1px;
							width:calc(100% - 5px);
							height:30px;
							color:#aa0000;
							box-sizing:border-box;
							padding:5px;
						}
						#formCont .formClass  table tr .tdDer select{
							cursor:pointer;
						}
						#formCont .formClass  table tr .tdDer textarea{
							border-radius:5px;
							border:solid #aa0000 1px;
							width:calc(100% - 5px);
							height:120px;
							color:#aa0000;
							box-sizing:border-box;
							padding:5px;
							resize: none;
						}
						#formCont .formClass  table tr .tdCenter{
							width:50%;
							padding:10px 0px 10px 0px;
							font-size:14px;
							font-weight:normal;
							text-align:center;
							color:#aa0000;
						}
							#copyLastEdit{
								cursor:pointer;
							}
							#copyLastEdit:hover{
								opacity:.8;
							}
							
							#formCont .formClass  table tr .tdDer input[type='radio']{
								width:15px;
								height:15px;
								vertical-align:middle;
								margin-bottom:7px;
								cursor:pointer;
							}
							#documentsContDec > div{
								display:flex;
								align-items:center;
								margin-bottom:10px;
							}
								#documentsContDec > div > .deleteDocumentDec{
									width:17px;
									height:17px;
									background-image:url('../../resources/web/deleteIcon.svg');
									background-size:17px 17px;
									margin-right:10px;
									cursor:pointer;
									flex-shrink:0;
									transition:opacity .2s ease-in-out;
								}
								#documentsContDec > div > .deleteDocumentDec:hover{
									opacity:0.6;
								}
								#documentsContDec > div > a{
									color:#aa0000;
									text-decoration:none;
								}
								#documentsContDec > div > a:hover{
									text-decoration:underline;
								}
				.buttonsDown{
					position:relative;
					width:100%;
					height:34px;
					white-space:nowrap;
					padding:20px 0px 0px 0px;
					display:block;
				}
					.OKButton{
						position:absolute;
						left:calc(50% + 10px);
						width:100px;
						height:30px;
						margin:0 auto;
						background-color:#aa0000;
						border:solid #aa0000 1px;
						color:#ffffff;
						box-sizing:border-box;
						border-radius:5px;
						padding:3px;
						display:block;
						cursor:pointer;
						font-size:20px;
						font-weight:400;
						transition:background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
						background-image:url('../../resources/web/buttonSearchBG.jpg');
						background-position:center;
						background-size:cover;
						font-family:'Germania One',cursive;
					}
					.OKButton:hover{
						background-image:none;
						border-color:#000000;
						background-color:#fff;
						color:#000000;
					}
					.cancelButton{
						position:absolute;
						left:calc(50% - 110px);
						width:100px;
						height:30px;
						margin:0 auto;
						background-color:#aa0000;
						border:solid #aa0000 1px;
						color:#ffffff;
						box-sizing:border-box;
						border-radius:5px;
						padding:3px;
						display:block;
						cursor:pointer;
						font-size:20px;
						font-weight:400;
						transition:background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
						background-image:url('../../resources/web/buttonSearchBG.jpg');
						background-position:center;
						background-size:cover;
						font-family:'Germania One',cursive;
					}
					.cancelButton:hover{
						background-image:none;
						border-color:#000000;
						background-color:#fff;
						color:#000000;
					}
@media (max-width:1024px){
	#searchFormCont{
		max-width:768px;
	}
}
@media (max-width:768px){
	#searchFormCont{
		max-width:600px;
	}
		#searchLogoCont img{
			width:100px;
		}
		#searchLogoCont h1{
			font-size:60px;
			margin-bottom:10px;
		}
			#searchLogoCont h1 span{
				font-size:24px;
				padding-top:8px;
			}
}
@media (max-width:600px){
	#searchFormCont{
		max-width:450px;
	}
		#searchLogoCont img{
			width:80px;
		}
		#searchLogoCont h1{
			font-size:45px;
			margin-bottom:8px;
		}
			#searchLogoCont h1 span{
				font-size:18px;
				padding-top:6px;
			}
		#searchInputsCont{
			flex-direction:column;
		}
			#searchInputsCont input{
				width:100%;
				margin-bottom:10px;
			}
		#searchButton{
			width:200px;
			margin-top:10px;
		}
	#resultsCont{
		margin:20px auto;
	}
		#resultsInfo{
			font-size:18px;
		}
		.infoColumn{
			width:calc(100% - 60px);
		}
			.infoColumn h2{
				font-size:14px;
			}
			.infoColumn h3{
				font-size:12px;
			}
		.buttonColumn{
			width:60px;
		}
			.buttonColumn button{
				font-size:14px;
				height:auto;
				padding:4px;
			}
	#loadMore{
		margin:20px auto 0 auto;
	}
	.sheetColumn{
		position:relative;
		width:100%;
		height:auto;
		max-height:0;
		padding-top:0;
		display:flex;
		overflow:hidden;
		transition:max-height .2s ease-in-out;
		flex-wrap:wrap;
	}
		.sheetColumn .mapColumn{
			width:100%;
			margin-right:0;
		}
		.sheetColumn .imageColumn{
			margin-top:20px;
			width:100%;
		}
}