/* here you can put your own css to customize and override the theme */

#mensajes:hover {
  background: #c9c9c9;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.has-error {
	color: #e73d4a;
}

label.error  {
	color: #e73d4a;
	font-size: 90%;
	display: block;
	width: 100%;
}


input.error {
   border: 1px solid #e73d4a;
}

.primeraColumnaImagen {
	padding-left: 0px;
	padding-right: 0px;
}

.segundaColumnaColor {

}

.footer {
	background: url('../img/bg-footer.jpg') repeat-x left bottom;
	padding-bottom: 15px;
}
.botonesTabla {
float: right;
}
.dt-buttons {
	float: right;
	
}
.hoverPersonalizado:hover {
	background: #ee3517;

}

table.dataTable > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

table.dataTable > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
     margin:20px;
}

table.dataTable > tbody > tr.child ul li{  
  float:left;
  display: inline-block;
  width:50%;
  border: 0px;
}

table.dataTable > tbody > tr.child span.dtr-title {
    width: 100%;
    border-bottom: 1px solid #efefef;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    background-color: #578ebe;

}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    background-color: #578ebe;
    content: "-";
}