@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,500&display=swap');

@font-face {
    font-family: open-sans;
    src: url(../../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: open-sans-bold;
    src: url(../../fonts/OpenSans-Bold.ttf);
}
body {
    background-image: url(../../image/fondo_admin.jpg);
    font-family: open-sans;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
}
body input, body select, body textarea, .form-control input, .form-control select, .form-control textarea {
    font-size: 14px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
.table {
    background-color: white;
}
.table thead tr:first-child {
    background: linear-gradient(to right, #303e6d 0%, #13182e 100%);
    color: white;
}
.modal.fade {
    background: linear-gradient(to right, #303e6d 0%, #13182e 100%);
}

.modal-header {
    background-color: #303e6d;
    color: white;
    background-image: url(../../image/logo_menu-11.png);
    padding-left: 180px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: left;
    background-size: auto 70%;
    background-position-x: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    line-height: 0px;
    font-family: open-sans-bold;
}

.close{
    color: white;
}

.modal-content{
    border: 2px solid rgb(255, 255, 255);
}

.imagenppal {
    text-align: center;
}
.ordenamiento {
    cursor: pointer;
}
.ordenamiento th {
    background-image: url(../../image/ordenamiento.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 15px;
}
th.headerSortUp {
    background-image: url(../../image/ordenamientoabajo.png);
}
th.headerSortDown {
    background-image: url(../../image/ordenamientoarriba.png);
}
th {
    white-space: nowrap;
}
.container {
    width: 98%;
    max-width: 1600px;
}
.grande {
    width: 95% !important;
    max-width: 2000px !important;
}
.grandeVtn {
    width: 100% !important;
    max-width: 2000px !important;
}
.dropdown-menu {
    right: 0;
    left: auto;
}
.btn_busqueda > button {
    width: 100%;
}

.imagenPerfil {
    width: 100%;/*height: 178px;*/
}
.centrar {
    text-align: center;
}
.color_cliente1 {
    background-color: rgba(6,57,255,0.10);
}
.color_cliente2 {
    background-color: rgba(13,83,0,0.10);
}
.e_cargarClaseUsuarios:focus {
    color: #fff;
    background-color: #337ab7;
}
.e_asignarClienteClase:focus {
    color: #fff;
    background-color: #337ab7;
}
.e_cargarClaseDocentes:focus {
    color: #fff;
    background-color: #337ab7;
}
.colorIgualCod {
    background-color: rgba(255,0,0,0.1);
}
.div_checkbox {
    border: 1px solid #ccc;
    padding: 5px 15px;
    margin: 0px 0;
}
.fotoArchivo {
    width: 100%;
    height: 180px;
}
.fotoMensaje {
    width: 70%;
    height: 180px;
}
.fotoMensajeListar {
    width: 100%;
    height: 382px;
}
.div_archivoCli {
    height: 500px;
    overflow: auto;
}
.inipracticas {
    height: 300px;
    overflow: auto;
}
#tbl_atencion_llamada {
    height: 500px;
    overflow: auto;
}
.over_mensajes {
    height: 500px;
    overflow: auto;
}
.over_congelados {
    height: 300px;
    overflow: auto;
}
.clasesMostrar {
    height: 500px;
    overflow: auto;
}
.marketinhEjecutivos {
    height: 330px;
    overflow: auto;
}
.opciones_otro a {
    margin-left: 20px;
}
.asignadoEntrevista {
    background-color: rgba(133,83,225,0.10);
}
.aprobadoEntrevista {
    background-color: rgba(18,213,89,0.10);
}
.NoaprobadoEntrevista {
    background-color: rgba(213,18,18,0.10);
}
.fitness {
    margin-bottom: 5px;
}
.blanco {
    background-color: rgba(255,255,255,0.10);
}
.rojo {
    background-color: rgba(255,0,0,0.10) !important;
}
.verde {
    background-color: rgba(0,255,68,0.10);
}
.amarillo {
    background-color: rgba(248,255,0,0.10);
}
.amarilloFuerte {
    background-color: rgba(171,176,94,1.00);
}
.verdeFuerte {
    background-color: rgba(97,170,117,1.00);
}
.verdeFuerte2 {
    background-color: rgba(0,255,68,0.10) !important;
}
.verdeClaro{
    background-color: rgba(130,236,87,1.00);
}
.td_observacion {
    font-size: 12px;
}
.table {
    margin-bottom: 0;
}
#btn_cerrar {
    font-size: 36px;
    padding-left: 50px;
    padding-right: 50px;
}
.botonCrearCierre {
    text-align: center;
    margin-top: 10px;
}
.colComision {
    margin-bottom: 10px;
}
.lineagruesainf th, .lineagruesainf td {
    border-bottom-width: 2px;
    border-bottom-color: black;
}
.lineagruesasup {
    border-top-width: 2px;
}
.grafica {
    width: 100%;
    max-height: 500px;
    height: 100% !important;
}

.lineahr {
    border-top-width: 2px;
    background: black;
}
.bg-dark {
    /*background: linear-gradient(to right, #8fca4e 0%, #70a13b 100%);*/
}
.logoNavb {
    height: 26px;
}
#consulta_estadisticadiaria .card {
    display: inline-block;
    vertical-align: top;
}
#consulta_estadisticadiaria .card-header {
    text-align: center;
    font-weight: bolder;
}
.mensaje_rojo {
    margin-left: 10px;
}
.botones_crear {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: 10px auto;
}
.clases_auto {
    height: 500px;
    overflow: auto;
}
.margenencuesta {
    height: 500px;
    overflow: auto;
}

.modulocliente .clases_auto {
    height: auto;
    overflow: inherit;
}

.letraCLienteDatos {
    font-size: 11px;
}
.btn_oculto, .oculto {
    display: none;
}
#div_perfiles {
    margin-top: 23px;
}
.grisMensaje {
    background-color: rgba(177,179,182,0.35);
}
.badgeEntrevistas {
    font-size: 13px;
}
.tablaparte1 {
    width: 20px;
    height: 36px;
    font-size: 13px;
}
.tam_tdTabla1 {
    width: 32%;
}
/* Extracto */
.imgextracto {
    text-align: center;
    margin-top: 5px !important;
}
.imgextracto img {
    width: 200px;
}
.columna2 {
    width: 33%;
    float: left;
}
.tituloext {
    font-weight: bolder;
    font-size: 16px;
}
.tituloext1 {
    font-weight: bolder;
    font-size: 16px;
    margin-right: 333px;
}
.tituloext2 {
    font-weight: bolder;
    font-size: 16px;
    margin-right: -540px;
    position: relative;
    margin-top: -24px;
    margin-bottom: 9px;
}
.bordeExtracto {
    border: 1px solid rgba(0,0,0,1.00);
}
.imagenDna {
    width: 192px;
    margin-left: 15px;
}
.mnsj_valid {
    padding: 0px !important;
}
.letraRecaudo {
    font-size: 14px;
}
.navbar {
    padding: .1rem 1rem !important;
}
h2 {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    text-align: center;
    padding: 5px 0;
    margin-top: 0px;
    /*color: white;*/
    font-weight: bolder;
}
.gris_claro{
    background-color: gray;
}
.abrirMensaje:focus {
    color: #fff;
    background-color: #337ab7;
}
.abrirMensajeLectura:focus {
    color: #fff;
    background-color: #337ab7;
}
.abrirMensajeLecturaUsu:focus {
    color: #fff;
    background-color: #337ab7;
}
.div_mensajesOver {
    /*height: 500px;
    overflow: auto;*/
    font-size: 12px;
}

.custom-file-label::after {
    content: "Examinar" !important;
}

.fondo_azul tr, .fondo_azul th, .fondo_azul td{
    background: #303e6d !important;
    color: white !important;
    vertical-align: middle !important;
    text-align: center;
}
.fondo_azulEmpresa{
    background: #303e6d !important;
    color: white !important;
}
.margenabajoingreso{
    margin-bottom: 7px;
}
.tbl_recaudo td{
    padding: 0px !important;
    vertical-align: middle;
}
.tbl_recaudo input{
    height: 33px;
}

.recaudo100{
    width: 100px;
}
.colorGris{
    background-color:#414141;
}

input[type=checkbox] {
    transform: scale(1.5);
}
.recaudo_opj, .recaudo_opj td{
    background-color: #0070c0;
    color: red;
}
.recaudo_p, .recaudo_p td{
    background-color: #76933c;
    color: black;
}
.recaudo_pd, .recaudo_pd td{
    background-color: #E26B0A;
    color: black;
}
.recaudo_pf, .recaudo_pf td{
    background-color: #FF0000;
    color: black;
}
.recaudo_pos, .recaudo_pos td{
    background-color: #00B0F0;
    color: black;
}
.recaudo_q, .recaudo_q td{
    background-color: white;
    color: red;
}
.recaudo_ca, .recaudo_ca td{
    background-color: #00a0c0;
    color: black;
}
table.datosContratos td {
    padding: .1rem;
}
.form-control.form-control-sm.valorCalculado {
    width: 50px;
}
.form-control.valoresContratos {
    text-align: center;
}
.tamCardTransaccion{
    width: 50%;
}
.completa{
    width: 97%;
}
.tbl_extractoResumen{
    font-size: 14px !important;
}
.azulClaro{
    background-color: rgba(40,72,101,1.00) !important;
}
.letraRojo{
    color: red !important;
}
.btn_asignarReca{
    width: 146px;
    height: 46px;
    font-size: 22px;
}
.tamHeader{
    padding: 0px !important;
}
.fondoNegro{
    background: #000000;
    color: white;
}
.grisClaro{
    background: #AAAAAA;
}
.tam_a{
    height: 91px !important;
}
.letrablanca{
    color: white;
}

.cabeceraMovimiento thead{
    position: relative;
}
.cabeceraFija thead{
    position: sticky;
    top: 0px;
}
/*.cabeceraMovimiento thead tr th,.cabeceraMovimiento thead tr td {
    background-color: white;
}*/
.lineainf{
    border-bottom: 3px solid black !important;
}
.btn_crearCierreP{
    width: 24%;
    height: 66px;
    font-size: 32px;
}
.letrarCierre{
    font-size: 30px;
}
.div_checkedbotm{
    margin-bottom: 0.3rem !important;
}
input[type=checkbox] {
    transform: scale(1.3);
}
.colorReadonly{
    background-color: white !important;
}
.estiloRecaudoOk{
    font-size: 19px;
    text-align: center;
    font-weight: bold;
}
#headingOne {
    padding: 0 !important;
}
#headingOne .mb-0 {
    padding: 0 !important;
}
.tamauto{
    width: auto;
}
.ajustar th{
    white-space: normal;
    text-align: center;
    font-size: 11px;
    vertical-align: middle !important;
}
.tamBotonCmr{
    width: 100%;
    height: 84px;
    font-size: 40px;
}

/* Inicio de sesion */

html{
    height: 100%;
}
.adminsesion{
    background-image: url(../../image/fondo.png);
    overflow: hidden;
}

.adminsesion .form-control:focus {
    border-color: #19A98C;
    box-shadow: 0 0 0 .1rem rgba(25,169,140,0.5);
}

/*.adminsesion input {
    margin-bottom: 5px;
}*/
.adminsesion .form-group {
    margin-left: 5px;
}


.adminsesion .btn {
    background: rgba(72,121,108,1);
    background: -moz-linear-gradient(left, rgba(72,121,108,1) 0%, rgba(94,158,135,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(72,121,108,1)), color-stop(100%, rgba(94,158,135,1)));
    background: -webkit-linear-gradient(left, rgba(72,121,108,1) 0%, rgba(94,158,135,1) 100%);
    background: -o-linear-gradient(left, rgba(72,121,108,1) 0%, rgba(94,158,135,1) 100%);
    background: -ms-linear-gradient(left, rgba(72,121,108,1) 0%, rgba(94,158,135,1) 100%);
    background: linear-gradient(to right, rgba(72,121,108,1) 0%, rgba(94,158,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48796c', endColorstr='#5e9e87', GradientType=1 );
}

.imglogo{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}
.imglogo>img{
    width: 80%;
}

#msj_iniciosesion{
    font-size: 1.2em;
    color: red;
    text-align: center;
    font-family: open-sans-bold;
}

@media all and (orientation: portrait) {
    body, .adminsesion{
        background-size: auto 100%;
    }
    .fondo_index2{
        display: none;
    }
    .contenedor-flex {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80vh;
    }
}

/* Menú admin */
.bg-dark {
    background-color: #284865 !important;
}
.nav-item, .dropdown-item {
    font-size: 0.9em;
}
.dropdown-toggle::after {
    color: #19A98C;
}

/* Inicio admin */
.mensajes_usuario{
    margin-top: 20px;
    font-size: 0.8em;
}

.mensajes_usuario img{
    height: 30px;
}

.subtitulo {
    color: #284865;
    font-family: open-sans-bold;
    margin-bottom: 20px;
}

.notificacion_inicio{
    height: 65px;
    width: 80%;
    padding-right: 40px;
    font-family: open-sans-bold;
}

.notificacion_inicio a {
    position: absolute;
    right: -40px;
    top: 15px;
    font-size: 0.9em;
}

@media all and (orientation: portrait) {
    .mensajes_usuario>div{
        border-top: solid 1px #284865;
        padding-top: 20px;
        margin-top: 5px;
    }
}

/* Cambios generales */
.input-group-text{
    background-color: #19A98C;
    color: white;
    min-width: 75px;
    font-size: 0.8em;
}
.btn-primary {
    background-color: #284865;
    font-family: open-sans-bold;
}
.btn-primary:hover {
    background-color: #19A98C;
}
.e_marginCmr{
    margin-bottom: 7px !important;
}
.e_cargarLLamada:hover{
    background-color:rgba(40,72,101,1.00);
    color: white;
}
.e_cargarEvaluacion:hover{
    background-color:rgba(40,72,101,1.00);
    color: white;
}
#f_cmr_usuarioActualizar > div > div {
    padding: 0px 5px;
}
#f_cmr_usuarioActualizar .form-group {
    margin-bottom: 5px;
}
.control-label {
    height: 16px;
    font-size: 0.9em;
}
.card_infoUsuario .card-body {
    padding: 5px 20px;
}
.nombre_etapa {
    text-align: center;
    font-size: 1.2em;
    font-family: open-sans-bold;
}
.checkboxLlamada{
    width: 38px;
}
.paddingAlert{
    padding: 0px !important;
}
.checkboxEvaluacion{
    width: 11%;
}

.row_generalUsuario .input-group {
    margin-bottom: 2px !important;
}
.btn_aprobaciones {
    width: 23%;
    height: 47px;
    font-size: 31px;
    padding-top: 0px;
}
.btn_cmr_usuarioCrear{
    margin-bottom: 6px;
}
.letraPracticaini {
    font-size: 0.9rem;
}
.mensajeGrande{
    height: 50px;
}
.bordeHr{
    border:solid 2px;
}
.tbl_baseProduccion{
    margin-bottom: 8px;
    border: solid 2px;
}

.modal th, .modal td, .modal input, .modal select, .alert {
    font-size: 0.9em;
    padding: .275rem .75rem;
}
.table td, .table th {
    padding: .40rem;
}
.modal .form-control {
    height: calc(1.8rem + 1px);
}

.modal .input-group-text {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    font-size: 0.8em;
}
.modal .card-header{
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    font-family: open-sans-bold;
}

.marcofoto{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
}

/*menus y submenus*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>a:after {
    content: "\f0da";
    float: right;
    border: none;
    font-family: 'FontAwesome';
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/

@media (min-width: 991px) {
    .dropdown-menu {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}

.tamAdmin{
    min-width: 300px;
}
.table-curved, .table-curved > thead {
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 10px;
    border-left: 0px;
    border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ddd 1px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.table-curved > :first-child > :first-child > :first-child {
    border-top-left-radius: 10px;
}
.table-curved > :first-child > :first-child > :last-child {
    border-top-right-radius: 10px;
}
.table-curved > :last-child > :last-child > :first-child {
    border-bottom-left-radius: 10px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-bottom-right-radius: 10px;
}
.botonesMensajes{
    margin-top: 24px !important;
}
.tabladestinos {
    font-size: 9px;
}
#texto, #descripcion_interna, #descripcion_internaAct,#textoAct,#entrega_observacionDigital,#observacionRepac,#observacion_especial,#observacionVal,#acuerdoAct,#demandaAct,#monitorioAct,#observacion_excepcionAct,#observacionAct,#observacion_reasignacion,#exepcion_indu,#observacionRechasoReci,#observacion_coin,#observacion_coin2,#observacionValid,#observacionpost,#estado_demanda,#observacion_not,#observacionEntrevista,#no_reagendarMotivo{
    height: 70px;
}
#estado_demandaAct{
    height: 140px;
}
#descripcion_grande{
    height: 100px !important;
}
#preguntaAct{
    height: 160px !important;
}
.videoyoutube {
    width: 100%;
    height: 400px;
}
.colorLetraRojo{
    color: red;
}
.letraParrillaTd{
    font-size: 11px;
}

#login_administrador1 i {
    color: white;
}
#login_administrador1 {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #1a987e;
    padding: 0px 8px 0px 8px;
    border-radius: 5px;
}
#login_administrador1:hover{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #2c4361;
    padding: 0px 8px 0px 8px;
    border-radius: 5px;
}
#login_administrador {
    position: absolute;
    top: 10px;
    right: 10px;

}
#login_imagenContrato{
    position: absolute;
    top: 10px;
    left: 10px;
}
.imagenContratoDigitalLogo {
    width: 50%;
}

.adminesoft {
    text-align: right;
    color: #2c4361;
    font-weight: bolder;
    font-size: 1.5em;
}
#tbl_cliente{
    font-size: 11px !important;
}

.cie_color2{
    background-color: rgb(255,128,0); /* Naranja brillante */
}
.cie_color3{
    background-color: rgb(255,255,0);
}
.cie_color4{
    background-color: rgb(60,180,89);
}
.cie_color5{
    background-color: rgb(255,80,80);
}
.cie_color6{
    background-color: rgb(0,176,80);
}
.cie_color7{
    background-color: rgb(0,153,153);
}
.cie_color8{
    background-color: rgb(204,102,255);
}
.cie_color1{
    background-color: rgb(0,112,192);
}

.rojoFuerte {
    background-color: rgb(255,0,0) !important;
    color: white;
}

.pes_imagen {
    height: 45px;
}
.pes_imagen img{
    opacity: 0.5;
}
.active .pes_imagen img{
    opacity: 1;
}
.pes_texto {
    font-weight: bolder;
    margin-top: 5px;
}

.modulocliente .nav-link{
    color: #00000069;
}

img.img_usuario {
    margin-right: 10px;
    height: 25px;
}

/*a.list-group-item.list-group-item-action.e_cargarCliente {
    border: 1px solid #19A98C;
}*/

.horaClase {
    font-weight: bolder;
    font-size: 1.2em;
}
.practicaClase, .coachClase {
    font-size: 0.9em;
}
.salonClase{
    font-size: 9pt;
}

.hcliente{
    font-size: 0.9em;
}

#graficaprac, #graficaprac2{
    max-height: 248px;
}
#div_grafica_pc_progress, #div_grafica_progress,#div_grafica_unit{
    max-height: 248px;
}
.btn_modificarContratoRecibo, .btn_reiniciarRecibo, .btn_anularRecibo, .btn_eliminarRecibo{
    padding: 0px !important;
    font-size: 9px !important;
}
.bordeAdvancement{
    border: 2px solid blue;
}
.bordeAdvancement td{
    border-bottom: 2px solid blue;
}
.cartera_colorP{
    background-color: rgb(90,154,130);
}
.cartera_colorQ{
    color: red;
}
.cartera_colorAB{
    background-color: rgb(177,176,182);
}
.cartera_colorOPJ{
    background-color: rgb(41,72,101);
    color: red;
}
.cartera_colorTR{
    background-color: rgb(41,72,101);
    color: red;
}
.cartera_colorPA{
    background-color: rgb(247,173,0);
}
.cartera_colorPD{
    background-color: rgb(223,80,1);
}
.cartera_colorPOS{
    background-color: rgb(0,113,169);
}
.cartera_colorPF{
    background-color: rgb(226,29,46);
}
.cartera_colorCE{
    background-color: rgb(132,35,138);
}
.cartera_colorCA{
    background-color: rgb(207,5,247);
}

.tamBtnFichaCartera {
    height: 22px;
    padding: 0px;
}
.bordeCartera{
    border: 2px solid black;
}
.mensaje_rojo{
    background-color: red;
}
.imagen_inter{
    width: 39px;
}
#observacion{
    height: 80px;
}
#btn_actualizarMembresiaOriginal{
    font-size: 13px !important;
}
#btn_generarCodigo{
    margin-top: 26px;
    width: 39%;
    height: 75px;
    font-size: 31px;
}
#mensajeinievaluacion{
    margin-top: 14px;
}
.mensajeEnvioCorreo{
    font-size: 12px;
}
.imagenInicialValidacion {
    margin-top: 33px;
    text-align: center;
}
.letraObligacion{
    font-size: 20px !important;
}
#observacionRechasoActu{
    height: 50px;
}
.contenedorContrato_d{
    margin-top: 56px;
}
.btn_descargaContrato{
    margin-bottom: 12px;
}
.margenesbotonesContrato{
    text-align: center;
    margin-top: 14px;
}
#btn_crearClave, #btn_firmar,#btn_contrato_digitalEnviar {
    width: 51%;
    height: 60px;
    font-size: 25px;
}
.div_menor{
    margin-top: 49px;
}
.letraAlertaVerificacion{
    font-size: 48px !important;
}
.btn_verificacionRecargar{
    width: 30%;
    height: 50px;
    font-size: 19px;
}
.letraInformeAsig {
    font-size: 0.8em;
}
#motivo_devolucion{
    height: 50px !important;
}
.btn_descargaCompleta{
    font-size: 1.5em;
    padding: 20px;
}

#info_evaluacionActualizar .card-body{
    padding: 5px 20px;
}
.evaluacion_titulo {
    margin-bottom: 0;
}
.evaluacion_respuesta {
    margin-bottom: 5px;
    font-weight: bolder;
}

@media screen and (max-width: 500px) {
    .modal-header{
        padding-left: 110px;
        background-size: auto 20px;
    }
    .ocultarCel{
        display: none;
    }
}

.row.centrar.contenedor_descarga {
    border: 2px solid;
    margin: 20px 10px;
    border-radius: 30px;
}

.titulo_descarga {
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: bolder;
}
.letraList{
    font-size: 14px;
}
.inputBfase{
    width: 20% !important;
    height: 23px;
    display: inline;
}
.bottomCardFase {
    margin-bottom: 14px;
}
select.inputHfase, select.inputGfase, select.inputDfase, select.inputCfase {
    display: inline;
    width: auto !important;
    margin-left: 5px;
    margin-right: 5px;

}
#resultadoFinal{
    text-align: center;
}
img {
    max-width: 100%;
}
.e_alertaSinpagoingreso{
    width: 26px;
}
.correcta > label {
    color: #129b6d !important;
}

.seleccionada > label{
    background-color: rgba(255,0,4,0.46);
}
.correcta.seleccionada > label{
    background-color: rgba(2,170,42,0.41);
}
.verdeLetra{
    color: green !important;
}
.letraNegra{
    font-weight: bold;
    color: black;
}
.theadAdvancement{
    background-color: white;
}
.letraPermisos{
    font-size: 12px;
}
.tbl_historialAcademico{
    font-size: 14px;
    ;
}
.nombrePrincipal{
    text-align: center;
}
.letraProgramacion{
    font-size: 1em;
}
.span_horaProgramacion {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 25px;
    font-weight: bolder;
}
.letraCorriente{
    font-size: 0.8em;
}
.colorVersionprueba{
    background-color: red;
    color: white;
    font-weight: bolder;
    font-size: 15px;
    margin-top: 7px;
}
.colorVersionpEntrevista{
    background-color: green;
    color: white;
    font-weight: bolder;
    font-size: 15px;
    margin-top: 7px;
    margin-left: 20px;
}
.letralistarAsignacion{
    font-size: 12px;
}
.letraNombreFil{
    font-size: 10px;
}

.sombragris{
    background-color: #5b5b5b0f;
}
#nota_observacionActualizar{
    height: 210px;
}
.borde_abajoHorario{
    margin-bottom: 11px;
}
#btn_clienteActualizar{
    margin-bottom: 11px;
}
#tbl_salon{
    font-size: 12px;
}
.letraUsuarioTabla{
    font-size: 12px;
}
.btn_cancelarClase, .e_buscarPracticas {
    font-size: 9px;
    height: 20px;
}
.letraConfirmacionUsu {
    font-size: 13px;
}
.azulClaroCongelado{
    background-color: rgba(51,194,255,1.00) !important;
}
.mensajeAzulCongelado{
    background-color: rgba(51,194,255,1.00) !important;
}
.letraVirtualFilial{
    font-size: 11px;
}
.tbl_congelado{
    font-size: 11px;
}
.inputRepactacion{
    width: 25%;
}
.div_inputCuota .input-group-text {
    min-width: 30px !important;
}
.div_inputCuota {
    margin-bottom: 0 !important;
}
.e_fechaCuotaNuevo{
    position:relative;
}
.color_estado1{
    background-color: rgba(0,176,78,1);
}
.color_estado2{
    background-color: rgba(0,153,151,1);
}
.color_estado3_5{
    background-color: rgba(254,154,0,1);
}
.color_estado4{
    background-color: rgba(255,254,0,1);
}
.color_estado6{
    background-color: rgba(253,2,0,1);
}
#mensaje_Validar, #mensaje_ValidarAct{
    color: red;
}

.tabla_pequena{
    font-size: 12px;
}
.modal-title{
    font-size: 14px !important;
}
.comisionListarR{
    position: relative;
}
.letratblComision{
    font-size: 12px;
}

.tbl_inicialComision {
    margin-bottom: 13px;
    margin-top: 13px;
    font-size: 15px;
}

.preloader {
    width: 60px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
    animation-name: girar;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: url("../../image/fondo_preloader.png");
}
@keyframes girar {
    /*    100% {
            transform: rotate3d(0,1,0,360deg)
        }*/
}
.letraPagoOnlineMsj{
    height: 74px;
    font-size: 30px;
}
.letraPsoporte{
    font-size: 10px;
}
.letraMensajeCon_Digital{
    font-size: 33px;
    text-align: center;
    font-weight: bold;
}
.e_colorPrioritario{
    background: #fff3cd !important;
}
#observacion_prioritarioAct,#observacionCancel{
    height: 200px;
}
#observacionAsistencia{
    height: 200px;
}
#ayuda_texto{
    height: 100px !important;
}
#elemento_nuevo{
    margin-bottom: 50px;
}
.span_plantilla{
    font-size: 13px;
    border-radius: 10px;
    cursor: pointer;
    padding: 0 10px;
}
.plantilla_dato {
    background-color: #284865;
    color: white;
}
.plantilla_texto {
    background: white;
    color: black;
}
#btn_finalizar{
    margin-top: 12px;
}
.plantilla_escritura {
    border-style: inset;
    border-width: 2px;
    border-color: black;
    background-color: #f2f2f2;
}

#f_comision_validacionActualizar .form-group {
    margin-bottom: 2px;
}
#tbl_volteo{
    font-size: 10px;
}
#letratblComision{
    font-size: 13px;
}
#vali_Descuento{
    font-size: 10px;
}
.borde_comision{
    border: solid 1px;
    padding: 5px;
    margin-bottom: 6px;
}
#observacion_clase_virtual, #observacion_clase_virtualAct, #observacion_clase, #observacion_control_internoAct,#observacionFinal,#observacion_vigenciaAct,#exepcion1,#exepcion2,#exepcion3{
    height: 80px;
}
.letra_colombia{
    font-size: 10px;
    color: red;
}
.e_guardarAsignadas, .e_guardarComision , .e_guardarBono{
    width: 40px;
    background-color: #B9B3B3;
}
.e_guardarCobradas{
    width: 40px;
    background-color: gray;
}
.fondo_blanco{
    background-color: white !important;
}
.borde_hr{
    border: solid 2px;
}
#tbl_evaluacion_fase, #tbl_llamadas_eva, #tbl_eva_eva {
    font-size: 13px;
}
.ali_izq, #listarPagosCrear input{
    text-align: right;
}
.letra_contratos{
    font-size: 13px;
}
.color_zapote{
    background-color: rgba(235,137,39,1.00) !important;
}
.color_letra_verde{
    color: green;
}
.tam_mensajeCumpleanos {
    font-size: 20px;
    background-color: transparent;
    border: none;
    color: red;
}

.fondo_cumple, .fondo_cumple_mini, .fondo_cumple_medio  {
    background-image: url("../../image/globos.png");
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.fondo_cumple_mini {
    background-size: 10%;
    color: green;
}

.fondo_cumple_medio{
    background-size: 65%;
}
.kids_logo_ficha{
    width: 23% !important;
    margin-left: 105px;
}
.estapa_actual, .kids_logoCliente {
    display: inline-block;
}
.kids_logoCliente img {
    height: 60px;
    margin-left: 30px;
}
#tbl_pago_online{
    font-size: 12px !important;
}
#tbl_reto_evolve{
    font-size: 14px;
}
.letraindiuccionConfrimar{
    font-size: 30px;
}
#btn_induccionCrear1{
    width: 100%;
    margin-top: 12px;
    height: 60px;
    font-size: 36px;
}
.letraEmpresasRanking{
    font-size: 10px;
}
.letraTicketRespuesta{
    font-size: 12px;
}
.over_ticket{
    border: 1px solid #ced4da;
    height: 330px;
    overflow: auto;
    border-radius: 10px;
}
#mensaje_enviar{
    height: 130px;
}
.imagen_ticketsclip{
    cursor: pointer;
}
.botones_clip{
    display: inline-block;
}

.ticket_mchat{
    position: relative;
    color: white;
    border-radius: 10px;
}

.ticket_usuario {
    background-color: #303e6d;
    margin: 3px auto 3px 5px;
    width: 70%;
}

.ticket_ejecutivo {
    background-color: #5b9b82;
    margin: 3px 5px 3px auto;
    width: 70%;
}
.ticket_transferencia {
    background-color: rgb(250, 0, 0);
    margin: 3px auto 3px auto;
    width: 98%;
}

.ticket_mensaje {
    padding: 20px 10px;
    width: 90%;
}

.ticket_detalle {
    border-top: 1px solid #fff;
    padding: 0 10px 3px 10px;
    font-size: 0.8em;
}

.ticket_area {
    float: left;
}
.ticket_usuarioenvio {
    float: right;
    font-weight: bolder;
}

.borrar{
    clear: both;
}

.ticket_fecha{
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: 0.8em;
    font-weight: bolder;
}

.ticket_archivo {
    position: absolute;
    top: 25px;
    right: 10px;
}

#f_ticketActualizar{
    margin-top: 10px;
}

.imagen_clip {
    height: 35px;
    cursor: pointer;
}
#btn_publicar, #btn_ocultar{
    width: 35%;
    height: 79px;
    font-size: 43px;
}
.margen_elegigo{
    margin-bottom: 12px;
}
.e_cargarHistoria_avance{
    cursor: pointer;
}
.centar_tex{
    text-align: center;
}
.e_mensajeReprobado{
    font-size: 15px;
}

#bajarfinal, #subirinicio{
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    right: 5px;
    z-index: 10;
}

#bajarfinal{
    top: 70px;
    background-image: url(../../image/arrow_down.png);
}
#subirinicio{
    bottom: 5px;
    background-image: url(../../image/arrow_up.png);
}
#observacion_con{
    height: 80px;
}
#btn_asignarEstudiante{
    width: 27%;
    font-size: 15px;
}
#observacion_con_base{
    margin-bottom: 5px;
}
#btn_coinEditar{
    padding: 0;
    font-size: 10px;
}
.letra_btnvalidado{
    font-size: 12px;
}
.borde_trnasferencia{
    border-right: 1px solid;
}
.top_botonesCaida{
    margin-top: 6px;
}
.mar_botonesCaida{
    margin-bottom: 5px;
}
.mensaje_anulacion{
    background-color: yellow;
    margin-bottom: 10px;
}
.imagen_advertencia{
    width: 27px;
}
.calendario_tabla{
    position: relative;
}
#Mj_valMax{
    font-size: 30px !important;
}
.margen_detalle1{
    margin-top: 10px;
}
.margen_detalle2{
    margin-top: 44px;
}
.estado_pf_color{
    background: red;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: red;
}
.estado_cartera_c_color{
    background: green;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: green;
}
.estado_cartera_prej_color{
    background: #2c4361;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: #2c4361;
}
.estado_cartera_prejuridica_color{
    background: purple;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: purple;
}
.color_congelado{
    background: rgba(51,194,255,1.00) !important;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: rgba(51,194,255,1.00) !important;
}
.color_kids{
    background: orange;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: orange;
}
.color_prioritario{
    background: yellow;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: yellow;
}
.estado_pf_color_leyenda{
    background: red;
    border-radius: 10px;
    color: white;
}
.estado_cartera_c_color_leyenda{
    background: green;
    border-radius: 10px;
    color: white;
}
.estado_cartera_prej_color_leyenda{
    background: #2c4361;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 3px;
    text-align: center;
    width: 1.6em;
    color: #2c4361;

}
.estado_cartera_prej_color_leyendaco{
    background: #2c4361;
    border-radius: 10px;
    color: white;
}
.color_kids_leyenda{
    background: orange;
    border-radius: 10px;
}
.color_prioritario_leyenda{
    background: yellow;
    border-radius: 10px;
}
.color_congelado_leyenda{
    background: rgba(51,194,255,1.00);
    border-radius: 10px;
}
.colores_estados_vtn{
    font-size: 8px;
    margin-top: 10px;
    margin-bottom: 8px;
}
.letra_colores_listar{
    font-size: 12px;
}
.img_logosproduccion{
    width: 10%;
    margin-left: 538px;
}
.color_verde_evolve{
    background: #5d9c86 !important;
}
.azul_empresa{
    background: #284865;
}
.verde_empresa{
    background: #008080;
}
.e_tablabaja_informe{
    margin-top: 13px;
}
.color_th{
    color: black !important;
    background-color: #F2F2F2 !important;
    border: solid 0.1em !important;
}
.letra_tbl_produccion{
    font-size: 11px;
}
#tbl_filial_produccion{
    font-size: 12px;
}
#tbl_diaria_produccion{
    font-size: 16px;
}
.letra_fuente_informe{
    font-size: 11px;
}
td.centro_vertical{
    vertical-align: middle ;
}
.tbl_ejecutivo_produccion{
    margin-bottom: 12px;
}
.color_previo_pago{
    background: rgba(46,194,66,1);
    background: -moz-linear-gradient(left, rgba(46,194,66,1) 0%, rgba(222,222,222,1) 41%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,194,66,1)), color-stop(41%, rgba(222,222,222,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(46,194,66,1) 0%, rgba(222,222,222,1) 41%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(46,194,66,1) 0%, rgba(222,222,222,1) 41%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(46,194,66,1) 0%, rgba(222,222,222,1) 41%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(46,194,66,1) 0%, rgba(222,222,222,1) 41%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ec242', endColorstr='#ffffff', GradientType=1 );
}
th.pf_nomb{
    padding-right: 11px;
    text-align: center;
}
#tabla_pritalonario{
    font-size: 13px;
}
#btn_generarCodigo2 {
    /* margin-top: 26px; */
    width: 13%;
    height: 38px;
    font-size: 19px;
}
#tbl_expirados{
    font-size: 13px;
}
.td_expirados {
    width: 300px !important;
}
.td_expirados2 {
    width: 200px !important;
}
.e_pasar_juridico,.e_guardarJuridico,.e_conservarContrato,.e_cargarContrato{
    font-size: 11px;
}
#tbl_cmr_usuario{
    font-size: 12px;
}
#tbl_cmr_usuario_redes{
    font-size: 11px;
    overflow: auto;
}
#over_flowredes{
    overflow: auto;
    height: 680px;
}
.observacion_selectOriginal{
    height: 36px !important;
}
.rojo_color_letra{
    color: red;
    font-weight: bold;
}
#tbl_redes_sociales{
    font-size: 12px;
    margin-bottom: 10px;
}
.btn_actualizarPPrincipalFil{
    width: 60%;
    height: 19px;
    font-size: 9px;
}
.color_prejuridica_leyenda{
    background: purple;
    border-radius: 10px;
}
.tamano_texmensaje{
    height: 450px !important;
}
.margencard_prejuridico{
    margin-bottom: 15px;
}
.margen_corrienteMargin{
    margin-bottom: 10px;
}
.btn_eliminarDatoRedes{
    font-size: 7px !important;
}

#tbl_atencion_llamada{
    font-size: 12px;
}
.e_abrirFichaRedesContrato{
    cursor: pointer;
    border: solid 1.5px !important;
}
#nota_col_respuestas{
    border-right: solid 1px;
}
#nota_col_alerta{
    height: 200px;
    overflow: auto;
}
.observacionCali{
    height: 100px !important;
}
.bordebajocomentario{
    border-top: solid 4px red;
}
.btn_reiniciarCalificacion,.btn_cancelarClaseHis{
    height: 20px;
    font-size: 10px;
    padding: 0;
}
.letra_div_practica{
    font-size: 14px;
    margin-bottom: 7px;
}
.margen_right_practica{
    border-right: solid;
}
.margen_bottom_practica{
    border-bottom: solid !important;
}
.div_grafica_pc_progress{
    display: block;
    height: 405px;
    width: 563px !important;
}
.div_grafica_progress{
    display: block;
    height: 405px;
    width: 563px !important;
}
.div_grafica_unit{
    display: block;
    height: 405px;
    width: 563px !important;
}
.grafica_notaEstadistica,.grafica_progress1,.grafica_progress1,.div_grafica_performance{
    display: block;
    height: 405px;
    width: 100% !important;
}
#grafica_notaEstadistica,#grafica_progress1,#grafica_progress2,#div_grafica_performance{
    max-height: 350px;
}
.margen_performance{
    margin-bottom: 8px;
}
.tamano_select_performance{
    width: 20%;
}
.colores_redes_informe{
    border-radius: 10px;
}
.letra_colores_listar2{
    font_size: 14px !important;
}
.card_agenda_mes{
    text-align: center;
    color: black;
}

#agendaListar a, #agendaListar a:active, #agendaListar a:hover {
    text-decoration: none !important;
    color: black !important;
}

#agendaListar > div > div {
    padding: 0;
}

.cantidad_tareas_mes, .cantidad_tareas_mes2 {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 7pt;
    color: white !important;
    background: #004769;
    text-decoration: none;
    margin-top: 10px;
    border-radius: 10px;
}

.cantidad_tareas_mes {
    right: 0;
    border-top: solid 1px red;
    border-left: solid 1px red;
    color: red;
}

.cantidad_tareas_mes2 {
    right: 18px;
    border-top: solid 1px green;
    border-left: solid 1px green;
    color: green;
}

#texto_tarea{
    height: 150px;
}
#observacion_agenda{
    height: 100px;
}
.borde_derecho_tarea{
    border-right: solid 1px;
    overflow: auto;
    height: 300px;
}
.verde_agenda{
    background-color: rgba(0,255,68,0.10);
}
.color_azul_agenda{
    background-color: rgb(25, 169, 140);
}

.diasemana {
    font-size: 0.8em;
    text-align: center;
}

.list-group-item {
    padding: 0.2rem 0.5rem;
}

.e_tareaCargar, .e_tareaCargar2{
    font-size: 0.9em;
}

.checkRealizado {
    display: inline-block;
    width: 35px;
    vertical-align: top;
}

.textoRealizado {
    display: inline-block;
    width: calc(100% - 40px);
    position: relative;
}

.eliminarRealizado {
    text-align: right;
}

.tareaRealizado{
    text-decoration:line-through;
}
.color_verde_redes{
    background: rgb(75,210,24) !important;
    background: -moz-linear-gradient(90deg, rgba(75,210,24,1) 0%, rgba(75,210,24,1) 71%, rgba(255,255,255,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(75,210,24,1) 0%, rgba(75,210,24,1) 71%, rgba(255,255,255,1) 100%) !important;
    background: linear-gradient(90deg, rgba(75,210,24,1) 0%, rgba(75,210,24,1) 71%, rgba(255,255,255,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4bd218",endColorstr="#ffffff",GradientType=1) !important;
}
.color_gris_redes{
    background: rgb(188,191,186);
    background: -moz-linear-gradient(90deg, rgba(188,191,186,1) 0%, rgba(188,191,186,1) 55%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(188,191,186,1) 0%, rgba(188,191,186,1) 55%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(188,191,186,1) 0%, rgba(188,191,186,1) 55%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcbfba",endColorstr="#ffffff",GradientType=1);
}
.color_rojo_redes{
    background: rgb(233,162,172);
    background: linear-gradient(90deg, rgba(233,162,172,1) 0%, rgba(233,162,172,1) 83%, rgba(255,255,255,1) 100%);
}
#checkear_realizado{
    transform: scale(2.6) !important;
}

@media (min-width: 768px){
    .tamCal  {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .tamCal {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {
    .tamCal {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}
.e_cargarAlertaContrato{
    width: 48%;
    cursor: pointer;
}
.rowfilial_contratonuevo{
    margin-top: 13px;
}
.colores_nuevo_contratotitulo{
    color: white;
    background: #004769;
    padding-top: 5px;
    padding-bottom: 5px;
}
.inputs_nuevo_contrato input,.div_nuevo_contrato {
    text-align: center;
    background-color: #d4dbe0;
    border-radius: .25rem .25rem 0 0;
    border-color: #004769;
}
.inputs_nuevo_contrato label {
    text-align: center;
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
    border-radius: 0 0 .25rem .25rem;
    border: 1px solid #004769;
}
.div_nuevo_contrato {
    height: 36px;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}
.btn_crearNuevoContratoFicha{
    font-size: 28px;
}
#div_practicassemanas {
    height: 500px;
    overflow: auto;
    font-size: 12px;
}
.color_cafe_datocerrado{
    background: rgb(222,229,74);
    background: linear-gradient(90deg, rgba(222,229,74,1) 0%, rgba(222,229,74,1) 83%, rgba(255,255,255,1) 100%);
}
.cards_tamanoPractica{
    padding: 1px !important;
}
.tam_headerPractica{
    height: 50px;
    font-size: 10px;
}
.tam_bodyPractica{
    height: 200px;
    font-size: 12px;
}
.tam_footeePractica{
    height: 90px;
}
.borde_cousuarionuevocon{
    border: 1px solid;
    background: #004769;
}

.inputs_nuevo_contrato select {
    background-color: #d4dbe0;
    border-radius: 0;
    height: 2.25rem;
}
.inputs_nuevo_contrato .col-4.col-sm-4.col-md-4.col-lg-4.col-xl-4 {
    padding: 0;
}

.inputs_nuevo_contrato .row {
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #004769;
    border-radius: .25rem .25rem 0 0;
}
.div_margen_nuevocontrato{
    margin-bottom: 12px !important;
}
.letra_numeroconfirmacioncon{
    font-size: 35px;
}
.color_headerHistorial{
    background-color: #19A98C;
    color: white
}
.alerta_rojoCuotas{
    width: 2%;
}
.agregar_cousuarios{
    width: 2%;
}
#abrir_Cousuarios, #abrir_Cousuarios3{
    cursor: pointer !important;
}
.tamano_letrajuridicoinforme{
    font-size: 12px;
}
.imagenKidsContratoNuevo{
    width: 8%;
}
.espacioderecha {
    display: block;
    width: 100px;
    color: white;
}
.rojo_fuerte_fuerte {
    background: red !important;
}
.colores_nuevo_contratotitulo_codeudor{
    color: white;
    background: #5b9983;
}
.inputs_nuevo_contrato_codeudor input,.div_nuevo_contrato_codeudor {
    text-align: center;
    background-color: #d4dbe0;
    border-radius: .25rem .25rem 0 0;
    border-color: #5b9983;
}
.inputs_nuevo_contrato_codeudor label {
    text-align: center;
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
    border-radius: 0 0 .25rem .25rem;
    border: 1px solid #5b9983;
}
.btn_deudoranadir{
    margin-bottom: 10px;
}
#observacion_coinNuevo_texa{
    height: 120px;
}
#exepcion_con{
    height: 95px;
}
#contacto_nomotivoAct{
    height: 150px;
}
td .bordeUsuarioAsignacion{
    border-left: solid black !important;
}
td .bordeUsuarioAsignacionDerecho{
    border-right: solid black !important;
}
.descripencuesta{
    height: 300px !important;
}
#tamanohistorialAcademico{
    height: 800px;
    overflow: auto;
}
#buscarcontrato{
    color: black !important;
}
.e_cargarAsignacionencuesta{
    margin-bottom: 10px !important;
}
.margen_preguntaencuesta{
    margin-bottom: 10px !important;
}
.colorencuestaTitulo{
    background-color: #1ea88e;
}
#enviar_encuesta{
    font-size: 57px !important;
}
.margen_noaplicacodeudor{
    margin-top: 10px;
}
#div_seenviolaconstancia{
    font-size: 70px;
}
.letrapequenaConsolidado{
    font-size: 14px;
}
.e_tamanoaccordionencuesta{
    margin-bottom: 10px;
}
.letratblencuestainforme{
    font-size: 13px;
}
.card_bodyencuesta{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
#tbl_letraInfoGerencial{
    font-size: 12px;
}
.letrainteractivetabla{
    font-size: 12px;
}

#tbl_plusvirtual{
    font-size: 59px;
}
#btn_entrarInteractive{
    width: 211px;

}
.letratitulorecaudo{
    font-size: 12px;
}

.e_guardarAprobacionNumeroIngreso, .e_guardarValorConsignado{
    border-radius: 0;
    border: 0;
    width: 85px;
    text-align: center;
    font-size: 12px;
}

.input_tdingreso{
    padding: 0 !important;
}
#tbl_ingreso_diario{
    font-size: 12px;
    overflow: auto;
    height: 200px;
}

.dropdown-item {
    padding: .25rem 0.6rem;
}

.dropdown-menu {
    min-width: 13rem;
}
.visualizacion_imagen{
    max-width: 100%;
}
#tbl_contratoPendientesValidar{
    font-size: 12px;
}
.bordemiperfil{
    border-right: solid;
}
.superior_miperfil{
    border-top: 4px solid blue;
}
#btn_editarDatosbasicos, #btn_editarDatospago,#btn_verContratoPerfil, #btn_aportessociales{
    width: 26px;
    cursor: pointer;
    position: absolute;
    right: 15px;
}
#bnt_anadirGrupoFamiliar{
    width: 26px;
    cursor: pointer;
}
.e_usuario_familiaCargar, .btn_verarchivoscontrato{
    width: 26px;
    cursor: pointer;
}
#pes_perfil .nav-item {
    width: 20%;
    border-right: 1px solid white;
    overflow: hidden;
}
#pes_perfil .nav-item a {
    background-color: #e8e9ec;
    height: 100%;
    color: #3c3c3c;
}
#pes_perfil .nav-item a.active {
    background-color: white;
    border-top: 2px solid #284865;
    color: #339ff9;
}
.tituloItemsPerfil{
    margin-bottom: 16px;
    font-size: 22px;
}
.letraRecaudoPlanilla{
    font-size: 13px;
}
.e_cargarSoporte{
    width: 20px;
    cursor: pointer;
}
.e_cargarSoporteConsignacion{
    width: 20px;
}
.e_cargarSoporteForma_pago{
    width: 20px;
    max-width: none;
    cursor: pointer;
}
.colorconsignacioningreso{
    background: linear-gradient(to right, #303e6d 0%, #13182e 100%) !important;
    color: white !important;
}
#cargarArchivosContrato{
    width: 26px;
    cursor: pointer;
    position: absolute;
    right: 52px;
}
.aportesimgarchivo{
    width: 26px;
    cursor: pointer;
}
.cardsAportesParafiscales {
    margin-bottom: 10px;
}
.td_fechaprevio{
    position: relative;
}
.letrapeqinformeingresos{
    font-size: 14px;
}
.td_checkboxGrupof{
    text-align: center
}
#tbl_grupofamiliar{
    font-size: 12px;
}
.img_perfil_u {
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid;
    float: left;
    margin-top: 27px;
}
.imagenPerfil_u {
    width: 100%;
    height: auto;
}
.e_cargarObservacion{
    padding: 0px;
    width: 23px;
    height: 16px;
    font-size: 9px;
}
#observacionAdiAct{
    height: 250px;
}
.margenAbajobotones{
    padding-bottom: 55px;
}
#btn_ingreso_diarioCrear{
    padding-top: 12px;
    font-size: 35px;
}
.div_graficasEncuesta{
    display: block;
    height: 405px;
    width: 100% !important;
}
.margenderechograficaEncuesta{
    margin-left: 10px;
    margin-bottom: 10px;
}
.select_actaprogress{
    width: 20%;
    display: initial;
}
.select_actaprogress2{
    width: 31%;
    display: initial;
}
.tamanoinput_actagrammar{
    display: initial;
    width: 37%;
}
.tamanoinput_acta{
    display: inline;
    width: 12%;
}
.tamanoinput_actacalendario{
    display: inline;
    width: 17%;
}
#observacionactaprogressCheck{
    height: 220px;
}
#observacionCompromisosActa{
    height: 220px;
}
#bordetablausuarioetapa{
    margin-bottom: 12px;
}
.imagen_verificacionfirma{
    width: 132%;
    margin-top: 25px;
}

td.centrarvertical{
    vertical-align: middle;
}
.amarillooscuro{
    background-color: #e2aa25;
}
.cafeoscuro{
    background-color: #7b4c21;
}
#letrapeqinformeaca{
    font-size: 13px !important;
}
.e_bordepresencialgeneral{
    margin-bottom:15px;
}
#sugerenciaAct{
    height: 220px;
}
.datos_formapagoingresos{
    position: fixed;
    width: 40%;
}
div#info_ingreso_diarioFotos {
    min-height: 400px;
}
.e_guardarValor_consignado{
    width: 45%;
    float: left;
}
.e_guardarFechaValor_consignado{
    width: 45%;
    float: left;
}
.bordereciboingreso{
    margin-bottom: 10px !important;
}
#ruta_pago_1_codigo,#ruta_pago_2_codigo{
    width: 300px;
}
#cuenta_bancaria_1_codigo, #cuenta_bancaria_2_codigo{
    width: 194px;
}
.letrapequena_ingreso{
    font-size: 12px;
}
.e_bordeabajoingresos{
    margin-bottom: 12px;
}
.e_aprobarIngresoDiario, .e_rechazarIngresoDiario, .e_editarpagoo{
    padding: 0px;
}
.td_fechasingreso{
    position: relative;
    width: 90%;
}
.cabeceraTamannio{
    padding-left: 130px !important;
    padding-right: 130px !important;
}
.btn_guardarFechavalor{
    padding: 0px;
    height: 29px;
    width: 17px;
}

.botonAsistencia{
    width: 100%;
    text-decoration: none;
    color: white;
    background-color: #284865;
    padding: 14px 80px;
    border-radius: 15px;
    font-size: 16pt;
    font-weight: bold;
}
a .botonAsistencia{

    text-decoration: none;
    color: white;
    font-size: 16pt;
    font-weight: bold;
}
.botonAsistencia{
    width: 100%;
    text-decoration: none;
    color: white;
    background-color: #284865;
    padding: 14px 80px;
    border-radius: 15px;
    font-size: 16pt;
    font-weight: bold;
}
.botonAsistencia:hover{
    text-decoration: none;
    color: white;
    background-color: #19a98c;
}
.e_cargarSoporteflujo {
    max-width: 31px !important;
}

.espacioBotones{
    padding-left: 60px !important;
}
.baseDatosEmp{
    font-size: 10pt;
}
.e_imagendescargarTarjeta{
    width: 13px;
    cursor: pointer;
}
.e_abrirContratoIngreso{
    width: 13px;
    cursor: pointer;
}
#tablaingresofac{
    font-size: 8px;
}
.e_letraredesemp{
    font-size: 12px !important;
}
.tamdescripcionsms{
    height: 150px !important;
}
.overplantillasms{
    overflow: auto;
    height: 300px;
}
#tbl_analisissms{
    font-size: 12px;
}
.oversmsrecordatorio{
    overflow: auto;
    height: 500px;
}
.trans_card {
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.55);
    margin: auto;
    margin-left: 8%;
    margin-right: 8%;
}

.contenedor-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.input-container {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
}

.input-field {
    flex-grow: 1; /* Asegura que el input ocupe todo el espacio disponible */
    padding: 10px;
    padding-right: 60px; /* Ajusta según el tamaño de tu checkbox */
    outline: none;
    border: none;
}
.icon {
    padding: 4px;
    background: white;
    color: #1b9b81;
    font-size: 18pt;
    min-width: 50px;
    text-align: center;
}
.checkbox {
    display: flex;
    align-items: center; /* Centra verticalmente el contenido */
    padding: 10px;
}
.iniciarSesion {
    background: #2c4361;
    padding: 11px;
    border: 2px solid #2c4361;
    border-radius: 10px;
    color: white;
    width: 100%;
    margin-top: 5px;
}
.iniciarSesion:hover {
    background: white;
    padding: 11px;
    border: 2px solid #2c4361;
    border-radius: 10px;
    color: #2c4361;
    width: 100%;
}
#btn_olvidoClave {
    background: white;
    padding: 11px;
    border: 2px solid #1b9a80;
    border-radius: 10px;
    color: #1b9a80;
    width: 100%;
    margin-top: 5px;
}
#btn_olvidoClave:hover {
    background: #1b9a80;
    padding: 11px;
    border: 2px solid #1b9a80;
    border-radius: 10px;
    color: white;
    width: 100%;
}

.fondo_index2{
    width: 100%;  /* Ancho del div */
    background-image: url('../../image/fondo_1.1.jpg'); /* Ruta a tu imagen */
    background-repeat: no-repeat;
    background-size: cover; /* o 'contain' dependiendo de tus necesidades */
    background-position: center;
}

.fondo_index2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 67, 97, 0.61);
    z-index: 1;
}

.imagen_logo_e {
    position: absolute;
    top: 50%;  /* Ajusta estas propiedades para posicionar el logo */
    left: 50%; /* Ajusta estas propiedades para posicionar el logo */
    transform: translate(-50%, -50%); /* Centra el logo */
    z-index: 2;
    width: 600px;
}
#tbl_anticipadossms{
    font-size: 12px;
}
.horarioListar{
    margin-left: 20px;
}
.contenedor_icono{
    background: #284865;
    padding-top: 24px;
    padding-bottom: 1px;
    border-radius: 8px;
}
.contenedor_icono:hover{
    background: #4a977a;
    padding-top: 24px;
    padding-bottom: 1px;
    border-radius: 8px;
}
.icon-container{
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.icon-container:hover{
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.icon-text{
    padding-top: 8px;
}

@media (orientation: portrait) {
    .contenedor_icono{
        background: #284865;
        padding-top: 24px;
        padding-bottom: 1px;
        border-radius: 8px;
        margin-bottom: 8px;
    }
}
.icono_descarga{
    font-size: 16pt;
    padding-right: 10px;
}
.boton_descarga{
    background: #4a977a;
    padding: 20px;
    color: white;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
    margin: 5px;

    display: block; /* Hace que cada enlace ocupe su propia línea en dispositivos móviles */
    width: 100%; /* Opcional: asegúrate de que ocupa todo el ancho disponible */
    margin-bottom: 10px; /* Añade espacio entre los botones */
}
.boton_descarga:hover{
    background: #284865;
    padding: 20px;
    color: white;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
}

/* Opcional: para pantallas más grandes, puedes querer que se muestren de forma diferente */
@media (min-width: 768px) {
    .boton_descarga {
        display: inline-block; /* O en línea para pantallas más grandes */
        width: auto; /* Restablece el ancho para pantallas más grandes si lo habías cambiado */
        margin-bottom: 0; /* Restablece el margen inferior para pantallas más grandes si es necesario */
    }
}
.espacio_hora{
    float: right;
}
.espacio_card{
    margin: 5px;
    padding: 10px;
    background: #284865;
    color: white;
}
.espacio_card:hover{
    background: #325677;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: 0.5s;
}

.card_cabecera{
    background: #284865;
    color:white;
}
.tituloGeneral{
    text-align: left;
    color: #284865;
    font-weight: bold;
    margin: 0px;
}
.tituloPregunta{
    font-weight: bold;
    color: white;
    margin: 0;
}

.card_color{
    background: #284865;
}
.texto_responsable{
    font-size: 8pt;
}
.abrirMensaje{
    margin-bottom: 8px;
}
#checkedtransferenciatodos{
    margin-left: 0px !important;
    height: -1px !important;
}
.e_guardarAsignacion{
    margin-left: 0px !important;
    height: -1px !important;
}
.preguntaSelect{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-right: 5px !important;
}
.form-pregunta{
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: 30% !important;
}
.pregunta1{
    padding-right: 10pt;
    margin: 0;
}
.pregunta2{
    padding-left: 10pt;
    margin: 0;
}
#btn_empezarExamen{
    color: white;
    height: 100px;
    font-size: 24pt;
    width: 50%;
    text-align: center;
    display: initial;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 12px;
    font-family: 'Poppins', sans-serif;
    background-image: url('../../image/nube_boton.png');
    background-color: #5C9C83;
    background-blend-mode: multiply;
    padding: 10px 20px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.margenBoton{
    padding-top: 18px;
}
.iconoTest{
    font-size: 24pt;
    padding-right: 6px;
}


.audio-player {
    /* Estilos del contenedor del reproductor */
}
/*
.play-pause {
    cursor: pointer;
    font-size: 12pt;
    background:#284865;
    color: white;
    font-weight: bold;
}
.play-pause-font {
    color: white;

}*/

.progress-bar {
    /* Estilos para la barra de progreso */
    width: 80%;
    height: 5px;
    background-color: #ddd;
    margin: auto;
}

.progress {
    /* Estilos para la parte llena de la barra de progreso */
    height: 100%;
    background-color: #284865;
    width: 0%;

}
.card_audio{
    width: 50%;
    margin: auto;
    text-align: center;
}

@media (orientation: portrait) {
    #btn_empezarExamen{
        width: 100%;
    }
    .card_audio{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .col-unic{
        max-width: 100% !important;
    }
}

div#d_contenedor.scrollauto{
    height: auto;
}
.progress-container {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    overflow: hidden; /* Asegura que todo dentro del contenedor se ajuste a su tamaño */
}

.progress-bar-act {
    height: 20px;
    background-color: #4caf50;
    border-radius: 8px;
    width: 0%;
    transition: width 0.5s;
    text-align: center;
    color: white; /* Color del texto dentro de la barra */
    line-height: 20px; /* Alinea verticalmente el texto en la barra */
}
.progress-bar-act {
    height: 20px;
    background-color: #4caf50;
    border-radius: 8px;
    width: 0%;
    transition: width 0.5s;
    text-align: center;
    color: white; /* Color del texto dentro de la barra */
    line-height: 20px; /* Alinea verticalmente el texto en la barra */
}
.progress-bar-act-1 {
    height: 20px;
    background-color: #639ed2;
    border-radius: 8px;
    width: 0%;
    transition: width 0.5s;
    text-align: center;
    color: white; /* Color del texto dentro de la barra */
    line-height: 20px; /* Alinea verticalmente el texto en la barra */
}
#tbl_marketinginforme{
    font-size :12px;
}
.col-unic{
    max-width: 13.66% !important;
}

@media (orientation: portrait) {
    .col-unic{
        max-width: 100% !important;
    }
}
@media (orientation: landscape) {
    .col-unic{
        max-width: 10% !important;
        font-size: 9pt;
        padding: 1px;
    }
}

.radio-grande{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.form-check-input {
    opacity: 0; /* Hace el input de radio invisible pero aún funcional */
    position: absolute; /* Posiciona absolutamente para permitir clics */
    width: 1px; /* Tamaño mínimo para mantenerlo funcional */
    height: 1px; /* Tamaño mínimo para mantenerlo funcional */
}

/* Usa 'radio-grande' para aplicar el estilo personalizado */
.radio-grande + .form-check-label {
    background-image: url('../../image/icono_no_check.png'); /* Imagen no seleccionada */
    cursor: pointer;
    height: 43px; /* Altura del radio personalizado */
    width: 40px; /* Ancho del radio personalizado */
    display: inline-block; /* Permite definir ancho y alto */
    background-size: cover; /* Asegura que la imagen cubra el área sin perder proporción */
    padding-top: 6px;
}

.radio-grande:checked + .form-check-label {
    background-image: url('../../image/icono_check.png'); /* Imagen seleccionada */
}
.e_fechatransaccionOtros{
    position: relative;
}
.subTitulo{
    font-weight: 300;
    color: #284865;
    text-align: left;
    margin:0;
}
.descript{
    font-weight: lighter;
    color: darkslategrey;
    text-align: justify;
}
.cabeceraPegajosa{
    position: sticky;
    top: 0px;
}
.articulo{
    text-align: left;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 5px;
}
.tamanno_tabla{
    height: 60vh;
    min-height: 60vh;
}
.margenNone{
    margin: 0;
    text-align: center;
}
.bloqueado {
    pointer-events: none; /* Desactiva eventos de clic */
    opacity: 0.5; /* Ajusta la opacidad; puedes cambiarla según lo opaco que quieras que sea */
}
.card_categoria{
    text-align: center;
    border: none;
    background-color: #80808012;
}
.caja_titulos{
    padding-top: 20px;
    padding-bottom: 20px;
}
.card_preguntas{
    text-align: left;
}
.card_titulo{
    opacity: 0.7; /* Ajusta la opacidad; puedes cambiarla según lo opaco que quieras que sea */
}
.separador_categoria{
    margin-top: 30px;
    margin-bottom: 30px;
}
.radio-container {
    display: flex;
    align-items: center; /* Alinea verticalmente los elementos del contenedor */
}

.radio-label {
    margin-right: 30px; /* Ajusta el espacio entre la letra y el input de radio */
}
.radio_respuesta {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

/*--------Card Exam ---------*/
.pdt-3{
    padding-top: 20px;
}
.card2 {
    border-radius: 20px;
    background: #284865;
    padding: 5px;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 20px 0px;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    height: 100%;
}

.card2:hover {
    transform: scale(1.05);
}

.card2 .top-section {
    height: 150px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(45deg, rgb(4, 159, 187) 0%, rgb(80, 246, 255) 100%);
    position: relative;
}

.card2 .top-section .border {
    border-bottom-right-radius: 10px;
    height: 30px;
    width: 130px;
    background: white;
    background: #1b233d;
    position: relative;
    transform: skew(-40deg);
    box-shadow: -10px -10px 0 0 #1b233d;
}

.card2 .top-section .border::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -15px;
    background: rgba(255, 255, 255, 0);
    border-top-left-radius: 10px;
    box-shadow: -5px -5px 0 2px #1b233d;
}

.card2 .top-section::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    height: 15px;
    width: 15px;
    border-top-left-radius: 15px;
    box-shadow: -5px -5px 0 2px #1b233d;
}

.card2 .top-section .icons {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
}

.card2 .top-section .icons .logo {
    height: 100%;
    aspect-ratio: 1;
    padding: 7px 0 7px 15px;
}

.card2 .top-section .icons .logo .top-section {
    height: 100%;
}

.card2 .top-section .icons .social-media {
    height: 100%;
    padding: 8px 15px;
    display: flex;
    gap: 7px;
}

.card2 .top-section .icons .social-media .svg {
    height: 100%;
    fill: #1b233d;
}

.card2 .top-section .icons .social-media .svg:hover {
    fill: white;
}

.card2 .bottom-section {
    padding: 10px 5px;
}

.card2 .bottom-section .title {
    display: block;
    font-size: 17px;
    font-weight: bolder;
    color: white;
    text-align: center;
    letter-spacing: 2px;
}

.card2 .bottom-section .row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.card2 .bottom-section .row .item {
    flex: 30%;
    text-align: center;
    padding: 5px;
    color: rgba(170, 222, 243, 0.721);
}

.card2 .bottom-section .row .item .big-text {
    font-size: 14px;
    display: block;
    color: white;
}

.card2 .bottom-section .row .item .regular-text {
    font-size: 9px;
    color: white;
}

.card2 .bottom-section .row .item:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, 0.126);
    border-right: 1px solid rgba(255, 255, 255, 0.126);
}
.card2-image{
    width: 100%;
    text-align: center;
    padding: 20px;
    padding-bottom: 0;
}
.puntosGrande{
    font-size: 16pt;
    font-weight: 400;
    color: white
}

.clasificacion{
    width: 100%;
    text-align: center;
}
.clasificacion p{
    color:white;
}
.card-color{
    background: #4a977a !important;
}
.big-text-2{
    color:white;
    font-size: 22pt;
}
.tuEtapa{
    color: white;
}

.colorFondo{
    background-color: #4a977a;
    padding: 30px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    color: white;
}

/* CSS */
.button-64 {
    align-items: center;
    background-image: linear-gradient(144deg,#70CEAB, #3e856a 50%,#284865);
    border: 0;
    border-radius: 12px;
    box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    font-family: Phantomsans, sans-serif;
    font-size: 14px;
    justify-content: center;
    line-height: 1em;
    max-width: 100%;
    padding: 3px;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;

}

.button-64:active,
.button-64:hover {
    outline: 0;
}

.button-64 span {
    background-color: rgb(14, 42, 68);
    padding: 16px 24px;
    border-radius: 9px;
    width: 100%;
    height: 100%;
    transition: 300ms;
}

.button-64:hover span {
    background: none;
}

@media (min-width: 768px) {
    .button-64 {
        font-size: 24px;
    }
}

.centrar-flex{
    display: grid;
    justify-items: center;
}
.text{
    font-size: 12pt;
}

.radio-flex-container {
    display: flex;
    align-items: center;
}

.radio-label {
    width: 20px; /* Ancho fijo para mantener la consistencia */
    text-align: center;
    margin-right: 30px;
}

.custom-control-input {
    margin-right: 5px; /* Asegura algo de espacio entre el input y la etiqueta */
}
.fuentePequenna{
    font-size: 9pt;
}

/*--------Fin Card Exam ---------*/
.bordetablaMarketing {
    border-right: 2px solid !important;
}
#tablaconsolidadoMarketing{
    font-size: 13px;
}


.cards1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 1rem;
    color: rgb(107, 114, 128);
    box-shadow: 0px 87px 78px -39px rgba(0,0,0,0.4);
    width: 100%;
    /* Define un único fondo inicial */
    background: radial-gradient(circle, rgba(0,25,72,1) 56%, rgba(0,25,72,1) 100%);
    /* Transición suave para el fondo */
    transition: background 1.0s ease;
}

.cards1:hover {
    /* Nuevo gradiente para el estado hover */
    background: radial-gradient(circle, rgba(14,49,114,0.8587767870820203) 56%, rgba(0,25,72,1) 100%);
}

.icon3 {
    height: 2rem;
    width: 2rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background-color: #153586;
    color: rgb(59, 130, 246);
}

.icon3 svg {
    height: 1.25rem;
    width: 1.25rem;
}

.content {
    margin-left: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.title {
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.desc {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: rgb(202, 200, 200);
}

.actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0.5rem;
    gap: 0.5rem;
}

.download, .notnow {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    border-radius: 0.5rem;
    padding: 0.375rem 0.5rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgb(255, 255, 255);
    outline: 2px solid transparent;
    border: 1px solid rgba(253, 253, 253, 0.363);
}
.close1 {
    margin: -0.375rem -0.375rem -0.375rem auto;
    height: 2rem;
    width: 2rem;
    display: inline-flex;
    border-radius: 0.5rem;
    background: linear-gradient(to right top, #284865, #284865);
    padding: 0.375rem;
    color: rgba(255, 255, 255, 1);
    border: none;
}

.close svg {
    height: 1.25rem;
    width: 1.25rem;
}

.warning_back{
    background-color: #f8c848;
    color: #141414;
}
.info_back{
    background-color: white;
    color: #141414;
}
.success_back{
    background-color: #17ac44;
    color: white;
}
.danger_back {
    background: #d64242  !important;
    color: red !important;
}
.danger_back p{
    color: white !important;
}
.prioridad{
    color: white;
    margin: auto;
}
.listaCards{
    padding: 0 !important;
    border-radius: 15px !important;

}
.fechasTitulo{
    padding: 5px;
    border: 2px solid #001948;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.textoFecha1{
    margin: 0;
    color: #001948;
}
.fontPoppins{
    font-family: Poppins;
}

.card_agenda{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #19a98c00;
    background-clip: border-box;
    border: 2px solid rgba(0, 25, 72, 0.52);
    border-radius: .25rem;
}
.card-header-agenda{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(0, 25, 72);
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: white;
}
.card-header-agenda h5{
    margin-bottom: 0;
}
.fechaIcono1{
    float: right;
    margin: 0;
}
.colorTextoBlanco{
    color: white
}
.card_mes{
    border: 1px solid #00476924 !important;
    border-radius: 0px !important;

}
.colorDias{
    color: #004769;
    font: 12pt;
}

.colorRojo{
    color:red;
}

.default_color{
    background: transparent;
}
.transparente span {
    background: transparent !important;
    border: 0;
    color: transparent !important;
    text-decoration: none;
}
.e_abrir_dia{
    text-decoration: none !important;
}
.e_cargar_color:hover{
    background: #f3f3f3;
    transition: 0.3s;
}
.iconoPractica{
    font-size: 14pt;
}

.color_encuesta{
    border: 2px solid #141a31;
    border-radius: 8px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 10px;
}
.texto_titulo{
    color: #001948;
    margin-bottom: 0px;
}
.fuente_ejecu{
    font-weight: lighter;
}
.card-alerta {
    padding: 5px;
    background: #284865;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}
.card-alerta:hover {
    padding: 5px;
    background: #345b7f;
    color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.contorno-alerta{
    padding: 20px 10px;
    border: 1px solid #284865;
    border-radius: 10px;
}

.titulo-alerta{
    width: 30%;
    margin: auto;
    margin-bottom: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #284865;
    margin-bottom: 20px;
}
.observacion-alerta{
    font-size: 8pt;
}
.iconoDuplica{
    font-size: 14pt;
    padding: 5px;
    color: brown;
    cursor: pointer;
}
.contenerdorNotas{
    padding: 20px;
    margin: 20px 0px;
    border-radius: 8px;
}
.textoFecha{
    margin: 0px;
    font-size: 8pt;
}
.usuarioTexto{
    margin: 0px;
    font-size: 9pt
}
.card-color-notas{
    background: #284865;
    color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 9pt;
}
.textoObservacion{
    font-size: 12pt;
    margin: 0;
}
.color_naranja{
    background: #fcb531  !important;
    color: white;
}
.color_rojo{
    background: #eb4242  !important;
    color: white;
}
.letraConfirmacioDato{
    font-size: 9pt;
}
.colorPregunta{
    color: white;
    background: rgb(90,154,129);
    background: linear-gradient(317deg, rgba(90,154,129,1) 27%, rgba(136,190,169,1) 79%);
    padding: 10px;
    border-radius: 5px;
}
.card_texto{
    color: white;
    transition: 0.3;
    padding: 15px 0;

}
.card_texto:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.titulo_nombre_numero{
    background: #4a977a;
    color: white;
    padding: 10px;
    margin: 15px 30%;
    border-radius: 10px;
    font-weight: bold;
}
.e_unit_reviewEditar{
    color: white;
    font-size: bold;
}

.e_unit_reviewEliminar{
    float: right;
    font-size: 26px;
}
.azul_empresa_texto{
    color: #284865 !important;
}
.titulo_detalle{
    background: #284865;
    color:white;
    font-weight: bold;
    margin: 10 10px;
    border-radius: 10px;
    padding: 10px;

}
.bloqueOpcion{
    opacity: 0.7 !important;
    pointer-events: none !important;
}
.bloqueOpcionAlt{
    pointer-events: none !important;
}
.abrirUnit{
    cursor: pointer;
}
.numeroFont{
    font-size: 38pt;
    font-weight: bold;
    font-family: poppins;
}
.numeroFont2{
    font-size: 28pt;
    font-weight: bold;
    font-family: poppins;
}
.tituloGeneral{
    color: #284865;
    text-align: center;
    padding: 15px;
    margin: 5px 0;
    border-radius: 10px;
    font-weight: bolder;
}
.centrarContador{
    position: absolute;
    right: 1px;
    left: 1px;
}
.botonVolver{
    position: absolute;
    left: 30px;
}
.colorTitulos{
    background-color: #284865;
    color: white;
    padding: 18px;
    margin-top: 15px;
    border-radius: 10px 10px 0 0;
}
.colorTitulos2{
    background-color: white;
    color: #31587b;
    border-radius: 10px 10px 0px 0px;
    padding: 18px;
    border: 0px;
}
.colorTituloReprobo{
    background-color: #284865;
    color: white;
    border-radius: 10px 10px 0px 0px;
    padding: 8px;
    margin-top: 15px;
}



.cabeceraTitulo{
    display: flex;
    justify-content: center;
}
.descripcionUnit{
    border: 1px solid #284865;
    border-radius: 0px 0px 10px 10px;
    padding: 20px;

}
.w_medio{
    width: 50%;
}
@media (orientation: portrait) {
    .w_medio{
        width: 100%;
    }
}

@media (max-width: 768px) {
    .d-flex {
        flex-direction: column; /* Cambia a disposición vertical */
        justify-content: center;
        align-items: stretch; /* Alinea los elementos en toda la pantalla */
        margin: 5px;
    }

    .custom-select {
        width: 100%; /* El select ocupará todo el ancho */
        margin: 5px 0; /* Reduce los márgenes */
    }

    .mr-2, .ml-2 {
        margin-right: 0;
        margin-left: 0;
    }

    /* Ajustar el título */
    h1, h2, h3, h4, h5 {
        text-align: center; /* Centra el título */
        font-size: 1.5rem; /* Ajusta el tamaño del título */
    }

    /* Ajustar el tamaño de letra de los textos */
    span {
        font-size: 1rem; /* Reduce el tamaño de los textos */
        text-align: center; /* Asegura que los textos se centren */
    }
}

.letra_orden{
    display: inline-block;
    width: 15px;  /* Establecer un ancho fijo para todas las letras */
    text-align: right;  /* Alinear las letras a la derecha */
    margin-right: 10px;  /* Añadir espacio entre la letra y el botón de radio */
    font-weight: bold;
}


.table.table-sm.table-bordered.tbl_extractoResumen td {
    vertical-align: middle;
}
.boton_menu_entry{
    cursor: pointer;
}

.boton_menu_entry:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.botonFlotante{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
.tar_valor_pagado{
    text-align: right;
}
.tar_valor_aplicar{
    text-align: right;
}
.tar_saldo{
    text-align: right;
}
.tar_dias_mora{
    text-align: right;
}
.tar_repactacion{
    text-align: right;
}
.tar_estado{
    text-align: center;
    font-weight: bold;
}
.tar_descuento{
    text-align: right;
}
#total_descuento {
    font-weight: bold;
    text-align: right;
}
#total_pagado{
    font-weight: bold;
    text-align: right;
}
#total_valor_pagar{
    font-weight: bold;
    text-align: right;
}
#total_aplicar{
    font-weight: bold;
    text-align: right;
}

.img-ajustada {
    width: 100px;
    padding: 5px;
}

.titulo_fecha{
    color: black;
    padding: 10px;
    margin: 15px 30%;
    border-radius: 10px;
    font-weight: bold;
}

.menudash a.opcionSB:after {
    content: "\F0CE0";
    font-family: "Material Design Icons";
}

.menudash a.opcionSB[aria-expanded="true"]:after {
    content: "\F0CDC";
    /* fa-chevron-up */
}

.opcionesSB{
    padding-left: 1rem;
}
.opcionSB{
    font-family: 'open-sans';
    font-size: 8pt !important;
    margin: revert;
    font-weight: bold;
}
.fuente_seccion{
    color: #284865;
    margin-top: 40px !important;
    margin-bottom: 37px !important;
    font-family: 'Poppins';
}
.numeroFont_2{
    font-size: 21pt;
    color: white;
}
.centrarContador2{
    position: absolute;
    right: 1px;
    left: 1px;
    font-size: 10pt;
}
.contenedor_historia{
    width: 100%;
    padding: 2rem;
    text-align: center;
    border: 1px solid #001948;
    border-radius: 10px;
    margin: 10px 0;
}
.alinear_historia{
    text-align: left;
}
.e_texareaHistoriaUnit{
    height: 110px !important;
}
.imagenOpcion{
    width: 80px;
    margin-bottom: 5px;
}
.addRow{
    border-radius: 15px;
    background: #4e8272;
}
.azul_evolve{
    background: rgb(57,102,142) !important;
    background: radial-gradient(circle, rgba(57,102,142,1) 19%, rgba(40,72,101,1) 73%) !important;
}
.verde_evolve{
    background: rgb(135,199,174) !important;
    background: radial-gradient(circle, rgba(135,199,174,1) 0%, rgba(90,154,129,1) 100%) !important;
}
.opacidad_boton{
    opacity: 0.7 !important;
}

.botonActivoUni{
    background-color: #19A98C;
}
#vtn_unit_review_tituloActualizar{
    overflow: auto;
}
.texto_ing_rec{
    margin-bottom: 0;
    font-size: 10pt;
    font-weight: 500;
}
.titulo_ing_rec{
    width: 100%;
    background: #ee3f3f;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
}
.encabezado_ing_rec{
    color: #001948;
    font-size: 8pt;
    margin-bottom: 1px;
}
.decorado_ing_rec{
    border: 1px solid red;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.color_linea_roja{
    border-color: red;
}

.icono_check{
    color: green;
    font-size: 80px;
}
.correcta_color{
    background: #3aac3a;
    color: white;
    padding: 2px 10px;
    border-radius: 15px;
}
.incorrecta_color{
    background: #f03939;
    color: white;
    padding: 2px 10px;
    border-radius: 15px;
}
.fondoRespuestas {
    padding: 10px;
    background: #f7f7f7;
    border-radius: 10px;
    margin-top: 10px;
}
.fuenteSemana{
    font-size: 9pt;
    vertical-align: middle !important;
    text-align: center !important;
    font-weight: bold;
}
.fondoSinRegistro{
    background: #19a98c;
    color: white;
    font-weight: bold;
}
.fuenteTabla{
    font-size: 8pt;
}
.card_pract{
    background: whitesmoke;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    cursor: pointer;
}
.color_fecha{
    color: white;
    padding: 2px 8px;
    border-radius: 5px;

}
.colorTituloP{
    color: #284865;
}

.iconoIndicador {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;           /* Ajusta el tamaño según necesites */
    height: 35px;
    border-radius: 50%;    /* Esto crea el círculo perfecto */
    color: white;           /* Color del icono */
    font-size: 20px;       /* Tamaño del icono */
}
.azul_evlve{
    background-color: #284865;
}
.verde_evlve{
    background-color: #57947d;

}

.iconoIndicadorPeq {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;           /* Ajusta el tamaño según necesites */
    height: 20px;
    border-radius: 50%;    /* Esto crea el círculo perfecto */
    background-color: #284865;  /* Color de fondo opcional */
    color: white;           /* Color del icono */
    font-size: 18px;       /* Tamaño del icono */
}
.estadoColor{
    padding: 4px 10px;
    border-radius: 10px;
    color: white;
    font-weight: bold;
}
.blanco_est{
    background: gray;
}
.rojo_est{
    background: #ff5050;
}
.verde_est{
    background: #3ab670;
}
.border_top{
    border-radius: 10px 10px 0px 0px;
}
.letra_peq_cita{
    font-size: 8px;
}
.listaNueva{
    color: white;
    font-weight: bold;
    background: #284865;
    padding: 10px;
}
.verdeNew{
    color: white;
    font-weight: bold;
    background: #4a977a ;
    padding: 10px;
}
.tarjetaNew{
    background: #cbcbcb66;
    color: black;
    padding: 20px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #284865;
    box-shadow: rgba(40, 72, 101, 0.32) 0px 4px 12px;
}
.respuestaStyle{
    background: white;
    color: #284865;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 10px;
    margin-bottom: 3px;

}
.titPregunta{
    background: #4a977a;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}
.cabeceraImagen{
    height: 260px;
    background-size: cover;
    transition: opacity 1s ease-in-out;
    opacity: 1;
}
.estiloBody{
    background: #284865;
    border-radius: 0px 0px 10px 10px;
    color: white;
    font-weight: bold;
    font-size: 13pt;
    margin: 0px !important;
}
.estiloBody2{
    background: #284865;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    font-size: 13pt;
    margin: 0px !important;

}

.card.radioCard {
    overflow: hidden;
    position: relative;
    border-radius: 11px;
    border: 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.card.radioCard .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #30755ea8;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Evita bloquear clics al enlace */
}

.card.radioCard:hover .overlay {
    opacity: 1;
}

.fondoMaterial{
    background: #e7e7e7;
    border-radius: 10px;
    padding: 30px;
}
.iconDescargar{
    font-size: 38pt !important;
}
.iconDescargar{
    font-size: 26pt !important;
}
.btn_descargarAudio{
    background: white;
    color:#284865;
    font-weight: bold;
    transition: 0.5s;
}
.btn_descargarAudio:hover{
    background: #4a977a;
    color:white;
    border: 1px solid #4a977a;
}
.fuenteTituloH{
    background: #284865;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    padding: 10px;
}
@media all and (orientation: portrait) {
    .fondoMaterial{
        padding: 0px
    }
}
.tituloDecorado{
    background: #284865;
    color: white;
    border-radius: 10px;
    padding: 10px;

}
.sessionIniciada{
    background: #17cc17;
    color: white;
    font-weight: bold;
    padding: 1px 5px;
    border-radius: 5px;
    margin: 0px 2px;
}
.tituloNota{
    background: #284865;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding: 5px 10px;
    color: white;
    font-weight: bold;
}

#----------
/* Estilos de la tabla para que se parezca a tu imagen */
.performance-table thead th {
    background: linear-gradient(90deg,#223154,#0f1a2e);
    color:#fff;
    vertical-align: middle;
    font-size: 1.25rem;
    border-color:#23314f !important;
    height: 72px;
}
.performance-table tbody td:first-child{
    font-weight: 600;
    color:#203a43;
    width: 42%;
}
.performance-table td, .performance-table th{
    border-color:#e5edf6 !important;
    height: 20px;
}
.emoji{
    font-size: 2rem;
    display:inline-block;
    line-height:1;
}

/* Radios Bootstrap 4 centrados y más grandes */
.radio-cell .custom-control {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.radio-cell .custom-control-label {
    /* sin texto, solo el círculo */
    padding-left: 0;
    margin: 0;
    min-height: 28px;        /* alto clicable */
    min-width: 28px;         /* ancho clicable */
}
.radio-cell .custom-control-label::before,
.radio-cell .custom-control-label::after{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); /* centrado del círculo */
    width: 22px;
    height: 22px;
}




.info-label {
    font-weight: 700;
    color: #1e2a3a;
}
.info-input {
    background: #e8edff;
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    width: 160px;
}
.full-input {
    width: 100%;
    background: #e8edff;
    border: none;
    border-radius: 4px;
    padding: 8px;
    min-height: 130px;
}
.imageKids{
    width: 120px;
}
.textKid{
    font-weight: bold;
    font-size: 18pt;
    color: #18334b;
    border-left: 2px solid #18334b;
    padding: 5px 10px;
    font-family: 'Poppins'
}
.ico_kid {
    background: orange;
    padding: 2px 6px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
}
.ico_upr{
    background: #efef00;
    padding: 2px 6px;
    border-radius: 5px;
    color: #454545;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
}