@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;
}


/* 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: #d15656;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

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

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

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

.navbar-plataforma {
    background: #0a0a0a;
}

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

li.nav-item a:hover span.nav-link-icon {
    color: black;
    /* Color negro en el hover */
}


/* 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: #DB3232 !important;
}

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

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

.btn-plataforma {
    color: #fff;
    background-color: #DB3232;
    border-color: #DB3232;
}

.btn-plataforma:hover {
    color: white;
    background: #DB3232;
    border-color: #DB3232;
}

.btn-outline-plataforma {
    color: #ffff;
    background-color: #DB3232;
    background-image: none;
    border-color: #DB3232;
}

.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: #DB3232;
    border-color: #DB3232;
}

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

.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: 263px;
}

.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: 34%;
}

.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;
}

.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;
}