/* General */
body{
	background: #ffffff;
    color: #575756;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    /*text-transform: uppercase;*/
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 300;
    letter-spacing: 1px;
}
/* Tabla */
.tabla-wrapper {
  margin: 0 auto 20px;
  width: 100%;
  min-width: 480px;
  max-width: 720px;
  border: 4px solid #bfbfbf;
  border-radius: 40px;
  overflow: hidden;
}

.tabla {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  color: #4d4d4d;
}
.tabla th,
.tabla td {
  padding: 1em;
  border: 1px solid #bfbfbf;
  text-align: center;
}
.tabla th {
  padding: 5px 0 0;
  border-top: 0;
  font-weight: normal;
  text-transform: uppercase;
}
.tabla th img {
  transform: translateY(18px);
}
.tabla th:last-child,
.tabla td:last-child {
  border-right: 0;
}
.tabla th:first-child,
.tabla td:first-child {
  border-left: 0;
}
.tabla td {
  border-bottom: 0;
}
.tabla__title1 {
  color: #fff;
  background: #4d4d4d;
}
.tabla__title2 {
  color: #fff;
  background: #db0021;
  background: -webkit-linear-gradient(#db0021 0%, #9d0014 100%);
  background: -o-linear-gradient(#db0021 0%, #9d0014 100%);
  background: linear-gradient(#db0021 0%, #9d0014 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0021', endColorstr='#9d0014',GradientType=0 );
}
.label {
    display: inline-block;
    padding: 0.5em 1em;
    color: #fff;
    background: #4d4d4d;
    border-radius: 10px;
}
.label--red {
  background: #db0021;
  background: -webkit-linear-gradient(#db0021 0%, #9d0014 100%);
  background: -o-linear-gradient(#db0021 0%, #9d0014 100%);
  background: linear-gradient(#db0021 0%, #9d0014 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0021', endColorstr='#9d0014',GradientType=0 );
}
.label--medium {
  padding: 1em 1em;
}
.label--big {
  padding: 1.5em 1em;
}
#rowDetalle {
  display: none;
}
.background-gris{
  background: #4d4d4d;
  color :#ffffff;
}
.background-rojo{
  color: #fff;
    background: #db0021;
    background: -webkit-linear-gradient(#db0021 0%, #9d0014 100%);
    background: -o-linear-gradient(#db0021 0%, #9d0014 100%);
    background: linear-gradient(#db0021 0%, #9d0014 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0021', endColorstr='#9d0014',GradientType=0 );
}
.boxgray {
    background-color: rgba(102,102,102,1.00);
	padding: 10px;
	border-radius: 15px;
	width: 100%;
	display: inline-block;
}
h3{
	margin-top: 0px;
	margin-bottom: 0px;
}
th p, td p {
	margin: 0 0 0px;
}
.mas-detalle {
    display: inline-block;
    color: #db0021;
    text-decoration: none;
    padding-left: 30px;
    line-height: 24px;
    background: url(../img/mas.png) no-repeat left center;
}
active span, .online {
background: transparent url("images/active.gif") 0 4px no-repeat;
padding-left: 0px;
}
button[disabled], html input[disabled] {
	cursor: no-drop;
	opacity: 0.5;
}
.alert.fadein,
.alert.fadein.alert-danger,
.alert.fadein.alert-warning {
	background-color: transparent;
	border-color: #db0021;
	color: #db0021;
	margin: auto;
	max-width: 70%;
	/* max-width: 480px; */
	text-align: center;
	font-weight: bold;
}
span.bficon,
span.bficon.bficon-error-circle-o.bf-message-icon,
span.bficon.bficon-warning-triangle-o.bf-message-icon{
	display: none;
}
.alert.fadein .close,
.alert.fadein.alert-danger .close,
.alert.fadein.alert-warning .close{
	display:none;
}

.container-radio{
	padding:0px;
}
.radio, .checkbox {
	position: relative;
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
	z-index: 0;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	position: relative;
	margin-left: -13px;
}
.radio-inline{
	padding:0px;
}
.radio label, .checkbox label {
	padding-left: 15px;
}
/*loader ---------------------------------------*/
#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../img/loader.gif');
    background-color: white;
    background-size: 12%;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.show
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
div.content {
   width : 1000px;
   height : 1000px;
}
input[type="radio"], input[type="checkbox"] {
z-index: 1 !important;
}