/*html, body, .page, .main-wrap, v-app, v-layout, v-dialog{ min-height: 100vh !important; width: 100% }*/
	body{ background-color: rgba(240, 240, 240, 1) }
	:not(:root):-webkit-full-screen::backdrop{ background-color: rgba(240, 240, 240, 1) }
	::-webkit-scrollbar{ width: 8px; height: 8px }
	::-webkit-scrollbar-track{ background-color: rgba(0, 0, 0, .1) }
	::-webkit-scrollbar-thumb{ background-color: rgba(47, 100, 248, 0.8) }
	::-webkit-scrollbar-thumb:hover{ background-color: rgb(3, 44, 158) }
	:not(:root):-moz-full-screen::backdrop{ background-color: rgba(240, 240, 240, 1) }
	::-moz-scrollbar{ width: 8px; height: 8px }
	::-moz-scrollbar-track{ background-color: rgba(0, 0, 0, .1) }
	::-moz-scrollbar-thumb{ background-color: rgba(47, 100, 248, 0.8) }
	::-moz-scrollbar-thumb:hover{ background-color: rgb(3, 44, 158) }
	.shadowed{ box-shadow: 1px 3px 5px rgba(0, 0, 0, .5) }
	.full{ width: 100% !important }
	.input-bordered{ border: solid 1px rgba(0,0,0,.1); width: 4em; padding: .1em .5em }
/* Modal */
	.v-overlay.v-overlay--active{ height: 100vh !important }
	.card-beneficiarios{ border: dotted 1px rgba(0, 0, 0, .5) }
	.card{ box-shadow: 3px 3px 10px rgba(0, 0, 0, .5) }
/* Estilos de datatable */
	thead tr th{ font-size: 110% !important }
	tr td{ font-size: 110% !important }
	.mobile{ color: #333 }
	a{ cursor: pointer }
	.relative{ position: relative }
	.absolute{ position: absolute }
	.btn-primary{ background: #192a56 !important; border-color: #192a56 !important }
	.text-primary{ color: #192a56 !important }
	/*.v-datatable__actions__select{ display: none }*/
	@media screen and (max-width: 768px){
		.mobile table.v-table tr{ max-width: 100%; position: relative; display: block }
		.mobile table.v-table tr:nth-child(odd){ border-left: 6px solid darkred }
		.mobile table.v-table tr:nth-child(even){ border-left: 6px solid darkblue }
		.mobile table.v-table tr td{ display: flex; width: 100%; border-bottom: 1px solid #f5f5f5; height: auto; padding: 10px }
		.mobile table.v-table tr td ul li:before{ content: attr(data-label); padding-right: .5em; text-align: left; display: block; color: #999 }
		.v-datatable__actions__select{ margin: 0px; justify-content: flex-start }
		.v-menu__content{ position: fixed !important }
		.mobile .theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row){ background: transparent }
		.input-datepicker{
			position: relative !important;
			margin-bottom: 15px !important
		}
	}
	@media screen and (max-width: 1500px){ tr td{ font-size: 90% !important } }
	.flex-content{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; width: 100% }
	.flex-item{ padding: 5px; width: 50%; height: 40px; font-weight: bold }
	.application--wrap{ min-height: 0 }
/* Control de tiempos */
	#bannersuperior{
		background-color: #192a56;
		background-size: 100px
	}
	.titulo-cargo{ font-weight: 600; text-shadow: 1px 1px 3px white; color: #34466d }
	.nombre-foto{ margin-top: -2em; font-weight: 800; color: white; text-shadow: 0px 0px 5px black; vertical-align: top }
	#contenedor_reloj{ width: 100% }
	.border-cuadrilla{
		border: solid 1px rgba(0,0,0,.1);
		border-style: dotted !important
	}
	.boton-borrar-fecha{
		position: absolute;
		top: 1.8em;
		right: 0;
		z-index: 1
	}