.checkbox Label {
	display: inline-block !important;
	padding: 3px;
	text-transform: lowercase;
}

.ValidationSummary {
	color: #FF0000 !important;
}

.ValidationSummary ul {
	color: #FF0000 !important;
	list-style: square;
}

.RequiredFieldValidator {
	color: #FF0000;
}

.CompareValidatorPagina {
	color: #FF0000;
	font: 90% 'Segoe UI';
}

.TablaSeparador {
	width: 100%;
	margin-top: 20px;
}

.BotonPaginaOculto {
	display: none !important;
}

.ReportViewer {
	background-color: White !important;
}

.GridHeaderOculto {
	display: none;
}

.GridItemOculto {
	display: none;
}

.GridAltItemOculto {
	display: none;
}

.li-no-hover:hover {
	background-color: transparent !important;
	border-color: transparent !important;
}

.noTituloDialogo .ui-dialog-titlebar {
	display: none !important;
}

/*Esto es para eliminar los spinners*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}
/*FIN Esto es para eliminar los spinners*/

.CeldaTablaGrid {
	vertical-align: middle !important;
	font-size: 18px !important;
}

.checkbox.input-control input[type='checkbox']:checked ~ .check::before,
 .radio.input-control input[type='checkbox']:checked ~ .check::before,
 .checkbox.input-control input[type='radio']:checked ~ .check::before,
 .radio.input-control input[type='radio']:checked ~ .check::before {
	border-color: #008a00 !important;    
}


.switch input:checked ~ .check {
	background-color: #008a00 !important;
}


.metro .pagination > ul li a {
	padding: 8px 20px !important;
	margin-bottom: 2px;
}


.input-control.select select {
	padding-right: .3125rem !important;
}

.DivBackgroundPreloader {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 9999999;    
}

.DivPreloader {
	/*margin: auto;*/        
	margin-top: 25%;
}

.DivPreloader > .circle {
	opacity: inherit;        
}

.d-menu {
	max-width: 100% !important;
	border: 2px solid #60a917 !important;    
}

.bg-transparent {
	background-color: transparent !important;
}

.shortcut-button:focus {
	/*-webkit-box-shadow: 0 0 16px 10px lawngreen;
	-moz-box-shadow: 0 0 16px 10px lawngreen;
	box-shadow: 0 0 16px 10px lawngreen;*/
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}

#ContenedorMenuArchivo .shortcut-button {
	width: 7rem;
	height: 7rem;
	font-size: 0.85rem;
	margin-left: .05625rem;
	margin-right: .05625rem;
}

.button:focus {
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}

.input-control input:focus {
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}

.input-control textarea:focus {
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}

/*switch-original input*/

.switch:focus-within {
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}

.hint {
	z-index:1051 !important;
}
.hint2 {
	z-index: 1051 !important;
}


td.dt-wrap {
	white-space: break-spaces;	
	font-size: 10px !important;
}

.dataTable.hovered tbody tr:hover {
	background-color: #6a00ff !important;
	color: white !important;
}

	.dataTable.hovered tbody tr:hover:nth-child(odd) {
		background-color: #6a00ff !important;
		color: white !important;
	}

table.dataTable tbody tr:hover > .dtfc-fixed-start,
table.dataTable tbody tr:hover > .dtfc-fixed-end {
	background-color: #6a00ff !important;
	color: white !important;
}

table.dataTable thead tr:hover > .dtfc-fixed-start,
table.dataTable thead tr:hover > .dtfc-fixed-end,
table.dataTable tfoot tr:hover > .dtfc-fixed-start,
table.dataTable tfoot tr:hover > .dtfc-fixed-end {
	background-color: #6a00ff !important;
	color: white !important;
}

table.dataTable thead tr:hover > th,
table.dataTable tfoot tr:hover > th {
	background-color: #6a00ff !important;
	color: white !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}

.select2-container--default.select2-container--focus .select2-selection--single {
	outline-width: 3px;
	outline-style: dashed;
	outline-offset: 3px;
	outline-color: red;
}