/*======================= COMISIÓN 1 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab1 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab1 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab1 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab1 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent1 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 2 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab2 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab2 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab2 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab2 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent2 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 3 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab3 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab3 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab3 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab3 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent3 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 4 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab4 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab4 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab4 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab4 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent4 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 5 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab5 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab5 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab5 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab5 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent5 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 6 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab6 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab6 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab6 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab6 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent6 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 7 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab7 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab7 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab7 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab7 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent7 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 8 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab8 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab8 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab8 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab8 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent8 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}
.topright:hover {
  color: red;
}

/*======================= COMISIÓN 9 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab9 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab9 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab9 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab9 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent9 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 10 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab10 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab10 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab10 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab10 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent10 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 11 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab11 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab11 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab11 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab11 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent11 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 12 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab12 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab12 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab12 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab12 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent12 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 13 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab13 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab13 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab13 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab13 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent13 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 14 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab14 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab14 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab14 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab14 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent14 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

/*======================= COMISIÓN 15 =================================*/

body {
  font-family: "Lato", sans-serif;
}

/* Style the tab */
div.tab15 {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab15 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab15 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab15 button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent15 {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.topright:hover {
  color: red;
}

.cargo {
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 900;
  margin: 5px 22px 4px 22px;
}

.puestos {
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
  margin: 6px 0px 0px 0px;
}

.nombres {
  text-align: center;
  font-size: 18px;
  font-family: sans-serif;
  font-weight: normal;
  padding: 6px 0px 0px 0px;
  margin-bottom: 8px !important;
}

.comision {
  margin: 0px 0px 20px 0px;
  border-radius: 11px;
  height: 155px;
  width: 155px;
  box-shadow: 0px 0px 2px 4px #5e3686;
  /* background-image: linear-gradient(60deg, #5E3686, #C45C91); */
}

.secretaria {
  font-size: 16px;
  place-content: center;
  height: 202px;
  margin: 7px 0px 0px 0px;
}

.comisiones {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  height: 66px;
  place-content: center;
  padding: 10px;
  display: grid;
}

.v-tabs-slider {
  width: 100%;
  height: 100%;
  background: #603986;
}

.informacion_relevante {
  font-size: 14px;
  text-align: center !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  font-weight: 700;
  padding: 0px !important;
}

.v-expansion-panel {
  color: #5e3686 !important;
  caret-color: #5e3686;
  border: thin solid;
  margin-top: 30px;
  border-width: 2px;
}

.theme--light.v-list-item:hover:before {
  opacity: 0.0;
}

@import url("https://fonts.googleapis.com/css2?family=DM+Sans&family=DM+Serif+Text&display=swap");

.cardAyA {
  color: #253d4a;
  font-family: "DM Sans", sans-serif;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  background: var(--r);
  text-shadow: 2px 1px 2px #fff;
}

.numberAyA {
  color: #5e3686;
  display: block;
  font-family: "DM Serif Text", serif;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 4rem;
}

v-slide-group-item {
  margin: 10px 18px;
}

i.v-icon.notranslate.mdi.mdi-file-pdf-outline.theme--light {
  color: #5e3686;
}

.highcharts-figure,
.highcharts-data-table table {
  min-width: 310px;
  max-width: 1200px;
  margin: 1em auto;
}

#chart, #chartTemp, #chartGeneralPermanente, #chartGeneralTemporal {
  height: 600px;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

/* COLORES IEEN */
:root {
  --encabezado: #673e84;

  --purple-ieen-1: #863399;
  --purple-ieen-2: #a25eb5;
  --purple-ieen-3: #bb83ca;

  --pink-ieen-1: #b32572;
  --pink-ieen-2: #cc5599;
  --pink-ieen-3: #dd85ba;

  --gray-ieen-1: #76777a;
  --gray-ieen-2: #98989a;
  --gray-ieen-3: #b1b1b1;
}


.cardAyAT {
  color: #253d4a;
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 2px 1px 2px #fff;
}

.cardAyATFecha {
  color: #000000;
  font-family: "DM Sans", sans-serif;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  margin: 18px 0px 14px 0px;
  background: #b1b1b1;
  text-shadow: 0px 0px 6px #fff;
  height: 33px;
  place-content: center;
}


v-slide-group-item {
  margin: 10px 18px;
}

i.v-icon.notranslate.mdi.mdi-file-pdf-outline.theme--light {
  color: #5e3686;
}

.v-item-group {
  margin: 0px 0px 0px 0px;
}

.v-tabs-slider {
  width: 100%;
  height: 100%;
  background: #603986;
}
.icon {
  background: var(--trimestre);
  margin-right: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.ListaTrimestre {
  font-size: 16px;
  display: grid;
}

.ListaTrimestre span {
  font-weight: 600;
  margin: 0px 16px 0px 0px;
}

button.v-btn.v-btn--is-elevated.v-btn--has-bg.theme--light.v-size--default {
  height: 22px;
  width: 22px;
  min-width: 22px;
  margin-left: 26px;
  background-color: #fff;
  box-shadow: 0px 0px 0px #fff;
  place-content: center;
  justify-content: center;
  padding: 0px;
}

.theme--light.v-btn:hover:before {
    opacity: .0;
}
.theme--light.v-btn:focus:before {
  opacity: .0;
}

.theme--light.v-icon.v-icon.v-icon--disabled {
  color: #0009 !important;
}

@media only screen and (max-width: 800px) {
  .titulos span {
    font-size: 28px;
  }

  .theme--light.v-tabs > .v-tabs-bar {
    background-color: #fff;
    margin-bottom: 116px;
  }
  .cargo {
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 22px;
  }
  .secretaria {
    height: 311px;
    margin: -89px 0px 0px 0px;
    display: flow;
    font-size: 12px;
  }

  .theme--light.v-tabs-items {
    margin-top: -111px;
  }

  .comisiones {
    height: 133px;
  }
}