/* Your custom css code goes here */
table tr th {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sorting {
  background-color: #D4D4D4;
}

.asc:after {
  content: ' ↑';
}

.desc:after {
  content: " ↓";
}



div.tituloNovedad {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
color: #ffffff;
font-size: 24px;
font-weight: 400;
text-align: left;
background: #1C0D02;
margin: 0 0 5px;
overflow: hidden;
padding: 2px;
border-radius: 35px 0px 35px 0px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 2px solid #5878ca;
opacity: 0.8;
}

div.subtituloNovedad {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
color: #ffffff;
font-size: 18px;
font-weight: 400;
text-align: left;
background: #5e544f;
margin: 0 0 5px;
overflow: hidden;
padding: 2px;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 2px solid #5878ca;
opacity: 0.8;
}


div.textoNovedad {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
color: #191919;
font-size: 16px;
font-weight: 400;
text-align: left;
background: #FDF5E6;
margin: 0 0 5px;
overflow: hidden;
padding: 2px;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 0px 0px 10px 10px;
border: 2px solid #5878ca;
opacity: 0.8;
}




/* ESTILOS ACORDEON Normativas */
/* (A) TABS CONTAINER */
.tab, .tab * {
  font-family: arial, sans-serif;
  box-sizing: border-box;
}
.tab { max-width: 100%; }

/* (B) HIDE CHECKBOX */
.tab input { display: none; }

/* (C) TAB LABEL */
.tab label {
  /* (C1) DIMENSIONS */
  position: relative; /* required for (f2) position:absolute */
  display: block;
  width: 100%;
  margin-top: 1px;
  padding: 1px;

  /* (C2) COSMETICS */
  font-weight: 700;
  color: #fff;
  background: #2d5faf;
  cursor: pointer;
}

/* (D) TAB CONTENT - HIDDEN BY DEFAULT */
/* css animation will not work with auto height */
/* this is why we use max-height instead */
.tab .content {
  background: #ccdef9;
  overflow: hidden;
  transition: max-height 0.3s;
  max-height: 0;
}
.tab .content p { padding: 1px; }

/* (E) OPEN TAB CONTENT ON CHECKED */
.tab input:checked ~ .content { max-height: 100vh; }

/* (F) EXTRA - ADD ARROW INDICATOR */
.tab label::after {
  /* (F1) RIGHT ARROW */
  display: block;
  content: "\25b6";

  /* (F2) PLACE AT RIGHT SIDE */
  position: absolute;
  right: 10px; top: 1px;

  /* (F3) ANIMATED ARROW */
  transition: all 0.4s;
}

/* (F4) ROTATE ARROW ON CHECKED */
.tab input:checked ~ label::after { transform: rotate(90deg); }
/* FIN ESTILOS ACORDEON Normativas */