#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000 !important;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 10000;
}

.error{
	color: #b50101 !important;
	font-size: 10px;
	font-weight: 700;
}

#mainnav-menu > li > a:hover,
#mainnav-menu > li > a:active{
	cursor: pointer;
	background: #fff;
}

@media (min-width: 768px){
	#container.mainnav-sm #mainnav-menu li > a:hover {
		background: #b6bec7;
		border-radius: 0px;
	}
}

/*
 * Estilos para el panel de Tabs
 */
 .panel-default .nav-tabs li a {
 	color: #032124;
 }

 .nav .open > a {
 	color: #767d7d !important;
 }

 .nav-tabs > li > a:hover {
 	color: #767d7d !important;
 	border-radius: 3px 3px 0 0;
 }

 .nav-tabs>li>a:hover {
 	color: #3a444e !important;
 }

 .dropdown-menu > li:hover {
 	cursor: pointer;
 	background: #eaf1fb;
 }

 .dd-list .dd-list > .dd-item:hover {
 	cursor: default;
 }

/*
 * Estilos para la tablaseleccionada
 */
 #container .table-bordered tr.active td{
 	background-color: #cedce6;
 	font-weight: bold;
 }

 #container .table th,
 #container .table-bordered th  {
 	font-size: 11px;
 	font-weight: 600;
 	border: 1px solid rgba(90, 2, 26, 0.98);
 	color: #ffffff;
 	background: #ab1d44;
 	text-align: center;
 }

 input[type=checkbox], input[type=radio] {
 	height: 20px;
 	width: 20px;
 }

 table.dataTable tbody {
 	background: #fff !important;
 }

 div.dataTables_wrapper div.dataTables_filter input {
    width: 75%;
}

/*
 * Estilos para los espacios de checkbox
 */
 .checkbox label, .radio label{
 	line-height: 25px;
 }

 .radio input[type=radio]{
 	margin-left: -25px;
 }
 .checkbox label, .radio label{
 	padding-left: 25px;
 }

 .magic-checkbox + label:not(:empty){
 	text-indent: 20px;
 }

/*
--Estilos boton On-Off Switch
*/
.onoffswitch {
  position: relative !important;
  width: 100px !important;
  height: 35px !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

.onoffswitch-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.onoffswitch-label {
  display: block !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border: 2px solid #A50431 !important;
  border-radius: 0px !important;
  height: 35px !important;
  line-height: 30px !important;
}

.onoffswitch-inner {
  display: block !important;
  width: 200% !important;
  margin-left: -100% !important;
  transition: margin 0.3s ease-in 0s !important;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block !important;
  float: left !important;
  width: 50% !important;
  height: 35px !important;
  padding: 0 !important;
  line-height: 31px !important;
  font-size: 10px !important;
  color: white !important;
  font-family: Trebuchet, Arial, sans-serif !important;
  font-weight: bold !important;
  box-sizing: border-box !important;
}

.onoffswitch-inner:before {
  content: "Activado" !important;
  padding-left: 10px !important;
  background-color: #A50431 !important;
  color: #FFFFFF !important;
}

.onoffswitch-inner:after {
  content: "Desactivado" !important;
  padding-right: 10px !important;
  background-color: #FFFFFF !important;
  color: #999999 !important;
  text-align: right !important;
}

.onoffswitch-switch {
  display: block !important;
  width: 18px !important;
  margin: 0px !important;
  background: #FFFFFF !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 82px !important;
  border: 2px solid #A50431 !important;
  border-radius: 0px !important;
  transition: all 0.3s ease-in 0s !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0 !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px !important;
}