@charset "UTF-8";

/* IMPORTACION FUENTE */
@font-face {
  font-family: 'Comfortaa-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Comfortaa/Comfortaa-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Comfortaa-SemiBold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Comfortaa/Comfortaa-SemiBold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Comfortaa-Bold';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Comfortaa/Comfortaa-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Century-Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/CenturyGothic/centurygothic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Century-Gothic-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/CenturyGothic/centurygothic_bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Source Sans Pro Light';
  font-style: normal;
  src: url(../fonts/SourceSansPro/SourceSansPro-Light.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Arial-Black';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Arial/Arial-Black.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* IMPORTACION FUENTE */

@import url('https://rsms.me/inter/inter.css');

:root {
  --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

body {
  font-feature-settings: "cv03", "cv04", "cv11";
}

.Text-Name {
  font-size: 11px;
}

.Text-Name-table {
  font-size: 9px;
}

.info-vencimiento {

  position: absolute;
  z-index: 2000;
  right: 47px;
  top: 85px;
  font-weight: 800;
  font-size: 15px;

}

.text-justify {
  text-align: justify !important;
}

.link-publicidad {
  text-decoration: none;
  background-color: #000000a1;
  color: white;
  padding: 6px 35px;
  border-radius: 6px;
  font-size: 17px;
}

.link-publicidad:hover {
  color: #1764d2;
  text-decoration: none;
  background-color: #00000030;
}

.bg-plataforma {
  background-color: #314a86 !important;
}

.bg-plataforma-sub {
  background-color: #5F6464 !important;
}

.text-center-vencimiento {
  text-align: -webkit-center !important;
}

/* Style Manual instrutivo */
.close-manual {
  font-size: 31px;
  position: absolute;
  right: 6px;
  color: white;
  z-index: 45;
}

.header-manual {
  /*display: block;
    width: 100%;
    background: #03A9F4;*/
  text-align: -webkit-center;
  /*padding: 25px 204px;
	background-image: url(../../images/iconos.jpg);*/
}

.header-manual img.iconos {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0.1;
}

.header-manual img {
  position: relative;
}

.modal-manual .modal-content {
  border: 0px;
}

.modal-manual .modal-content .modal-body {
  padding: 0px 0px 26px 0px;
}

.contenido-manual h4 {
  font-size: 30px;
  font-family: "Source Sans Pro Light";
  color: #03A9F4;
  margin-bottom: 13px;
}

.contenido-manual h5 {
  font-size: 30px;
  font-family: "Source Sans Pro Light";
  margin-bottom: 16px;
}

.contenido-manual p {
  margin-bottom: 0px;
}

.select-contenido-manual:checked+.selectgroup-button {
  border-color: #03A9F4;
  z-index: 1;
  color: #03A9F4;
  background: #edf2fa;
}

.item-manual {
  display: inline-block;
  width: 36%;
  text-align: -webkit-left;
  margin-top: 7px;
}

.item-registro {
  display: inline-block;
  width: 31%;
  text-align: -webkit-center;
  margin: 9px 0;
}

.botones .selectgroup .selectgroup-item:hover .selectgroup-button {
  color: #03A9F4;
}

.pregunta {
  padding: 0px 4px !important;
  font-size: 14px;
}

/* STYLE MENU */
.navbar-nav li.nav-item:hover {
  transition: all .5s;
  background-color: white;
  border-radius: 13px;
}

.navbar-nav li.nav-item:hover a.nav-link,
.navbar-nav li.nav-item:hover .dropdown-menu-columns .dropdown-menu-column a {
  color: black;
}

li.nav-item.active {
  background-color: #b02404;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.navbar-expand-lg .nav-item.active:after {
  border: 0 var(--tblr-border-style) #9a3a07;
}

li.nav-item.active a span.nav-link-icon {
  color: white;
}

li.nav-item {
  margin-bottom: 9px;
}

.navbar-plataforma {
  background: #352521;
}

/* STYLE LENGUAJE */

.txlive-langselector {

  position: fixed;

  z-index: 999999;

  min-width: 120px;

  line-height: 32px;

  background-color: rgba(0, 0, 0, 0.75);

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);

  color: #fff;

  font-size: 14px;

  font-family: inherit;

}

.txlive-langselector.txlive-langselector-bottomright {

  top: auto;

  left: auto;

  right: 0;

  bottom: 0;

  border-radius: 2px 0 0 0;

  -moz-border-radius: 2px 0 0 0;

  -webkit-border-radius: 2px 0 0 0;

}

#tx-live-lang-container {

  background-color: #fcfcfc;

  z-index: 999;

  margin-bottom: 4px;

}





.txlive-langselector * {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-border-radius: 0;

  opacity: 1;

}

.txlive-langselector-list {

  position: absolute;

  width: 100%;

  margin: 0;

  padding: 10px 0;

  display: none;

  background-color: #eaf1f7;

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);

  color: #666;

  list-style-type: none;

}

ul.txlive-langselector-list {

  padding-left: 0;

  list-style-type: none;

}

.txlive-langselector-bottomright>.txlive-langselector-list {

  top: auto;

  left: auto;

  right: 0;

  bottom: 40px;

  border-top: 1px solid #f4f7f9;

}

.txlive-langselector-topright>.txlive-langselector-list,
.txlive-langselector-bottomright>.txlive-langselector-list {

  border-radius: 2px 0 0 2px;

  -moz-border-radius: 2px 0 0 2px;

  -webkit-border-radius: 2px 0 0 2px;

}

#tx-live-lang-container #tx-live-lang-picker {

  background-color: #fcfcfc;

}





.txlive-langselector * {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  opacity: 1;

}

.txlive-langselector-list>li {

  padding: 0 16px;

  width: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

#tx-live-lang-container #tx-live-lang-picker li {

  color: rgba(0, 0, 0, 0.87);

}

ul.txlive-langselector-list>li {

  list-style-type: none;

}





.txlive-langselector .txlive-langselector-toggle {

  overflow: hidden;

  display: block;

  padding: 2px 16px;

  width: 100%;

  height: 36px;

  cursor: pointer;

  cursor: hand;

}

.txlive-langselector.txlive-langselector-bottomright .txlive-langselector-toggle {

  overflow: hidden;

  display: block;

  border-bottom: 2px solid #006f9f;

  padding: 2px 16px;

  height: 36px;

  line-height: 32px;

  cursor: pointer;

  cursor: hand;

}

#tx-live-lang-container .txlive-langselector-toggle {

  border-bottom: 2px solid #bd140f;

}





.txlive-langselector .txlive-langselector-current {

  float: left;

  padding: 0;

  max-width: 200px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

#tx-live-lang-container .txlive-langselector-current {

  color: rgba(0, 0, 0, 0.87);

}







.txlive-langselector .txlive-langselector-marker {

  float: right;

  display: block;

  position: relative;

  width: 0;

  height: 0;

  margin-left: 8px;

  margin-top: 13px;

  border-right: 4px dashed transparent;

  border-left: 4px dashed transparent;

}

.txlive-langselector-bottomright .txlive-langselector-marker,
.txlive-langselector-bottomleft .txlive-langselector-marker {

  border-bottom: 4px solid #fff;

}

#tx-live-lang-container .txlive-langselector-marker {

  border-bottom: 4px solid rgba(0, 0, 0, 0.61);

}



#tx-live-lang-container #tx-live-lang-picker li:hover {

  color: white;

  background-color: #bd140f;

  cursor: pointer;

}

.cargando {

  position: fixed;

  z-index: 5;

  left: 50%;

  top: 44%;

  display: none;

}

.label-compentencias {
  font-size: 12px;
}

.cargar {

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background: rgba(51, 51, 51, 0.52);

  z-index: 100;

  color: white;

  font-size: 20px;

}

.cargar i {

  margin-left: 45%;
  margin-top: 30%;

}

.form-group {
  margin-bottom: 1rem;
}

.text-plataforma {
  color: #542b22 !important;
}

.bg-plataforma {

  background-color: #542b22 !important;

}

.bg-plataforma-sub {

  background-color: #5F6464 !important;

}

.btn-plataforma {

  color: #fff;

  background-color: #542b22;

  border-color: #542b22;

}

.btn-plataforma:hover {

  color: white;

  background: #542b22;

  border-color: #542b22;

}

.btn-outline-plataforma {



  color: #ffff;

  background-color: #542b22;

  background-image: none;

  border-color: #542b22;
}

.btn-outline-plataforma:not(:disabled):not(.disabled):active,
.btn-outline-plataforma:not(:disabled):not(.disabled).active,
.show>.btn-outline-plataforma.dropdown-toggle,
.btn-outline-plataforma:hover {

  color: #fff;

  background-color: #542b22;

  border-color: #542b22;

}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #542b22;
}

.form-help {

  padding: 1px 1px;

  display: inline-block;

  width: 1rem;

  height: 1rem;

  text-align: center;

  line-height: 1rem;

  color: #9aa0ac;

  background: #f8f9fa;

  border-radius: 50%;

  font-size: 0.75rem;

  transition: .3s background-color, .3s color;

  text-decoration: none;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.form-help:hover,
.form-help[aria-describedby] {

  background: #467fcf;

  color: #fff;

}

.form-help.active {
  background: #467fcf;
  color: #fff;
  font-size: 9px;
}


.selectgroup {

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.selectgroup-item {

  -ms-flex-positive: 1;

  flex-grow: 1;

  position: relative;

}



.selectgroup-item+.selectgroup-item {

  margin-left: -1px;

}



.selectgroup-item:not(:first-child) .selectgroup-button {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}



.selectgroup-item:not(:last-child) .selectgroup-button {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.selectgroup-input {

  opacity: 0;

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

}



.selectgroup-button {

  display: block;

  border: 1px solid rgba(0, 40, 100, 0.12);

  text-align: center;

  padding: 0.375rem 1rem;

  position: relative;

  cursor: pointer;

  border-radius: 3px;

  color: #9aa0ac;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-size: 0.9375rem;

  line-height: 1.5rem;

  min-width: 2.375rem;

}



.selectgroup-button-icon {

  padding-left: .5rem;

  padding-right: .5rem;

  font-size: 1rem;

}



.selectgroup-input:checked+.selectgroup-button {

  border-color: #bd140f;

  z-index: 1;

  color: #ffffff;

  background: #bd140f99;

}



.selectgroup-input:focus+.selectgroup-button {

  border-color: #bd140f;

  z-index: 2;

  color: #ffffff;

  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);

}



.selectgroup-pills {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: start;

  align-items: flex-start;

}



.selectgroup-pills .selectgroup-item {

  margin-right: .5rem;

  -ms-flex-positive: 0;

  flex-grow: 0;

}



.selectgroup-pills .selectgroup-button {

  border-radius: 50px !important;

}

td.valor {
  padding: 3px 2px;
}

td.valor .form-group .selectgroup label {
  margin: 0;
}

.card-table tr td.valor:last-child {
  padding-right: 0.5rem;
}

.card-table tr td.valor:first-child {
  padding-left: 0.5rem;
}

.title-r {
  font-size: 1.2rem;
}

.card-observacion .card-header .card-title {
  font-size: 13px;
}

.card-img-top {

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}



.badge-primary {

  color: #fff;

  background-color: #467fcf;

}



.badge-primary[href]:hover,
.badge-primary[href]:focus {

  color: #fff;

  text-decoration: none;

  background-color: #2f66b3;

}



.badge-secondary {

  color: #fff;

  background-color: #868e96;

}



.badge-secondary[href]:hover,
.badge-secondary[href]:focus {

  color: #fff;

  text-decoration: none;

  background-color: #6c757d;

}



.badge-success {

  color: #fff;

  background-color: #5eba00;

}



.badge-success[href]:hover,
.badge-success[href]:focus {

  color: #fff;

  text-decoration: none;

  background-color: #448700;

}



.badge-info {

  color: #fff;

  background-color: #45aaf2;

}



.badge-info[href]:hover,
.badge-info[href]:focus {

  color: #fff;

  text-decoration: none;

  background-color: #1594ef;

}



.badge-warning {

  color: #fff;

  background-color: #f1c40f;

}

.badge-purple {
  color: #fff;
  background-color: #ae3ec9;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {

  color: #fff;

  text-decoration: none;

  background-color: #c29d0b;

}



.badge-danger {

  color: #fff;

  background-color: #cd201f;

}



.badge-danger[href]:hover,
.badge-danger[href]:focus {

  color: #fff;

  text-decoration: none;

  background-color: #a11918;

}

.badge-orange {
  background-color: #fd9644;
}

.color-input-print {
  width: 13px !important;
  height: 13px !important;
}

table.table-resultado th {
  color: #545454;
  font-weight: 600;
  font-size: 13px;
}

table.table-resultado tbody {
  font-size: 13px;
}

table.table-resultado tbody tr td .badge {
  font-size: 90%;
}

.text-icon {
  vertical-align: super;
}

.form-colorinput-color {
  display: inline-block !important
}

.progress-lg {
  height: 0.8rem;
}

.progress-xlg {
  height: 1.8rem;
}

.Video-Online {
  background-color: #ba2a16;
  display: inline-block;
}

.Div-fixed {
  position: fixed;
  right: 0;
  z-index: 1030;
  top: 3px;
  /*width: 613px;*/
}

.Div-fixed-tercera {
  position: fixed;
  z-index: 1026;
  top: 98px;
  right: 44px;
}

.Div-fixed-primero {
  position: fixed;
  z-index: 1026;
  top: 98px;
  right: 44px;
}

.Div-fixed-primero2 {
  position: fixed;
  z-index: 1026;
  top: 0;
  right: 0;
}

.Div-fixed-tercera2 {
  position: fixed;
  z-index: 1026;
  top: 0;
  right: 0;
}

/* LOGIN */
.col-logo {
  padding-top: 20%;
}

.card-loguin {

  background-color: #00000073;

  border: 0px;

  border-radius: 12px;

  margin-top: 62px;

}

.card-loguin .card-header {

  color: white;

  /*background-color: #3f4446;*/

  /*background: linear-gradient(to right, #00703e 0%, #008c46 60%, #0b9241 100%);*/

  padding-left: 12px;

}

.card-loguin .card-body {

  text-align: -webkit-center;

  padding-bottom: 4px;

}

.card-loguin .card-body p {

  line-height: 28px;

}

.card-loguin .card-body p i {

  font-size: 28px;

  margin-left: 6px;
  color: white;

}



.card-loguin .card-footer {

  border: 0;

  padding-top: 0;

  padding-left: 0.5rem !important;

  padding-right: 0.5rem !important;
  background-color: transparent;

}

.btn-outline-loguin {

  color: white;

  border-color: #14aec6;

  background-color: transparent;

  background-image: none;

}

.btn-outline-loguin:hover {

  color: #fff;

  background-color: #10aec5;

  border-color: #10aec5;

}

.bg-linear {
  background: linear-gradient(38deg, #FFEB3B 0%, #03A9F4 100%) !important;
}

.nav-tabs {
  border: 0;
}

.nav-tabs .nav-link {
  color: white;
}

.nav-tabs .nav-link.active {
  background-color: #352521;
  color: white;
  border-radius: 20px;
}

.card-header ul li.nav-item {
  margin-bottom: 0;
}

.table-porcentaje tr td:first-child,
.table-porcentaje tr th:first-child {
  padding-left: 0;
  border-left: 0;
}

.table-porcentaje tr td:last-child,
.table-porcentaje tr th:last-child {
  padding-right: 0;
  border-right: 0;
}

.table-porcentaje thead th {
  font-size: .525rem;
}

.table-porcentaje>:not(caption)>*>* {
  padding: .15rem .15rem;
}

.ts-dropdown {
  z-index: 2000 !important;
}

/* Grafica nueva */
.contenedor-circle {
  width: 100%;
  /* Asegura que ocupe todo el ancho disponible */
  text-align: center;
  /* Centra los contenidos dentro del contenedor */
  display: block;
  /* Cambiar a bloque para mejorar la compatibilidad */
  padding: 20px;
  vertical-align: sub;
}

.Grafica-circulo {
  display: inline-block;
  /* Usa inline-block para colocar los elementos uno al lado del otro */
  /* Toma un 30% del ancho del contenedor para cada círculo */
  margin: 10px 0;
  /* Margen entre los divs para evitar que se toquen */
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0px;
  vertical-align: top;
}

.circle-1 {
  width: 100%;
}

.circle-2 {
  width: 45%;
}

.circle-3 {
  width: 32%;
}

.circle-4 {
  width: 25%;
}

.circle-5 {
  width: 20%;
}

.Grafica-circulo p {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  font-family: 'Century-Gothic', sans-serif;
  color: #000000;
}

.Grafica-circulo p.p-size {
  font-size: 1.3rem;
}

.Grafica-circulo img {
  width: 100px;
}

.tg-informe {
  display: block;
  width: 100%;
  vertical-align: sub;
  margin-bottom: 20px;
}

.tg td {
  overflow: hidden;
  padding: 3px 2px;
  word-break: normal;
}

.tg th {
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.tg .tg-cly1,
.tg .tg-0lax {
  text-align: left;
  vertical-align: middle;
}

.tg-informe .tg-0lax {
  width: 48%;
  text-align: center;
  padding: 0 0px;
  vertical-align: top;
  display: inline-block;
  padding-right: 15px;
}

.tg-informe .tg-0lax:last-child {
  padding-right: 0;
}

.text-Century {
  font-family: 'Century-Gothic', sans-serif;
}

.text-Century-Bold {
  font-family: 'Century-Gothic-Bold', sans-serif;
}

.bg-titulo {
  padding: 14px 0px;
  color: white;
  border-radius: 6px;
  margin-top: 5px;
  margin-bottom: 18px;
  background-color: #1f6491;
}

.bg-titulo h3,
.bg-titulo p,
.bg-titulo h5,
.bg-titulo-principal h5,
.bg-titulo-principal h3 {
  margin: 0;
}

.h-foto {
  font-size: 1.3rem;
  margin: 0;
}

.t-name {
  font-size: 18px;
  margin: 0;
}

.btn-resultado {
  position: fixed;
  left: 24px;
  z-index: 1000;
}