.focus{
	border-bottom: 1px solid #6db3e1 !important;
}



#obligatorio{
	color: red;
}

.opacity{
	opacity: 0.5;
}
/* Estilos para los modal */

.modalHeader {

	background-color: #009688;
	color: white;
}

.modalFooter {

	background-color: #CCCCCC;
}

/* Estilo para ocultar */

.oculto {

	display: none;
}

/* Fondo para los inputs disabled */

.inputDisabled {

	background-color: #a9a9a940;
}

html input[disabled] {
	background-color: #a9a9a940;
}

body {
	/*background-image: url("../img/fondo/1.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed; 
}

table.dataTable{ /* Ancho de todas las tablas */

	width: 100%;
}

/*table.dataTable td:first-child {

	width: 1%;
}*/

table.dataTable thead tr th {  /* Ancho de las columnas de todas las tablas */

	width: 1%;
	white-space:nowrap;
	overflow: auto;
}

table.dataTable tbody tr td {  /* Ancho de las columnas de todas las tablas */

	text-align: center;
}

/* Manito al entrar en la tabla evento en el icono de + */
td > i.details-control { 
	/*background: url('../resources/details_open.png') no-repeat center center;*/
	cursor: pointer;
}

.info-box { /* Cursor en el modulo reporte */

	cursor: pointer;
}

.card > .header { /* Separa el titulo de los modulos de los botones */
	margin-bottom: 1%;
	background-color: #152c81;
	color: white;
}

.card > .header > h2 { /* Separa el titulo de los modulos de los botones */

	color: white;
}
.title { /* Separa el titulo de los modulos de los botones */

	margin-bottom: 1%;
	background-color: #00BCD4;
	color: white;
}
.title > h2 {  Separa el titulo de los modulos de los botones 

	color: white;
}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:green;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 99;
}

.icon-float{
	margin-top:30%;
}

.btn-circle i{
	margin-top:30%;
}

.texto {
	text-align: center;
}

.button{
	margin-bottom: 5%;
}

marquee {
  padding: 10px;
  /*color: #306959;*/
  text-transform: uppercase;
  /*font-size: 24px;*/
  font-family: 'Anton', sans-serif;
  font-weight: bold;
}

i.marquee {
	color: #ffa500;
	font-size: 15px;
}